@font-face{font-family:E404 Sans;font-weight:300;font-display:swap;src:local(ABC Diatype Light),local(ABCDiatype-Light),url(/fonts/ABCDiatype-Light.woff2)format("woff2")}@font-face{font-family:E404 Sans;font-weight:500;font-display:swap;src:local(ABC Diatype Medium),local(ABCDiatype-Medium),url(/fonts/ABCDiatype-Medium.woff2)format("woff2")}@font-face{font-family:E404 Sans;font-weight:700;font-display:swap;src:local(ABC Diatype Bold),local(ABCDiatype-Bold),url(/fonts/ABCDiatype-Bold.woff2)format("woff2")}@font-face{font-family:E404 Serif;font-weight:400;font-display:swap;src:local(Adobe Caslon Pro),local(ACaslonPro-Regular),url(/fonts/ACaslonPro-Regular.woff2)format("woff2")}:root{--bg:#fff;--fg:#0a0a0a;--muted:#0a0a0a6b;--line:#0a0a0a1f;--tile:#f1f1f1;--serif:"E404 Serif", "Libre Caslon Text", "Times New Roman", serif;--sans:"E404 Sans", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--accent:#1f0;--gutter:clamp(16px, 2.6vw, 36px);--head:84px}:root[data-theme=dark]{--bg:#0a0a0a;--fg:#f4f4f2;--muted:#f4f4f273;--line:#f4f4f224;--tile:#161616}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;font-weight:300;line-height:1.5}a{color:inherit;text-decoration:none}a,button{transition:color .2s}a:hover,a:focus-visible,button:hover,button:focus-visible{color:var(--accent)!important}a:hover .muted,a:hover .label,a:focus-visible .muted{color:inherit}img,video{max-width:100%;display:block}button{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0}ul,ol{list-style:none}.label{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:300;line-height:1.7}.label b,.label strong,.strong{font-weight:500}.client{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.logo{font-family:var(--serif);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-weight:400;line-height:1}.signature{font-family:var(--serif);text-transform:lowercase;font-size:13px}.nav{z-index:40;height:var(--head);padding:0 var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.nav>*{pointer-events:auto}.nav__name{align-items:baseline;gap:10px;font-size:24px;display:flex}.nav__sub{font-size:9px}.nav__links{gap:clamp(18px,3vw,44px);display:flex}.nav__links a{color:var(--fg);transition:color .3s}.nav__links a.is-active{color:var(--accent)}.nav__item{flex-direction:column;display:flex;position:relative}.nav__drop{opacity:0;visibility:hidden;flex-direction:column;gap:6px;padding-top:12px;transition:opacity .2s,visibility .2s,transform .2s;display:flex;position:absolute;top:100%;left:0;transform:translateY(-4px)}.nav__item:hover .nav__drop,.nav__item:focus-within .nav__drop,.nav__item.is-open .nav__drop{opacity:1;visibility:visible;transform:none}.nav__drop a{white-space:nowrap}.nav__right{align-items:center;gap:clamp(18px,3vw,44px);display:flex}.nav__toggle{color:var(--fg);display:none}@media (width<=760px){:root{--head:68px}.nav__name{z-index:2;font-size:20px;position:relative}.nav__right{gap:18px;position:relative}.nav__toggle{z-index:2;display:block;position:relative}.nav__links{z-index:3;background:var(--bg);border:1px solid var(--line);opacity:0;visibility:hidden;flex-direction:column;align-items:flex-end;gap:14px;padding:16px 18px;transition:opacity .25s,visibility .25s,transform .25s;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-4px)}.nav__links a{white-space:nowrap;font-size:11px}.nav__item{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.nav__drop{opacity:1;visibility:visible;align-items:flex-end;gap:10px;padding:0;position:static;transform:none}.nav__drop a{font-size:10px}.nav.is-open .nav__links{opacity:1;visibility:visible;transform:none}}.credits{flex-direction:column;gap:14px;display:flex}.credits__list{gap:1px;display:grid}.credits__list li{display:block}.credits__list .role:after{content:" : "}.credits__list .name{font-weight:500}.footer{padding:var(--gutter);color:var(--muted);justify-content:space-between;align-items:baseline;gap:16px;display:flex}.glitch{display:none}html.intro body{overflow:hidden}html.intro .glitch{z-index:1000;background:var(--bg);color:var(--fg);cursor:pointer;justify-content:center;align-items:center;animation:2.2s step-end both glitch-flash;display:flex;position:fixed;inset:0}.glitch__noise{pointer-events:none;opacity:.5;background:repeating-linear-gradient(#0000000d 0 1px,#0000 1px 3px),radial-gradient(#0000 45%,#00000014);animation:.18s steps(2,end) infinite glitch-noise;position:absolute;inset:0}.glitch__center{flex-direction:column;align-items:center;gap:22px;display:flex;position:relative}.glitch__logo{font-size:clamp(54px,11vw,170px);animation:2.2s step-end both glitch-shake;position:relative}.glitch__logo:before,.glitch__logo:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0}.glitch__logo:before{color:var(--accent);animation:1.1s step-end infinite glitch-slice-a}.glitch__logo:after{color:var(--accent);opacity:.55;animation:.9s step-end infinite glitch-slice-b}.glitch__msg{letter-spacing:.4em;font-variant-numeric:tabular-nums;min-height:1.7em}.glitch__code{left:var(--gutter);opacity:.45;letter-spacing:.08em;font-family:ui-monospace,Menlo,monospace;position:absolute;top:28px}.glitch__skip{right:var(--gutter);opacity:.35;position:absolute;bottom:22px}html.intro-out .glitch{pointer-events:none;animation:.45s steps(6,end) forwards glitch-out}@keyframes glitch-flash{0%{background:var(--bg)}3%{background:var(--accent)}5%{background:var(--bg)}52%{background:var(--bg)}53%{background:#ededed}55%{background:var(--bg)}}@keyframes glitch-noise{0%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes glitch-shake{0%,to{opacity:1;transform:none}4%{opacity:.4;transform:translate(-6px,2px)skew(12deg)}8%{opacity:1;transform:translate(4px,-1px)}30%{transform:translate(-2px)}32%{transform:none}50%{transform:translate(10px)skew(-18deg)}53%{transform:translate(-3px,1px)}56%{transform:none}78%{transform:translate(5px,-2px)scaleY(1.06)}80%{transform:none}}@keyframes glitch-slice-a{0%{clip-path:inset(12% 0 70%);transform:translate(-8px)}18%{clip-path:inset(62% 0 12%);transform:translate(6px)}36%{clip-path:inset(40% 0 44%);transform:translate(-3px)}54%{clip-path:inset(0 0 88%);transform:translate(9px)}72%{clip-path:inset(80% 0 4%);transform:translate(-6px)}90%{clip-path:inset(30% 0 60%);transform:translate(2px)}}@keyframes glitch-slice-b{0%{clip-path:inset(70% 0 10%);transform:translate(7px)}20%{clip-path:inset(8% 0 76%);transform:translate(-5px)}40%{clip-path:inset(48% 0 30%);transform:translate(4px)}60%{clip-path:inset(86% 0 2%);transform:translate(-9px)}80%{clip-path:inset(22% 0 64%);transform:translate(3px)}}@keyframes glitch-out{0%{clip-path:inset(0);transform:none}20%{clip-path:polygon(0 0,100% 0,100% 30%,0 30%,0 42%,100% 42%,100% 100%,0 100%);transform:translate(-3%)}40%{clip-path:polygon(0 0,100% 0,100% 18%,0 18%,0 60%,100% 60%,100% 74%,0 74%);transform:translate(4%)}60%{clip-path:polygon(0 10%,100% 10%,100% 22%,0 22%,0 66%,100% 66%,100% 70%,0 70%);transform:translate(-6%)}80%{clip-path:polygon(0 48%,100% 48%,100% 52%,0 52%);transform:translate(10%)}to{clip-path:inset(50% 0);opacity:0}}