:root{--cream: #F2EADB;--cream-2: #EADFC8;--paper: #F7F0E1;--ink: #1C140C;--ink-2: #3A2C1E;--terracotta: #C2553A;--terracotta-d: #9A3F28;--mustard: #D69A2D;--forest: #2F4A36;--rust: #8A3919;--shadow: rgba(28, 20, 12, .18);--serif: "Instrument Serif", "Cormorant Garamond", Georgia, serif;--body: "Newsreader", "Source Serif Pro", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: "Inter Tight", system-ui, sans-serif;--section-y: 7rem;--rail: 4vw}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--cream);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.5;font-weight:380;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;background-image:radial-gradient(rgba(28,20,12,.06) 1px,transparent 1px),radial-gradient(rgba(28,20,12,.04) 1px,transparent 1px);background-size:3px 3px,7px 7px;background-position:0 0,1px 2px;mix-blend-mode:multiply;opacity:.55}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}.mono{font-family:var(--mono);font-weight:400}.sans{font-family:var(--sans)}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-.015em}h1{font-size:clamp(3rem,9vw,8rem);line-height:.92}h2{font-size:clamp(2.2rem,5vw,4.5rem);line-height:.96}h3{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.1}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);display:inline-flex;align-items:center;gap:.6em}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor;opacity:.45}.flourish{font-family:var(--serif);font-style:italic;color:var(--terracotta)}.shell{width:100%;padding:0 var(--rail);margin:0 auto}.section{padding:var(--section-y) 0;position:relative}.tape-strip{background:var(--terracotta);color:var(--cream);padding:.55rem 0;overflow:hidden;white-space:nowrap;border-block:1px solid var(--ink);position:relative}.tape-strip .track{display:inline-flex;gap:2.5rem;padding-left:2.5rem;animation:marquee 42s linear infinite;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.tape-strip .track span{display:inline-flex;align-items:center;gap:2.5rem}.tape-strip .track span:after{content:"★";color:var(--mustard)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.6rem;border-radius:999px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--cream);transition:transform .2s ease,background .2s ease,color .2s ease;position:relative}.btn:hover{transform:translateY(-2px);background:var(--terracotta);border-color:var(--terracotta)}.btn.outline{background:transparent;color:var(--ink)}.btn.outline:hover{background:var(--ink);color:var(--cream)}.btn.terra{background:var(--terracotta);border-color:var(--terracotta)}.btn.terra:hover{background:var(--ink);border-color:var(--ink)}.btn.lg{padding:1.2rem 2rem;font-size:13px}.btn.wa{background:#128c7e;border-color:#128c7e}.btn.wa:hover{background:#0c6b5f;border-color:#0c6b5f}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border:1px solid var(--ink);border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.pill.fill{background:var(--ink);color:var(--cream)}.pill.terra{background:var(--terracotta);color:var(--cream);border-color:var(--terracotta)}.pill.mustard{background:var(--mustard);color:var(--ink);border-color:var(--mustard)}.ph{background:repeating-linear-gradient(135deg,rgba(28,20,12,.07) 0 8px,transparent 8px 16px),var(--cream-2);border:1px solid var(--ink);display:flex;align-items:flex-end;justify-content:flex-start;padding:1rem;font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2);position:relative;overflow:hidden}.ph:before{content:attr(data-label);position:absolute;top:1rem;left:1rem;background:var(--ink);color:var(--cream);padding:.25rem .5rem;font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.ph:after{content:"";position:absolute;bottom:1rem;right:1rem;width:14px;height:14px;border:1px solid var(--ink);border-radius:50%}.vinyl-wrap{position:relative;aspect-ratio:1;width:100%}.vinyl{width:100%;height:100%;animation:spin 18s linear infinite;transform-origin:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reel{width:64px;height:64px;border-radius:50%;background:var(--ink);position:relative;flex-shrink:0}.reel:before,.reel:after{content:"";position:absolute;border-radius:50%;background:var(--cream);top:50%;left:50%;transform:translate(-50%,-50%)}.reel:before{width:60%;height:60%;background:var(--ink);border:4px solid var(--cream)}.reel:after{width:8px;height:8px;background:var(--cream)}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.2rem var(--rail);background:#f2eadbd9;backdrop-filter:blur(12px);border-bottom:1px solid rgba(28,20,12,.12)}.nav .logo{font-family:var(--serif);font-size:1.6rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none}.nav .logo .dot{width:14px;height:14px;border-radius:50%;background:var(--terracotta);box-shadow:0 0 0 4px var(--cream),0 0 0 5px var(--ink)}.nav ul{display:flex;gap:2rem;list-style:none;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.nav a{color:var(--ink);text-decoration:none}.nav a:hover{color:var(--terracotta)}.nav .nav-cta{display:flex;align-items:center;gap:.8rem}footer.foot{background:var(--ink);color:var(--cream);padding:5rem var(--rail) 2rem}footer.foot a{color:var(--cream);text-decoration:none}footer.foot a:hover{color:var(--mustard)}.divider{height:1px;background:var(--ink);opacity:.5}.thick{height:2px;background:var(--ink)}.row{display:flex;gap:2rem;align-items:center}.col{display:flex;flex-direction:column;gap:1rem}.center{text-align:center}.muted{color:var(--ink-2);opacity:.75}.track-row{transition:background .15s ease}.track-row:hover{background:var(--cream-2)}.filter-btn{cursor:pointer}.filter-btn.active{background:var(--ink);color:var(--cream)}