:root{--ink:#141210;--accent:#a8322d;--bg:#fbfaf6;--grid:#1412101f;--gutter:1.25rem}*{box-sizing:border-box;margin:0;padding:0;font-family:Helvetica,Arial,sans-serif}html,body{min-height:100%}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}html{background:var(--bg)}body{color:var(--ink);background-image:linear-gradient(90deg, transparent calc(var(--gx1) - .5px), var(--grid) calc(var(--gx1) - .5px) calc(var(--gx1) + .5px), transparent calc(var(--gx1) + .5px)), linear-gradient(90deg, transparent calc(var(--gx2) - .5px), var(--grid) calc(var(--gx2) - .5px) calc(var(--gx2) + .5px), transparent calc(var(--gx2) + .5px)), linear-gradient(180deg, transparent calc(var(--gy1) - .5px), var(--grid) calc(var(--gy1) - .5px) calc(var(--gy1) + .5px), transparent calc(var(--gy1) + .5px)), linear-gradient(180deg, transparent calc(var(--gy2) - .5px), var(--grid) calc(var(--gy2) - .5px) calc(var(--gy2) + .5px), transparent calc(var(--gy2) + .5px))}a{color:inherit;text-decoration:none;transition:color .15s}a:hover,a:focus-visible{color:var(--accent)}ul{list-style:none}.top,.bottom{z-index:2;padding:var(--gutter);pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex;position:fixed;left:0;right:0}.top{align-items:center;top:0}.bottom{align-items:last baseline;bottom:0}.top a,.bottom a{pointer-events:auto}.links a,.mail,.tagline{font-size:.75rem;line-height:1.4}.name{letter-spacing:-.04em;font-size:1.125rem;font-weight:700;line-height:1.1}.links{gap:1.25rem;display:flex}.links a,.mail{text-transform:uppercase;letter-spacing:.04em;font-weight:700}.tagline{font-weight:300}.bottom-left{flex-direction:column;gap:.125rem;display:flex}.id{position:relative}.now{white-space:nowrap;letter-spacing:.02em;margin-top:.125rem;font-size:.75rem;font-weight:300;transition:opacity .4s;position:absolute;top:100%;left:0}@media (width<=39.99rem){.now{position:static}}html.playing .now{opacity:0}.timecode{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--accent);font-size:.6875rem;font-weight:300}.stage{min-height:100svh;padding:9.5rem var(--gutter) 8rem;justify-content:center;align-items:center;display:flex;position:relative}.list{flex-direction:column;gap:2.5rem;width:min(100%,38rem);display:flex}.list[hidden],.player[hidden]{display:none}.films{flex-direction:column;display:flex}.film{letter-spacing:-.02em;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:.35rem 0;font-size:.875rem;font-weight:700;display:flex}.film-title{grid-template-columns:1.75rem minmax(0,1fr);display:grid}.film-year{letter-spacing:0;flex-shrink:0;font-weight:300}.about{max-width:26rem;font-size:.875rem;font-weight:300;line-height:1.6}.player{flex-direction:column;gap:.5rem;width:min(100%,max(16rem,177.778svh - 24.8889rem));display:flex}.frame{aspect-ratio:16/9;background:#000}.frame iframe{border:0;width:100%;height:100%;transition:opacity .5s;display:block}.frame iframe.pending{opacity:0}.player-bar{text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;gap:1rem;font-size:.75rem;font-weight:700;display:flex}.close{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;font-weight:300}.close:hover,.close:focus-visible{color:var(--accent)}.close:focus-visible{outline-offset:4px;outline:1px solid}@media (width>=62rem){:root{--gutter:3rem}.name{font-size:1.5rem}.links a,.mail,.tagline,.player-bar{font-size:.8125rem}.film,.about{font-size:1rem}.stage{padding:6.5rem var(--gutter) 7rem}}.wash{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.wash span{filter:blur(60px)saturate(.7);opacity:0;background-position:50%;background-size:cover;transition:opacity 1.1s;position:absolute;inset:-10%}.wash span.on{opacity:.16}.grain{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}html[data-grain-off] .grain{display:none}.grain span{opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .22 0 0 0 0 .12 0 0 0 .9 -.28'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='.55'/%3E%3C/svg%3E");animation:1.4s step-end infinite grain;position:absolute;inset:-20%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-1.5%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-2%,-.5%)}}.status{text-transform:uppercase;letter-spacing:.04em;opacity:0;pointer-events:none;z-index:3;font-size:.6875rem;font-weight:700;transition:opacity .25s;position:fixed;bottom:4.5rem;left:50%;transform:translate(-50%)}.status.show{opacity:1}@media (prefers-reduced-motion:reduce){.grain span{animation:none}}@property --grid{syntax:"<color>";inherits:true;initial-value:#1412101f}@property --gx1{syntax:"<length-percentage>";inherits:true;initial-value:33.333%}@property --gx2{syntax:"<length-percentage>";inherits:true;initial-value:66.666%}@property --gy1{syntax:"<length-percentage>";inherits:true;initial-value:33.333%}@property --gy2{syntax:"<length-percentage>";inherits:true;initial-value:66.666%}body{transition:color .8s cubic-bezier(.2,.7,.2,1),--grid .8s cubic-bezier(.2,.7,.2,1),--gx1 .8s cubic-bezier(.2,.7,.2,1),--gx2 .8s cubic-bezier(.2,.7,.2,1),--gy1 .8s cubic-bezier(.2,.7,.2,1),--gy2 .8s cubic-bezier(.2,.7,.2,1)}.dim{z-index:-1;opacity:0;pointer-events:none;background:#0b0a09;transition:opacity .8s cubic-bezier(.2,.7,.2,1);position:fixed;inset:0}html.playing{--ink:#fbfaf6;--grid:#fbfaf612;--accent:#d0605a}html.playing .dim{opacity:1}@media (prefers-reduced-motion:reduce){body,.dim{transition:none}}.film-n{letter-spacing:0;font-variant-numeric:tabular-nums;font-weight:300}.rec{background:var(--accent);vertical-align:.08em;opacity:0;border-radius:50%;width:.375rem;height:.375rem;margin-left:.5rem;transition:opacity .3s;display:inline-block}html.playing .rec{opacity:1;animation:1.6s step-end infinite rec}@keyframes rec{50%{opacity:.15}}@media (prefers-reduced-motion:reduce){html.playing .rec{animation:none}}.top,.bottom{transition:opacity .3s}html.scrollable.hide-corners .top,html.scrollable:not(.at-end) .bottom{opacity:0;pointer-events:none}html.scrollable.hide-corners .top a,html.scrollable:not(.at-end) .bottom a{pointer-events:none}