:root{--ease-out:cubic-bezier(.23,1,.32,1)}
.btn,.btn::before,.link,.q__ic{transition-duration:160ms}

.hdr__cta{transition-duration:.7s,.7s,.7s,.45s,.45s,var(--press-t,.34s),.55s,.55s}
.q__btn{transition:color 160ms var(--ease-out)}
.q__btn:hover{padding-left:0}
.q__a{transition-duration:250ms}
.hdr{transition-duration:200ms}
.cursor,.cursor-dot{display:none!important}
html.has-cur .compare{cursor:ew-resize}
.hero__work-link{margin:0;padding:12px 0;width:auto}
.hero__cta{gap:24px}
.hero__stats .was{display:none}
.hero__stats .hero__stat b{font-size:28px}
.hero__stats .hero__stat>span{font-size:11px;max-width:23ch;line-height:1.6}
.vfhud__meta{opacity:.5}
.hero__bg{overflow:hidden}
.hero__play-ic::after{animation:none}
@media(max-width:900px){
.hero__sub{font-size:16px;line-height:1.65}.hero__cta{gap:12px;margin-top:20px}.hero__cta .hero__work-link{width:auto}
.hero__stats{display:none}.hero__right{margin-top:14px}.hero h1{font-size:clamp(38px,8.5vw,64px)}
.hero__bottom{margin-top:20px;padding-top:18px}.hero .hero__in{padding-bottom:0}
}
@media(hover:none),(pointer:coarse){.work:hover .work__media img{transform:none}}
@media(prefers-reduced-motion:reduce){.q__a{transition:none}}

@media(max-width:900px){.vfhud__tc{display:none}}

.reel-controls{display:flex;justify-content:flex-end;margin-top:-12px;margin-bottom:24px}
.reel-pause{font:13px/1 var(--f-mono);letter-spacing:.04em;color:var(--text-2);min-height:44px;padding:0 16px;
  border:1px solid var(--line-2);border-radius:var(--r);transition:color 160ms var(--ease-out),border-color 160ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.reel-pause:hover{color:var(--text);border-color:var(--line-3)}}

@media(min-width:700px){
  .works .reel-controls{margin-top:calc(-1 * (var(--gap-head) + 44px));margin-bottom:var(--gap-head);pointer-events:none}
  .works .reel-pause{pointer-events:auto}
  .works .sec-head>div{padding-right:200px}
}

@media(prefers-reduced-motion:reduce){.reel-controls{display:none}}

@media(hover:none) and (pointer:coarse),(max-width:699px){.reel-controls{display:none}}

.hero--cinema{min-height:min(100svh,1440px);padding:calc(var(--hdr) + 80px) var(--pad) 150px;justify-content:center;background:var(--bg)}
.hero--cinema .hero__bg{inset:var(--hdr) 0 80px;transform:none;height:auto;max-height:none}
.hero--cinema .hero__bg img{object-position:50% 50%;animation:none}
.hero--cinema .hero__bg::before{display:none}
.hero--cinema .hero__bg::after{background:linear-gradient(90deg,rgba(13,11,10,.42),transparent 75%)}
.hero--cinema .eyebrow{margin-bottom:26px}
.hero--cinema h1{font-size:clamp(56px,6.5vw,108px);line-height:.98;font-weight:400;letter-spacing:-.025em;max-width:none}
.hero--cinema h1 .hl{white-space:nowrap;font-size:.86em}
.hero--cinema .hero__sub{font-size:clamp(16px,1.4vw,21px);line-height:1.6;max-width:48ch;margin-top:32px}
.hero--cinema .hero__cta{gap:30px;margin-top:36px}
.hero--cinema .hero__play{margin:0;gap:14px;color:var(--text);padding:8px 0}
.hero--cinema .hero__play-ic{width:42px;height:42px;flex:0 0 42px;border-color:var(--text-2)}
.cinema__play-label{font:400 14px/1.4 var(--f-text)}
.cinema__prices{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line-2);background:var(--bg);padding:26px var(--pad);z-index:2}
.cinema__prices>div{max-width:calc(var(--wrap) - 2 * var(--pad));margin:auto;display:flex;gap:48px;flex-wrap:wrap}
.cinema__prices a{font:400 15px/1.6 var(--f-text);color:var(--text-2)}

@media (min-width:601px){
  .cinema__prices a{position:relative}
  .cinema__prices a::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;margin-top:-22px}
}
@media (hover:hover) and (pointer:fine){
  .cinema__prices a:hover{color:var(--sand)}
}
.cinema__prices span{white-space:nowrap}

