@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-italic.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2)format("woff2")}:root{--night:#0c0908;--paper:#f1ebe1;--dim:#f1ebe194;--safe:#ff4a2e;--serif:"Instrument Serif", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, monospace;--gutter:max(18px, 3.4vw);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html{background:var(--night);scrollbar-width:none}html::-webkit-scrollbar{display:none}html.locked{overflow:hidden}body{color:var(--paper);font-family:var(--mono);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0}::selection{background:var(--safe);color:var(--night)}:is(a,button):focus-visible{outline:1px solid var(--safe);outline-offset:6px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#scroll-space{width:1px}#grain{z-index:8;pointer-events:none;opacity:.05;animation:.6s steps(4,end) infinite grain;position:fixed;inset:-8%}body:after{content:"";z-index:7;pointer-events:none;background:radial-gradient(#0000 55%,#00000080 100%);position:fixed;inset:0}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-5%,3%)}50%{transform:translate(4%,-4%)}75%{transform:translate(-2%,-5%)}}@media (prefers-reduced-motion:reduce){#grain{animation:none}}.caps{letter-spacing:.14em;text-transform:uppercase;font-size:11px}#header{z-index:5;padding:18px var(--gutter);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;justify-content:space-between;align-items:center;font-size:11px;transition:opacity .35s;display:flex;position:fixed;top:0;left:0;right:0}#header a{pointer-events:auto;align-items:center;min-height:44px;transition:opacity .3s,color .2s;display:inline-flex}#header a:hover{color:var(--safe)}#header.hidden{opacity:0}#header.hidden a{pointer-events:none}#hint{bottom:24px;left:var(--gutter);z-index:4;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);pointer-events:none;font-size:11px;position:fixed}#labels{z-index:3;pointer-events:none;position:fixed;inset:0}.work-label{text-shadow:0 1px 2px #0000008c,0 0 18px #0000008c;text-align:left;will-change:transform, opacity;max-width:min(30vw,420px);padding:6px;position:absolute;top:0;left:0}.work-label:is(button){cursor:pointer}.work-label[data-align=right]{text-align:right}.work-label[data-align=center]{text-align:center;max-width:88vw}.work-label .kicker{color:var(--dim);margin-bottom:14px;display:block}.work-label .kicker b{color:var(--paper);margin-right:10px;font-weight:400}.work-label .title{font:400 clamp(34px, 3.9vw, 62px)/.95 var(--serif);letter-spacing:-.01em;text-wrap:balance;transition:color .2s;display:block}#portrait-label .title{font-size:clamp(56px,6vw,96px)}.work-label .line{font:400 18px/1.3 var(--serif);color:#f1ebe1cc;text-wrap:pretty;max-width:26ch;margin-top:12px;display:block}.work-label :is(.kicker,.line){text-shadow:0 0 12px #000000e6,0 1px 2px #000c}.work-label[data-align=right] .line{margin-left:auto}.work-label[data-align=center] .line{margin-inline:auto}.work-label:is(button):hover .title,.work-label:focus-visible .title{color:var(--safe)}.work-label :is(.kicker,.line){transition:opacity .15s}.work-label.handoff :is(.kicker,.line){opacity:0}.work-label.handoff .title{visibility:hidden}#portrait-label .line{text-wrap:balance;max-width:46ch}#detail{z-index:6;padding:0 var(--gutter) 14vh;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}#detail[hidden]{display:none}#detail[data-side="-1"]{align-items:flex-end}#detail[data-side="-1"] .detail-body{text-align:left;width:34vw}#detail[data-side="1"] .detail-body{text-align:right;width:34vw}#detail[data-side="1"] .detail-body p{text-align:left;margin-left:auto}#detail .close,.detail-body .kicker,.detail-body p,.detail-body .links{opacity:0;transition:opacity .15s}#detail.visible :is(.close,.kicker,p,.links){opacity:1;transition:opacity .35s .5s}#detail:focus{outline:none}#detail .close{top:18px;right:var(--gutter);letter-spacing:.14em;text-transform:uppercase;pointer-events:auto;justify-content:center;align-items:center;gap:10px;min-width:44px;min-height:44px;font-size:11px;display:inline-flex;position:absolute}#detail .close:hover{color:var(--safe)}.detail-body{text-shadow:0 0 18px #00000080;max-width:34vw}.detail-body .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:20px;font-size:11px;display:block}.detail-body .kicker b{color:var(--paper);margin-right:10px;font-weight:400}.detail-body h2{font:400 clamp(44px, 5.4vw, 96px)/.92 var(--serif);letter-spacing:-.015em;text-wrap:balance}.detail-body p{font:400 clamp(19px, 1.6vw, 24px)/1.35 var(--serif);color:var(--dim);max-width:30ch;margin-top:24px}.detail-body .links{flex-wrap:wrap;gap:0 28px;margin-top:30px;display:flex}#detail[data-side="1"] .detail-body .links{justify-content:flex-end}.detail-body .link{letter-spacing:.14em;text-transform:uppercase;pointer-events:auto;border-bottom:1px solid #f1ebe166;align-items:center;gap:10px;min-height:44px;font-size:12px;transition:color .2s,border-color .2s;display:inline-flex}.detail-body .link:hover{color:var(--safe);border-color:var(--safe)}.detail-body .links[hidden]{display:none}@media (aspect-ratio<=9/10){#detail{padding:55vh var(--gutter) 0;justify-content:flex-start;align-items:stretch!important}.work-label .title{font-size:clamp(30px,8.5vw,40px)}#portrait-label .title{font-size:clamp(44px,13vw,60px)}.detail-body,#detail[data-side] .detail-body{text-align:center;width:auto;max-width:none}#detail[data-side] .detail-body p{text-align:center;margin-inline:auto}#detail[data-side] .detail-body .links{justify-content:center}.detail-body h2{font-size:clamp(38px,11vw,60px)}.detail-body p{font-size:19px}}#footer{left:var(--gutter);right:var(--gutter);z-index:4;letter-spacing:.14em;text-transform:uppercase;opacity:0;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex;position:fixed;bottom:22px}#footer a,#footer button{min-height:44px;text-transform:inherit;letter-spacing:inherit;align-items:center;display:inline-flex}#footer a:hover,#footer button:hover{color:var(--safe)}.socials{flex-wrap:wrap;gap:28px;display:flex}#footer .made{color:var(--dim);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}@media (width<=700px){.socials{gap:18px}#footer .made,#hint{display:none}}.plain{max-width:640px;font-family:var(--serif);margin:0 auto;padding:80px 24px;font-size:20px;line-height:1.5}.plain ul{margin:24px 0;padding-left:20px}.no-webgl #labels,.no-webgl #scene,.no-webgl #hint{display:none}