.vertical-hero{position:relative;overflow:hidden;background:#101113;isolation:isolate;padding-top:105px}.vertical-hero::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 45%,#245edb1c,transparent 58%)}.vertical-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:35px;align-items:center;min-height:620px;padding-top:38px;padding-bottom:30px}.vertical-copy{position:relative;z-index:2}.vertical-copy .cinema-eyebrow{margin:0 0 30px;color:#b4b9c4;font-size:11px}.vertical-copy h1{font-size:clamp(66px,6.6vw,98px);letter-spacing:-4px;line-height:1.04}.vertical-copy h1>span{display:block;animation:title-enter 1.2s cubic-bezier(.16,1,.3,1) both}.vertical-copy h1>span:nth-child(2){animation-delay:.12s}.vertical-copy h1>span:nth-child(3){animation-delay:.24s}.vertical-copy h1 em{color:#83acff}.vertical-intro{color:#b8bdc7;font-size:17px;line-height:1.7;margin:26px 0}.vertical-copy .button{margin-top:4px}.reel-stage{height:540px;position:relative;perspective:1400px;min-width:0;transform:translateY(var(--reel-offset,0px));animation:soft-enter 1.2s .25s both}.reel-card{position:absolute;padding:0;background:#24272e;border-radius:17px;border:1px solid #ffffff38;overflow:hidden;aspect-ratio:9/16;box-shadow:0 22px 50px #0008;transform:translateY(var(--drift,0px)) rotate(var(--angle));transition:box-shadow .4s,scale .5s;animation:reel-drift 7s ease-in-out infinite;will-change:transform}.reel-card video{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;background:#101113}.reel-1{width:34%;left:0;top:90px;--angle:-11deg;z-index:1;animation-delay:-2s}.reel-2{width:40%;left:28%;top:25px;--angle:0deg;z-index:3;animation-delay:-4s}.reel-3{width:34%;right:0;top:104px;--angle:11deg;z-index:2}.reel-play{position:absolute;bottom:14px;right:14px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:22px;transition:background .3s}.reel-card:hover,.reel-card:focus-visible{z-index:5;scale:1.035;box-shadow:0 30px 70px #000a}.reel-card:hover .reel-play{background:#3275ec}.reel-stage-footer{position:absolute;left:12%;right:5%;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#a7adb8;letter-spacing:1.5px;font-size:10px}.reel-stage-footer .film-control{width:39px;height:39px;color:white}.vertical-baseline{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;border-top:1px solid #ffffff21;font-size:10px;letter-spacing:1.5px;color:#aeb5c0}.vertical-baseline>a{font-size:22px;color:white}@keyframes reel-drift{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-14px) rotate(calc(var(--angle) + 2deg))}}
@media(min-width:1500px){.vertical-layout{min-height:690px}.reel-stage{height:590px}}
@media(max-width:1050px){.vertical-layout{gap:25px;grid-template-columns:1fr 1fr;min-height:560px}.vertical-copy h1{font-size:6.7vw;letter-spacing:-3px}.reel-stage{height:445px}.reel-1{top:70px}.reel-3{top:85px}.reel-stage-footer{left:5%;right:0;font-size:9px}}
@media(max-width:760px){.vertical-hero{padding-top:100px}.vertical-layout{grid-template-columns:1fr;gap:18px;padding-top:20px;padding-bottom:20px;min-height:0}.vertical-copy .cinema-eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:20px}.vertical-copy h1{font-size:clamp(43px,10vw,69px);letter-spacing:-2px;line-height:1.12}.vertical-copy h1>span{display:inline;animation:none}.vertical-copy h1>span:first-child{display:block}.vertical-copy h1>span:last-child::before{content:' '}.vertical-intro{font-size:15px;line-height:1.6;margin:18px 0}.vertical-intro br{display:none}.vertical-intro br::after{content:' '}.vertical-copy .button{font-size:13px;padding:12px 19px}.reel-stage{width:100%;max-width:470px;height:440px;margin:0 auto;transform:none}.reel-1{width:35%;top:68px;left:1%}.reel-2{width:40%;top:24px;left:30%}.reel-3{width:34%;top:80px;right:0}.reel-stage-footer{left:5%;right:3%;bottom:10px}.vertical-baseline{padding:18px 0;font-size:8px;letter-spacing:1px;gap:12px}.vertical-baseline .rec{gap:7px}.vertical-baseline>a{font-size:18px}}
@media(max-width:480px){.reel-stage{height:355px}.reel-stage-footer{bottom:0}.reel-1{top:57px}.reel-2{top:23px}.reel-3{top:63px}}
@media(max-width:360px){.reel-stage{height:315px}.vertical-copy h1{font-size:40px}.vertical-baseline>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.reel-card,.reel-stage,.vertical-copy h1>span{animation:none!important;transition:none!important}.reel-stage{transform:none}.reel-card{transform:rotate(var(--angle))}}

.reel-1{background-image:url('assets/hero-vertical-1.jpg');background-size:cover;background-position:center}.reel-3{background-image:url('assets/hero-vertical-9.jpg');background-size:cover;background-position:center}
@media(max-width:760px){.reel-1 video,.reel-3 video{display:none}}