:root{--paper:#e9e9e2;--ink:#1a1b18;--acid:#d0e97c;--line:#c1c3b8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}body.modal-open{overflow:hidden}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button{font:inherit;border:0;color:inherit;cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8467a1;outline-offset:6px}::selection{background:var(--acid);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:var(--acid);z-index:100;opacity:0}.skip-link:focus-visible{top:10px;opacity:1}.site-header{height:100px;margin:0 46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.wordmark{font-size:29px;letter-spacing:-1.7px;font-weight:900}.wordmark>span{font-weight:400;letter-spacing:-1.4px}nav{display:flex;gap:35px}nav button{font-size:13px;padding:10px 0;background:transparent;color:#707367;position:relative}nav button[aria-selected='true']{color:var(--ink)}nav button[aria-selected='true']::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--ink)}nav button:hover{color:#775c8a}.hero{height:940px;position:relative;overflow:hidden;isolation:isolate}.hero-paint{position:absolute;width:115%;height:110%;object-fit:cover;left:-3%;top:-20px;opacity:.65;z-index:-1;pointer-events:none}.anchor-bunny{position:absolute;top:-140px;left:-13vw;width:72vw;height:calc(100% + 140px);overflow:hidden;z-index:2;pointer-events:none}.anchor-bunny>img{width:150vw;max-width:none;height:auto;display:block}.featured-film{position:absolute;left:46%;right:5%;top:235px;z-index:3}.film-card{min-width:0;margin:0}.film-window{position:relative;padding:0;background:#161b16;aspect-ratio:16/9;width:100%;display:block;overflow:hidden;box-shadow:0 0 0 1px #19191922;color:var(--paper)}.featured-film .film-window{box-shadow:0 0 0 10px var(--ink),0 0 12px 14px #19191930;transform:rotate(3deg)}.featured-film .film-window::before{content:'';position:absolute;inset:-14px;background:var(--ink);z-index:-1;clip-path:polygon(0 4%,29% 2%,30% 0,100% 2%,99% 98%,58% 96%,30% 100%,0 97%)}.film-window video,.film-window canvas{display:block;width:100%;height:100%;object-fit:contain;background:#151a16}.film-window video{aspect-ratio:16/9}.play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff9;background:#161a1533;backdrop-filter:blur(5px);border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font-size:14px;color:white;transition:background .2s,transform .2s}.film-trigger:hover .play-disc{background:var(--acid);border-color:var(--acid);color:var(--ink);transform:translate(-50%,-50%) scale(1.06)}.film-caption{display:flex;justify-content:space-between;align-items:center;margin-top:27px;gap:20px;font-size:12px}.film-caption h2{font:inherit;margin:0;font-weight:400}.film-caption>div{display:flex;align-items:center;gap:18px}.film-caption time{font-size:10px;color:#6d7266}.expand-film{font-size:16px;padding:6px;background:transparent;line-height:1}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 50px;padding:35px 70px 45px;max-width:1700px;margin:0 auto}.film-grid .film-card:nth-child(even){padding-top:95px}.film-grid .film-card:nth-child(odd) .film-window{transform:rotate(-1.5deg)}.film-grid .film-card:nth-child(even) .film-window{transform:rotate(1.5deg)}.draft-note{font-size:10px;color:#797c71;margin:20px 70px 55px}.film-error{font-size:12px;line-height:1.5;padding:15px;background:var(--paper);color:var(--ink);margin:0}.contact-view{min-height:calc(100dvh - 170px);height:800px;position:relative;isolation:isolate;overflow:hidden}.contact-paint{position:absolute;width:110%;height:120%;object-fit:cover;top:-20%;left:0;opacity:.5;z-index:-1}.contact-bunny{position:absolute;top:-180px;left:-20vw;width:73vw;height:calc(100% + 180px);overflow:hidden;pointer-events:none}.contact-bunny img{width:150vw;max-width:none;display:block}.contact-details{position:relative;margin-left:56%;width:37%;padding:190px 0 140px;z-index:2}.contact-details h1{font-size:15px;font-weight:400;margin:0 0 38px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:25px}.contact-email{font-size:clamp(18px,2.2vw,33px);line-height:1.4;letter-spacing:-.5px;overflow-wrap:anywhere;border-bottom:1px solid var(--ink);padding-bottom:7px}.contact-social{font-size:13px;display:inline-block;margin:20px 24px 0 0;border-bottom:1px solid #93998c;padding-bottom:5px}.contact-pending{font-size:14px;color:#62695b;line-height:1.6;margin:0}.contact-links .contact-pending{margin:0}footer{height:70px;display:flex;align-items:center;margin:0 46px;border-top:1px solid var(--line);font-size:10px;color:#777e6f}dialog{border:0;padding:0;max-height:94dvh;background:#191c19;color:var(--paper);overscroll-behavior:contain}dialog::backdrop{background:#111d;backdrop-filter:blur(10px)}.film-dialog{width:min(1120px,95vw)}.viewer-header{padding:20px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.viewer-header h2{font-size:16px;margin:0;font-weight:400}.close-button{display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:transparent;color:inherit;width:38px;height:38px;font-size:16px}.close-button:hover{background:var(--acid);color:var(--ink)}.viewer-screen{position:relative;aspect-ratio:16/9;overflow:hidden;min-height:0;background:#111}.viewer-screen canvas,.viewer-screen video{width:100%;height:100%;object-fit:contain;display:block}.placeholder-label{position:absolute;bottom:12px;left:18px;font-size:9px;color:#e9e9e2;background:#1119;padding:5px 8px}.player-controls{display:flex;gap:17px;align-items:center;font:10px 'Courier New',monospace;padding:10px 22px}.player-controls button{background:transparent;color:inherit;font-size:20px;width:34px;height:34px}.player-controls input{accent-color:var(--acid);min-width:40px;flex:1;cursor:pointer}.viewer-message{padding:15px 26px;color:#e1e5d8;font-size:12px;line-height:1.5}.film-dialog:fullscreen{display:flex;flex-direction:column;height:100dvh;width:100vw;max-width:none;max-height:100dvh}.film-dialog:fullscreen .viewer-screen{flex:1;aspect-ratio:auto}
@media(min-width:1700px){.hero{height:1100px}.featured-film{top:280px;right:8%}.anchor-bunny{top:-180px}}
@media(max-width:1199px){.site-header{margin:0 30px;height:85px}.hero{height:800px}.anchor-bunny{top:-70px;left:-16vw;width:75vw}.anchor-bunny img{width:166vw}.featured-film{top:240px;left:46%;right:5%}.film-grid{padding:20px 45px 35px;gap:50px 35px}.draft-note{margin:20px 45px 45px}.contact-view{height:720px}.contact-details{margin-left:52%;width:42%;padding-top:190px}.contact-bunny{left:-30vw;top:-90px;width:90vw}.contact-bunny img{width:175vw}footer{margin:0 30px}}
@media(max-width:767px){.site-header{margin:0 22px;height:85px}.wordmark{font-size:24px;letter-spacing:-1.4px}.wordmark>span{letter-spacing:-1.1px}nav{gap:24px}nav button{font-size:12px}.hero{height:790px}.hero-paint{width:180%;left:-55%;height:110%;top:15px}.anchor-bunny{top:-30px;left:-24vw;width:127vw;height:850px}.anchor-bunny img{width:255vw}.featured-film{top:300px;left:32%;right:6%}.featured-film .film-window{aspect-ratio:5/4;box-shadow:0 0 0 6px var(--ink),0 0 10px 10px #1919192a;transform:rotate(5deg)}.featured-film .film-window video{aspect-ratio:5/4}.featured-film .scene-canvas{object-fit:cover}.play-disc{width:49px;height:49px;font-size:12px}.film-caption{margin-top:23px;font-size:11px;gap:12px}.film-caption>div{gap:8px}.film-caption time{font-size:9px}.film-grid{grid-template-columns:1fr;gap:45px;padding:20px 26px 35px}.film-grid .film-card:nth-child(even){padding-top:0}.draft-note{margin:5px 26px 40px;font-size:9px}.contact-view{height:750px;min-height:calc(100dvh - 155px)}.contact-paint{width:180%;left:-40%;top:0;opacity:.5}.contact-bunny{top:-35px;left:-48vw;width:125vw;height:780px}.contact-bunny img{width:260vw;opacity:.9}.contact-details{margin-left:42%;width:51%;padding-top:240px}.contact-details h1{font-size:14px;margin-bottom:25px}.contact-email{font-size:22px;background:#e9e9e2cf;padding:8px 5px}.contact-social{font-size:12px;background:#e9e9e2cf;margin-right:15px}.contact-pending{font-size:12px;background:#e9e9e2dc;padding:12px;max-width:230px}footer{margin:0 22px;font-size:9px}.film-dialog{width:96vw;max-width:100%;max-height:95dvh}.viewer-header{padding:16px}.viewer-header h2{font-size:14px}.viewer-screen{aspect-ratio:4/3}.placeholder-label{font-size:8px;bottom:9px;left:12px}.player-controls{padding:9px 10px;gap:7px;font-size:9px}.player-controls button{font-size:18px;width:28px}.close-button{width:33px;height:33px;font-size:14px}}
@media(max-width:420px){.site-header{margin:0 18px}.wordmark{font-size:22px;letter-spacing:-1.3px}nav{gap:18px}nav button{font-size:11px}.hero{height:690px}.anchor-bunny{top:-30px;left:-30vw;width:137vw;height:730px}.anchor-bunny img{width:280vw}.featured-film{top:270px;left:30%;right:6%}.featured-film .film-caption{font-size:10px}.contact-view{height:680px}.contact-bunny{left:-57vw;top:-30px}.contact-bunny img{width:285vw}.contact-details{padding-top:235px}.contact-email{font-size:19px}.contact-pending{font-size:11px}.film-grid{padding-left:22px;padding-right:22px}.draft-note{margin-left:22px;margin-right:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

@media(max-width:767px){.featured-film .film-caption h2{background:var(--paper);padding:3px 5px;font-size:11px}.featured-film .film-caption time{display:block;background:var(--paper);padding:3px 4px}.contact-email{box-decoration-break:clone;-webkit-box-decoration-break:clone}}
/* Draft 04: factual readouts and fine registration marks. */
:root{--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--rule:#949b8a;--quiet:#59624f}
.header-code{font:9px var(--mono);letter-spacing:1.1px;color:var(--quiet);margin-left:auto;margin-right:60px}
.hero{height:980px}.featured-film{top:225px}.featured-film .film-window{transform:rotate(1.8deg);box-shadow:0 0 0 7px var(--ink),0 0 12px 11px #19191925}.featured-film .film-window::before{display:none}.film-window{aspect-ratio:16/9}.film-window video{aspect-ratio:16/9;object-fit:contain;position:relative;z-index:1}.film-grid .film-card:nth-child(n) .film-window{transform:none}.film-card{position:relative}.frame-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font:10px var(--mono);letter-spacing:.7px;margin-bottom:23px;color:var(--quiet)}.frame-label::before{content:'+';font:17px var(--mono);line-height:10px}.frame-label .film-id{margin-right:auto}.film-state{display:flex;align-items:center;gap:7px}.film-state::before{content:'';height:5px;width:5px;border:1px solid currentColor}.film-state[data-state=playing]::before{background:#5f783a;border-color:#5f783a}.film-state[data-state=playing]{color:#3f5423}.film-state[data-state=unavailable]{color:#9e4128}.film-caption{font-size:15px;margin-top:24px;gap:10px;align-items:center}.film-caption h2{font-weight:500;letter-spacing:-.35px}.expand-film{font:20px var(--mono);padding:5px 0 5px 15px;min-width:36px;min-height:36px}.expand-film:hover{color:#735087}.film-readout{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px var(--mono);color:var(--quiet);letter-spacing:.1px;margin-top:8px;white-space:nowrap}.film-timer{font-variant-numeric:tabular-nums}.current-time{color:var(--ink)}.film-ruler{--progress:0%;position:relative;margin-top:15px;height:9px;border-top:1px solid var(--rule);background:repeating-linear-gradient(to right,var(--rule) 0,var(--rule) 1px,transparent 1px,transparent 12px);background-size:auto 4px;background-repeat:repeat-x}.film-ruler::after{content:'';position:absolute;top:-3px;left:var(--progress);height:7px;width:3px;background:var(--ink);transform:translateX(-1px)}.film-ruler>span{display:block;position:absolute;top:-1px;left:0;width:var(--progress);height:2px;background:var(--ink)}.poster-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;background:#e9e9e2e8;backdrop-filter:blur(8px);border:1px solid #fff7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--ink);box-shadow:0 4px 25px #0002}.poster-play>span{font-size:15px;padding-left:2px}.poster-play>small{font:8px var(--mono);letter-spacing:1px}.poster-play:hover{background:var(--acid)}.film-error{font:11px/1.6 var(--mono);padding:12px 0;background:transparent}
.hero-register{position:absolute;z-index:4;right:46px;top:30px;display:flex;align-items:center;gap:28px;font:9px var(--mono);letter-spacing:.5px;color:var(--quiet)}.hero-register i{font-style:normal;font-size:20px;margin-left:12px}.figure-mark{position:absolute;z-index:3;left:39%;top:105px;display:flex;align-items:center;gap:8px;font:8px var(--mono);color:#505747;pointer-events:none}.figure-mark i{width:8px;height:8px;border:1px solid #505747}.figure-mark span{background:#e9e9e2bd;padding:4px}.figure-mark b{position:absolute;left:4px;top:19px;width:1px;height:55px;background:#50574780;transform:rotate(22deg);transform-origin:top}.hero-axis{position:absolute;z-index:3;right:45px;bottom:35px;width:125px;display:flex;gap:8px;align-items:center;font:9px var(--mono);color:#33382f}.hero-axis i{height:1px;flex:1;background:#717b63}.hero-axis span:nth-of-type(2){font-size:18px}.collection-heading{display:flex;gap:30px;align-items:center;margin:5px 70px 0;padding:18px 0 0;border-top:1px solid var(--rule);font:9px var(--mono);letter-spacing:.65px;color:var(--quiet)}.collection-heading i{font:18px var(--mono);margin-left:auto}.film-grid{padding-top:32px;padding-bottom:70px}.film-grid .film-card:nth-child(even){padding-top:100px}.contact-register{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.7px;border-top:1px solid var(--rule);padding-top:14px;margin-bottom:70px;color:var(--quiet)}.contact-register>span:last-child{font-size:19px;line-height:10px}.contact-details{padding-top:155px}.contact-details h1{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;margin-bottom:22px}.contact-end{display:flex;gap:18px;align-items:center;margin-top:28px;font:9px var(--mono);letter-spacing:.6px;color:var(--quiet)}.contact-end>span:first-child{font-size:17px}.footer-register{display:flex;align-items:center;gap:18px;font:8px var(--mono);letter-spacing:.6px;margin-left:auto}.footer-register>span:last-child{font-size:18px}.footer-register i{width:35px;height:7px;background:repeating-linear-gradient(to right,#8e9781 0,#8e9781 1px,transparent 1px,transparent 4px)}.viewer-readout{padding:14px 26px;display:flex;justify-content:space-between;font:10px var(--mono);color:#c3c9bc}.viewer-screen{aspect-ratio:16/9}.film-dialog:fullscreen .viewer-screen{flex:1}
@media(min-width:1700px){.hero{height:1100px}.featured-film{top:280px}}
@media(max-width:1199px){.hero{height:800px}.featured-film{top:205px}.header-code{margin-right:35px}.hero-register{right:30px}.figure-mark{left:36%;top:85px}.collection-heading{margin-left:45px;margin-right:45px}.contact-details{padding-top:140px}.frame-label{font-size:9px}.film-readout{font-size:8px}}
@media(max-width:767px){.header-code{display:none}.hero{height:800px}.hero-register{right:22px;top:21px;font-size:8px;gap:16px}.hero-register i{margin-left:0;font-size:15px}.figure-mark{display:none}.featured-film{top:286px;left:24%;right:6%}.featured-film .film-window{aspect-ratio:16/9;transform:rotate(3deg);box-shadow:0 0 0 5px var(--ink),0 0 10px 8px #19191920}.featured-film .film-window video{aspect-ratio:16/9}.frame-label{margin-bottom:18px;font-size:8px;gap:8px}.featured-film .frame-label{padding:5px 6px;background:#e9e9e2ed;position:relative;z-index:3}.film-caption{font-size:14px;margin-top:18px}.featured-film .film-caption{margin-top:21px;padding-left:5px;background:#e9e9e2ef;position:relative;z-index:3}.featured-film .film-caption h2{font-size:13px;background:none;padding:0}.featured-film .expand-film{padding-right:7px}.film-readout{font-size:8px;gap:5px}.featured-film .film-readout{background:#e9e9e2ed;margin-top:1px;padding:7px 5px;flex-wrap:wrap;gap:8px;position:relative;z-index:3}.featured-film .film-ruler{margin-top:5px;background-color:#e9e9e2c9}.film-timer{margin-left:auto}.poster-play{width:46px;height:46px;gap:4px}.poster-play>span{font-size:12px}.poster-play>small{font-size:7px}.hero-axis{right:24px;bottom:24px;width:85px;font-size:8px}.hero-axis span:nth-of-type(2){font-size:15px}.collection-heading{margin:0 26px;padding-top:15px;font-size:8px;gap:14px}.film-grid{padding:24px 26px 50px;gap:40px}.film-grid .film-card:nth-child(even){padding-top:0}.contact-details{padding-top:195px}.contact-register{font-size:8px;margin-bottom:45px;gap:10px}.contact-end{font-size:7px;gap:10px}.contact-details h1{font-size:9px}.contact-email{font-size:22px}.footer-register{font-size:7px;gap:10px}.viewer-screen{aspect-ratio:16/9}.viewer-readout{font-size:9px;padding:14px 16px}}
@media(max-width:420px){.hero{height:760px}.featured-film{top:290px;left:22%;right:6%}.anchor-bunny{height:760px}.hero-register{font-size:7px;right:20px}.featured-film .film-caption h2{font-size:13px}.film-readout{font-size:8px}.contact-details{padding-top:205px}.contact-email{font-size:19px}.collection-heading{margin-left:22px;margin-right:22px}.film-grid{padding-left:22px;padding-right:22px}}
@media(max-width:767px){.contact-register{background:#e9e9e2d9;padding:10px 5px 6px}.contact-end{width:max-content;background:#e9e9e2c9;padding:4px}}