/* Match Living Architecture: a full hero plus a quarter-screen sticky runway. */
.hero-scroll-track{position:relative;height:calc(var(--hero-height) + 25svh);z-index:0}
.hero-scroll-track>.hero{position:sticky;top:min(0px,calc(100svh - var(--hero-height)));min-height:100svh!important}
.opening-panel{position:relative;z-index:4;margin-top:0;background:var(--paper);color:var(--ink);border-radius:30px 30px 0 0;box-shadow:0 -12px 45px #170d1433;isolation:isolate}
.hero-scroll-track+.opening-panel{margin-top:-25svh}
.hero-scroll-track~.services{position:relative;z-index:1}
.opening-panel>.protection-enrollment{border-radius:30px 30px 0 0}
.opening-panel .trust-strip{padding-top:30px;background:transparent}
.opening-panel>.trust-strip:first-child{border-radius:inherit}
.opening-panel .intro{background:transparent}
@media(max-width:850px){.opening-panel,.opening-panel>.protection-enrollment{border-radius:24px 24px 0 0}}
@media(max-width:560px){.opening-panel,.opening-panel>.protection-enrollment{border-radius:20px 20px 0 0}}
html.reduce-motion .hero-scroll-track{height:auto}
html.reduce-motion .hero-scroll-track>.hero{position:relative;top:auto}
html.reduce-motion .hero-scroll-track+.opening-panel{margin-top:0}
@media(prefers-reduced-motion:reduce){html:not(.force-motion) .hero-scroll-track{height:auto}html:not(.force-motion) .hero-scroll-track>.hero{position:relative;top:auto}html:not(.force-motion) .hero-scroll-track+.opening-panel{margin-top:0}}

/* Keep navigation pinned from the first scroll pixel, without the old slide-in. */
body>.site-header,body>.site-header.is-scrolled{position:fixed;top:0;transform:none;animation:none;padding-top:12px;padding-bottom:12px}
@media(max-width:560px){body>.site-header,body>.site-header.is-scrolled{padding-top:7px;padding-bottom:7px}}