:root{--night:#0b0f2b;--ink:#080c18;--surface:#11162c;--pink:#ff5ca8;--cyan:#65e0e8;--peach:#ffb86b;--paper:#e5c99e;--text:#f7ecda;--muted:#b9b8c8;--line:#34364c;--display:Impact,'Arial Narrow',sans-serif;--body:'Trebuchet MS',Arial,sans-serif;--mono:'Courier New',monospace;--tight:12px;--group:24px;--section:88px;--radius:3px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button:disabled{cursor:wait}a:hover{color:var(--pink)}.site-shell{max-width:1600px;margin:18px auto;border:1px solid #867562;border-radius:22px;overflow:hidden;background:var(--night)}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--ink)}.wordmark{font-size:21px;font-weight:900;letter-spacing:-1px;font-style:italic;white-space:nowrap}.wordmark span{color:var(--pink)}.wordmark b{color:var(--cyan);margin-left:8px}nav{display:flex;gap:34px;align-items:center;font-size:13px}nav a{padding:12px 0}.nav-listen{border-bottom:1px solid var(--pink)}.nav-listen span{margin-left:18px;color:var(--pink)}.hero{position:relative;min-height:690px;background:var(--ink);isolation:isolate;display:flex;align-items:center}.hero-art{position:absolute;inset:0;z-index:-2;background:url('assets/night-drive.webp') center 65%/cover}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,8,25,.94) 0%,rgba(5,8,25,.76) 32%,rgba(5,8,25,.04) 75%),linear-gradient(0deg,rgba(5,8,25,.85),transparent 35%)}.hero-copy{padding:45px 6% 95px;width:65%}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:2px;font-weight:bold;line-height:1.6}.hero .eyebrow{color:var(--peach)}h1{margin:34px 0 24px;line-height:.85;position:relative;max-width:580px}h1 .chrome{display:block;font-family:var(--display);font-size:clamp(80px,10vw,155px);font-weight:900;font-style:italic;letter-spacing:-4px;background:linear-gradient(#fff 5%,#a9dded 26%,#4f638d 47%,#10162d 50%,#c7c9dd 54%,#fce6d8 77%,#a483b7 95%);background-clip:text;color:transparent;-webkit-text-stroke:1px #adc5dc;filter:drop-shadow(3px 5px 0 #090e27)}h1 .spark{display:block;margin-left:70px;margin-top:-2px;transform:rotate(-7deg);font-family:'Brush Script MT','Segoe Script',cursive;font-style:italic;font-size:clamp(64px,8.2vw,125px);font-weight:900;color:var(--pink);text-shadow:0 0 26px #ff5ca85a;white-space:nowrap}.hero-tagline{font-size:29px;font-weight:bold;margin:38px 0 4px;letter-spacing:-.6px}.hero-description{color:var(--muted);margin:0 0 24px;font-size:17px}.primary{padding:15px 23px;border:0;background:var(--pink);color:var(--ink);font-weight:bold;border-radius:var(--radius);box-shadow:4px 4px 0 #5b224d;transition:transform .2s}.primary:hover{transform:translateY(-3px);background:var(--text)}.primary span{margin-right:10px}.text-link{display:block;width:fit-content;font-size:13px;margin-top:24px}.text-link span{margin-left:28px;color:var(--cyan)}.hero-stamp{position:absolute;right:5%;top:38px;transform:rotate(12deg);border:2px solid var(--peach);border-radius:50%;width:137px;height:137px;text-align:center;font-family:var(--mono);font-size:9px;line-height:1.3;padding:22px 0;color:var(--peach);box-shadow:inset 0 0 0 5px #ffb86b22}.hero-stamp strong{font-family:var(--display);font-size:50px;line-height:1.1}.hero-bottom{position:absolute;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;color:var(--paper);font:10px var(--mono);letter-spacing:1.5px}.ticker{display:flex;justify-content:space-around;gap:22px;padding:18px 4%;background:var(--paper);color:var(--ink);font:700 12px var(--mono);letter-spacing:2px;flex-wrap:wrap}.ticker i{color:#8e3154}.section{padding:var(--section) 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}.section-heading .eyebrow{color:var(--cyan)}h2{font-size:clamp(30px,3.2vw,46px);line-height:1.12;letter-spacing:-1.5px;margin:12px 0 0}.section-heading>p{color:var(--muted);font-size:14px;margin:0}.records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.record{min-width:0}.cover-button{padding:0;width:100%;display:block;position:relative;background:var(--surface);border:0;aspect-ratio:1;overflow:hidden}.cover-button img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.cover-button:hover img{transform:scale(1.035)}.play-disc{position:absolute;bottom:16px;right:16px;background:var(--paper);color:var(--ink);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:18px;box-shadow:0 2px 12px #0008}.cover-button:hover .play-disc,.record.is-playing .play-disc{background:var(--pink)}.record-meta{display:flex;align-items:start;gap:12px;padding-top:16px}.track-number{color:var(--cyan);font:11px var(--mono);padding-top:7px}.record h3{font-size:18px;line-height:1.35;margin:0 0 4px}.lyrics-button{background:none;border:0;color:var(--muted);padding:4px 0;min-height:36px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.lyrics-button:hover{color:var(--pink)}.story{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;background:linear-gradient(140deg,#1b1630,var(--ink));border-top:1px solid var(--line);padding-top:90px;padding-bottom:100px}.paper{position:relative;transform:rotate(-2deg);padding:44px;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23764d29' opacity='.16' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");color:var(--ink);border-radius:3px}.paper h2{font-size:46px;margin-bottom:26px}.paper h2 em{color:#9c2d58}.paper>p:not(.eyebrow){font-size:15px}.paper .signature{font-family:'Segoe Script',cursive;font-size:23px!important;font-weight:bold}.tape{position:absolute;top:-13px;left:35%;width:120px;height:32px;background:#a53359c9;transform:rotate(6deg)}.story-art{transform:rotate(5deg);max-width:430px;padding:12px 12px 20px;background:var(--text)}.story-art img{width:100%;display:block}.story-art span{display:block;text-align:center;margin-top:15px;font:10px var(--mono);letter-spacing:2px;color:var(--ink)}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:35px 6%;border-top:1px solid var(--line);font-size:12px}footer p{color:var(--muted)}.player{position:fixed;z-index:10;bottom:0;left:0;right:0;background:var(--ink);border-top:1px solid var(--cyan);padding:14px max(20px,5vw) max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:18px;box-shadow:0 -8px 40px #0008}.player[hidden]{display:none}.player img{height:52px;width:52px;object-fit:cover}.player-meta{min-width:180px;flex:1;line-height:1.4}.player-meta strong{display:block;font-size:15px}.player .eyebrow{font-size:9px;color:var(--cyan);letter-spacing:1px}audio{width:40%;height:40px}.icon-button{background:transparent;color:var(--text);border:1px solid var(--line);min-width:44px;height:44px;border-radius:var(--radius);font-size:21px}.icon-button:hover{border-color:var(--pink);color:var(--pink)}body.has-player{padding-bottom:100px}dialog{width:min(680px,calc(100% - 32px));max-height:85dvh;padding:32px;border:1px solid var(--paper);background:var(--night);color:var(--text);border-radius:var(--radius)}dialog::backdrop{background:#030516db;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;gap:24px}.dialog-heading h2{font-size:30px}pre{white-space:pre-wrap;font:16px/1.9 var(--body);margin-top:32px}.skip{position:fixed;left:16px;top:-80px;background:var(--paper);color:var(--ink);padding:10px;z-index:50}.skip:focus{top:12px}@media(min-width:1640px){.site-shell{margin:28px auto}}@media(max-width:900px){.site-shell{margin:0;border-radius:0;border:0}.hero-copy{width:80%}.hero-stamp{right:4%;width:110px;height:110px;font-size:7px;padding:18px 0}.hero-stamp strong{font-size:38px}.story{gap:35px}.paper{padding:30px}.paper h2{font-size:36px}.hero-bottom span:nth-child(2){display:none}footer p{display:none}.player-meta{min-width:130px}.player{gap:10px}}@media(max-width:600px){header{height:76px;padding:0 5%}.wordmark{font-size:16px}nav{gap:18px;font-size:12px}.nav-listen{display:none}.hero{min-height:690px;align-items:start}.hero-art{background-position:62% center}.hero:after{background:linear-gradient(90deg,#050819e8,#05081966),linear-gradient(0deg,#050819aa,transparent)}.hero-copy{padding:45px 6% 100px;width:100%}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.hero h1{margin-top:36px}.hero h1 .chrome{font-size:94px}.hero h1 .spark{font-size:75px;margin-left:44px}.hero-tagline{font-size:28px;margin-top:35px}.hero-stamp{display:none}.hero-description{font-size:16px}.hero-bottom{font-size:8px;letter-spacing:.6px}.ticker{gap:12px;font-size:9px;letter-spacing:1px}.ticker span:nth-last-child(-n+3),.ticker i:nth-last-child(-n+4){display:none}.section{padding:56px 6%}.section-heading{display:block}.section-heading>p{margin-top:20px}.records{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.record h3{font-size:15px}.record-meta{gap:7px;padding-top:12px}.track-number{font-size:9px;padding-top:4px}.play-disc{width:44px;height:44px;bottom:10px;right:10px}.lyrics-button{min-height:44px}.story{grid-template-columns:minmax(0,1fr);gap:44px}.paper{padding:28px}.paper h2{font-size:34px}.story-art{max-width:300px;margin:auto}.section h2{font-size:32px}footer{padding:28px 6%;font-size:11px}.player{flex-wrap:wrap;padding:10px 14px max(12px,env(safe-area-inset-bottom));gap:8px}.player img{width:42px;height:42px}.player-meta{min-width:0;width:calc(100% - 110px);flex:auto}.player-meta strong{font-size:13px}audio{order:5;width:calc(100% - 104px);flex:1}#previous{order:4}#next{order:6}#close-player{order:3}body.has-player{padding-bottom:140px}.dialog-heading h2{font-size:26px}dialog{padding:22px}pre{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Record sleeves carry the paper finish into the music collection. */
:root{--sleeve:#d6bd96;--paper-ink:#292335;--paper-edge:#a68a64}
::selection{background:var(--pink);color:var(--ink)}
html{scrollbar-color:var(--paper-edge) var(--ink)}
.record{padding:10px 10px 0;background:var(--sleeve);color:var(--paper-ink);border:1px solid var(--paper-edge);box-shadow:3px 6px 16px #0003}
.record-meta{padding:14px 5px 12px;border-top:1px solid var(--paper-edge);margin-top:10px}
.record .track-number{color:var(--paper-ink)}
.record .lyrics-button{color:var(--paper-ink);font-size:14px}
.record .lyrics-button:hover{color:#7b1d46}
.record h3{letter-spacing:-.02em}
.cover-button{box-shadow:0 1px 4px #0005}
.paper-link{display:inline-flex;gap:25px;align-items:center;min-height:44px;border-bottom:1px solid var(--paper-ink);font-weight:bold}
.paper-link:hover{color:#7b1d46}
.primary{box-shadow:3px 5px 12px #080c1855}
.primary [data-play-label]{margin:0}
.player audio{color-scheme:dark}
#lyrics-dialog{padding:0;overflow:hidden;max-height:90dvh;width:min(780px,calc(100% - 32px));background:var(--paper);color:var(--ink)}
#lyrics-dialog[open]{display:flex;flex-direction:column}
.dialog-heading{padding:24px 28px 20px;flex-shrink:0;border-bottom:1px solid var(--paper-edge);align-items:start}
.dialog-heading .eyebrow{display:none}
.dialog-heading h2{margin:0;font-size:28px}
.dialog-heading .icon-button{color:var(--ink);border-color:var(--paper-edge);flex-shrink:0}
.lyric-stanzas{overflow:auto;min-height:0;padding:24px 28px;scrollbar-color:var(--paper-edge) var(--paper);overscroll-behavior:contain}
.lyric-stanzas:focus-visible{outline:3px solid var(--paper-ink);outline-offset:-4px}
.lyric-stanzas p{white-space:pre-line;line-height:1.9;margin:0 0 24px;font-size:16px;max-width:65ch}
.lyric-stanzas p:last-child{margin-bottom:0}
.lyrics-dock{flex-shrink:0;border-top:1px solid var(--paper-edge);background:var(--ink)}
#lyrics-play{margin:16px 24px;max-width:calc(100% - 48px)}
#lyrics-player-slot .player{position:static;flex-wrap:wrap;padding:12px 24px;box-shadow:none;border-top:1px solid var(--line);color:var(--text)}
#lyrics-player-slot #close-player{display:none}
#lyrics-player-slot .player-meta{min-width:0;flex:1}
#lyrics-player-slot audio{width:100%;order:5;flex:1 0 100%}
@media(max-width:600px){.record{padding:6px 6px 0}.record-meta{gap:6px;padding:10px 1px 5px;margin-top:6px}.record h3{font-size:15px}.record .track-number{display:none}.records{gap:24px 14px}.dialog-heading{padding:18px;gap:12px}.dialog-heading h2{font-size:23px}.lyric-stanzas{padding:20px}.lyrics-dock .primary{font-size:14px;margin:12px 16px;max-width:calc(100% - 32px)}#lyrics-player-slot .player{padding:10px 16px}#lyrics-player-slot .player img{display:none}#lyrics-player-slot .player-meta{width:auto}#lyrics-player-slot #previous,#lyrics-player-slot #next{order:initial}#lyrics-player-slot audio{order:5}.paper-link{font-size:15px}}

.player .eyebrow{font-size:11px;letter-spacing:.5px}.skip:hover{color:var(--ink)}.record-meta{padding-left:8px;padding-right:8px}.record .track-number{font-size:12px}.story-art span{font-size:12px;letter-spacing:1px}
