/* Motion is opt-in: the page remains visible if scripts cannot run. */
html.lenis,html.lenis body{height:auto}
html.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
/* Reserve space for serif descenders inside each reveal mask without changing line spacing. */
:is(.who-we-serve-page,.services-design-page,.agency-design-page) .hero-title-line{overflow:clip;padding-bottom:.2em;margin-bottom:-.2em}
:is(.who-we-serve-page,.services-design-page,.agency-design-page) .hero-title-inner{display:inline-block;vertical-align:top}
:is(.who-we-serve-page,.services-design-page,.agency-design-page) .motion-pending{opacity:0}
:is(.who-we-serve-page,.services-design-page,.agency-design-page) .motion-word{display:inline-block;overflow:clip;vertical-align:bottom}
:is(.who-we-serve-page,.services-design-page,.agency-design-page) .motion-word-inner{display:inline-block}
@media(prefers-reduced-motion:reduce){
 :is(.who-we-serve-page,.services-design-page,.agency-design-page) .motion-pending{opacity:1}
 :is(.who-we-serve-page,.services-design-page,.agency-design-page) .hero-title-line,:is(.who-we-serve-page,.services-design-page,.agency-design-page) .motion-word{overflow:visible}
}
/* Shared approved hero: Who We Serve and Agency / Expedition use one treatment. */
.concept-page .lmg-standard-hero{min-height:100svh;align-items:center;justify-content:center;text-align:center;padding:155px var(--gutter) 120px;background:#00292d}
.concept-page .lmg-standard-hero .hero-landscape{inset:0;clip-path:none}
.concept-page .lmg-standard-hero .hero-shade{background:linear-gradient(0deg,#003135,transparent 50%),linear-gradient(90deg,#00292d99,#00292d66)}
.concept-page .lmg-standard-hero .hero-copy{display:block;width:min(1180px,100%)}
.concept-page .lmg-standard-hero h1{font-size:clamp(48px,5.5vw,88px);line-height:1.06;margin:22px 0 28px}
.concept-page .lmg-standard-hero .hero-lede{max-width:900px;margin:1em auto;text-wrap:balance}
.concept-page .lmg-standard-hero .hero-title-line{display:block}
@media(max-width:767px){
 .concept-page .lmg-standard-hero{padding:125px var(--gutter) 100px}
 .concept-page .lmg-standard-hero .hero-title-line{display:inline}
}
