@font-face{font-family:DeskSans;src:url('/assets/dm-sans-400-normal.ttf');font-display:swap}
@font-face{font-family:DeskSerif;src:url('/assets/instrument-serif-400-italic.ttf');font-style:italic;font-display:swap}
@font-face{font-family:DeskMono;src:url('/assets/plex-mono-400-normal.ttf');font-display:swap}
.desk-entry{font:11px/1.5 DeskMono,monospace;color:var(--blue);text-decoration:none;padding:10px 0;display:inline-flex;align-items:center;gap:9px;min-height:44px;background:none;border:0;cursor:pointer}.desk-entry::before{content:'◫';font-size:20px}.fd-open{overflow:hidden}
.fold-desk{--fd-paper:#171d18;--fd-ink:#eeeade;--fd-muted:#aab3a2;--fd-line:#475044;--fd-surface:#232b24;--fd-accent:#ff9978;--fd-blue:#a9b5ff;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;padding:0;margin:0;background:var(--fd-paper);color:var(--fd-ink);font:16px/1.6 DeskSans,sans-serif;overflow:auto;overscroll-behavior:contain;z-index:1000;color-scheme:dark}
.fold-desk::backdrop{background:#101510ed}.fold-desk[open]{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;padding:18px}.fold-desk *{box-sizing:border-box}.fold-desk h2,.fold-desk p{margin:0}.fold-desk h2{font-weight:400;font-family:DeskSans,sans-serif;font-size:clamp(35px,4.8vw,70px);line-height:1.03;letter-spacing:-.045em}.fold-desk em{font-family:DeskSerif,serif;font-weight:400;color:var(--fd-accent)}.fold-desk img{display:block;max-width:100%;filter:none;mix-blend-mode:normal}.fold-desk button,.fold-desk input{font:inherit}.fold-desk button{border:0;background:none;color:inherit;cursor:pointer}.fold-desk button:disabled{opacity:.4;cursor:default}.fold-desk button:focus-visible,.fold-desk a:focus-visible,.fold-desk input:focus-visible{outline:2px solid var(--fd-blue);outline-offset:4px}.fold-desk a{color:inherit;text-decoration:none}.fold-desk a:hover{color:var(--fd-accent)}.fold-desk [hidden]{display:none!important}
.fd-pane{min-width:0;min-height:0;border:1px solid var(--fd-line);display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--fd-paper);container-type:inline-size}.fd-visual{background-color:var(--fd-surface);background-image:radial-gradient(#69725d75 .6px,transparent .6px);background-size:8px 8px}.fd-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid var(--fd-line);font:10px/1.4 DeskMono,monospace;min-height:52px;background:var(--fd-paper);z-index:2}.fd-header b{font-weight:400;color:var(--fd-accent)}.fd-header>button{font:26px/1 DeskSans,sans-serif;width:40px;height:38px}.fd-header nav{display:flex;gap:4px;flex-wrap:wrap}.fd-header nav button{font:11px DeskMono,monospace;min-height:36px;padding:8px 12px;border:1px solid transparent}.fd-header nav button[aria-pressed=true]{border-color:var(--fd-blue);color:var(--fd-blue)}.fd-stage{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;padding:28px 28px 42px}.fd-eyebrow{display:block;font:10px/1.6 DeskMono,monospace;letter-spacing:.07em;color:var(--fd-muted);margin-bottom:20px}.fd-desk-scene{width:100%;max-width:640px}.fd-desk-scene h2{font-size:clamp(36px,5cqw,60px)}.fd-objects{display:grid;grid-template-columns:1fr 1fr;gap:24px 14px;margin:28px 0 6px}.fd-objects>button,.fd-objects>a{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-width:0;position:relative;padding:0;transition:transform .22s}.fd-objects>button:nth-child(1){transform:rotate(-6deg)}.fd-objects>button:nth-child(2){transform:rotate(5deg)}.fd-objects>button:nth-child(3){transform:rotate(3deg)}.fd-objects>a{transform:rotate(-8deg)}.fd-objects>button:hover,.fd-objects>a:hover{transform:translateY(-5px) rotate(0)}.fd-objects img{width:min(100%,190px);height:155px;object-fit:contain;pointer-events:none;filter:drop-shadow(1px 1px 0 #eeeade70)}.fd-objects span{font:9px/1.5 DeskMono,monospace;text-align:center;background:var(--fd-paper);border:1px solid var(--fd-line);padding:7px 9px;max-width:100%}.fd-visual-foot,.fd-detail-foot{flex:none;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--fd-line);background:var(--fd-paper);padding:8px 16px;font:9px/1.6 DeskMono,monospace;z-index:2}.fd-visual-foot>span{color:var(--fd-muted)}.fd-visual-foot button,.fd-detail-foot button{min-height:36px;font:10px DeskMono,monospace;padding:4px 6px;white-space:nowrap}.fd-detail-foot button[aria-pressed=true]{color:var(--fd-blue)}.fd-detection{font-size:9px;color:var(--fd-muted);text-align:right;max-width:190px}.fd-content{overflow:auto;flex:1;padding:34px 28px 40px;min-height:0;scrollbar-width:thin;scrollbar-color:var(--fd-line) transparent}.fd-content h2{font-size:clamp(34px,7.6cqw,58px);margin:12px 0 20px}.fd-content p{color:var(--fd-muted);font-size:16px;line-height:1.75}.fd-project-list{margin-top:30px;border-top:1px solid var(--fd-line)}.fd-project-list>button{width:100%;display:grid;grid-template-columns:22px 70px 1fr 20px;align-items:center;gap:12px;border-bottom:1px solid var(--fd-line);padding:14px 0;text-align:left}.fd-project-list>button:hover b{color:var(--fd-accent)}.fd-project-list>button>span:first-child{font:9px DeskMono,monospace;color:var(--fd-muted)}.fd-project-list b{font-size:18px;font-weight:400;line-height:1.3}.fd-project-list i{font-style:normal;color:var(--fd-accent)}.fd-project-list .project-glyph{width:68px;height:68px;margin:0;position:relative;display:block}.fd-project-list .project-glyph img{width:100%;height:100%;object-fit:contain}.fd-project-list .project-glyph>:not(img){display:none}.fd-project-detail .fd-project-back{font:11px DeskMono,monospace;min-height:44px;border-bottom:1px solid var(--fd-line);margin-bottom:25px}.fd-project-art{height:135px;margin-bottom:24px}.fd-project-art .project-glyph{width:135px;height:135px;display:block;position:relative}.fd-project-art img{width:100%;height:100%;object-fit:contain}.fd-project-art .project-glyph>:not(img){display:none}.fd-project-detail a{font:12px/1.6 DeskMono,monospace;display:inline-block;text-decoration:underline;text-underline-offset:5px;margin-top:25px;color:var(--fd-accent)}.fd-project-detail p+p{margin-top:18px}
.fd-record-scene{width:100%;max-width:560px;text-align:center;align-self:center}.fd-sleeve-stack{position:relative;width:87%;max-width:420px;margin:36px auto 30px;aspect-ratio:1}.fd-sleeve-stack>span{position:absolute;inset:0;transform:rotate(-7deg) translateX(-8px);background:#aeb3a0;border:1px solid #101710;box-shadow:3px 3px 0 #10151080}.fd-sleeve-stack>span:nth-child(2){transform:rotate(5deg);background:#747d6c}.fd-cover{position:absolute;inset:0;width:100%;padding:0;touch-action:pan-y;isolation:isolate;background:#090d09!important;overflow:hidden;box-shadow:7px 9px 0 #0c120c55;transform:rotate(-2deg)}.fd-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.fd-cover-fallback{display:grid;place-items:center;position:absolute;inset:0;padding:20px;font:28px DeskSerif,serif;color:var(--fd-ink)}.fd-flip{display:flex;justify-content:center;align-items:center;gap:24px}.fd-flip button{border:1px solid var(--fd-line);width:48px;height:44px;font-size:24px}.fd-position{font:11px DeskMono,monospace;color:var(--fd-muted)}.fd-sleeve-hint{display:block;font:8px/1.8 DeskMono,monospace;color:var(--fd-muted);margin-top:20px}.fd-record-detail{margin:auto 0}.fd-content:has(.fd-record-detail:not([hidden])){display:flex;flex-direction:column;justify-content:center}.fd-record-detail h2{font-size:clamp(34px,10cqw,80px);overflow-wrap:anywhere}.fd-record-artist{font-size:22px!important;color:var(--fd-ink)!important}.fd-record-rule{border-top:1px solid var(--fd-line);margin:30px 0}.fd-record-meta{font:11px/1.6 DeskMono,monospace!important}.fd-heart{border:1px solid var(--fd-accent)!important;padding:13px 18px!important;margin:28px 0 14px!important;font:13px DeskMono,monospace!important;color:var(--fd-accent)!important}.fd-heart[aria-pressed=true]{background:var(--fd-accent)!important;color:var(--fd-paper)!important}.fd-heart-status{font:10px/1.7 DeskMono,monospace!important;min-height:36px}.fd-full-crate{display:inline-block;margin-top:30px;font:11px DeskMono,monospace;text-decoration:underline!important;text-underline-offset:5px}.fd-credit{font:9px/1.6 DeskMono,monospace!important;margin-top:25px!important}
.fd-tv-scene{width:100%;height:100%;min-height:200px;display:grid;place-items:center}.fd-tv-set{position:relative;width:min(100%,600px);aspect-ratio:1;max-height:100%;isolation:isolate}.fd-tv-set>img{width:100%;height:100%;object-fit:contain}.fd-tv-glass{position:absolute;left:12.1%;top:39.7%;width:60%;height:45.5%;overflow:hidden;border-radius:10%/12%;background:#050705}.fd-tv-glass video{position:absolute;left:-2%;top:-2%;width:104%;height:104%;object-fit:cover;max-width:none}.fd-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0003 0,#0003 1px,transparent 1px,transparent 3px);box-shadow:inset 0 0 10px #0008;pointer-events:none}.fd-on-air{position:absolute;left:10px;bottom:8px;font:9px DeskMono,monospace;color:#fff;text-shadow:1px 1px #000}.fd-tv-detail{margin:auto 0}.fd-content:has(.fd-tv-detail:not([hidden])){display:flex;flex-direction:column;justify-content:center}.fd-tv-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.fd-tv-buttons button{border:1px solid var(--fd-line);min-height:44px;padding:12px;font:11px DeskMono,monospace}.fd-tv-buttons .fd-play{border-color:var(--fd-accent);color:var(--fd-accent)}.fd-track{display:block;font:9px DeskMono,monospace;color:var(--fd-muted)}.fd-track input{display:block;width:100%;margin:17px 0;accent-color:var(--fd-accent);height:24px}.fd-back-records{font:11px DeskMono,monospace!important;border-bottom:1px solid var(--fd-line)!important;margin-top:25px;padding:10px 0}.fd-video-status{font:10px DeskMono,monospace!important;min-height:20px}
/* A sprite cameo crosses both panels, with a quiet interval between passes. */
.fd-pac-strip{position:absolute;left:0;bottom:52px;right:0;height:30px;overflow:hidden;pointer-events:none;opacity:.85;background:var(--fd-paper)}.fd-pac-party{position:absolute;inset:0;transform:translateX(-80px);animation:fd-cross 12s linear infinite}.fd-detail .fd-pac-party{animation-delay:6s}.fd-pac,.fd-ghost{position:absolute;width:24px;height:24px;top:3px;image-rendering:pixelated;background-size:auto 24px}.fd-pac{left:0;transform:scaleX(-1);background-image:url('/assets/pacman.png');animation:fd-chomp .28s steps(4) infinite}.fd-ghost{left:36px;background-image:url('/assets/ghost-blue.png');animation:fd-legs .25s steps(2) infinite}@keyframes fd-cross{0%{transform:translateX(-80px)}48%,100%{transform:translateX(calc(100% + 20px))}}@keyframes fd-chomp{to{background-position:-96px 0}}@keyframes fd-legs{to{background-position:-48px 0}}
.fold-desk[data-mode=tv]:not([data-segmented=true]){grid-template-columns:1fr;grid-template-rows:minmax(280px,56%) minmax(220px,1fr);gap:20px}.fold-desk[data-mode=tv] .fd-stage{padding:0 20px 12px}.fold-desk[data-mode=tv] .fd-tv-set{height:100%;width:auto;max-width:100%;aspect-ratio:1}.fold-desk[data-mode=tv] .fd-pac-strip{display:none}.fold-desk[data-mode=tv]:not([data-axis=book]) .fd-tv-detail{display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,1.3fr);gap:4px 35px;width:100%;max-width:1040px;margin:auto}.fold-desk[data-mode=tv]:not([data-axis=book]) .fd-tv-detail .fd-eyebrow{grid-column:1;margin-bottom:0}.fold-desk[data-mode=tv]:not([data-axis=book]) .fd-tv-detail h2{grid-column:1;grid-row:2/5;font-size:44px;margin:5px 0}.fold-desk[data-mode=tv]:not([data-axis=book]) .fd-tv-detail>p:first-of-type{display:none}.fold-desk[data-mode=tv]:not([data-axis=book]) .fd-tv-buttons{grid-column:2;grid-row:1/3;margin:0 0 5px}.fold-desk[data-mode=tv]:not([data-axis=book]) .fd-track,.fold-desk[data-mode=tv]:not([data-axis=book]) .fd-video-status{grid-column:2}.fold-desk[data-mode=tv]:not([data-axis=book]) .fd-back-records{grid-column:1/3;justify-self:start;margin-top:4px}.fold-desk[data-mode=tv] .fd-content{padding:20px 28px}
/* Rectangles come directly from the browser. Nothing interactive straddles the hinge. */
.fold-desk[data-segmented=true]{display:block;padding:0;overflow:hidden}.fold-desk[data-segmented=true] .fd-pane{position:fixed;left:var(--segment-left);top:var(--segment-top);width:var(--segment-width);height:var(--segment-height);padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}.fold-desk[data-segmented=true] .fd-stage{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.fold-desk[data-axis=table] .fd-desk-scene h2{font-size:32px}.fold-desk[data-axis=table] .fd-objects{grid-template-columns:repeat(4,1fr);margin:12px 0}.fold-desk[data-axis=table] .fd-objects img{height:95px}.fold-desk[data-axis=table] .fd-stage{padding-top:10px;padding-bottom:20px}.fold-desk[data-axis=table] .fd-record-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.fold-desk[data-axis=table] .fd-sleeve-stack{grid-row:1/4;margin:12px auto;width:min(70%,200px)}.fold-desk[data-axis=table] .fd-record-scene>.fd-eyebrow{grid-column:2;margin:0}.fold-desk[data-axis=table] .fd-sleeve-hint{grid-column:2;margin:0}.fold-desk[data-axis=table] .fd-record-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.fold-desk[data-axis=table] .fd-record-detail h2{font-size:32px;grid-row:2/5;margin:0}.fold-desk[data-axis=table] .fd-record-artist{grid-column:2;grid-row:2}.fold-desk[data-axis=table] .fd-record-rule,.fold-desk[data-axis=table] .fd-credit{display:none}.fold-desk[data-axis=table] .fd-heart{margin:0!important}.fold-desk[data-axis=table] .fd-full-crate{margin:0}
@container (max-width:420px){.fd-stage{padding:24px 18px 36px}.fd-objects img{height:120px}.fd-objects span{font-size:8px}.fd-content{padding:25px 20px}.fd-project-list>button{grid-template-columns:18px 50px 1fr 15px;gap:9px}.fd-project-list .project-glyph{width:48px;height:48px}.fd-project-list b{font-size:16px}.fd-header{padding:7px 10px}.fd-header nav button{padding:8px;font-size:10px}.fd-visual-foot,.fd-detail-foot{padding:6px 10px;font-size:8px}.fd-tv-detail{display:block!important}.fd-tv-detail h2{font-size:34px!important}.fd-tv-buttons{margin:18px 0!important}.fd-detection{font-size:8px;max-width:120px}}
@media(max-width:640px){.fold-desk[open]:not([data-segmented=true]){display:flex;flex-direction:column;gap:16px;padding:10px}.fold-desk:not([data-segmented=true]) .fd-pane{flex:none;min-height:440px;overflow:visible}.fold-desk:not([data-segmented=true]) .fd-visual{min-height:540px}.fold-desk:not([data-segmented=true]) .fd-content{overflow:visible}.fold-desk:not([data-segmented=true]) .fd-stage{overflow:visible}.fold-desk[data-mode=tv]:not([data-segmented=true]) .fd-visual{height:430px;min-height:430px}.fold-desk[data-mode=tv]:not([data-segmented=true]) .fd-stage{overflow:hidden;height:320px}.fold-desk[data-mode=tv]:not([data-segmented=true]) .fd-tv-set{height:300px}.fold-desk[data-mode=tv]:not([data-segmented=true]) .fd-detail{min-height:430px}.fold-desk:not([data-segmented=true]) .fd-detail>.fd-header{position:sticky;top:-10px}.fold-desk:not([data-segmented=true]) .fd-content{flex:auto}}
.fold-desk[data-motion=paused] *{animation-play-state:paused!important;transition:none!important}.fold-desk[data-motion=paused] .fd-pac-strip{display:none}@media(prefers-reduced-motion:reduce){.fold-desk *{animation:none!important;transition:none!important}.fold-desk .fd-pac-strip{display:none}}

.fold-desk:not([open]){display:none!important}
/* Size the square frame against both available axes, including short tabletop segments. */
.fold-desk[data-mode=tv] .fd-stage{display:block;overflow:hidden}
.fold-desk[data-mode=tv] .fd-tv-scene{height:100%;width:100%;min-height:0;container-type:size}
.fold-desk[data-mode=tv] .fd-tv-set{width:min(100cqw,100cqh,650px);height:min(100cqw,100cqh,650px);aspect-ratio:1;max-width:none;max-height:none}
