/* Hero hierarchy: one audience cue, one focus, room for the motion. */
.site-nav{justify-content:flex-end}
.story-hero .hero-stage{min-height:0!important;padding:40px 0 100px!important;display:flex;align-items:center}
.story-hero .hero-copy{width:60%;max-width:720px}
.story-hero .hero-kicker{display:inline-flex;width:auto;max-width:100%;align-items:center;margin:0 0 20px;padding:6px 12px;border:1px solid #ffffff55;border-radius:999px;background:#14202466;color:#fff;font:500 11px/1.4 var(--sans);letter-spacing:.02em}
.story-hero h1{font-size:clamp(48px,5.3vw,80px);line-height:1.02;font-weight:600;letter-spacing:-.055em}
.story-hero h1 span,.story-hero h1 em{display:block}
.story-hero h1 em{color:var(--yellow);font-style:normal}
.story-hero p.lede{max-width:350px;margin:20px 0 24px;color:#fff;font-size:15px;line-height:1.55;text-shadow:0 1px 8px #0008}
.story-hero .button.gold{width:auto;min-height:48px;padding:12px 20px;font-size:13px}
.hero-film:after{background:linear-gradient(90deg,rgba(9,19,23,.8),rgba(9,19,23,.6) 35%,rgba(9,19,23,.08) 75%),linear-gradient(0deg,rgba(9,19,23,.45),transparent 20%)}
.story-hero .hero-footer{position:absolute;left:0;right:0;bottom:22px;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px}
.story-hero .hero-footer .hero-scroll{position:static;width:auto;margin:0;padding:0;gap:12px;color:#fff;font-size:9px;white-space:nowrap}
.hero-footer .hero-scroll:after{display:none}
.story-hero .hero-footer .hero-language{width:auto;max-width:none;margin:0;padding:0;border:0;background:none;box-shadow:none}
.story-hero .hero-footer .language-toggle{min-height:44px;padding:8px 12px;border:1px solid #ffffff66;border-radius:4px;background:#14202455;color:#fff;font:500 11px/1 var(--sans)}
.story-hero .hero-footer .language-toggle:hover{background:#142024bb}
.story-hero .hero-contour{display:none}
@media(max-width:768px){
 .site-header{display:none}
 .story-hero .hero-stage{min-height:0!important;padding:30px 0 100px!important;display:block}
 .story-hero .hero-grid{display:block;width:calc(100% - 40px)}
 .story-hero .hero-copy{width:100%;max-width:440px}
 .story-hero .hero-kicker{margin-bottom:20px;font-size:11px;padding:5px 11px}
 .story-hero h1{font-size:clamp(38px,10.8vw,64px);line-height:1.03;max-width:440px}
 .story-hero p.lede{max-width:310px;margin:18px 0 22px;font-size:14px;line-height:1.5}
 .story-hero .button.gold{min-height:46px;padding:11px 18px;font-size:13px}
 .hero-film:after{background:linear-gradient(180deg,rgba(9,19,23,.65) 0%,rgba(9,19,23,.45) 42%,rgba(9,19,23,.08) 72%,rgba(9,19,23,.28) 100%),linear-gradient(90deg,rgba(9,19,23,.16),transparent 80%)}
 .story-hero .hero-footer{width:calc(100% - 40px);bottom:22px;gap:10px}
 .story-hero .hero-footer .hero-scroll{font-size:8px;gap:10px}
 .story-hero .hero-footer .language-toggle{font-size:11px}
}
@media(max-width:360px){.story-hero .hero-stage{padding-top:30px!important}.story-hero h1{font-size:38px}}
/* Leave the persistent WhatsApp shortcut clear of the language control. */
.story-hero .hero-footer{padding-right:80px}
@media(max-width:768px){.story-hero .hero-footer{padding-right:72px}}

/* Text shadows keep contrast over motion without a visible grey patch. */
.story-hero h1{text-shadow:0 2px 3px rgba(0,0,0,.7),0 4px 18px rgba(0,0,0,.4)}
.story-hero p.lede{text-shadow:0 1px 2px rgba(0,0,0,.95),0 2px 8px rgba(0,0,0,.75)}
.story-hero .hero-kicker{text-shadow:0 1px 3px rgba(0,0,0,.65)}