/* V10. Bright cinematic video backgrounds: more fashion motion, still one muted video, no radio/Z-axis changes. */
.hero[data-cinema-stage], .hero:has(> .cinema-backdrop--hero){position:relative;isolation:isolate;overflow:visible}
.hero>.cinema-backdrop--hero{
 position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;
 width:100vw;z-index:-1;pointer-events:none;overflow:hidden;border-radius:0;
}
.hero>.cinema-backdrop--hero .cinema-film{opacity:1;object-position:78% 33%;filter:brightness(1.13) contrast(1.04) saturate(1.24)}
.hero>.cinema-backdrop--hero .cinema-vignette{
 background:linear-gradient(90deg,rgba(4,12,28,.66) 0%,rgba(4,12,28,.47) 32%,rgba(4,12,28,.15) 62%,rgba(4,12,28,.05) 100%),linear-gradient(0deg,rgba(4,12,28,.25),transparent 20%,transparent 82%,rgba(4,12,28,.14));
}
.hero .hero-copy{position:relative;z-index:2}
.cinema-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:linear-gradient(135deg,#1a2943,#244552)}
.cinema-film{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;display:block;opacity:1;filter:brightness(1.12) contrast(1.05) saturate(1.18);transition:opacity .8s ease}
.cinema-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,30,.60) 0%,rgba(4,13,30,.34) 34%,rgba(4,13,30,.07) 72%,rgba(4,13,30,.04) 100%),linear-gradient(0deg,rgba(4,12,29,.22),transparent 22%,transparent 80%,rgba(4,12,29,.17))}
.cinema-scene{position:relative;isolation:isolate;min-height:clamp(350px,62vh,590px);border-top:1px solid rgba(228,180,77,.22);border-bottom:1px solid rgba(228,180,77,.3);padding:clamp(42px,7vw,100px) 0!important;display:flex;align-items:center;overflow:hidden;background:#26384c}
.cinema-scene .cinema-backdrop{z-index:-1}
.cinema-scene .cinema-content{position:relative;z-index:2;display:flex;align-items:center}
.cinema-scene .cinema-copy{max-width:min(620px,92vw);padding:clamp(22px,3vw,42px);border:1px solid rgba(195,215,255,.22);border-radius:26px;background:linear-gradient(125deg,rgba(5,15,35,.58),rgba(10,23,40,.18));box-shadow:0 15px 40px rgba(0,0,0,.12);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
.cinema-kicker{display:block;font:800 .78rem/1.5 system-ui,sans-serif;letter-spacing:.17em;color:#efbd59}
.cinema-copy h2{font-size:clamp(3.1rem,7vw,6.4rem);line-height:.9;letter-spacing:-.058em;margin:22px 0 24px;color:#fff;font-weight:950;text-shadow:0 5px 30px rgba(0,0,0,.66)}
.cinema-copy h2 em{font-style:normal;color:#efba48}
.cinema-copy p{color:#f1f3fb;font-size:clamp(1.05rem,1.65vw,1.25rem);line-height:1.55;max-width:530px;text-shadow:0 3px 15px rgba(0,0,0,.75)}
.cinema-action{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:14px 22px;margin-top:19px;border-radius:999px;border:1px solid #f0c86d;background:#f0c253;color:#12141a;font-weight:900;letter-spacing:.06em;text-align:center;text-decoration:none;box-shadow:0 9px 30px rgba(0,0,0,.2)}
.cinema-action:hover,.cinema-action:focus-visible{background:#ffe08b;color:#12141a;outline:3px solid rgba(255,236,190,.7);outline-offset:3px}
.cinema-scene--signal .cinema-film{object-position:center;opacity:1}
.cinema-scene--higgs .cinema-film{object-position:78% 33%;opacity:1}
.cinema-scene--peek .cinema-film{object-position:76% 23%;opacity:1}
.cinema-scene--higgs .cinema-vignette,.cinema-scene--peek .cinema-vignette{background:linear-gradient(90deg,rgba(5,14,30,.64) 0%,rgba(5,14,30,.37) 35%,rgba(5,14,30,.09) 73%,rgba(5,14,30,.03) 100%),linear-gradient(0deg,rgba(5,12,28,.22),transparent 22%,transparent 80%,rgba(5,12,28,.15))}
@media(max-width:740px){
  .hero>.cinema-backdrop--hero .cinema-film{opacity:1;object-position:74% 25%}
  .hero>.cinema-backdrop--hero .cinema-vignette{background:linear-gradient(90deg,rgba(4,12,27,.62),rgba(4,12,27,.35)),linear-gradient(0deg,rgba(4,11,24,.24),transparent 20%,transparent 80%,rgba(4,11,24,.16))}
  .cinema-scene{min-height:390px;padding:60px 0!important;}
  .cinema-scene .cinema-content{justify-content:flex-start}
  .cinema-scene .cinema-copy{width:100%;max-width:94vw;padding:22px 19px;background:linear-gradient(105deg,rgba(4,11,26,.60),rgba(4,11,26,.22));}
  .cinema-copy h2{font-size:clamp(2.6rem,11vw,4.5rem);line-height:.96}
  .cinema-copy p{font-size:1rem}
  .cinema-scene--higgs .cinema-film,.cinema-scene--peek .cinema-film{object-position:80% 24%;opacity:1}
  .cinema-scene--signal .cinema-film{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .cinema-film{display:none!important}
  .cinema-backdrop{background:linear-gradient(135deg,#060e20,#1a1231 55%,#031b28)}
  .cinema-hero-bg .cinema-film{display:none}
}