:root {
  --ink:#080a10; --navy:#071426; --cream:#fff4db; --pink:#ff056d;
  --coral:#ff765e; --blue:#1ba9d5; --muted:#aab1bd; --wood:#251310;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ink);color:var(--cream);font-family:"DM Sans",sans-serif;overflow-x:hidden}.skip{position:fixed;left:1rem;top:-10rem;background:var(--cream);color:var(--ink);padding:.7rem 1rem;z-index:50}.skip:focus{top:1rem}.loft{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) clamp(290px,24vw,390px);background:linear-gradient(135deg,#050915,#12101a)}.art-panel{position:relative;min-height:100svh;overflow:hidden;background:#07101f}.art-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 66%,rgba(7,10,17,.78)),linear-gradient(0deg,rgba(7,10,17,.55),transparent 32%);pointer-events:none}.art-panel img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-actions{position:absolute;z-index:3;left:clamp(1.5rem,5vw,5rem);bottom:4.7rem;display:flex;gap:.8rem;align-items:center}.primary,.quiet{font:700 .9rem/1 "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.28);padding:1rem 1.25rem;text-decoration:none;cursor:pointer}.primary{background:var(--pink);color:white;border-color:var(--pink);box-shadow:0 12px 40px rgba(255,5,109,.28)}.quiet{background:rgba(7,10,17,.7);color:var(--cream);backdrop-filter:blur(8px)}.primary:hover,.quiet:hover{transform:translateY(-2px)}.release-note{position:absolute;z-index:3;bottom:1.8rem;left:clamp(1.5rem,5vw,5rem);margin:0;color:#d9d9df;font-size:.78rem;letter-spacing:.08em}.shelf-wall{min-height:100svh;position:relative;padding:clamp(1rem,2vw,2rem) 1.4rem;background:radial-gradient(circle at 30% 20%,#452921 0,transparent 28%),linear-gradient(90deg,#160b0a,#331b16 46%,#170c0b);border-left:8px solid #0b0808;box-shadow:inset 18px 0 35px #090505, inset -10px 0 20px #090505}.shelf-heading{display:flex;align-items:end;justify-content:space-between;padding:.7rem .4rem 1rem}.shelf-heading span{font:800 1.55rem "Barlow Condensed";letter-spacing:.16em}.shelf-heading small{color:#bd9f8c;font-size:.63rem}.shelf{min-height:18vh;border-bottom:18px solid #170b09;box-shadow:0 9px 0 #4a271c,0 16px 18px #090504;display:flex;align-items:flex-end;justify-content:center;gap:.45rem;padding:1rem .3rem 0;position:relative}.book{height:9.8rem;width:2.65rem;border:0;border-radius:2px 4px 0 0;box-shadow:inset -5px 0 9px rgba(0,0,0,.28),4px 2px 8px #080404;color:white;cursor:pointer;position:relative;text-decoration:none}.book span{position:absolute;writing-mode:vertical-rl;transform:rotate(180deg);inset:.65rem auto .65rem 50%;translate:-50% 0;text-transform:uppercase;letter-spacing:.12em;font:700 .72rem "DM Sans"}.book:hover,.novel:hover,.listing:hover{translate:0 -5px}.hot-pink{background:var(--pink)}.cream{background:#d9c7a3;color:#211812}.blue{background:#087b9f}.coral{background:#9b342d}.tiny-ball{width:54px;height:54px;border-radius:50%;margin:0 .1rem .3rem .7rem;background:repeating-conic-gradient(#eee 0 8deg,#666 8deg 16deg);box-shadow:0 0 22px rgba(255,255,255,.28)}.mug{width:58px;height:65px;background:#e8dbc7;color:#221611;margin:0 0 .25rem .55rem;border-radius:4px 4px 12px 12px;text-align:center;padding:.55rem .2rem;font:800 .43rem/1.45 "DM Sans";rotate:-3deg;box-shadow:5px 4px 10px #080404}.mug:after{content:"";position:absolute;width:18px;height:25px;border:6px solid #e8dbc7;border-left:0;border-radius:0 14px 14px 0;margin:.7rem 0 0 .2rem}.novel{height:8.4rem;flex:1;max-width:75px;border:1px solid #7e632a;background:linear-gradient(90deg,#271706,#7b5b19 48%,#251507);color:#f1dda0;box-shadow:inset 0 0 0 3px #392609,3px 3px 8px #070302;cursor:pointer;padding:.5rem .3rem}.novel i{font:600 .75rem/1.05 Georgia,serif;display:block}.novel b{display:block;margin-top:1rem;font:.45rem "DM Sans";letter-spacing:.13em}.listing{background:#efe7ce;color:#16100c;border:0;box-shadow:2px 3px 8px #070302;rotate:-2deg;margin-bottom:.4rem;padding:.7rem .9rem;cursor:pointer;font:500 .7rem/1.25 "DM Sans"}.listing strong{font:800 1rem "Barlow Condensed"}.listing em{display:block;color:#9c2751;margin-top:.2rem}.clapper{margin:0 0 .3rem .9rem;background:#171717;border-top:11px repeating-linear-gradient(135deg,#fff 0 12px,#222 12px 24px);color:#fff;padding:.55rem 1rem .4rem;font:700 .55rem/1.25 "DM Sans";rotate:4deg}.shelf-footer{color:#8f7262;text-align:center;font-size:.62rem;letter-spacing:.06em;margin:1.6rem 0 0}.section{padding:clamp(5rem,9vw,9rem) clamp(1.5rem,8vw,9rem)}.section-kicker{color:var(--pink);font:800 .78rem "DM Sans";letter-spacing:.2em;margin-bottom:1.1rem}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.section h1,.section h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;margin:0;line-height:.88}.section h1{font-size:clamp(3.6rem,8vw,8.8rem)}.text-link{color:var(--cream);text-decoration:none;border-bottom:1px solid #555;padding-bottom:.3rem;white-space:nowrap}.featured{display:grid;grid-template-columns:clamp(80px,12vw,190px) 1fr;gap:2rem;background:linear-gradient(120deg,#111827,#101018);padding:clamp(1.5rem,4vw,4rem);border-top:1px solid #26334a;border-bottom:1px solid #26334a}.episode-number{font:800 clamp(3.5rem,7vw,8rem) "Barlow Condensed";line-height:.8;color:transparent;-webkit-text-stroke:1px var(--pink)}.episode h2{font-size:clamp(2.8rem,5vw,6rem)}.episode-copy>p:not(.meta){font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.6;max-width:770px;color:#c7ccd6}.meta{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.coming{display:inline-block;background:#f4d775;color:#181107;padding:.55rem .7rem;margin-top:.8rem;font:800 .64rem "DM Sans";letter-spacing:.08em;rotate:-1deg}.episode-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #262932}.episode-card{color:var(--cream);text-decoration:none;padding:3rem;border-right:1px solid #262932;transition:.2s;background:#090b11}.episode-card:last-child{border:0}.episode-card:hover{background:#10141e}.episode-card h3{font:700 clamp(2rem,3vw,3.7rem)/.96 "Barlow Condensed";text-transform:uppercase;margin:.8rem 0}.episode-card>p:not(.meta){color:#aeb5c1;line-height:1.55}.episode-card b{color:var(--pink);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.about{display:grid;grid-template-columns:minmax(180px,.7fr) 1.4fr;gap:clamp(2rem,8vw,9rem);background:var(--cream);color:#11131a;align-items:center}.about-mark{font:800 clamp(7rem,20vw,22rem)/.7 "Barlow Condensed";color:var(--pink);letter-spacing:-.08em;rotate:-5deg}.about h2{font-size:clamp(3.5rem,7vw,8rem)}.about .lead{font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.5;font-weight:600}.about-copy>p{max-width:800px;line-height:1.7}.manifesto{margin-top:2rem;padding-top:2rem;border-top:1px solid #bcb3a1}.contact{text-align:center;background:radial-gradient(circle at 50% 30%,#3d1830,transparent 35%),#070912}.contact h2{font-size:clamp(5rem,12vw,12rem)}.contact>p:not(.section-kicker){color:#c5c7ce;font-size:1.1rem}.contact-actions{display:flex;justify-content:center;gap:.8rem;margin-top:2.2rem}.link-button{display:inline-block;text-decoration:none}footer{display:flex;justify-content:space-between;padding:1.4rem 3rem;border-top:1px solid #222631;color:#7f8794;font-size:.73rem}footer a{color:#aeb5c1;text-decoration:none}dialog{max-width:540px;border:1px solid #6d394b;background:#11121a;color:var(--cream);padding:2.5rem;box-shadow:0 30px 100px #000;width:calc(100% - 2rem)}dialog::backdrop{background:rgba(3,4,8,.82);backdrop-filter:blur(6px)}dialog h2{font:700 2.8rem/.95 "Barlow Condensed";text-transform:uppercase;margin:.4rem 0 1rem}.modal-kicker{color:var(--pink);font-size:.7rem;letter-spacing:.16em}.close{position:absolute;right:.7rem;top:.5rem;color:white;background:transparent;border:0;font-size:2rem;cursor:pointer}
@media(max-width:900px){.loft{display:block}.art-panel{min-height:78svh}.art-panel img{object-position:62% center}.art-panel:after{background:linear-gradient(0deg,rgba(7,10,17,.7),transparent 40%)}.shelf-wall{min-height:auto;border-left:0;border-top:8px solid #0b0808}.shelf{min-height:145px}.shelf-heading{padding-left:1rem;padding-right:1rem}.shelf-footer{padding-bottom:1rem}.about{grid-template-columns:1fr}.about-mark{font-size:9rem}.episode-grid{grid-template-columns:1fr}.episode-card{border-right:0;border-bottom:1px solid #262932}.section-title-row{align-items:start;flex-direction:column}.featured{grid-template-columns:1fr}.featured .episode-number{font-size:4rem}.contact-actions{flex-direction:column;align-items:stretch;max-width:340px;margin:2rem auto 0}footer{padding:1.4rem}}
@media(max-width:520px){.art-panel{min-height:72svh}.art-panel img{object-position:65% center}.hero-actions{left:1rem;right:1rem;bottom:4.6rem;align-items:stretch}.hero-actions a,.hero-actions button{flex:1;padding:.85rem .6rem}.release-note{left:1rem}.section{padding:4.5rem 1.2rem}.episode-card{padding:2rem 1.2rem}.shelf{min-height:132px}.shelf-three{gap:.2rem}.novel{height:7.4rem}.tiny-ball{width:46px;height:46px}.section h1{font-size:3.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary:hover,.quiet:hover,.book:hover,.novel:hover,.listing:hover{transform:none;translate:none}}

/* Industrial single-shelf navigation */
.shelf-wall{min-height:100svh;position:relative;padding:clamp(2rem,5vw,5rem) clamp(1rem,2.5vw,2.4rem);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 20%,rgba(255,5,109,.14),transparent 22%),linear-gradient(105deg,rgba(5,9,17,.38),rgba(6,12,22,.92)),repeating-linear-gradient(96deg,#2a2d31 0,#181b1e 2px,#26292d 5px,#111417 8px);border-left:2px solid #41464c;box-shadow:inset 16px 0 30px #05070b}.shelf-wall:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent 65%);pointer-events:none}.wall-label{position:absolute;top:8%;left:10%;display:flex;flex-direction:column;rotate:-3deg;opacity:.18;font:800 clamp(2.8rem,5vw,5rem)/.7 "Barlow Condensed"}.wall-label strong{color:var(--pink)}.steel-shelf{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;align-items:end;padding:0 .5rem 1.3rem;border-bottom:14px solid #687078;box-shadow:0 5px 0 #252a2f,0 18px 24px rgba(0,0,0,.55)}.steel-shelf:before{content:"";position:absolute;height:4px;left:-2%;right:-2%;bottom:-18px;background:#9ca3aa;opacity:.35}.brace{position:absolute;width:7px;height:145px;bottom:-125px;background:linear-gradient(#8f969c,#2b3034);transform-origin:top;z-index:0;box-shadow:2px 3px 8px #080a0c}.brace-left{left:17%;rotate:-42deg}.brace-right{right:17%;rotate:42deg}.nav-object{min-width:0;min-height:9rem;border:1px solid rgba(255,255,255,.18);padding:1rem .35rem .8rem;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;text-decoration:none;color:white;cursor:pointer;box-shadow:inset 0 0 22px rgba(0,0,0,.3),4px 4px 10px rgba(0,0,0,.35);font:700 clamp(.58rem,.75vw,.75rem)/1.1 "DM Sans";letter-spacing:.04em;text-transform:uppercase;position:relative;z-index:1;transition:.18s}.nav-object span{font:800 1.9rem/.9 "Barlow Condensed";opacity:.62;margin-bottom:.35rem}.nav-object small{display:block;font-size:.45rem;margin-top:.45rem;opacity:.65;letter-spacing:.08em}.nav-object:hover:not(:disabled){translate:0 -5px;filter:brightness(1.12)}.nav-pink{background:#d6065f}.nav-cream{background:#d8c7a4;color:#151617}.nav-blue{background:#087c9f}.nav-coral{background:#963c37}.nav-ghost{background:#242a30;border:1px dashed #646c74;color:#9299a0;cursor:default}.shelf-wall .shelf-footer{color:#899099;text-align:center;font-size:.62rem;letter-spacing:.1em;margin:8.5rem 0 0;text-transform:uppercase}.listen-everywhere{max-width:920px;margin:4rem auto 0;padding-top:2rem;border-top:1px solid #313544}.listen-everywhere>p{font-size:.68rem!important;letter-spacing:.18em;color:#747e8e!important}.platform-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem 1.4rem;margin-top:1.2rem}.platform-links a{color:var(--cream);text-decoration:none;font-size:.85rem;border-bottom:1px solid #4f5561;padding-bottom:.25rem}.platform-links a:hover{color:var(--pink)}
@media(max-width:900px){.shelf-wall{min-height:420px;border-left:0;border-top:2px solid #41464c}.wall-label{top:12%}.steel-shelf{margin-top:2rem}.shelf-wall .shelf-footer{margin-top:7.5rem}}
@media(max-width:520px){.shelf-wall{min-height:390px;padding-left:.7rem;padding-right:.7rem}.steel-shelf{gap:.22rem}.nav-object{min-height:7.8rem;padding:.7rem .2rem .6rem;font-size:.48rem}.nav-object span{font-size:1.35rem}.nav-object small{font-size:.38rem}.brace{height:115px;bottom:-98px}.shelf-wall .shelf-footer{margin-top:6.5rem}}
.player-shell{margin-top:3rem;padding:clamp(1.2rem,3vw,2.5rem);background:linear-gradient(135deg,#111722,#0b0e15);border:1px solid #29303c;box-shadow:0 24px 70px rgba(0,0,0,.32)}.player-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.2rem}.player-heading .section-kicker{margin:0}.player-heading p{margin:0;color:#8f98a7;font-size:.85rem}.player-shell iframe{width:100%!important;max-width:100%;border:0}
@media(max-width:520px){.player-heading{display:block}.player-heading p{margin-top:.5rem}}

/* Loft-corner refinement */
.shelf-wall{overflow:hidden;justify-content:center;background:linear-gradient(90deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.08) 8%,transparent 24%),radial-gradient(circle at 75% 74%,rgba(255,20,105,.26),transparent 27%),radial-gradient(circle at 18% 20%,rgba(0,119,181,.25),transparent 30%),linear-gradient(112deg,#1c2229 0,#29272b 48%,#161b21 100%);border-left:1px solid #0a0d11;box-shadow:inset 22px 0 35px rgba(0,0,0,.62)}.shelf-wall:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(89deg,transparent 0,rgba(255,255,255,.022) 2px,transparent 5px),repeating-linear-gradient(2deg,transparent 0,rgba(0,0,0,.09) 3px,transparent 7px);mix-blend-mode:overlay;opacity:.75}.shelf-wall:after{content:"";position:absolute;left:-1px;top:0;bottom:0;width:22px;background:linear-gradient(90deg,#05070a,rgba(5,7,10,.68),transparent);filter:blur(.4px)}.wall-label,.shelf-wall .shelf-footer{display:none}.steel-shelf{z-index:2;margin-top:0}.nav-object{height:12.5rem;min-height:12.5rem;display:block;position:relative;padding:0;overflow:hidden}.nav-object .nav-title{position:absolute;left:50%;top:.8rem;bottom:2.7rem;translate:-50% 0;writing-mode:vertical-rl;transform:rotate(180deg);font:700 clamp(.62rem,.8vw,.82rem)/1 "DM Sans";letter-spacing:.13em;opacity:1;margin:0;white-space:nowrap}.nav-object .nav-number{position:absolute;left:.45rem;right:.45rem;bottom:.6rem;padding-top:.38rem;border-top:1px solid rgba(255,255,255,.35);font:800 1.25rem/1 "Barlow Condensed";letter-spacing:.04em;opacity:.72;margin:0;writing-mode:horizontal-tb;transform:none}.nav-cream .nav-number{border-color:rgba(15,15,15,.35)}.about-copy>p,.about .lead{font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.5}.about .lead{font-weight:600}
@media(max-width:900px){.shelf-wall{min-height:380px}.steel-shelf{margin-top:0}.nav-object{height:10.5rem;min-height:10.5rem}}
@media(max-width:520px){.shelf-wall{min-height:340px}.nav-object{height:9rem;min-height:9rem}.nav-object .nav-title{top:.6rem;bottom:2.2rem;font-size:.52rem}.nav-object .nav-number{font-size:1rem;bottom:.45rem}.hero-actions{right:auto}.hero-actions .quiet{min-width:150px}}

/* Editorial refinements */
.episodes{padding-top:clamp(4rem,7vw,7rem)}
.player-shell{margin-top:0;scroll-margin-top:1.5rem}
.weekly-spray{width:max-content;max-width:100%;margin:1.25rem 1rem -.25rem auto;color:var(--pink);font:400 clamp(1.25rem,2.2vw,2rem)/1 "Permanent Marker",cursive;letter-spacing:.025em;transform:rotate(-2deg);text-shadow:1px 0 rgba(255,5,109,.45),-1px 1px rgba(255,5,109,.3),0 0 14px rgba(255,5,109,.22)}
.about h2{font-size:clamp(3.5rem,5.8vw,7rem)}
.about h2 span{white-space:nowrap}
.fan-mail-action{display:flex;flex-direction:column;align-items:center;gap:.75rem}
.fan-mail-action small{color:#9ca3af;font-size:.76rem;letter-spacing:.02em}
@media(max-width:700px){.about h2 span{white-space:normal}}

/* Contact and Instagram */
.nav-social{background:#172c49;color:var(--cream);border:1px solid #637c9b}
.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.8rem 3rem;margin:2.5rem auto 0}
.contact-links .contact-label{font-size:.68rem;letter-spacing:.18em;color:var(--muted);margin:0 0 .6rem}
.contact-links a{color:var(--cream);font-size:clamp(.85rem,2.6vw,1rem);text-decoration:none;border-bottom:1px solid #637086;padding-bottom:.25rem;overflow-wrap:anywhere}
.contact-links a:hover{color:var(--pink)}
@media(max-width:520px){.contact-links{flex-direction:column;gap:1.7rem}}

/* Align spine titles with clear space above each divider. */
.nav-object .nav-title{top:auto;bottom:3.15rem}
.nav-object .nav-number{text-align:center}
@media(max-width:520px){.nav-object .nav-title{top:auto;bottom:2.8rem}}