@font-face{font-family:Clash Display;src:url(/fonts/clash-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/clash-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-500.woff2)format("woff2");font-weight:500;font-display:swap}:root{--vermillon:#ff5a36;--ink:#141210;--ink-2:#1e1b18;--paper:#ede8e1;--mute:#9c958c;--ink-soft:#3a1510;--display:"Clash Display", "Arial Narrow", sans-serif;--text:"Switzer", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 56px);--nav-h:64px;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root{--vermillon:#ee5232}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}[id]{scroll-margin-top:var(--nav-h)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--ink);color:var(--paper);font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:600}p{text-wrap:pretty;margin:0}:focus-visible{outline-offset:3px;outline:2px solid}.skip{left:var(--gutter);z-index:50;background:var(--paper);color:var(--ink);padding:12px 16px;position:absolute;top:-100px}.skip:focus{top:12px}.btn{min-height:48px;font:500 16px/1 var(--text);white-space:nowrap;cursor:pointer;transition:transform .15s var(--ease-out), background-color .2s, color .2s;border:1.5px solid;border-radius:0;align-items:center;gap:10px;padding:0 22px;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--solid{background:var(--ink);color:var(--vermillon);border-color:var(--ink)}.btn--solid:hover{background:var(--ink-2)}.on-ink .btn--solid{background:var(--paper);color:var(--ink);border-color:var(--paper)}.on-ink .btn--solid:hover{background:#fff8ef}.btn--ghost{color:inherit;background:0 0}.btn--ghost:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.nav{z-index:30;height:var(--nav-h);padding:0 var(--gutter);color:var(--ink);justify-content:space-between;align-items:center;transition:color .3s;display:flex;position:fixed;inset:0 0 auto}.nav[data-tone=ink]{color:var(--paper)}.nav__logo{font:600 22px/1 var(--display);letter-spacing:-.02em;text-decoration:none}.nav__links{align-items:center;gap:clamp(12px,2.4vw,32px);display:flex}.nav__links a{transition:background-size .25s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 calc(100% - 6px)/0 1.5px no-repeat;padding:10px 0;font-weight:500;text-decoration:none}.nav__links a:hover{background-size:100% 1.5px}.sound{min-height:40px;color:inherit;font:500 15px/1 var(--text);cursor:pointer;background:0 0;border:1.5px solid;border-radius:0;align-items:center;gap:10px;padding:0 14px;display:inline-flex}.sound__bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.sound__bars i{transform-origin:bottom;background:currentColor;width:2px;height:3px}.sound[aria-pressed=true] .sound__bars i{animation:.9s ease-in-out infinite alternate bar}.sound[aria-pressed=true] .sound__bars i:nth-child(2){animation-delay:-.3s}.sound[aria-pressed=true] .sound__bars i:nth-child(3){animation-delay:-.6s}.sound[aria-pressed=true] .sound__bars i:nth-child(4){animation-delay:-.45s}.sound[data-idle=true] .sound__bars i{animation-play-state:paused}@keyframes bar{0%{transform:scaleY(1)}to{transform:scaleY(4.6)}}.story{background:var(--vermillon);height:700vh;color:var(--ink);position:relative}.story__stage{height:100dvh;position:sticky;top:0;overflow:hidden}.story__night{background:var(--ink);opacity:0;pointer-events:none;position:absolute;inset:0}.story__canvas{touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.story__canvas.is-grab{cursor:grab}.story__canvas.is-grabbing{cursor:grabbing}.hero{pointer-events:none;position:absolute;inset:0}.hero__word{left:calc(var(--gutter) - .04em);letter-spacing:-.045em;white-space:nowrap;font-size:clamp(96px,24vw,420px);font-weight:600;line-height:.8;position:absolute;bottom:clamp(-12px,-1vw,0px)}.hero__word .char{display:inline-block}.hero__lead{left:var(--gutter);top:calc(var(--nav-h) + clamp(24px, 6vh, 72px));pointer-events:auto;gap:24px;max-width:30ch;display:grid;position:absolute}.hero__lead p{font-size:clamp(18px,1.7vw,24px);font-weight:500;line-height:1.35}.hero__ctas{flex-wrap:wrap;gap:12px;display:flex}.chapter{width:min(36ch, calc(100vw - 2 * var(--gutter)));opacity:0;pointer-events:none;position:absolute;top:50%;translate:0 -50%}.chapter[data-side=left]{left:var(--gutter)}.chapter[data-side=right]{right:var(--gutter)}.chapter h2{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(40px,6vw,88px);line-height:.95}.chapter p{color:var(--ink-soft);font-weight:500}.chapter--night{color:var(--paper)}.chapter--night p{color:var(--mute)}.chapter__hint{margin-top:18px;font-size:15px}.on-ink{background:var(--ink);color:var(--paper)}.shelf{padding:clamp(96px, 16vh, 180px) var(--gutter) clamp(80px, 12vh, 140px)}.shelf h2{letter-spacing:-.035em;max-width:12ch;font-size:clamp(44px,7vw,112px);line-height:.92}.shelf__intro{max-width:44ch;color:var(--mute);margin-top:20px}.shelf__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,44px);margin:clamp(48px,8vh,96px) 0 0;padding:0;list-style:none;display:grid}.shelf__grid li:nth-child(2n){margin-top:clamp(24px,6vw,96px)}.sleeve{position:relative}.sleeve__art{aspect-ratio:1;position:relative}.sleeve__disc{background:radial-gradient(circle, var(--ink) 0 2%, var(--vermillon) 2.2% 17%, transparent 17.3%), repeating-radial-gradient(circle, #0d0c0b 0 1.5px, #221f1c 1.5px 3px);transition:transform .6s var(--ease-out);border-radius:50%;position:absolute;inset:3%;box-shadow:inset 0 0 0 1px #ffffff0f}.sleeve__cover{aspect-ratio:1;object-fit:cover;background:var(--ink-2);width:100%;transition:transform .45s var(--ease-out);position:relative}.sleeve:hover .sleeve__disc{transform:translate(38%)rotate(40deg)}.sleeve:hover .sleeve__cover{transform:translate(-4%)}.sleeve__meta{gap:2px;margin-top:18px;display:grid}.sleeve__title{font:500 clamp(20px, 1.8vw, 26px)/1.1 var(--display);letter-spacing:-.01em}.sleeve__artist{color:var(--mute)}.sleeve__price{margin-top:6px;font-weight:500}.atelier{align-items:end;min-height:100dvh;display:grid;position:relative;overflow:hidden}.atelier__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.atelier:after{content:"";background:linear-gradient(#14121099 0,#0000 140px),linear-gradient(#1412100d 20%,#1412108c 55%,#141210eb 100%);position:absolute;inset:0}.atelier__body{z-index:1;padding:0 var(--gutter) clamp(56px, 10vh, 120px);gap:22px;max-width:760px;display:grid;position:relative}.atelier h2{letter-spacing:-.03em;font-size:clamp(40px,6vw,92px);line-height:.95}.atelier p{color:#cfc9c1;max-width:42ch}.atelier .btn{justify-self:start}.foot{padding:48px var(--gutter) 40px;color:var(--mute);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;font-size:15px;display:flex}.foot nav{flex-wrap:wrap;gap:8px 24px;display:flex}.foot a{text-underline-offset:3px}.foot a:hover{color:var(--paper)}.foot__word{font:600 clamp(28px, 3vw, 40px)/1 var(--display);color:var(--paper);letter-spacing:-.02em}.page{max-width:760px;padding:calc(var(--nav-h) + 48px) var(--gutter) 96px;margin:0 auto}.page h1{letter-spacing:-.03em;margin-bottom:32px;font-size:clamp(44px,7vw,88px);line-height:.95}.page h2{letter-spacing:-.01em;margin:48px 0 12px;font-size:clamp(24px,2.6vw,32px)}.page p,.page li{color:#cfc9c1;max-width:65ch}.page p+p{margin-top:12px}.page ul{padding-left:20px}@media (width<=900px){.shelf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.nav__links a{display:none}.hero__lead{max-width:none;right:var(--gutter)}.chapter{top:auto;bottom:clamp(24px,6vh,56px);translate:none}.chapter[data-side]{left:var(--gutter);right:var(--gutter);width:auto}.chapter h2{margin-bottom:12px;font-size:clamp(36px,11vw,52px)}.shelf__grid{grid-template-columns:1fr 1fr;gap:16px}.shelf__grid li:nth-child(2n){margin-top:40px}.sleeve:hover .sleeve__disc{transform:translate(20%)rotate(40deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}