@font-face{font-family:ReelGrotesk;src:local("Helvetica Neue");font-display:swap}
:root{--paper:#e8e6df;--ink:#1a1b17;--film:#151614;--light:#f2f0e9;--muted:#77796f;--gutter:4.2vw;--frame-w:72vw;--image-h:min(47vw,58vh,calc(100svh - var(--reel-top) - 240px));--edge:40px;--gap:14px;--reel-top:19vh}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:ReelGrotesk,"Helvetica Neue",Helvetica,Arial,sans-serif;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.28}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #ad442c;outline-offset:6px}button{border:0;background:none;padding:0}button,a,summary{touch-action:manipulation}.scroll-space{height:100svh}.stage{height:100svh;position:sticky;top:0;overflow:hidden}.masthead{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px var(--gutter);font-size:13px}.wordmark{letter-spacing:-.5px;font-size:17px}.masthead nav{display:flex;gap:35px}.masthead a{padding:4px 0}.reel-window{position:absolute;top:var(--reel-top);left:0;right:0;overflow:visible;touch-action:pan-y;cursor:grab}.reel-window.is-dragging{cursor:grabbing}.filmstrip{display:flex;align-items:stretch;gap:var(--gap);width:max-content;padding:0 7px;background:var(--film);will-change:transform;transform:translate3d(var(--gutter),0,0)}.frame{flex:0 0 var(--frame-w);width:var(--frame-w);position:relative;background:var(--film);user-select:none}.frame-image{display:block;width:100%;height:var(--image-h);position:relative;overflow:hidden;background:#090a09}.film-edge{height:var(--edge);position:relative;display:flex;justify-content:space-between;align-items:center;color:#b2a37a;padding:0 6px;font:8px/1 monospace;letter-spacing:1px;isolation:isolate}.film-edge::before{content:"";position:absolute;inset:9px 0;background:var(--paper);mask:repeating-linear-gradient(90deg,#000 0 19px,transparent 19px 34px);z-index:-1}.film-edge span{background:var(--film);padding:6px 8px;min-width:44px}.film-edge span:first-child{margin-left:52px}.film-edge span:last-child{margin-right:52px}.film-edge--bottom span:first-child{margin-left:155px}.film-edge--bottom span:last-child{margin-right:87px}.opening{color:var(--light);padding:28px 35px 25px;display:flex;flex-direction:column;justify-content:space-between;background:#171815}.opening-top,.opening-bottom{display:flex;justify-content:space-between;font-size:12px;align-items:center}.opening-top{color:#a3a69a}.opening h1{margin:0;font-size:clamp(60px,11.4vw,185px);line-height:.78;font-weight:500;letter-spacing:-.085em;display:flex;flex-direction:column;padding:12px 0 25px}.opening h1 span:last-child{font-size:.94em}.opening-bottom{font-size:20px;letter-spacing:-.6px}.opening-bottom a{padding:6px 0;display:flex;gap:32px}.opening-bottom a:hover span{transform:translate(2px,-2px)}.opening-bottom span{transition:transform .25s}.project-play{text-align:left}.project-play img,.project-play video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;pointer-events:none}.project-play video{opacity:0;transition:opacity .3s}.project-play video.is-playing{opacity:1}.frame--portrait .project-play{background:#11120f}.frame--portrait .project-play img,.frame--portrait .project-play video{object-fit:contain}.frame-caption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:end;padding:35px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.53));min-height:38%;pointer-events:none}.frame-caption b{font-size:clamp(22px,3.3vw,52px);font-weight:400;letter-spacing:-.055em;line-height:1.02;display:block;max-width:620px}.frame-caption small{font-size:10px;line-height:1.6;display:block;margin-bottom:8px}.play-circle{height:49px;width:49px;flex:none;margin-left:20px;border:1px solid #fff9;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background .2s,transform .3s;backdrop-filter:blur(4px);background:#ffffff0c}.play-circle::before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid white;margin-left:3px}.project-play:hover .play-circle,.project-play:focus-visible .play-circle{background:#ffffff33;transform:scale(1.08)}.project-play:focus-visible{outline-offset:-6px;outline-color:white}.under-reel{position:absolute;left:var(--gutter);right:var(--gutter);top:calc(var(--reel-top) + var(--image-h) + 2 * var(--edge) + 23px);display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:12px}.now{display:flex;gap:22px;align-items:baseline;min-width:0}.current-number{font:10px monospace;color:var(--muted)}.current-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport{display:flex;gap:16px;align-items:center;flex:none}.transport>span{font:10px monospace;min-width:56px;text-align:center;color:#63675a}.transport button{width:32px;height:30px;font-size:22px}.footer{position:absolute;bottom:52px;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;font-size:10px}.scroll-hint{display:flex;align-items:center;gap:12px}.scroll-hint>span:first-child{font-size:24px}.frame-index{display:flex;gap:4px;align-items:center}.frame-index button{width:16px;height:30px;display:flex;align-items:center;justify-content:center}.frame-index span{width:2px;height:9px;background:#93978a;transition:height .2s,background .2s}.frame-index button[aria-current=true] span{height:23px;background:var(--ink)}.frame-index button:hover span{height:18px}.footer-tools{justify-self:end;display:flex;align-items:center;gap:25px}.footer-tools button{display:flex;align-items:center;gap:6px;font-size:10px}.demo-note{position:absolute;bottom:16px;left:var(--gutter);right:var(--gutter);margin:0;font-size:9px;color:#787b70}.load-status{font-size:12px}#loadStatus:not(:empty){position:absolute;bottom:100px;left:var(--gutter);padding:14px;background:var(--paper);color:#a03120}dialog{border:none;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;background:#10110f;color:var(--light)}dialog::backdrop{background:#10110f}.player-shell{height:100%;display:flex;flex-direction:column;padding:26px var(--gutter);gap:20px}.player-header{display:flex;align-items:center;justify-content:space-between;gap:25px;flex:none}.player-header span{font-size:11px;color:#95998a}.player-header h2{font-size:25px;font-weight:400;letter-spacing:-.7px;margin:6px 0 0}.player-header button{display:flex;align-items:center;gap:24px;font-size:12px;padding:12px 0 12px 12px;white-space:nowrap}.player-header button span{color:white;font-size:30px}#fullFilm{width:100%;min-height:0;flex:1;object-fit:contain;background:#070807}.player-footer{flex:none;display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.6;color:#a4a998;min-height:35px}.player-footer p{margin:4px 0}.player-footer details{max-width:360px;text-align:right}.player-footer summary{cursor:pointer;color:var(--light);padding:6px 0}.player-footer details p{font-size:11px;line-height:1.7}.modal-open{overflow:hidden}.noscript{position:fixed;bottom:0;z-index:10;background:var(--paper);padding:20px;width:100%}
@media(min-width:1600px){:root{--frame-w:69vw;--image-h:min(57vh,calc(100svh - var(--reel-top) - 260px));--reel-top:19vh;--edge:45px}.opening h1{font-size:11.2vw}}
@media(max-height:760px) and (min-width:701px){:root{--reel-top:15vh;--image-h:55vh;--edge:30px}.masthead{padding-top:20px}.opening{padding:20px 30px}.opening h1{font-size:min(10vw,23vh)}.footer{bottom:35px}.demo-note{bottom:10px}.under-reel{top:calc(var(--reel-top) + var(--image-h) + 2 * var(--edge) + 12px)}.film-edge::before{inset:7px 0}.film-edge span{padding:4px 8px}}
@media(max-width:700px){:root{--gutter:6vw;--frame-w:84vw;--image-h:48svh;--edge:31px;--gap:10px;--reel-top:22svh}.masthead{padding-top:23px;font-size:11px}.wordmark{font-size:14px}.masthead nav{gap:22px}.opening{padding:21px 20px}.opening-top{font-size:9px}.opening h1{font-size:13.8vw;line-height:.83;letter-spacing:-.075em;padding:8px 0 12px}.opening h1 span:last-child{font-size:.98em}.opening-bottom{font-size:16px}.opening-bottom a{gap:18px}.film-edge{font-size:6px;letter-spacing:.4px}.film-edge::before{inset:7px 0;mask:repeating-linear-gradient(90deg,#000 0 12px,transparent 12px 23px)}.film-edge span{padding:5px 6px}.film-edge span:first-child{margin-left:19px}.film-edge span:last-child{margin-right:8px;min-width:25px}.film-edge--bottom span:first-child{margin-left:42px}.film-edge--bottom span:last-child{margin-right:31px}.frame-caption{padding:23px 21px}.frame-caption b{font-size:28px;letter-spacing:-1px;max-width:200px}.frame-caption small{font-size:9px;max-width:200px}.play-circle{width:38px;height:38px;margin-left:12px}.under-reel{top:calc(var(--reel-top) + var(--image-h) + 2 * var(--edge) + 14px);font-size:10px;gap:10px}.now{gap:10px}.transport{gap:3px}.transport button{font-size:18px;width:25px}.transport>span{font-size:9px;min-width:48px}.footer{bottom:60px;display:flex;justify-content:space-between;gap:12px;font-size:9px}.frame-index{gap:1px}.frame-index button{width:10px}.frame-index span{height:6px}.frame-index button[aria-current=true] span{height:17px}.scroll-hint{gap:5px}.scroll-hint>span:first-child{font-size:18px}.footer-tools{gap:14px}.footer-tools button{font-size:9px}.footer-tools a{position:absolute;right:0;bottom:-28px}.demo-note{bottom:17px;font-size:8px;right:85px;line-height:1.5}.player-shell{padding:20px 18px;gap:14px}.player-header h2{font-size:20px}.player-header span{font-size:9px}.player-header button{gap:14px}.player-footer{gap:8px}.player-footer details{max-width:220px}}
@media(max-width:700px) and (max-height:700px){:root{--reel-top:17svh;--image-h:47svh;--edge:26px}.footer{bottom:48px}.demo-note{bottom:10px}.opening-top{font-size:8px}.opening{padding:15px}.film-edge::before{inset:6px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:700px){.footer-tools .orientation-link{right:75px}}