.cinema-preview-note{padding:10px 22px;background:#e8dcc2;color:#25334b;text-align:center;font-size:12px;line-height:1.5}
.hero:has(.cinema-story){padding:0;background:#0c1727}.hero:has(.cinema-story)>header{padding-inline:var(--pad);max-width:none;min-height:104px;background:#0c1727}
.cinema-story{position:relative;height:300svh;--progress:0;--turn:0deg;--depth:0px;--zoom:1;--portrait-alpha:1;--glass-alpha:0}
.cinema-stage{position:sticky;top:0;height:100svh;min-height:640px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 40%,#34425a 0,#152337 35%,#0c1727 72%)}
.cinema-world{position:absolute;inset:0;perspective:1100px;perspective-origin:70% 46%;transform-style:preserve-3d;overflow:hidden}
.cinema-world>*{position:absolute;will-change:transform,opacity}.cinema-portrait{right:8%;top:9%;height:80%;width:38%;opacity:var(--portrait-alpha);border:1px solid #d4b36c50;transform:translate3d(calc(var(--progress)*-110px),0,var(--depth)) rotateY(var(--turn)) scale(var(--zoom));box-shadow:34px 30px 75px #0008;border-radius:3px;overflow:hidden;background:#243146}
.cinema-portrait img{width:100%;height:100%;object-fit:cover;object-position:45% 25%;filter:saturate(.6);transform:scale(1.04)}
.cinema-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111e32b8,transparent 40%),linear-gradient(90deg,#0c172756,transparent 45%)}
.cinema-orbit{border:1px solid #d4b36c45;border-radius:50%;width:67vw;height:67vw;right:-19vw;top:-16vw;transform:translateZ(-80px) rotateX(50deg) rotateY(var(--turn))}.orbit-two{width:52vw;height:52vw;right:-12vw;top:-7vw;border-color:#aec3df24;transform:translateZ(-100px) rotateX(58deg) rotateY(calc(var(--turn)*-1))}
.cinema-floor{width:150%;height:100%;left:-25%;bottom:-75%;background:linear-gradient(#d4b36c1a 1px,transparent 1px),linear-gradient(90deg,#d4b36c1a 1px,transparent 1px);background-size:100px 100px;transform:rotateX(73deg) translate3d(calc(var(--progress)*-70px),0,-150px);mask-image:linear-gradient(transparent,#000 45%,transparent)}
.cinema-glass{right:7%;top:29%;width:30%;height:32%;border:1px solid #d4b36c70;border-radius:8px;background:linear-gradient(120deg,#b2cad411,#d4b36c08);box-shadow:inset 0 0 35px #e1cf9b0a,20px 24px 65px #0005;backdrop-filter:blur(14px);transform:translate3d(calc(var(--progress)*-30px),0,90px) rotateY(calc(-12deg + var(--turn))) rotateX(5deg);opacity:var(--glass-alpha);padding:25px;color:#d4b36c;display:flex;align-items:end;gap:12px}
.cinema-glass span{position:absolute;top:20px;left:22px;font-size:10px;letter-spacing:.2em}.cinema-glass i{display:block;width:16%;height:25%;background:linear-gradient(#d4b36caa,#d4b36c18);border-top:1px solid #ecd59a;box-shadow:6px -6px 0 #d4b36c22;transform:translateZ(15px)}.cinema-glass i:nth-of-type(2){height:39%}.cinema-glass i:nth-of-type(3){height:47%}.cinema-glass i:nth-of-type(4){height:61%}.cinema-glass i:nth-of-type(5){height:77%}
.glass-two{right:10%;top:66%;width:26%;height:16%;transform:translate3d(20px,0,200px) rotateY(15deg);background:#111f35ae}.cinema-path{display:flex;justify-content:space-between;width:100%;align-items:center;border-top:1px solid #d4b36c70;position:relative;margin:0 5px 10px}.cinema-path b{width:12px;height:12px;display:block;background:#d4b36c;border:3px solid #17283d;border-radius:50%;transform:translateY(-6px);box-shadow:0 0 22px #d4b36c75}
.cinema-horizon{right:3%;bottom:11%;width:35%;height:1px;background:linear-gradient(90deg,transparent,#d4b36c,transparent);box-shadow:0 0 25px #d4b36c;transform:rotate(-12deg) translateZ(110px)}
.cinema-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0b1729 0%,#0b1729e6 32%,#0b172999 52%,#0b172906 83%),linear-gradient(0deg,#0b1729d6,transparent 25%)}
.cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.cinema-stage.has-video .cinema-video{display:block}.cinema-stage.has-video .cinema-world{visibility:hidden}
.cinema-copy-wrap{position:relative;z-index:2;height:calc(100% - 115px);max-width:1320px;margin:auto;padding:var(--pad);display:flex;align-items:center}.cinema-scene{position:absolute;max-width:min(56%,760px);opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .32s,transform .4s}.cinema-scene.is-current{opacity:1;visibility:visible;transform:translateY(0)}.cinema-scene h1,.cinema-scene h2{font-size:clamp(48px,5.2vw,84px);line-height:1.08;letter-spacing:-.045em}.cinema-scene h2 em{color:#d4b36c;font-style:italic}.cinema-scene .hero-copy{max-width:510px}.cinema-scene .button{margin-top:28px}.cinema-bottom{position:absolute;z-index:3;bottom:25px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:end;gap:24px}.cinema-hint{font-size:12px;color:#bac7d9}.cinema-hint span{margin-left:10px;color:#d4b36c;font-size:22px}.cinema-chapters{display:flex;gap:25px}.cinema-chapters button{background:transparent;color:#a9b7cc;border:0;border-top:1px solid #65718b;padding:13px 0 0;cursor:pointer;font:inherit;font-size:12px;text-align:left;min-width:108px;min-height:46px}.cinema-chapters button span{color:#d4b36c;font-size:10px;margin-right:7px}.cinema-chapters button[aria-current]{color:#fff;border-color:#d4b36c}.cinema-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#52617a35;z-index:3}.cinema-progress span{display:block;width:100%;height:100%;background:#d4b36c;transform:scaleX(var(--progress));transform-origin:left}
@media(max-width:900px){.cinema-scene{max-width:70%}.cinema-portrait{width:45%;right:1%;top:19%;height:67%}.cinema-glass{right:2%;width:40%}.glass-two{width:33%}.cinema-hint{max-width:150px}.cinema-chapters{gap:15px}.cinema-chapters button{min-width:80px}}
@media(max-width:680px){.cinema-preview-note{font-size:11px;padding:8px 16px}.hero:has(.cinema-story)>header{min-height:87px}.cinema-story{height:250svh}.cinema-stage{min-height:650px;height:100svh}.cinema-portrait{right:-9%;top:9%;width:73%;height:57%;opacity:calc(var(--portrait-alpha)*.7)}.cinema-scrim{background:linear-gradient(0deg,#0b1729 14%,#0b1729ed 32%,#0b172991 58%,#0b172942 85%)}.cinema-copy-wrap{padding:24px;align-items:end;height:calc(100% - 115px)}.cinema-scene{max-width:calc(100% - 48px);bottom:8px}.cinema-scene h1,.cinema-scene h2{font-size:44px}.cinema-scene .eyebrow{font-size:10px;margin-bottom:20px}.cinema-scene .hero-copy{font-size:15px;margin-top:20px;max-width:400px}.cinema-scene .button{font-size:13px;min-height:48px;margin-top:20px}.cinema-hint{display:none}.cinema-chapters{width:100%;gap:16px}.cinema-chapters button{flex:1;min-width:0;font-size:11px;min-height:44px}.cinema-bottom{bottom:22px;left:24px;right:24px}.cinema-glass{top:15%;width:63%;right:0;height:31%;padding:22px}.glass-two{top:48%;width:46%;height:14%;right:5%}.cinema-orbit{width:120vw;height:120vw;right:-55vw;top:-15vw}.orbit-two{width:92vw;height:92vw;right:-44vw;top:0}.cinema-floor{bottom:-80%}}
@media(max-width:680px) and (max-height:649px){
  .cinema-stage{min-height:0;height:100svh}
  .cinema-copy-wrap{height:calc(100% - 88px)}
  .cinema-scene h1,.cinema-scene h2{font-size:clamp(30px,9.3vw,38px)}
  .cinema-scene .eyebrow{margin-bottom:12px}
  .cinema-scene .hero-copy{font-size:14px;line-height:1.5;margin-top:14px}
  .cinema-scene .button{margin-top:16px}
  .cinema-bottom{bottom:14px}
}
@media(prefers-reduced-motion:reduce){.cinema-story{height:auto}.cinema-stage{position:relative;height:auto;min-height:0;overflow:visible}.cinema-world,.cinema-video,.cinema-scrim,.cinema-bottom,.cinema-progress{display:none!important}.cinema-copy-wrap{height:auto;display:block;padding:55px var(--pad)}.cinema-scene{position:static;opacity:1;visibility:visible;transform:none!important;max-width:760px;transition:none;margin-bottom:70px}.cinema-scene:last-child{margin-bottom:0}.cinema-scene h1,.cinema-scene h2{font-size:clamp(40px,5.2vw,76px)}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}