/* The existing hero opens into a complete canopy / finishes / return sequence. */
.hero-journey{height:600svh}
.hero-cmf-surface{pointer-events:none;transition:none!important}
.hero-cmf-caption{position:absolute;left:var(--pad);top:50%;width:32%;max-width:420px;z-index:8;transform:translateY(-50%);opacity:0;pointer-events:none;transition:none;color:var(--cream)}
.hero-cmf-caption>.eyebrow{font-size:11px;letter-spacing:.16em;color:#cbd0b9;margin-bottom:24px}
.hero-cmf-caption h2{font-family:var(--sans);font-size:clamp(38px,4.4vw,66px);line-height:1.12;letter-spacing:-.04em}
.hero-cmf-caption h2 span{display:block}
@media(max-width:1100px){
 .hero-cmf-caption{inset:auto var(--pad) 32px;max-width:none;width:auto;transform:none;text-align:center}
 .hero-cmf-caption>.eyebrow{font-size:10px;margin-bottom:12px}
 .hero-cmf-caption h2{font-size:clamp(22px,3.1vw,32px);line-height:1.3;letter-spacing:-.02em}
 .hero-cmf-caption h2 span{display:inline}
 .hero-cmf-caption h2 span+span:before{content:' '}
}
@media(max-width:700px){.hero-journey{height:590svh}.hero-cmf-caption{bottom:48px}.hero-cmf-caption h2{font-size:24px}.hero-cmf-caption h2 span{display:block}.hero-cmf-caption h2 span+span:before{content:none}}
@media(prefers-reduced-motion:reduce){.hero-journey{height:220svh}}

.hero-cmf-caption{inset:auto var(--pad) 44px;max-width:none;width:auto;transform:none;text-align:center}.hero-cmf-caption h2{font-size:clamp(24px,3vw,40px)}.hero-cmf-caption h2 span{display:inline}.hero-cmf-caption h2 span+span:before{content:" "}
