.film{color:#fff;background:#2a2622;height:100svh;min-height:520px;position:relative;overflow:hidden}.film__poster,.film__canvas{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.film__veil{pointer-events:none;background:linear-gradient(#0c0a0859,#0c0a0800 30% 46%,#0c0a0875 64%,#0c0a08ad 80%,#0c0a08c2);position:absolute;inset:0}.film__lockup{text-align:center;padding-inline:var(--gutter);flex-direction:column;align-items:center;gap:clamp(12px,1.6vw,20px);display:flex;position:absolute;top:clamp(70px,11svh,120px);left:0;right:0}.film__mk{width:clamp(44px,5vw,72px);height:auto}.film__word{font-family:var(--display);white-space:nowrap;letter-spacing:-.02em;margin:0;font-size:clamp(44px,9vw,132px);font-weight:300;line-height:.82}.film__issue{grid-column:1;margin:0}.film__lines{left:var(--gutter);right:var(--gutter);bottom:calc(clamp(56px, 9svh, 110px) + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,460px) 1fr;align-items:end;gap:24px;display:grid;position:absolute}.film__lines>.mono{grid-column:1;margin:0}.film__lines h2{font-family:var(--display);text-wrap:balance;grid-column:1;margin:0;font-size:clamp(30px,3.4vw,52px);font-weight:300;line-height:1.02}.film__lines em{font-style:italic;font-weight:400}.film__side{text-align:right;font-family:var(--display);grid-area:1/2/span 2;justify-self:end;gap:14px;max-width:300px;margin:0;padding:0;font-size:clamp(18px,1.6vw,23px);font-style:italic;line-height:1.15;list-style:none;display:grid}.film__side .mono{margin-top:4px;font-style:normal;display:block}.film__skip{left:var(--gutter);bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:3;min-height:44px;color:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#0e0d0cc7;border:1px solid #f4f1ec38;border-radius:999px;align-items:center;gap:8px;padding:0 18px;text-decoration:none;transition:opacity .4s;display:inline-flex;position:absolute}.film__skip[data-show=on]{opacity:1;pointer-events:auto}.film__skip:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--paper);outline-offset:3px}@media (hover:hover){.film__skip:hover{background:#0e0d0ceb}}.film__whiteout{background:var(--paper);opacity:0;pointer-events:none;position:absolute;inset:0}.film__beats{padding-inline:var(--gutter);text-align:center;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.film__beat{max-width:15ch;font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;opacity:0;grid-area:1/1;margin:0;font-size:clamp(40px,6vw,96px);font-weight:300;line-height:1}.film__beat em{font-style:italic;font-weight:400}.film__beat--light{color:#fff;text-shadow:0 2px 40px #140e0880}.film__beat--dark{color:var(--ink)}@media (max-width:760px){.film__lines{grid-template-columns:1fr}.film__lines>.mono{padding-right:64px}.film__side{display:none}}@media (prefers-reduced-motion:reduce){.film{height:auto;min-height:100svh}.film__beats{display:none}}
.intro{z-index:90;cursor:pointer;transition:opacity .45s var(--ease);--k:var(--intro-k,1);display:none;position:fixed;inset:0}html[data-intro] .intro{animation:intro-cap var(--intro-cap-fade,.45s) var(--ease) var(--intro-cap-delay,1.93s) forwards;display:block}html[data-intro][data-intro-skip] .intro{animation:intro-cap .15s var(--ease) 0s forwards}html[data-intro] .intro.intro--live{animation:none}@keyframes intro-cap{to{opacity:0;visibility:hidden}}.intro--skipping{opacity:0;pointer-events:none;transition:opacity .15s var(--ease)}.intro__panel{background:var(--night);will-change:transform;animation:calc(var(--k) * 2.25s) var(--ease) both;position:absolute;top:0;bottom:0}.intro__panel--l{width:var(--slit-x,50%);transform-origin:0;animation-name:intro-panel-l;left:0}.intro__panel--r{left:var(--slit-x,50%);transform-origin:100%;animation-name:intro-panel-r;right:0}@keyframes intro-panel-l{0%,24%{transform:scaleX(1)}50%,60%{transform:scaleX(var(--panel-l,.8))}to{transform:scaleX(0)}}@keyframes intro-panel-r{0%,24%{transform:scaleX(1)}50%,60%{transform:scaleX(var(--panel-r,.8))}to{transform:scaleX(0)}}.intro__slit{top:0;bottom:0;left:var(--slit-x,50%);opacity:0;width:2px;animation:intro-slit calc(var(--k) * 2.25s) var(--ease) both;background:linear-gradient(#fffaf000,#fff8ec 18% 82%,#fffaf000);margin-left:-1px;position:absolute;transform:scaleY(0);box-shadow:0 0 18px 4px #fff4e159}@keyframes intro-slit{0%{opacity:0;transform:scaleY(0)}6%{opacity:1}24%{opacity:1;transform:scaleY(1)}34%{opacity:1}48%,to{opacity:0;transform:scaleY(1)}}.intro__mk{left:var(--lock-x,50%);top:var(--lock-y,100px);width:var(--lock-w,60px);color:#fff;opacity:0;height:auto;animation:intro-mark calc(var(--k) * 1.9s) var(--ease) calc(var(--k) * .25s) both;position:absolute;translate:-50% -50%}@keyframes intro-mark{0%{opacity:0;transform:translate(var(--mk-dx,0px), var(--mk-dy,0px)) scale(calc(var(--mk-s,1.6) * .92))}30%{opacity:1;transform:translate(var(--mk-dx,0px), var(--mk-dy,0px)) scale(var(--mk-s,1.6))}62%{opacity:1;transform:translate(var(--mk-dx,0px), var(--mk-dy,0px)) scale(var(--mk-s,1.6))}to{opacity:1;transform:none}}html[data-intro] .film__mk{visibility:hidden;animation:intro-mk-show 0s linear calc(var(--intro-cap-delay,1.93s) + var(--intro-cap-fade,.45s)) forwards}html[data-intro] .film__word{animation:intro-word calc(var(--intro-k,1) * .8s) var(--ease) calc(var(--intro-k,1) * 1.45s) backwards}html[data-intro] .film__lines{animation:intro-rise calc(var(--intro-k,1) * .7s) var(--ease) calc(var(--intro-k,1) * 1.55s) backwards}html[data-intro][data-intro-skip] .film__word,html[data-intro][data-intro-skip] .film__lines{animation-duration:.15s;animation-delay:0s}@keyframes intro-mk-show{to{visibility:visible}}@keyframes intro-word{0%{opacity:0;transform:translateY(6px)scale(1.02)}to{opacity:1;transform:none}}@keyframes intro-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.intro{display:none!important}}