.hero--cinema .cinema__prices>div{gap:0;flex-direction:row;flex-wrap:nowrap}
.hero--cinema .cinema__prices a{white-space:nowrap}
.hero--cinema .cinema__prices a+a::before{content:"·"/"";padding-inline:.7em;color:var(--text-3)}
@media(max-width:900px){
.hero--cinema{padding-top:calc(var(--hdr) + 100px);padding-bottom:150px;min-height:850px;min-height:clamp(850px,100svh,1440px)}
.hero--cinema .hero__bg{inset:var(--hdr) 0 100px}
.hero--cinema .hero__bg img{object-position:65% center}
.hero--cinema .hero__bg::after{background:linear-gradient(0deg,var(--bg) 0%,rgba(13,11,10,.84) 28%,rgba(13,11,10,.15) 78%)}
.hero--cinema .hero__in{align-self:stretch;margin-top:auto;padding-bottom:0}
.hero--cinema h1{font-size:clamp(42px,8vw,70px)}
.hero--cinema .eyebrow{margin-bottom:20px;font-size:11px}
.hero--cinema .hero__sub{margin-top:24px;font-size:16px}
.hero--cinema .hero__cta{margin-top:26px;gap:14px 24px}
.cinema__prices{padding-block:20px}.cinema__prices>div{gap:8px 24px}.cinema__prices a{font-size:13px}
}
@media(max-width:480px){
.hero--cinema{min-height:clamp(820px,100svh,1440px);padding-top:330px;padding-bottom:132px;justify-content:flex-end}
.hero--cinema .hero__bg img{object-position:68% top}
.hero--cinema h1{font-size:clamp(40px,10vw,48px)}
.hero--cinema .hero__cta{align-items:flex-start;flex-direction:column}
.hero--cinema .hero__cta .btn{width:auto}
.hero--cinema .hero__play{width:auto}
.cinema__prices>div{flex-direction:column}
}

@media(max-width:600px){
.sec-head h2,.sec-head--quiet h2{font-family:var(--f-display);font-weight:500;font-size:clamp(34px,9vw,36px);line-height:1.05;letter-spacing:-.015em}
.cinema__prices a{font-size:15px;line-height:24px;min-height:44px;padding-block:10px;display:inline-block}
.cinema__prices>div{row-gap:0}
}

@media(max-width:480px){.cinema__prices{padding-block:4px}}

@media(max-width:480px){.hero--cinema{min-height:clamp(880px,100svh,1440px)}}

@media(max-width:480px) and (max-height:759px){
.hero--cinema{min-height:816px;padding-top:calc(var(--hdr) + 100px)}
.hero--cinema .hero__bg{bottom:auto;height:631px}
.hero--cinema .eyebrow{margin-bottom:16px}
.hero--cinema .hero__sub{margin-top:16px}
.hero--cinema .hero__cta{margin-top:20px;row-gap:8px}
.hero--cinema .hero__play{padding-block:3px}
}
@media(max-width:480px) and (max-height:699px){
.hero--cinema{min-height:772px}
.hero--cinema .hero__bg{height:522px}
}
@media(max-width:480px) and (max-height:649px){
.hero--cinema{min-height:725px}
.hero--cinema .hero__bg{height:max(420px,110vw)}
.hero--cinema .eyebrow{margin-bottom:14px}
.hero--cinema .hero__sub{margin-top:14px}
.hero--cinema .hero__cta{margin-top:18px}
}

@media (orientation:landscape) and (max-height:500px) and (min-width:481px) and (hover:none) and (pointer:coarse){
.hero--cinema{min-height:0;padding-top:calc(var(--hdr) + 14px);padding-bottom:76px;justify-content:flex-end}
.hero--cinema .hero__bg{inset:var(--hdr) 0 62px}
.hero--cinema .hero__in{margin-top:auto}
.hero--cinema h1{font-size:clamp(34px,10vh,44px);font-size:clamp(34px,10svh,44px)}
.hero--cinema .eyebrow{margin-bottom:12px;font-size:11px}
.hero--cinema .hero__sub{margin-top:12px;font-size:16px}
.hero--cinema .hero__cta{margin-top:16px;gap:14px 24px}
.hero--cinema .cinema__prices{padding-block:20px}
.hero--cinema .cinema__prices a{font-size:13px}
}

@media (orientation:landscape) and (max-height:500px) and (min-width:481px) and (max-width:600px) and (hover:none) and (pointer:coarse){
.hero--cinema{padding-bottom:67px}
.hero--cinema .hero__bg{bottom:53px}
.hero--cinema .cinema__prices{padding-block:4px}
.hero--cinema .cinema__prices a{font-size:15px}
}
@media (orientation:landscape) and (max-height:370px) and (min-width:481px) and (hover:none) and (pointer:coarse){
.hero--cinema{padding-top:calc(var(--hdr) + 8px)}
.hero--cinema h1{font-size:clamp(30px,9.6vh,44px);font-size:clamp(30px,9.6svh,44px)}
.hero--cinema .eyebrow{margin-bottom:8px}
.hero--cinema .hero__sub{margin-top:8px}
.hero--cinema .hero__cta{margin-top:12px}
}