.hero-cinema{position:relative;width:100%;padding:0;background:#050708;isolation:isolate}
.hero-cinema-scene{position:relative;min-height:650px;height:min(850px,calc(100svh - 84px));overflow:hidden;background:#060809}
.hero-cinema-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(1.28) saturate(1.08) contrast(1.05);opacity:.92}
.hero-cinema-scene::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#030507d9 0%,#03050760 33%,transparent 62%),linear-gradient(0deg,#030507 0%,#03050770 13%,transparent 46%),linear-gradient(180deg,#03050790,transparent 22%)}
.hero-cinema-scan{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.28;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#02040b80 3px,#02040b80 4px);mix-blend-mode:multiply}
.hero-avatar-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.hero-avatar-canvas canvas{display:block;width:100%;height:100%;filter:drop-shadow(1px 0 #37e1ff66) drop-shadow(-1px 0 #ff3d9266)}
.hero-cinema-copy{position:absolute;z-index:5;left:max(48px,calc((100% - 1320px)/2));right:48px;bottom:76px;pointer-events:none}
.hero-cinema-copy .eyebrow{color:#eaf0ed;font-size:10px;letter-spacing:.18em;margin-bottom:28px}
.hero-cinema-copy h1{font-size:clamp(68px,8.6vw,136px);line-height:.96;letter-spacing:-.06em;color:#f3f3ed;text-shadow:0 2px 24px #0008;max-width:760px}
.hero-cinema-copy h1 span{color:inherit;font-style:normal}
.hero-cinema-copy .tagline{color:#f3f3ed;margin:25px 0 0;font-size:18px}
.hero-cinema-meta{position:absolute;z-index:5;top:32px;left:48px;right:48px;display:flex;justify-content:space-between;color:#f3f3ed;font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;pointer-events:none}
.hero-cinema-meta span:last-child{writing-mode:vertical-rl;padding:0 10px;border-left:1px solid #f3f3ed66;line-height:2}
.hero-cinema-foot{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:32px 44px}
.hero-cinema-foot p{max-width:650px;font-size:16px;color:var(--muted);margin:0}
.hero-cinema-foot .text-link{margin:0;white-space:nowrap}
.hero-cinema-scene.is-glitch .hero-cinema-film{transform:translateX(2px);filter:brightness(1.28) saturate(1.15) contrast(1.1) drop-shadow(3px 0 #27d9ed66) drop-shadow(-3px 0 #ed3ab966)}
.hero-cinema-scene.is-glitch .hero-cinema-scan{background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#02040b80 3px,#02040b80 4px),linear-gradient(0deg,transparent 45%,#dceaf720 45%,#dceaf720 45.5%,transparent 45.5%)}
@media(min-width:1650px){.hero-cinema-copy{left:max(60px,calc((100% - 1500px)/2))}.hero-cinema-scene{height:900px}}
@media(max-width:800px){.hero-cinema-scene{height:740px;min-height:620px}.hero-cinema-copy{left:24px;right:24px;bottom:45px}.hero-cinema-copy h1{font-size:clamp(66px,11.8vw,94px)}.hero-cinema-copy .eyebrow{max-width:230px;line-height:1.8;margin-bottom:20px}.hero-cinema-copy .tagline{font-size:15px;margin-top:20px}.hero-cinema-meta{top:24px;left:24px;right:24px}.hero-cinema-foot{display:block;padding-block:26px 40px}.hero-cinema-foot .text-link{margin-top:22px}}
@media(max-width:500px){.hero-cinema-scene{height:700px}.hero-cinema-copy{left:20px;right:20px}.hero-cinema-copy h1{font-size:64px}.hero-cinema-meta{left:20px;right:20px}.hero-cinema-meta span:first-child{max-width:150px}.hero-cinema-scene::before{background:linear-gradient(0deg,#030507 0%,#030507d0 16%,transparent 65%),linear-gradient(180deg,#03050790,transparent 22%)}}
@media(prefers-reduced-motion:reduce){.hero-cinema-film{transform:none!important}.hero-cinema-scan{opacity:.16}}