@font-face{font-family:MoahoSquareDisplay;src:url('/assets/moaho-square-display.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:MoahoControlPixel;src:url('/assets/moaho-control-pixel.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
/* Draft system: 8px spacing, 24px phone gutters, 480px content column.
   Deliberate two-column heading/footer grid; links share one aligned column.
   Minimum target height 64px; type remains readable at 320px. */
:root{color-scheme:dark;--ink:#f4f1e8;--muted:#bdc2b5;--paper:#151714;--line:#62695b;--accent:#d0f28c;--space:8px;--btn-radius:0px;--btn-ink:#000;--btn-surface:#c0c0c0;--btn-edge:#632d4475;--btn-well:#b9819824}
*{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::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(7,13,14,.40),rgba(7,13,14,.62)),url('/assets/background-corridor.webp');background-size:100% 100%,max(165vw,100vh) auto;background-position:center,90% 57%;background-repeat:no-repeat;z-index:-1}
.page{width:calc(100% - 48px);max-width:480px;margin:0 auto;padding:64px 0 24px}
.eyebrow{margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.6;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 8px #0008}
.artist{padding-bottom:40px;border-bottom:1px solid var(--line)}
h1{margin:16px 0 0;font-family:MoahoSquareDisplay,Arial,sans-serif;font-size:clamp(60px,19vw,104px);line-height:1;letter-spacing:0;font-weight:400;text-shadow:0 2px 16px #0003}
h1 span{color:var(--accent)}
.release{padding:32px 0 24px}
.release-heading{display:grid;gap:8px}
.release h2{font-family:MoahoSquareDisplay,Arial,sans-serif;font-size:clamp(26px,7.7vw,40px);font-weight:400;letter-spacing:0;line-height:1.2;margin:0;text-transform:uppercase}
.release-art{aspect-ratio:1;margin-bottom:24px;overflow:hidden;background:#23271e;border-radius:4px}
.release-art img{display:block;width:100%;height:100%;object-fit:cover}
.section-label{margin:24px 0 12px;font-size:11px;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;font-weight:400;color:var(--ink);text-shadow:0 1px 8px #0008}
.link-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.link-list a{position:relative;min-height:64px;display:grid;grid-template-columns:32px 1fr 16px;gap:12px;align-items:center;padding:12px 14px;border:4px solid;border-color:#fff #000 #000 #fff;border-radius:var(--btn-radius);color:var(--btn-ink);text-decoration:none;background:var(--btn-surface);box-shadow:inset 2px 2px 0 #dfdfdf,inset -2px -2px 0 #808080,0 0 0 1px #808080;font-family:MoahoControlPixel,"MS Sans Serif",Tahoma,Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:0;-webkit-font-smoothing:none}
.link-list a:hover{background:#c8c8c8}
.link-list a:active{background:#c0c0c0;border-color:#000 #fff #fff #000;box-shadow:inset 2px 2px 0 #808080,inset -2px -2px 0 #dfdfdf,0 0 0 1px #808080}
.link-list a:active>span{transform:translate(1px,1px)}
.platform-icon{display:block;width:32px;height:32px;image-rendering:pixelated}
.link-list .arrow{display:block;width:16px;height:16px;font-size:0;line-height:0;background:#000;clip-path:polygon(0 37.5%,50% 37.5%,50% 0,62.5% 0,62.5% 12.5%,75% 12.5%,75% 25%,87.5% 25%,87.5% 37.5%,100% 37.5%,100% 62.5%,87.5% 62.5%,87.5% 75%,75% 75%,75% 87.5%,62.5% 87.5%,62.5% 100%,50% 100%,50% 62.5%,0 62.5%)}
.link-list a:focus-visible{outline:1px dotted #000;outline-offset:-7px}
a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
#links:focus{outline:none}
footer{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:20px;border-top:1px solid #bcc4b875;font-size:11px;line-height:1.5;color:var(--ink);text-shadow:0 1px 8px #0008}
.skip{position:absolute;top:8px;left:8px;transform:translateY(-200%);padding:12px;background:var(--accent);color:var(--paper);z-index:3}
.skip:focus{transform:none}
[hidden]{display:none!important}
@media(min-width:760px){.page{padding-top:80px}}
@media(max-width:600px){body::before{background-image:linear-gradient(rgba(7,13,14,.43),rgba(7,13,14,.65)),url('/assets/background-corridor-mobile.webp');background-size:100% 100%,auto calc(100% + 420px);background-position:center,40% 84%}}
@media(max-width:360px){body::before{background-position:center,45% 86%}.page{width:calc(100% - 32px)}.eyebrow{font-size:10px}.artist{padding-bottom:32px}.link-list a{padding:12px 8px;gap:8px;grid-template-columns:32px 1fr 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.link-list a:hover,.link-list a:active,.link-list a:active>span{transform:none}}