/* Heritage Fiji V4.2.1 Stable Experience
   Stabilized visual refinement layer. Keeps the V4.1.2 structure intact and
   adds cinematic but restrained motion, glass-header behaviour and video heroes. */

:root{--experience-ease:cubic-bezier(.2,.72,.2,1);--experience-gold:#e5cd72}

/* Header refinement: stable at rest, richer once content moves beneath it. */
.site-header{transition:background-color .32s ease,border-color .32s ease,box-shadow .32s ease,backdrop-filter .32s ease}
.site-header.experience-scrolled{background:color-mix(in srgb,var(--paper) 95%,transparent);box-shadow:0 10px 34px rgba(16,44,28,.085);border-bottom-color:color-mix(in srgb,var(--brand-green) 16%,var(--line));backdrop-filter:blur(22px) saturate(1.08)}
body.experience-home:not(.experience-page-scrolled) .site-header{background:color-mix(in srgb,var(--paper) 87%,transparent);border-bottom-color:color-mix(in srgb,var(--brand-green) 9%,transparent)}

/* Homepage hero: layered entrance, restrained depth and a subtle scroll cue. */
.brand-home-hero::before{filter:saturate(1.03) contrast(1.02)}
.brand-home-hero::after{transition:background .5s ease}
.brand-hero-copy>.eyebrow{animation:exp-rise .68s var(--experience-ease) .04s both}
.brand-hero-copy>h1{animation:exp-rise .82s var(--experience-ease) .12s both}
.brand-hero-copy>p{animation:exp-rise .82s var(--experience-ease) .22s both}
.brand-hero-actions{animation:exp-rise .82s var(--experience-ease) .32s both}
@keyframes exp-rise{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
.experience-scroll-cue{position:absolute;z-index:4;right:max(28px,calc((100vw - 1240px)/2));bottom:118px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.78);font-size:.56rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;pointer-events:none}
.experience-scroll-cue i{display:block;width:48px;height:1px;background:rgba(255,255,255,.42);position:relative;overflow:hidden}
.experience-scroll-cue i::after{content:"";position:absolute;inset:0 auto 0 -22px;width:22px;background:var(--experience-gold);animation:exp-scroll-line 2.4s ease-in-out infinite}
@keyframes exp-scroll-line{0%{transform:translateX(0);opacity:0}25%{opacity:1}70%{opacity:1}100%{transform:translateX(72px);opacity:0}}

/* Editorial reveals: retain existing layout but add a subtle mask/depth treatment. */
.home-action-feature,.home-story-lead,.home-map-callout,.protection-experience{isolation:isolate}
.home-action-feature,.home-story-lead{box-shadow:0 22px 55px rgba(13,45,28,.08);transition:transform .45s var(--experience-ease),box-shadow .45s ease}
.home-action-feature:hover,.home-story-lead:hover{transform:translateY(-4px);box-shadow:0 28px 62px rgba(13,45,28,.14)}
.home-action-feature strong,.home-story-lead strong,.home-map-callout strong,.brand-featured-copy b{transition:letter-spacing .28s ease,transform .28s ease,color .28s ease}
.home-action-feature:hover strong,.home-story-lead:hover strong,.home-map-callout:hover strong,.brand-featured-card:hover .brand-featured-copy b{letter-spacing:.025em;transform:translateX(3px)}
.home-action-small b{transition:transform .24s var(--experience-ease)}
.home-action-small:hover b{transform:translateX(5px)}

/* Smoother visual switching in the heritage themes block. */
.protection-visual{transition:opacity .26s ease,filter .32s ease,transform .6s var(--experience-ease)}
.protection-visual.is-switching{opacity:.58;filter:saturate(.82) brightness(.92);transform:scale(1.008)}
.protect-choice{transition:background-color .22s ease,padding-left .22s ease}
.protect-choice:hover,.protect-choice.active{padding-left:9px;background:color-mix(in srgb,var(--brand-green) 4%,transparent)}

/* Map teaser: gentle focus rather than gimmicky motion. */
.home-map-callout{transition:transform .4s var(--experience-ease),box-shadow .4s ease,border-color .3s ease}
.home-map-callout:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(20,59,37,.10);border-color:color-mix(in srgb,var(--brand-green) 22%,var(--line))}
.home-map-visual{overflow:hidden}
.home-fiji-svg{transition:transform .8s var(--experience-ease)}
.home-map-callout:hover .home-fiji-svg{transform:scale(1.025) translate3d(0,-2px,0)}
.map-preview-label{transition:transform .3s var(--experience-ease),box-shadow .3s ease}
.home-map-callout:hover .map-preview-label{transform:translateY(-2px);box-shadow:0 6px 16px rgba(6,35,19,.12)}

/* Site hero video. The public layout does not change when a site stays image-based. */
.site-hero{isolation:isolate}
.site-hero-media-wrap{position:absolute;inset:0;overflow:hidden;z-index:0;background:#102b1c}
.site-hero-media-wrap .site-hero-bg{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;background-size:cover;background-position:center}
.site-hero-video{display:block;filter:saturate(1.02) contrast(1.02)}
.site-hero-media-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,28,17,.78),rgba(7,28,17,.28) 62%,rgba(7,28,17,.12)),linear-gradient(0deg,rgba(4,18,11,.32),transparent 52%);pointer-events:none}
.site-hero-content{position:relative;z-index:2}
.hero-video-toggle{position:absolute;z-index:5;right:max(20px,calc((100vw - 1240px)/2));bottom:22px;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(10,39,23,.58);backdrop-filter:blur(12px);color:#fff;cursor:pointer;font-size:.56rem;font-weight:850;letter-spacing:.03em;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.hero-video-toggle:hover,.hero-video-toggle:focus-visible{background:rgba(10,39,23,.8);border-color:rgba(229,205,114,.75);transform:translateY(-1px)}
.hero-video-toggle span{font-size:.72rem;color:#f0d672}

/* Small quality-of-motion details. */
.btn{transition-property:transform,background-color,border-color,color,box-shadow!important;transition-duration:.22s!important;transition-timing-function:var(--experience-ease)!important}
.btn:hover{transform:translateY(-1px)}
.brand-featured-card .featured-access{transition:transform .3s ease,background .3s ease}
.brand-featured-card:hover .featured-access{transform:translateY(-2px)}

@media(max-width:760px){
  .experience-scroll-cue{display:none}
  .hero-video-toggle{right:14px;bottom:14px}
  .hero-video-toggle strong{display:none}
  .hero-video-toggle{width:36px;padding:0;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .brand-hero-copy>*{animation:none!important}
  .experience-scroll-cue{display:none!important}
  .home-action-feature,.home-story-lead,.home-map-callout,.protection-visual,.home-fiji-svg{transform:none!important;transition:none!important}
}