/* Full-bleed film and original artwork, independently sized for legibility. */
.cinematic-hero{height:calc(100svh - 190px);min-height:560px;max-height:850px;background:#193e31}
.cinematic-hero .hero-video{object-fit:cover;object-position:center;width:100%;height:100%;filter:none}
.cinematic-hero:after{background:rgba(9,24,18,.38)}
.cinematic-hero .hero-content{width:100%;height:100%;min-height:0;padding:44px 24px 82px;align-items:center;justify-content:center;text-align:center}
.cinematic-hero .eyebrow{font-size:11px;line-height:1.5;color:#f7eedf;margin:0 0 20px}
.cinematic-hero h1{width:min(410px,70%);margin:0 0 20px;line-height:1;font-size:0}
.cinematic-hero .hero-wordmark{display:block;width:100%;height:auto;max-height:270px;object-fit:contain}
.cinematic-hero .hero-description{display:block;max-width:540px;margin:0 0 26px;color:#fff8ec;font-size:16px;line-height:1.7;text-shadow:0 1px 5px #14261d99}
.cinematic-hero .hero-actions{justify-content:center;align-items:center;margin:0;gap:12px;flex-direction:row}
.cinematic-hero .hero-actions .button{margin:0;min-height:48px;font-size:13px;border-radius:14px;width:auto;padding:13px 24px}
.cinematic-hero .button-secondary{background:#173b2f80;color:#fff8ec}
.cinematic-hero .hero-caption{left:50%;right:auto;bottom:26px;transform:translateX(-50%);background:none;border:0;padding:0;max-width:none;white-space:nowrap;font-size:10px;color:#f7eedf}
.cinematic-hero .hero-caption span{font-weight:400}
.cinematic-hero .hero-toggle{bottom:18px;right:24px;border-radius:8px;background:#193e3180}
.hero-watermark{position:absolute;z-index:0;pointer-events:none;height:auto;object-fit:contain;opacity:.75}
.watermark-apaneca{left:32px;bottom:76px;width:190px}
.watermark-volcan{right:38px;bottom:80px;width:140px}
.cinematic-hero .hero-content{position:relative;z-index:1}
@media(max-width:1000px){.watermark-apaneca{width:130px;left:24px;bottom:84px}.watermark-volcan{width:100px;right:24px;bottom:84px}.cinematic-hero h1{width:340px}.cinematic-hero .hero-description{max-width:450px}}
/* Mobile gets its own video composition, with no stretched desktop footage. */
@media(max-width:650px){.cinematic-hero{height:calc(100svh - 190px);min-height:470px;max-height:760px}.cinematic-hero .hero-content{padding:54px 24px 80px}.cinematic-hero h1{width:min(290px,82%);margin-bottom:20px}.cinematic-hero .hero-wordmark{max-height:195px}.cinematic-hero .eyebrow{font-size:10px;margin-bottom:18px}.cinematic-hero .hero-description{font-size:13px;line-height:1.65;margin-bottom:22px;max-width:320px}.cinematic-hero .hero-description br{display:none}.cinematic-hero .hero-actions{flex-wrap:wrap;gap:10px}.cinematic-hero .hero-actions .button{padding:12px 15px;min-height:46px;font-size:12px;gap:9px}.cinematic-hero .hero-caption{left:24px;bottom:23px;transform:none;white-space:normal;width:calc(100% - 104px);font-size:8px;line-height:1.7}.cinematic-hero .hero-toggle{right:20px;bottom:16px}.watermark-apaneca{width:86px;left:18px;top:16px;bottom:auto;opacity:.7}.watermark-volcan{width:58px;right:20px;top:16px;bottom:auto;opacity:.7}}
@media(prefers-reduced-motion:reduce){.cinematic-hero *{animation:none!important;transition:none!important}}