/* Lift the copy without introducing panels or changing the original controls. */
body[data-page="home"]{--reading-shade:8 16 12;--reading-paper:#fffaf1;--paper:var(--reading-paper);--home-copy-rise:calc(clamp(144px,13.5vw,288px) + clamp(32px,4vw,64px));color:var(--reading-paper)}
/* One continuous scene size across the phone/tablet breakpoint. Keep the
   tall phone framing, but bound empty travel on landscape and ultra-wide screens.
   Stable viewport units avoid reflow as mobile browser controls appear. */
body[data-page="home"] .home-hero{height:max(100svh,min(296.2686567164vw,140svh),min(100vw,160svh))}
:root[data-theme="desert"] body[data-page="home"]{--reading-shade:25 15 10;--reading-paper:#fff1df}
:root[data-theme="winter"] body[data-page="home"]{--reading-shade:7 18 26;--reading-paper:#f3f7fa}
:root[data-theme="tropical"] body[data-page="home"]{--reading-shade:5 24 20;--reading-paper:#f2f6ed}
:root[data-theme="animals"] body[data-page="home"]{--reading-shade:20 18 10;--reading-paper:#f7eedc}

/* Compact the copy after removing the collage; preserve the backdrop's
   original framing, stacking and scroll movement into Contact. */
body[data-page="home"] .home-approach{--approach-space:clamp(112px,14vw,224px);--approach-drop:clamp(24px,3vw,64px);--approach-copy-rise:calc(var(--home-copy-rise) - clamp(272px,44svh,600px) - var(--approach-drop));min-height:100svh;padding:var(--approach-space) var(--gutter);grid-template-columns:minmax(0,1fr);scroll-margin-top:max(0px,calc(var(--approach-copy-rise) - var(--approach-space) + 48px))}
/* Keep the fading backdrop above the preceding scene's opaque lower edge. */
:root:not([data-theme="forest"]) body[data-page="home"] .home-approach{isolation:isolate}
body[data-page="home"] .home-approach>.label-rail{top:calc(var(--approach-space) - var(--approach-copy-rise));bottom:calc(var(--approach-space) + var(--approach-copy-rise))}
/* Centre the section labels on the photograph's left inner pillar when visible. */
:root[data-theme="forest"] body[data-page="home"].home-pillar-labels :is(.home-approach,.home-contact)>.label-rail{left:var(--home-pillar-x)}
:root[data-theme="forest"] body[data-page="home"].home-pillar-labels :is(.home-approach,.home-contact)>.label-rail>.section-label{translate:-50% 0}
/* Keep a readable column when tablets switch to the desktop composition. */
body[data-page="home"] .approach-copy{width:min(100%,max(35vw,32rem));align-self:start;padding-left:0;margin-inline:auto;text-align:center;translate:0 calc(-1 * var(--approach-copy-rise))}
body[data-page="home"] .approach-copy .display{max-width:100%}
body[data-page="home"] .approach-copy>h2{--heading-shadow:none}
body[data-page="home"] .approach-copy .display>span:last-of-type{margin-left:0}
body[data-page="home"] .approach-copy>p{width:100%;margin-inline:auto}

/* The timber takes over at the screenshot's rocks (70.3125% down the photo).
   Keep the full image behind its irregular edge; scroll geometry aligns this
   photographic boundary independently of the Contact copy. */
:root[data-theme="forest"] body[data-page="home"] .approach-background{
 --backdrop-end-fraction:.703125;
 /* Keep the scene tall enough for collapsed browser controls without resizing mid-swipe. */
 min-height:calc(100vh / .703125);min-height:calc(100lvh / .703125);
 transform:translate3d(0,var(--backdrop-shift,0px),0);
 /* Blend this photograph's straight crop into the outgoing forest. The
    feather contracts to zero when the scene reaches its settled position. */
 mask-image:linear-gradient(to bottom,transparent 0,
   #00000028 calc(var(--backdrop-entry-feather,0px) * .25),
   #00000080 calc(var(--backdrop-entry-feather,0px) * .5),
   #000000d7 calc(var(--backdrop-entry-feather,0px) * .75),
   #000 var(--backdrop-entry-feather,0px));
}
/* Retain that same photographic anchor when a wide static view crops vertically. */
:root[data-theme="forest"] body[data-page="home"] .approach-background>img{object-position:50% 70.3125%}
/* Preserve original detail beneath the optional, lower-resolution refraction.
   A settled or unavailable effect must never replace the native photograph. */
:root[data-theme="forest"] body[data-page="home"] .approach-background[data-forest-original]>img{opacity:1}
:root[data-theme="forest"] body[data-page="home"] .approach-background[data-forest-original]>.liquid-canvas{opacity:0;transition:opacity .18s ease}
:root[data-theme="forest"] body[data-page="home"] .approach-background[data-forest-original][data-liquid-ready="true"][data-liquid-disturbance="active"]>.liquid-canvas{opacity:1}
:root[data-theme="forest"] body[data-page="home"] .navigation-footer{margin-top:calc(-1 * (var(--footer-overlap) + var(--home-footer-trim,0px)))}
body[data-page="home"] .home-contact>.about-background{mask-image:linear-gradient(transparent 0%,#000 30%,#000 100%)}
@media(prefers-reduced-motion:reduce){
 :root[data-theme="forest"] body[data-page="home"] .approach-background{height:var(--backdrop-static-height,100%);transform:none!important;mask-image:none}
}

/* Position the homepage brand and keep its visibility tied to the scene. */
body[data-page="home"] .header .wordmark{left:50%;top:calc(clamp(24px,4.5svh,52px) + min(clamp(28px,2vw,48px),6svh));translate:-50% var(--footer-brand-shift,0px);text-align:center;transition:opacity .3s ease,visibility 0s}
html[lang="en"] body[data-page="home"] .header .brand-lockup{gap:.6em}
body[data-page="home"].home-sections-active .header .wordmark,
body[data-page].footer-active .header .wordmark{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s .3s}
body[data-page="home"] .header::before,
:root body[data-page="home"] .page-surface main .label-rail>.section-label::before{display:none}

/* Keep the opening photograph and mist at their natural brightness.
   Local text shadows retain legibility; only the departing scene fades out. */
:root body[data-page="home"] .home-hero::after{display:block;background:linear-gradient(180deg,transparent 50%,var(--ink) 100%)}
:root body[data-page="home"].forest-home .home-hero::after{display:none}
/* Show the lower photographs at full strength; shade only the nearby copy. */
:root body[data-page="home"] .approach-background,
:root body[data-page="home"] .home-contact>.about-background{opacity:1}
body[data-page="home"].forest-home .services-background{filter:none}
body[data-page="home"] :is(.approach-copy,.services-intro-copy,.home-about-copy){position:relative;isolation:isolate;--paper:var(--reading-paper);color:var(--reading-paper);text-shadow:0 1px 2px rgb(var(--reading-shade)/.65),0 0 6px rgb(var(--reading-shade)/.12)}
body[data-page="home"] :is(.approach-copy,.services-intro-copy,.home-about-copy)::before{
 /* Keep a quiet, even exposure beneath every line. A broad, eased falloff
    lets the shade merge with the photograph without a dark rectangular rim. */
 --reading-feather-x:clamp(12rem,18vw,24rem);--reading-feather-y:clamp(10rem,12vw,14rem);
 content:"";position:absolute;
 inset:calc(-1 * (var(--reading-feather-y) + 1rem)) calc(-1 * (var(--reading-feather-x) + 1rem));
 z-index:-1;pointer-events:none;background:rgb(var(--reading-shade)/.46);
 mask-image:
  linear-gradient(90deg,transparent,#00000008 calc(var(--reading-feather-x) * .15),#00000021 calc(var(--reading-feather-x) * .3),#00000052 calc(var(--reading-feather-x) * .45),#00000094 calc(var(--reading-feather-x) * .6),#000000d1 calc(var(--reading-feather-x) * .75),#000000f7 calc(var(--reading-feather-x) * .9),#000 var(--reading-feather-x),#000 calc(100% - var(--reading-feather-x)),#000000f7 calc(100% - var(--reading-feather-x) * .9),#000000d1 calc(100% - var(--reading-feather-x) * .75),#00000094 calc(100% - var(--reading-feather-x) * .6),#00000052 calc(100% - var(--reading-feather-x) * .45),#00000021 calc(100% - var(--reading-feather-x) * .3),#00000008 calc(100% - var(--reading-feather-x) * .15),transparent),
  linear-gradient(180deg,transparent,#00000008 calc(var(--reading-feather-y) * .15),#00000021 calc(var(--reading-feather-y) * .3),#00000052 calc(var(--reading-feather-y) * .45),#00000094 calc(var(--reading-feather-y) * .6),#000000d1 calc(var(--reading-feather-y) * .75),#000000f7 calc(var(--reading-feather-y) * .9),#000 var(--reading-feather-y),#000 calc(100% - var(--reading-feather-y)),#000000f7 calc(100% - var(--reading-feather-y) * .9),#000000d1 calc(100% - var(--reading-feather-y) * .75),#00000094 calc(100% - var(--reading-feather-y) * .6),#00000052 calc(100% - var(--reading-feather-y) * .45),#00000021 calc(100% - var(--reading-feather-y) * .3),#00000008 calc(100% - var(--reading-feather-y) * .15),transparent);
 mask-composite:intersect;
}
/* A rounded exposure fade follows the Approach copy without rectangular corners. */
:root[data-theme="forest"] body[data-page="home"] .approach-copy::before{
 mask-image:none;
 background:radial-gradient(ellipse closest-side at 50% 48%,rgb(var(--reading-shade)/.46) 0%,rgb(var(--reading-shade)/.44) 38%,rgb(var(--reading-shade)/.31) 60%,rgb(var(--reading-shade)/.13) 79%,rgb(var(--reading-shade)/.035) 91%,rgb(var(--reading-shade)/0) 100%);
}
/* Reveal clones need their own shadow because the source text is transparent. */
body[data-page="home"] :is(.approach-copy,.services-intro-copy,.home-about-copy) .motion-copy{text-shadow:0 1px 2px rgb(var(--reading-shade)/.65),0 0 6px rgb(var(--reading-shade)/.12)}
body[data-page="home"] :is(.approach-copy,.services-intro-copy,.home-about-copy)>p{font-size:clamp(1.125rem,1.2vw,1.25rem);line-height:1.75;max-width:62ch}
body[data-page="home"] :is(.approach-copy,.services-intro-copy)>p{margin-top:1.75rem}
body[data-page="home"] .home-about-copy{width:min(calc(100% - 2*var(--gutter)),clamp(32rem,32.5vw,640px))}
body[data-page="home"] .home-about-copy>.lead{font-size:clamp(1.25rem,1.4vw,1.5rem);line-height:1.6}
body[data-page="home"] .home-about-copy .display{margin-bottom:1.75rem}
/* Keep the original breathing room as the footer meets the earlier photo edge. */
body[data-page="home"] .home-contact{height:auto;min-height:max(100svh,min(100vw,150svh));margin-block-start:clamp(40px,6vw,160px);padding-block:7rem;--contact-padding-balance:0px;--contact-center-lift:calc((var(--contact-lift,0px) + var(--footer-overlap,0px)) * .5 + clamp(64px,8svh,96px))}
/* Rest the complete group slightly above the center of the visible scene. */
body[data-page="home"] .home-contact .home-about-copy{translate:0 calc(var(--contact-padding-balance) - var(--contact-center-lift))}
body[data-page="home"] .home-contact>.label-rail{top:calc(max(6.25vw,var(--home-copy-rise)) + var(--contact-lift,0px) + var(--contact-padding-balance) - var(--contact-center-lift));bottom:calc(var(--contact-label-end,0px) + var(--contact-center-lift) - var(--contact-padding-balance))}
body[data-page="home"] .hero-title h1{font-size:clamp(1.75rem,2vw,2rem);line-height:1.5;color:var(--reading-paper);text-shadow:0 1px 4px #0008}
body[data-page="home"] .hero-title{flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-inline:var(--gutter);gap:1rem}
body[data-page="home"] .hero-introduction{max-width:min(100%,34rem);font-size:clamp(1rem,1.15vw,1.125rem);line-height:1.75;text-wrap:pretty;color:var(--reading-paper);text-shadow:0 1px 4px #0008;transition:opacity .5s}
/* Pair composed capitals with a quieter signature and natural narrow-screen wrapping. */
html[lang="en"] body[data-page="home"] .hero-title{padding-inline:clamp(24px,6vw,96px);gap:clamp(1.5rem,3.5svh,2.25rem)}
html[lang="en"] body[data-page="home"] .hero-title h1{font-family:Cinzel,Georgia,serif;font-size:clamp(1.25rem,calc(.6rem + 1.8vw),2.25rem);line-height:1.4;letter-spacing:.075em;text-transform:uppercase;text-shadow:0 1px 3px rgb(var(--reading-shade)/.38);max-width:100%;text-wrap:balance}
html[lang="en"] body[data-page="home"] .hero-introduction{font-family:Cinzel,Georgia,serif;font-size:clamp(.8125rem,.95vw,.875rem);line-height:1.8;letter-spacing:.14em;max-width:100%}
body[data-page="home"].hero-away .hero-introduction{opacity:0}
body[data-page="home"] .label-rail>.section-label{color:var(--reading-paper);font-size:clamp(1rem,1.25vw,1.40625rem);text-shadow:0 1px 2px #000e,0 0 8px #0008}
body[data-page="home"] .edge-details{bottom:calc(2.5vw + 12px);font-size:max(.8125rem,var(--small))}
html[lang="en"] body[data-page="home"] .edge-details{display:none}
body[data-page="home"] .edge-details>span:first-child{display:none}
body[data-page="home"] .edge-details>span:nth-child(2){grid-column:1 / -1;justify-self:center;text-align:center;max-width:100%}
body[data-page="home"] .edge-details>span{color:var(--reading-paper);text-shadow:0 1px 2px #000c,0 0 8px #0006}
body[data-page="home"] .header .menu-toggle{font-size:max(.875rem,var(--small))}
body[data-page="home"] .header :is(.wordmark,.footer-top),body[data-page="home"] .header .menu-toggle .menu-letter{opacity:1;text-shadow:0 1px 2px #000c,0 0 8px #0006}
body[data-page="home"] main .line-link{font-size:1.125rem}
body[data-page="home"] .header :is(.menu-toggle,.footer-top,.wordmark):focus-visible,body[data-page="home"] .line-link:focus-visible{outline:2px solid #fff5d8;outline-offset:5px}

body[data-page="home"] .navigation-panel .language-picker>.menu-setting-label,body[data-page="home"] .navigation-panel .theme-picker>.theme-label{color:#e6e1d6;opacity:1}

@media(max-width:767px){
 body[data-page="home"]{--home-copy-rise:calc(144px + clamp(32px,4vw,64px))}
 body[data-page="home"] .edge-details{bottom:calc(7.96vw + 12px)}
 body[data-page="home"] .home-contact>.label-rail{top:calc(max(20vw,var(--home-copy-rise)) + var(--contact-lift,0px) + var(--contact-padding-balance) - var(--contact-center-lift))}
 body[data-page="home"] .label-rail>.section-label{font-size:.875rem}
 body[data-page="home"] :is(.approach-copy,.services-intro-copy,.home-about-copy)::before{--reading-feather-x:7rem;--reading-feather-y:8rem}
 body[data-page="home"] .approach-copy{width:calc(100% - var(--copy-indent))}
 body[data-page="home"] :is(.approach-copy,.services-intro-copy,.home-about-copy)>p{font-size:1.125rem;line-height:1.75}
 body[data-page="home"] .home-about-copy{width:auto;max-width:38rem;margin-inline:var(--copy-indent) 0}
 body[data-page="home"] .home-contact{padding-block:6rem 9rem;--contact-padding-balance:1.5rem}
 body[data-page="home"] .hero-title h1{font-size:clamp(1.5rem,5vw,1.875rem);max-width:100%}
}
/* Reserve room for the lowered copy when a narrow column wraps into more lines. */
@media(max-width:359px){
 body[data-page="home"] .home-approach{padding-block-end:calc(var(--approach-space) + 144px)}
}
@media(max-height:540px) and (min-width:600px){
 html[lang="en"] body[data-page="home"] .hero-title{gap:1rem}
 html[lang="en"] body[data-page="home"] .hero-title h1{font-size:clamp(1.5rem,3vw,1.875rem);max-width:100%}
 html[lang="en"] body[data-page="home"] .hero-introduction{font-size:.75rem;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="home"] .hero-introduction{opacity:1!important}
 body[data-page="home"] main [data-text-shimmer] shimmer-letter,body[data-page="home"] .header .menu-toggle .menu-letter{animation:none!important;opacity:1}
}
@media(forced-colors:active){
 body[data-page="home"] .header::before{display:none}
 body[data-page="home"] :is(.approach-copy,.services-intro-copy,.home-about-copy)::before{display:none}
 body[data-page="home"] :is(.approach-copy,.services-intro-copy,.home-about-copy){--paper:CanvasText;color:CanvasText;background:Canvas;text-shadow:none}
 body[data-page="home"] :is(.approach-copy,.services-intro-copy,.home-about-copy) .motion-copy{text-shadow:none}
 body[data-page="home"] .hero-title h1,html[lang="en"] body[data-page="home"] .hero-title h1{color:CanvasText;background:Canvas;text-shadow:none}
 body[data-page="home"] .hero-introduction{color:CanvasText;background:Canvas;text-shadow:none}
 body[data-page="home"] .header :is(.menu-toggle,.footer-top,.wordmark):focus-visible,body[data-page="home"] .line-link:focus-visible{outline-color:Highlight}
}

/* Broad, feathered exposure adjustment follows the opening text and fades with it. */
body[data-page="home"] .hero-title{position:relative;isolation:isolate}
body[data-page="home"] .hero-title::before{
 --hero-shade-reach:max(20rem,35svh);
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 /* Keep both lines on an even shade, including narrow-screen wrapping.
    The wide feather reads as mist exposure rather than a panel or halo. */
 background:linear-gradient(180deg,rgb(var(--reading-shade)/.18),rgb(var(--reading-shade)/.24) max(0px,calc(50% - var(--hero-shade-reach))),rgb(var(--reading-shade)/.62) calc(50% - 6rem),rgb(var(--reading-shade)/.62) calc(50% + 6rem),rgb(var(--reading-shade)/.18) min(100%,calc(50% + var(--hero-shade-reach))),transparent);
}
/* Forest fades the complete title group. Other themes fade its text separately. */
body[data-page="home"]:not(.forest-home) .hero-title::before{transition:opacity .5s}
body[data-page="home"]:not(.forest-home).hero-away .hero-title::before{opacity:0}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .hero-title::before{opacity:1!important;transition:none}}
/* A broad exposure gradient makes pale foliage quieter behind the reading column. */
:root:not([data-theme="forest"]) body[data-page="home"] .approach-background{transform:translate3d(0,max(0px,var(--backdrop-shift,0px)),0)}
body[data-page="home"] :is(.approach-background,.home-contact>.about-background)::after{
 content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
 background:linear-gradient(90deg,rgb(var(--reading-shade)/.10),rgb(var(--reading-shade)/.34) 35%,rgb(var(--reading-shade)/.34) 65%,rgb(var(--reading-shade)/.10));
}
html[lang="en"] body[data-page="home"] .hero-introduction{font-size:clamp(.9375rem,1.05vw,1rem);letter-spacing:.1em;text-shadow:var(--heading-shadow)}
body[data-page="home"] .header .wordmark{font-size:clamp(16px,1.2vw,21px)}
/* Give the opening brand the same local contrast support as the reading areas.
   The wide feather follows the wordmark's own fade without a visible panel. */
:root body[data-page="home"] .header .wordmark::before{
 inset:-8rem clamp(-28rem,-22vw,-8rem);
 background:radial-gradient(ellipse closest-side,rgb(var(--reading-shade)/.42),rgb(var(--reading-shade)/.28) 35%,rgb(var(--reading-shade)/.1) 65%,transparent 100%);
}
:root body[data-page="home"].menu-open .header .wordmark::before{opacity:0}
:root body[data-page="home"] .page-surface main .label-rail>.section-label::before{
 display:block;inset:-2rem -3rem;
 background:radial-gradient(ellipse closest-side,rgb(var(--reading-shade)/.25) 20%,rgb(var(--reading-shade)/.1) 60%,transparent 100%);
}
/* Keep paragraphs steady while titles retain their original hover fade. */
body[data-page="home"] [data-text-shimmer]:not(h1,h2,h3,h4,h5,h6,.wordmark,.hero-introduction,.home-section-label,.section-label) shimmer-letter{opacity:1!important}
body[data-page="home"] .navigation-footer .navigation-panel .footer-descriptor{font-size:13px;line-height:1.5;letter-spacing:.06em;text-shadow:0 1px 2px #0009}
body[data-page="home"] .navigation-footer .navigation-panel .footer-bottom :is(.theme-label,.menu-setting-label){font-size:12px;line-height:16px;text-shadow:0 1px 2px #0009}
body[data-page="home"] .navigation-footer .footer-bottom :is(.theme-picker,.language-picker){grid-template-rows:16px 44px;height:64px}
@media(max-height:540px) and (min-width:600px){
 html[lang="en"] body[data-page="home"] .hero-introduction{font-size:.875rem}
}
@media(forced-colors:active){
 body[data-page="home"] .hero-title::before,
 body[data-page="home"] :is(.approach-background,.home-contact>.about-background)::after,
 :root body[data-page="home"] .header .wordmark::before,
 :root body[data-page="home"] .page-surface main .label-rail>.section-label::before{display:none}
 html[lang="en"] body[data-page="home"] .hero-introduction,
 body[data-page="home"] .navigation-footer .navigation-panel :is(.footer-descriptor,.theme-label,.menu-setting-label){text-shadow:none}
}

/* Match the reference's dark stone floor and warm studio lighting. */
:root[data-theme="forest"] .navigation-footer>.navigation-panel{--ink:#080703}
:root[data-theme="forest"] .navigation-footer>.navigation-panel::before{
 content:"";position:absolute;inset:var(--footer-overlap) 0 0;z-index:-2;pointer-events:none;
 background:#080703;
}
@media(max-width:900px){
 :root[data-theme="forest"] .navigation-footer>.navigation-panel::before{background-size:auto 140%;background-position:center bottom}
}
:root[data-theme="forest"] .navigation-footer .footer-pointer-trail{display:none}
:root[data-theme="forest"] .navigation-footer :is(.footer-signoff,.footer-bottom){
 --paper:#e5e7eb;--rule:#e5e7eb40;color:var(--paper);
 text-shadow:none;
}
:root[data-theme="forest"] .navigation-footer .footer-bottom::before{background:#d3c7ad45}
:root[data-theme="forest"] .navigation-footer .footer-bottom .theme-trigger{--theme-ink:#dce0e5;--theme-light:#fff;--theme-metal:#b9c2cc;color:var(--paper)}
:root[data-theme="forest"] .navigation-footer .footer-bottom :is(.theme-label,.menu-setting-label){color:#e5e7eb;opacity:1}
:root[data-theme="forest"] .navigation-footer .footer-bottom .theme-native{color:var(--paper);color-scheme:dark}
:root[data-theme="forest"] .navigation-footer .footer-bottom .footer-brand-icon img{filter:brightness(0) invert(.9)}
:root[data-theme="forest"] .navigation-footer .footer-bottom :is(.theme-trigger,.language-option):focus-visible{outline-color:#e5e9ee}
@media(forced-colors:active){
 :root[data-theme="forest"] .navigation-footer>.navigation-panel::before{display:none}
 :root[data-theme="forest"] .navigation-footer .footer-bottom::before{background:CanvasText}
 :root[data-theme="forest"] .navigation-footer :is(.footer-signoff,.footer-bottom){--paper:CanvasText;--rule:CanvasText;--menu-glint:Highlight;background:Canvas;color:CanvasText;text-shadow:none}
 :root[data-theme="forest"] .navigation-footer .footer-bottom :is(.theme-label,.menu-setting-label){color:CanvasText}
 :root[data-theme="forest"] .navigation-footer .footer-bottom :is(.theme-trigger,.language-option):focus-visible{outline-color:Highlight}
}

/* The new composition fills the visible scene and leaves a small natural
   rock/moss bleed underneath the timber's irregular edge. */
:root[data-theme="forest"] body[data-page="home"] .approach-background[data-home-forest]{
 --backdrop-end-fraction:.9375;
 height:75vw;
 min-height:calc(100vh / .9375);min-height:calc(100lvh / .9375);
}
:root[data-theme="forest"] body[data-page="home"] .approach-background[data-home-forest]>img{object-position:50% 93.75%}
@media(prefers-reduced-motion:reduce){
 :root[data-theme="forest"] body[data-page="home"] .approach-background[data-home-forest]{height:var(--backdrop-static-height,75vw)}
}