/* Refinements to the supplied reel: original scenes, shaders and scroll choreography retained. */
:root{--muted:#a2a1a8;--accent:#ff762e}
.hud{background:linear-gradient(#07080ae8,transparent);padding-block:22px}
.hud__nav ul{border-radius:4px;padding-inline:20px}
.hud__nav a{min-height:38px;align-items:center}
.lang button{min-height:40px;min-width:42px}
.hero__slate{letter-spacing:.2em}
.hero__lede{line-height:1.65}
.hero__cue{min-height:48px;border-bottom:1px solid var(--accent);padding-block:12px}
.hero__cue:hover{color:var(--accent)}
.hero__cut{font-size:10px;opacity:.8}
.reel__pin{grid-template-rows:auto 1fr auto auto;padding-bottom:28px}
.reel-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:var(--muted)}
.reel-controls button{min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:3px;transition:color .2s,border-color .2s}
.reel-controls button:hover{color:var(--accent);border-color:var(--accent)}
.reel-controls button:disabled{opacity:.3;cursor:default}
.timeline{height:62px;margin-top:8px}
.timeline__tracks{height:44px}
.timeline__head{pointer-events:none}
.track span{font-size:10px;letter-spacing:0}
.work__play{min-height:46px;border-radius:3px}
.work__title{line-height:1.04}
.no-gl .reel-controls{display:none}
.card{border:1px solid var(--line);padding:32px;min-height:370px}
.direct__grid{gap:16px}
.card h3{line-height:1.08}
.rules__list h3{line-height:1.08}
.credits__portrait{aspect-ratio:1.64;border-radius:0;outline:1px solid var(--line);outline-offset:8px}
.credits__portrait img,.credits__portrait .credits__color{position:absolute;inset:0;width:100%;height:115%;max-width:none;object-fit:cover;object-position:center top}
.credits__portrait img:first-child{filter:saturate(.45) brightness(.8);transition:filter .6s}
.credits__portrait .credits__color{filter:saturate(1.1) brightness(1.04);--pr:320px;opacity:0;transition:opacity .65s}
.credits__portrait:hover .credits__color,.credits__portrait:focus-visible .credits__color{opacity:1}
.credits__portrait::after{background:linear-gradient(0deg,#07080a44,transparent 25%);pointer-events:none}
.credits__portrait:focus-visible{outline:2px solid var(--accent)}
.credits__dl{line-height:1.65}
.links a{min-height:44px;display:inline-flex;align-items:center}
main:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:860px){
 .hud{padding-block:16px}.hero__foot{gap:18px}.hero__meta{gap:6px}
 .hero__cue{font-size:11px}.hero__role{max-width:32ch;line-height:1.7}
 .hero__kinetic{font-size:23.5vw}.hero__lede{font-size:16px}
 .reel__pin{padding-bottom:max(18px,env(safe-area-inset-bottom));padding-top:88px}
 .reel-controls{font-size:10px}.reel-controls>span{max-width:15ch;text-align:center;letter-spacing:.04em}
 .reel-controls button{padding-inline:10px;letter-spacing:.04em}
 .track span{display:block;left:0;width:2ch;overflow:hidden;right:0;margin:auto;font-size:12px}
 .work__n{font-size:30px}.work__title{font-size:26px}.work__kind{font-size:10px;margin-top:7px}
 .work__client{font-size:10px}.work__play{margin-top:10px}
 .credits__portrait{max-width:none;width:100%}.credits{gap:48px}
 .card{min-height:280px}.direct__grid{gap:12px}
 .credits__portrait .credits__color{opacity:1;mask-image:none;-webkit-mask-image:none}
}
@media(max-height:540px) and (min-width:600px){
 .hero{padding-top:84px}.hero__kinetic{font-size:16vw}.hero__foot{grid-template-columns:1fr 1fr;gap:16px}.hero__lede{font-size:13px}
 .hero__meta{justify-items:end}.hero__cut,.hero__slate{display:none}
 .work{width:34%;padding-top:0}.work__n,.work__kind{display:none}.work__title{font-size:22px}
 .reel__pin{padding-top:74px;padding-bottom:12px}.timeline{height:44px}.timeline__tracks{margin-top:0}.reel-controls{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.credits__portrait .credits__color{opacity:1;mask-image:none;-webkit-mask-image:none}}