:where(:root){--ink-900:#0e0c11;--paper:#f3eee8;--warm-500:#db997d;--warm-400:#e8b39b;--serif:"Instrument Serif", Georgia, serif;--sans:"Inter Tight", system-ui, sans-serif;--ink-800:color-mix(in srgb, var(--ink-900) 96%, var(--paper));--ink-700:color-mix(in srgb, var(--ink-900) 93%, var(--paper));--line:color-mix(in srgb, var(--ink-900) 85%, var(--paper));--paper-2:color-mix(in srgb, var(--paper) 86%, var(--ink-900));--mute:color-mix(in srgb, var(--paper) 64%, var(--ink-900));--warm-700:color-mix(in srgb, var(--warm-500) 55%, var(--ink-900));--hair:color-mix(in srgb, var(--warm-500) 28%, var(--ink-900));--edge:color-mix(in srgb, var(--paper) 28%, transparent);--glow:color-mix(in srgb, var(--warm-500) 15%, transparent);--gutter:clamp(16px, 4vw, 48px);--ease:cubic-bezier(.2,.7,.2,1);--t-press:.16s;--t-hover:.26s;--t-reveal:.6s}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--ink-900);color:var(--paper);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-underline-offset:3px}a:hover{color:var(--warm-400)}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--warm-500);outline-offset:2px;box-shadow:0 0 0 2px var(--ink-900);border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--paper);color:var(--ink-900);border-radius:999px;padding:10px 16px;font-weight:500;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}body:after{content:"";pointer-events:none;opacity:.06;z-index:50;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.label{font:500 12px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--mute);align-items:center;gap:14px;margin:0 0 24px;display:flex}.label:before{content:"";background:var(--warm-500);width:32px;height:1px}.display{font:400 clamp(72px, 15vw, 220px)/.85 var(--serif);letter-spacing:-.02em;margin:0}.h1{font:400 clamp(44px, 7vw, 96px)/.95 var(--serif);margin:0}.h2{font:400 clamp(34px, 5vw, 64px)/1 var(--serif);margin:0}.lead{font:italic 400 clamp(22px, 2.6vw, 34px)/1.25 var(--serif)}.meta{color:var(--mute);font-size:14px}.site-nav{z-index:40;padding:14px var(--gutter);background:color-mix(in srgb, var(--ink-900) 72%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.site-nav .mark{font:italic 26px var(--serif);align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.site-nav ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.site-nav ul a{min-height:44px;font:500 12px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--paper-2);align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.site-nav ul a:hover,.site-nav ul a[aria-current]{color:var(--paper)}.site-nav ul a[aria-current]{box-shadow:inset 0 -1px 0 var(--warm-500)}.site-nav.over{backdrop-filter:none;background:0 0;padding-block:18px;position:fixed;inset-inline:0}@media (width<=640px){.site-nav ul a{padding:0 8px;font-size:11px}}.crumbs{color:var(--mute);margin:0 0 20px;font-size:14px}.crumbs ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";opacity:.5;margin-right:8px}.crumbs a{color:var(--paper-2)}.btn{min-height:48px;font:500 15px var(--sans);cursor:pointer;color:var(--paper);border:1px solid var(--edge);transition:background var(--t-hover) var(--ease), color var(--t-hover) var(--ease), border-color var(--t-hover) var(--ease), transform var(--t-press) var(--ease);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--paper);color:var(--ink-900);border-color:var(--paper)}.btn.ghost{border-color:#0000}.btn:hover{background:var(--warm-500);color:var(--ink-900);border-color:var(--warm-500)}.btn:active{transform:scale(.97)}.btn[disabled],.btn.held{opacity:.38;pointer-events:none;border-style:dashed}.btn.sm{min-height:36px;padding:0 16px;font-size:13px}.btn.lg{min-height:56px;padding:0 28px;font-size:16px}.play{border:1px solid var(--edge);width:48px;height:48px;color:var(--paper);cursor:pointer;transition:background var(--t-hover) var(--ease), color var(--t-hover), border-color var(--t-hover);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.play:hover,.play[aria-pressed=true]{background:var(--warm-500);color:var(--ink-900);border-color:var(--warm-500)}.play svg{fill:currentColor;width:16px;height:16px}.keys{height:34px;margin:0 var(--gutter);opacity:.12;background:repeating-linear-gradient(90deg, var(--paper) 0 22px, var(--ink-900) 22px 24px);-webkit-mask:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.cover{aspect-ratio:1;object-fit:cover;background:linear-gradient(135deg, var(--ink-700), var(--warm-500));border-radius:6px;width:100%;height:auto}.tracks{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.track{border-bottom:1px solid var(--line);transition:background var(--t-hover) var(--ease);grid-template-columns:40px 56px 1fr auto;align-items:center;gap:16px;padding:14px 8px;display:grid;position:relative}.track:hover{background:color-mix(in srgb, var(--paper) 3.5%, transparent)}.track.playing{background:linear-gradient(90deg, color-mix(in srgb, var(--warm-500) 12%, transparent), transparent 70%)}.track .n{font:italic 22px var(--serif);color:var(--mute)}.track .cover{width:56px}.track .t{font:400 clamp(20px, 2.2vw, 28px)/1.15 var(--serif);margin:0}.track .t a{text-decoration:none}.track .t a:after{content:"";position:absolute;inset:0}.track .play{z-index:1;position:relative}.eq{align-items:end;gap:2px;height:12px;margin-left:8px;display:inline-flex}.eq i{background:var(--warm-500);width:3px;animation:eq .9s infinite alternate var(--ease)}.eq i:nth-child(2){animation-delay:-300ms}.eq i:nth-child(3){animation-delay:-600ms}@keyframes eq{0%{height:3px}to{height:12px}}.player{border:1px solid var(--line);background:var(--ink-800);border-radius:16px;overflow:hidden}.player .ph{align-items:center;gap:16px;padding:16px 18px;display:flex}.player .ph p{color:var(--paper-2);margin:0;font-size:14px}.player .ph small{color:var(--mute);margin-top:4px;font-size:12px;display:block}.player .embed-frame{border:0;width:100%;height:152px;display:block}.player .embed-frame.youtube{aspect-ratio:16/9;height:auto}.stream{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.stream a{border:1px solid var(--line);min-height:64px;transition:border-color var(--t-hover) var(--ease), transform var(--t-hover) var(--ease);border-radius:14px;justify-content:space-between;align-items:center;padding:0 22px;font-weight:500;text-decoration:none;display:flex}.stream a:hover{border-color:var(--warm-500);color:var(--paper);transform:translateY(-2px)}.stream a span{color:var(--warm-500)}.disclose{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--warm-500) 7%, transparent), transparent 60%);border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:18px;padding:22px 26px;display:grid}.disclose .dot{background:var(--warm-500);width:10px;height:10px;box-shadow:0 0 0 6px var(--glow);border-radius:50%;margin-top:9px}.disclose p{color:var(--paper-2);margin:0}.disclose strong{color:var(--paper);font-weight:500}.lyrics{max-width:34ch;font:400 clamp(20px, 2vw, 24px)/1.6 var(--serif);color:var(--paper-2)}.lyrics p{margin:0 0 1.6em}.lyrics p:last-child{color:var(--paper);font-size:1.12em}.pager{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pager a{border:1px solid var(--line);border-radius:14px;flex-direction:column;justify-content:center;gap:4px;min-height:72px;padding:14px 20px;text-decoration:none;display:flex}.pager a:hover{border-color:var(--warm-500);color:var(--paper)}.pager a small{letter-spacing:.2em;text-transform:uppercase;color:var(--mute);font-size:12px}.pager a b{font:400 22px var(--serif)}.pager .next{text-align:right;grid-column:2}footer.site{padding:40px var(--gutter);border-top:1px solid var(--line);color:var(--mute);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px;display:flex}.wrap{max-width:1200px;margin:0 auto}.hero{min-height:100svh;padding:0 var(--gutter) clamp(40px, 8vh, 96px);align-items:end;display:grid;position:relative;overflow:hidden}.hero-media{z-index:0;position:absolute;inset:0}.hero-media img{object-fit:cover;width:100%;height:100%}.hero:after{content:"";z-index:0;background:linear-gradient(transparent, var(--ink-900));height:55%;position:absolute;inset:auto 0 0}.hero-copy{z-index:1;max-width:1200px;position:relative}.hero h1 em{color:var(--warm-500)}.strap{font:italic clamp(22px, 2.6vw, 34px)/1.25 var(--serif);opacity:.85;max-width:22ch;margin:22px 0 32px}.cta{flex-wrap:wrap;gap:12px;display:flex}.home section{padding:clamp(80px, 14vh, 160px) var(--gutter)}.story-lead{font:400 clamp(34px, 5.2vw, 72px)/1.08 var(--serif);max-width:18ch;margin:0 0 56px}.story-cols{color:var(--paper-2);grid-template-columns:1fr 1fr;align-items:start;gap:clamp(24px,5vw,80px);display:grid}.story-cols p{margin:0 0 20px}.story-photo{border-radius:6px;width:100%}.story .disclose{margin-top:64px}@media (width<=800px){.story-cols{grid-template-columns:1fr}}.music-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;display:flex}.music-title{font:400 clamp(44px, 7vw, 96px)/.95 var(--serif);margin:0}.music-head .meta{margin:0}.home .track{grid-template-columns:56px 64px 1fr auto;gap:20px;padding:18px 8px}.home .track .cover{width:64px}@media (width<=560px){.home .track{grid-template-columns:40px 52px 1fr auto;gap:12px}.home .track .cover{width:52px}}.home .track:not(:has(.cover)){grid-template-columns:56px 1fr auto auto}@media (width<=560px){.home .track:not(:has(.cover)){grid-template-columns:40px 1fr auto auto}}.home .stream{margin-top:40px}.embed-note{color:var(--mute);margin-top:18px;font-size:13px}.next{text-align:center}.next .label{justify-content:center}.next .big{font:italic 400 clamp(64px, 14vw, 200px)/.9 var(--serif);margin:0}.next .big a{color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--paper) 40%, transparent);text-decoration:none}.next .big a:hover,.next .big a:focus-visible{color:var(--paper)}.next p:not(.big):not(.label){color:var(--mute);max-width:44ch;margin:24px auto 0}.end{grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,96px);display:grid}@media (width<=800px){.end{grid-template-columns:1fr}}.end-title{font:400 clamp(40px, 5vw, 64px)/1 var(--serif);margin:0 0 24px}.social{flex-wrap:wrap;gap:10px;display:flex}.mail{font:italic clamp(22px, 2.4vw, 30px) var(--serif);border-bottom:1px solid var(--warm-500);word-break:break-all;text-decoration:none}.split{max-width:1200px;padding:clamp(40px, 8vh, 96px) var(--gutter) 96px;grid-template-columns:minmax(280px,400px) 1fr;grid-template-areas:"sleeve head""sleeve read";align-items:start;gap:0 clamp(32px,6vw,96px);margin:0 auto;display:grid}.page-head{grid-area:head}.read{grid-area:read}.sleeve{grid-area:sleeve;gap:20px;display:grid;position:sticky;top:96px}.sleeve .cover{width:100%;box-shadow:0 30px 80px -30px color-mix(in srgb, var(--warm-500) 35%, transparent)}.facts{grid-template-columns:auto 1fr;gap:6px 18px;margin:0;font-size:14px;display:grid}.facts dt{color:var(--mute)}.facts dd{margin:0}.stores{grid-template-columns:1fr;gap:8px;display:grid}.stores a{min-height:52px}.read h1{margin-bottom:8px}.read .intro{color:var(--paper-2);max-width:46ch;margin:0 0 40px}.read .tracks{margin-top:20px}.read .tracks .track{grid-template-columns:40px 1fr auto auto}.read .lyrics{max-width:38ch;margin-top:24px}.notes{border-top:1px solid var(--line);max-width:60ch;color:var(--paper-2);margin-top:48px;padding-top:28px}.notes h2{font:500 12px var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--mute);margin:0 0 12px}.no-lyrics{color:var(--mute);border-left:2px solid var(--line);max-width:46ch;margin-top:24px;padding-left:16px}.read .disclose,.read .pager{margin-top:40px}@media (width<=860px){.split{grid-template-columns:1fr;grid-template-areas:"head""sleeve""read";gap:28px;padding-top:28px}.sleeve{grid-template-columns:112px 1fr;align-items:center;gap:16px;position:static}.sleeve .cover{grid-row:span 2}.sleeve .player,.sleeve .stores{grid-column:1/-1}}.lost{text-align:center;min-height:70vh;padding:96px var(--gutter);place-content:center;gap:24px;display:grid}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both rise view();animation-range:entry cover 30%}@keyframes rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.story-lead{animation:linear both swell view();animation-range:entry cover 45%}@keyframes swell{0%{opacity:.15;letter-spacing:.02em}to{opacity:1;letter-spacing:-.01em}}.next .big a{animation:linear both fill view();animation-range:entry 10% cover 50%}@keyframes fill{to{color:var(--paper);-webkit-text-stroke-color:transparent}}}}
