/* Continuous forest panorama from the hero through the opening story. */
.main:has(.forest-hero){position:relative;isolation:isolate}
.main .section.visual.forest-hero{height:100svh;min-height:620px;background:transparent;isolation:isolate}
.forest-hero .inner-area{height:100%}
.forest-backdrop{position:absolute;inset:0 0 auto;height:260svh;z-index:0;overflow:hidden;pointer-events:none;background:#edf5fc}
.forest-viewport{position:absolute;top:0;left:0;width:100%;height:var(--forest-vh,100svh);overflow:hidden;will-change:transform;background:#edf5fc}
.forest-image{position:absolute;inset:-4%;will-change:transform}
.forest-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.forest-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#132b45a6,#132b4533 65%,#132b451a),linear-gradient(180deg,#132b4522,transparent 60%,#edf5fc55)}
.forest-viewport:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(100deg,rgba(15,36,60,.20),transparent 60%),linear-gradient(0deg,#edf5fc,rgba(23,45,68,.82));opacity:var(--forest-shade,0);pointer-events:none}
.forest-viewport:after{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(0deg,#edf5fc,transparent 65%);opacity:var(--forest-fade,0);pointer-events:none}
.main .section.visual.forest-hero .title-wrap{position:relative;z-index:5;height:100%;padding-top:calc(var(--header) + 15svh);pointer-events:none}
.main .section.visual.forest-hero .title-wrap .page-tit{max-width:clamp(380px,36vw,600px);margin:0 0 0 8vw;will-change:transform,opacity}
.forest-hero .page-tit svg{filter:drop-shadow(0 3px 22px #132b4520)}
.main:has(.forest-hero)>.motions-group{margin-top:0}
.main:has(.forest-hero) .section.travel{background:transparent}
.main:has(.forest-hero) .section.travel .text-area{position:relative;z-index:2;text-shadow:0 2px 28px #142c4555}
.main:has(.forest-hero) .section.travel .text-area p{color:rgba(245,246,239,.82)}
#header .header-contact{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center}
#header .header-contact .btn{height:52px;padding:0 clamp(16px,1.56vw,24px);border:1px solid #ffffff70;color:#ffffff;font-size:13px;line-height:1;white-space:nowrap;transition:background .3s,color .3s,border-color .3s}
#header .header-contact .btn:hover{background:#a9cdef;color:#edf5fc;border-color:#a9cdef}
body:not(.opened-nav) #container:has(.forest-hero) #header{mix-blend-mode:normal}
body:not(.opened-nav) #container:has(.forest-hero) #header.fixed{background:#edf5fced!important}
@media(max-width:1024px){#header .header-contact .btn{height:44px;padding-inline:16px;font-size:12px}}
@media(max-width:767px){
 .main .section.visual.forest-hero{height:100svh;min-height:600px}
 .main .section.visual.forest-hero .title-wrap{padding-top:calc(var(--header) + 9svh)}
 .main .section.visual.forest-hero .title-wrap .page-tit{width:78%;max-width:340px;margin:0 auto}
 .forest-image img{object-position:57% center}
}
@media(prefers-reduced-motion:reduce){.forest-image,.forest-viewport{will-change:auto}}

/* Night mountain image: retain the star detail and hand off to the green story. */
.forest-backdrop.night-scene .forest-viewport{background:#091624}
.forest-backdrop.night-scene .forest-image:after{background:linear-gradient(90deg,#06101b38,transparent 58%),linear-gradient(180deg,#06101b08,transparent 60%,#edf5fc35)}
.forest-backdrop.night-scene .forest-viewport:before{background:linear-gradient(100deg,#07182033,transparent 65%),linear-gradient(0deg,#edf5fc,#243e58cc)}
.forest-backdrop.night-scene .forest-viewport:after{background:linear-gradient(0deg,#edf5fc,transparent 65%)}
@media(max-width:767px){.forest-backdrop.night-scene .forest-image img{object-position:76% center}}

/* Independent moonlit cloud banks carry the hero into the story below. */
.forest-backdrop.cloud-transition .forest-image img{object-position:center}
.cloud-plane{position:absolute;pointer-events:none;will-change:transform;transform-origin:50% 100%}
.cloud-plane img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none}
.cloud-far{z-index:1;left:-35%;top:5%;width:170%;height:170%;opacity:.74;filter:brightness(.82)}
.cloud-far img{transform:scaleX(-1)}
.cloud-near{z-index:2;left:-30%;top:20%;width:160%;height:160%;opacity:.96;filter:brightness(.78);mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%)}
.forest-backdrop.cloud-transition .forest-viewport:before{z-index:3;background:linear-gradient(180deg,#081a28cc,#243e58ed 75%,#edf5fc)}
.forest-backdrop.cloud-transition .forest-viewport:after{z-index:4}
@media(prefers-reduced-motion:reduce){.cloud-plane{will-change:auto;transform:none!important}}