/* THE PUDDCAST — Sculpted Purple website. Fonts load via Google Fonts; fallback fonts available. */
:root{--bg:#141018;--bg-2:#1c1221;--plum:#2c123a;--purple:#7b28d6;--magenta:#ff2dad;--cream:#f8f3e9;--cream-2:#eee8e0;--ink:#141018;--white:#fcf9f4;--muted:#c5b6ca;--border:rgba(255,255,255,.17);--display:'Barlow Condensed','Liberation Sans Narrow','Arial Narrow','DejaVu Sans Condensed',sans-serif;--body:'Space Grotesk',Arial,sans-serif;--ease:cubic-bezier(.22,.61,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--white);font:400 16px/1.58 var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body:has(.nav.is-open){overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
button,input,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--magenta);outline-offset:5px}
::selection{background:var(--magenta);color:var(--ink)}
.wrap{width:min(1360px,calc(100% - 112px));margin-inline:auto}
.narrow{width:min(810px,100%);margin-inline:auto}
.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;white-space:nowrap}
.skip-link{position:absolute;z-index:200;top:-70px;left:16px;padding:10px 18px;background:#fff;color:#000}.skip-link:focus{top:12px}
.accent{color:var(--magenta)}
/* Navigation */
.site-header{position:absolute;left:0;right:0;top:0;z-index:30;height:83px;border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(10,7,12,.8),rgba(10,7,12,.39));backdrop-filter:blur(14px)}
.header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;flex-shrink:0;line-height:.79;letter-spacing:-.025em}
.brand__main{font:900 clamp(25px,2.3vw,37px)/.86 var(--display);letter-spacing:-.038em;color:var(--white)}
.brand__sub{font:700 10px/1.4 var(--body);letter-spacing:.25em;margin-top:4px;color:var(--white)}
.nav{display:flex;align-items:center;gap:clamp(15px,2.5vw,38px);margin-left:auto}
.nav__link{font-size:12px;font-weight:600;white-space:nowrap;color:rgba(255,255,255,.82);position:relative;transition:color .25s}
.nav__link:hover,.nav__link.is-current{color:var(--white)}
.nav__link.is-current::after,.nav__link:hover::after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:2px;background:var(--magenta)}
.header__actions{display:flex;align-items:center;gap:14px}
.header__listen{display:flex;gap:10px;align-items:center;background:var(--magenta);color:#160918;border:1px solid var(--magenta);border-radius:999px;padding:10px 18px;font:800 16px/1 var(--display);letter-spacing:.07em;white-space:nowrap;transition:background .25s,transform .25s}
.header__listen:hover{transform:translateY(-2px);background:#ff69c6}
.live-dot{width:8px;height:8px;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 0 3px rgba(20,16,24,.1)}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px;z-index:50}
.menu-toggle span{width:18px;height:2px;background:#fff;transition:transform .25s,opacity .25s}
/* Type and controls */
.eyebrow{margin:0 0 18px;color:var(--purple);font:800 13px/1.2 var(--body);letter-spacing:.19em;text-transform:uppercase}
.eyebrow--light{color:var(--magenta)}
.display-title{margin:0;font:900 clamp(60px,7vw,106px)/.82 var(--display);letter-spacing:-.022em;text-transform:uppercase;color:var(--white)}
.display-title>span{color:var(--magenta)}
.display-title--dark{color:var(--ink)}
.display-title--dark>span{color:var(--magenta)}
.action-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:49px;padding:13px 22px 11px;border-radius:999px;border:1px solid transparent;font:800 17px/1 var(--display);letter-spacing:.07em;text-transform:uppercase;transition:transform .25s var(--ease),box-shadow .25s,background .25s;white-space:nowrap}
.btn:hover{transform:translateY(-3px)}
.btn__icon{font:700 17px/1 var(--body)}
.btn--primary{background:var(--magenta);color:var(--ink);box-shadow:0 10px 40px rgba(255,45,173,.18)}.btn--primary:hover{background:#ff65bf;box-shadow:0 15px 50px rgba(255,45,173,.29)}
.btn--outline{border-color:rgba(255,255,255,.74);color:var(--white);background:rgba(10,5,14,.15)}.btn--outline:hover{background:rgba(255,255,255,.14)}
.btn--dark{background:var(--ink);color:var(--white)}.btn--dark:hover{background:var(--purple)}
.text-link{font:800 17px var(--display);letter-spacing:.055em;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:6px}.text-link span{margin-left:10px}.text-link:hover{color:var(--purple)}
/* HERO — dramatic visual image and not card-based */
.hero{isolation:isolate;position:relative;min-height:775px;min-height:min(840px,max(680px,92vh));display:flex;align-items:stretch;overflow:hidden;background:radial-gradient(ellipse at 68% 35%,#592066 0%,#2b0d38 25%,#150b1d 56%,#100c14 90%)}
.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 70% 82%,rgba(254,20,244,.36),transparent 43%),linear-gradient(90deg,rgba(10,7,13,.74) 0%,rgba(10,7,13,.34) 38%,transparent 69%)}
.hero::after{content:"";position:absolute;z-index:0;bottom:0;left:0;right:0;height:25%;background:linear-gradient(0deg,rgba(9,5,13,.66),transparent);pointer-events:none}
.hero__ambient{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 77% 28%,rgba(233,68,255,.25),transparent 38%),linear-gradient(0deg,rgba(123,40,214,.19),transparent 30%)}
.hero__sculpture{position:absolute;z-index:-1;top:4%;right:6%;height:95%;width:min(64%,920px);background:url('/assets/hero-p-feather.webp') 50% 45%/contain no-repeat;filter:saturate(1.12) contrast(1.05);-webkit-mask-image:none;mask-image:none}
.hero__inner{position:relative;z-index:2;display:flex;align-items:center;padding-top:112px;padding-bottom:88px;min-height:inherit}
.hero__copy{max-width:610px;position:relative}
.hero .eyebrow{font-size:14px;margin-bottom:15px}
.hero h1{font:900 clamp(96px,10.5vw,176px)/.72 var(--display);letter-spacing:-.037em;margin:0;text-shadow:0 3px 28px rgba(0,0,0,.12)}
.hero h1>span{display:block}.hero__period{color:var(--magenta)}
.hero__byline{font:700 clamp(14px,2vw,23px)/1.3 var(--body);letter-spacing:.25em;margin-top:18px}
.hero__intro{max-width:425px;color:#efddf2;font-size:17px;line-height:1.58;margin:26px 0 17px}
.hero__schedule{font:700 12px/1.3 var(--body);letter-spacing:.13em;display:flex;align-items:center;gap:13px;margin:0 0 30px;flex-wrap:wrap}
.hero__schedule .dash{width:27px;height:2px;background:var(--magenta)}.hero__schedule .sep{color:var(--magenta)}
.hero__side{position:absolute;right:0;top:42%;display:grid;gap:16px;text-align:right;color:#ffc4ef;font:700 10px var(--body);letter-spacing:.35em;writing-mode:vertical-rl}
.hero__bottom{display:flex;gap:15px;align-items:center;position:absolute;bottom:40px;left:0;color:#cbb0d9;letter-spacing:.25em;font-size:10px;font-weight:700}
.hero__scroll{font-size:21px;color:var(--magenta)}
/* Spotlight */
.spotlight{background:#130d18;isolation:isolate;position:relative;overflow:hidden;border-top:1px solid rgba(252,243,233,.19);border-bottom:1px solid rgba(252,243,233,.12)}
.spotlight__wash{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#140e18 8%,rgba(20,14,24,.93) 43%,rgba(20,14,24,.38) 92%),url('/assets/studio-clean.webp') 100% 48%/auto 100% no-repeat;opacity:.75}
.spotlight__grid{min-height:460px;padding:72px 0;display:grid;grid-template-columns:minmax(230px,320px) minmax(300px,1fr) 105px;gap:clamp(30px,4vw,68px);align-items:center}
.spotlight__cover{position:relative;box-shadow:0 30px 70px rgba(0,0,0,.38)}.spotlight__cover::before{content:"";position:absolute;inset:-8px;border:1px solid rgba(255,45,173,.5);pointer-events:none}
.spotlight__cover>img{width:100%;aspect-ratio:1;object-fit:cover}
.spotlight__copy .eyebrow{margin-bottom:10px}
.spotlight__copy .display-title{font-size:clamp(60px,6.7vw,105px);max-width:620px}
.spotlight__copy p:not(.eyebrow){font-size:16px;max-width:485px;margin:20px 0 26px;color:#f4e8f1}
.spotlight__meta{display:flex;flex-wrap:wrap;gap:12px 24px;color:#d5bcdb;font:700 10px/1.5 var(--body);letter-spacing:.15em;margin-top:29px}
.spotlight__meta>span:not(:last-child){padding-right:23px;border-right:1px solid rgba(255,255,255,.35)}
.spotlight__statement{font:700 11px/2.2 var(--body);letter-spacing:.32em;writing-mode:vertical-rl;color:#e7bbef;justify-self:end;white-space:nowrap}
/* Light editorial sections */
.section-light{background:var(--cream);color:var(--ink)}
.archive-preview{padding:104px 0 75px;overflow:hidden}
.section-heading .eyebrow{margin-bottom:16px}
.section-heading__row{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:25px;border-bottom:1px solid rgba(20,16,24,.2)}
.section-heading .display-title{font-size:clamp(72px,7.4vw,116px)}
.archive-preview__list{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:35px 0 22px;scrollbar-width:thin;scrollbar-color:#c8bcc7 transparent}
.episode-card{display:block;flex:0 0 calc((100% - 96px)/5);min-width:185px;scroll-snap-align:start;transition:transform .3s var(--ease)}
.episode-card:hover{transform:translateY(-7px)}
.episode-card__image{display:block;aspect-ratio:1/1;overflow:hidden;background:#1a0b23;position:relative}
.episode-card__image>img,.episode-card__image>.placeholder-art{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}
.episode-card:hover .episode-card__image>img,.episode-card:hover .placeholder-art{transform:scale(1.06)}
.episode-card__caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;font:800 21px/1 var(--display);letter-spacing:.025em}.episode-card__title em{font-style:normal;color:var(--purple)}
.episode-card__arrow{font:500 20px var(--body);transition:transform .25s}.episode-card:hover .episode-card__arrow{transform:translate(4px,-4px)}
.episode-card__date{color:#77717b;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.placeholder-art{display:block;position:relative;isolation:isolate;background:#1a0f20;overflow:hidden}.placeholder-art>img{width:100%;height:100%;object-fit:cover;opacity:.88;filter:saturate(1.2)}
.placeholder-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 24%,rgba(14,6,20,.38) 54%,rgba(14,6,20,.94) 100%)}
.placeholder-art__label,.placeholder-art__number{position:absolute;z-index:2;left:7%;right:7%;display:block;text-align:center;color:#fff;font:900 27px/.8 var(--display);text-shadow:0 2px 12px #000}
.placeholder-art__label{bottom:20%;}.placeholder-art__label small{display:block;font:700 7px/1.5 var(--body);letter-spacing:.16em;margin-top:5px}.placeholder-art__number{bottom:7%;font-size:21px}.placeholder-art__number strong{color:var(--magenta)}
.archive-preview__foot{display:flex;align-items:center;justify-content:space-between;padding-top:19px;border-top:1px solid rgba(20,16,24,.2);color:#6e6370;font-size:10px;letter-spacing:.18em;font-weight:700}
.scroll-controls{display:flex;gap:8px}.round-arrow{display:grid;place-items:center;width:43px;height:43px;border:1px solid #a99ba8;background:transparent;border-radius:50%;color:#141018;font-size:20px;transition:background .2s,color .2s}.round-arrow:hover{background:var(--ink);color:var(--white)}
.about-teaser{display:grid;grid-template-columns:45% 55%;border-top:1px solid rgba(20,16,24,.2);min-height:600px;overflow:hidden}
.about-teaser__image{position:relative;min-height:560px;overflow:hidden;background:#170821}
.about-teaser__image>img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:center 30%;filter:saturate(.99)}
.about-teaser__image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,4,20,.85),transparent 72%)}
.about-teaser__image-label{position:absolute;bottom:54px;left:min(13%,95px);z-index:2;font:900 clamp(46px,5vw,82px)/.86 var(--display);letter-spacing:-.02em;color:#fff}
.about-teaser__copy{align-self:center;width:min(650px,85%);margin:80px auto}
.about-teaser__copy .display-title{font-size:clamp(66px,6.8vw,100px);margin-bottom:32px}
.about-teaser__copy p:not(.eyebrow){max-width:500px;font-size:17px;line-height:1.72;margin:0 0 16px;color:#49414a}.about-teaser__copy .btn{margin-top:20px}
.listen-banner{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 20% 30%,#572079,transparent 50%),linear-gradient(110deg,#241029,#100b15 70%);border-block:1px solid rgba(255,255,255,.12);padding:100px 0}
.listen-banner::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background:url('/assets/studio-clean.webp') right center/cover no-repeat;mix-blend-mode:screen}
.listen-banner__inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.listen-banner .display-title{font-size:clamp(65px,7vw,108px)}.listen-banner p:not(.eyebrow){color:#f2ddec;max-width:500px}.listen-banner .btn{flex-shrink:0}
.connect-section{padding:105px 0}.connect-section__inner{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.connect-section .display-title{font-size:clamp(68px,8.5vw,130px)}.connect-section__links{align-self:center}
.connect-line{display:flex;align-items:center;gap:28px;border-top:1px solid rgba(20,16,24,.23);padding:23px 0;transition:padding .25s var(--ease),color .25s}.connect-line:last-of-type{border-bottom:1px solid rgba(20,16,24,.23)}.connect-line:hover{padding-left:12px;color:var(--purple)}
.connect-line>span:first-child{font-size:11px;color:var(--purple);font-weight:700}.connect-line strong{font:800 clamp(24px,2.7vw,39px)/1 var(--display);letter-spacing:-.01em;flex:1}.connect-line>span:last-child{font-size:20px}
/* Footer */
.site-footer{background:#100b15;color:var(--white);border-top:1px solid rgba(255,255,255,.15)}.footer-main{display:flex;justify-content:space-between;gap:60px;padding:75px 0 55px}.footer-brand p{font-size:12px;line-height:1.7;color:#af9db8;margin-top:23px}
.footer-links{display:flex;gap:min(7vw,110px)}.footer-links>div{display:flex;flex-direction:column;gap:11px}.footer-links a{font-size:12px;color:#ded0e0}.footer-links a:hover,.footer-legal a:hover{color:var(--magenta)}.footer-label{color:var(--magenta);font-size:10px;font-weight:700;letter-spacing:.2em;margin-bottom:9px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.16);padding:24px 0 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:#b8a7bf;letter-spacing:.05em}
.footer-legal{display:flex;gap:21px;flex-wrap:wrap}
/* Discreet, but legible, Google-facing application info entry. Full title stays on its destination page. */
.footer-legal .footer-legal__nfai{color:#8a8093;text-decoration:none;transition:color .2s ease}
.footer-legal .footer-legal__nfai:hover{color:#c5b6ca;text-decoration:underline;text-underline-offset:3px}
.footer-legal .footer-legal__nfai:focus-visible{color:var(--white);text-decoration:underline;text-underline-offset:3px}
.back-top{color:var(--white);font:700 11px var(--body);letter-spacing:.11em;white-space:nowrap}
/* Internal top sections */
.inner-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 86% 24%,rgba(140,44,184,.63),transparent 49%),linear-gradient(120deg,#130c19,#2b1039 80%);padding:186px 0 125px;isolation:isolate}
.inner-hero::after{content:"";position:absolute;z-index:-1;top:30px;right:-4%;bottom:0;width:45%;background:url('/assets/hero-p-feather.webp') center/contain no-repeat;opacity:.38;-webkit-mask-image:radial-gradient(ellipse,black 20%,transparent 76%);mask-image:radial-gradient(ellipse,black 20%,transparent 76%)}
.inner-hero__inner{position:relative;z-index:1}.inner-hero .display-title{font-size:clamp(82px,10vw,165px);max-width:1000px}.inner-hero .display-title span{color:var(--magenta)}
.inner-hero p:not(.eyebrow){font-size:19px;max-width:650px;color:#e5d5eb;line-height:1.7;margin:25px 0 0}
.inner-hero--show{min-height:500px}.inner-hero--archive{min-height:475px}.inner-hero--about{min-height:535px}.inner-hero--contact{min-height:430px}
.story-section{padding:100px 0}.story-grid{display:grid;grid-template-columns:minmax(300px,44%) 1fr;gap:clamp(55px,7vw,125px);align-items:center}
.story-grid__art{position:relative;background:#23122a;min-height:500px;overflow:hidden}.story-grid__art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.image-corner-label{position:absolute;z-index:1;bottom:18px;left:18px;background:rgba(20,16,24,.82);color:#f2e4f3;font-size:10px;letter-spacing:.1em;padding:8px 10px}
.story-grid__copy .display-title{font-size:clamp(67px,6.5vw,110px)}.story-grid__copy p:not(.eyebrow){font-size:17px;line-height:1.8;color:#4b434e;max-width:650px}.story-grid__copy .btn{margin-top:14px}
.fact-strip{display:flex;flex-wrap:wrap;gap:25px;padding:23px 0;margin:30px 0;border-top:1px solid #ccc4cb;border-bottom:1px solid #ccc4cb}.fact-strip>div{flex:1;min-width:95px}.fact-strip small{display:block;font:700 11px var(--body);color:#856f88;letter-spacing:.14em}.fact-strip strong{font:800 25px var(--display)}
.dark-section{background:#17101c;color:#fff}.content-cta{padding:100px 0;background:radial-gradient(ellipse at 90% 10%,rgba(123,40,214,.32),transparent 50%),#141018}.content-cta .display-title{font-size:clamp(70px,8vw,118px)}.content-cta p:not(.eyebrow){max-width:510px;color:#d8cad9;line-height:1.8;margin:26px 0}
/* Archive page */
.archive-page{padding:72px 0 110px}.archive-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:25px;border-bottom:1px solid #c8bdc6}
.archive-count{font:800 32px var(--display)}.archive-toolbar p{font-size:13px;color:#7e747e;margin:0}
.search-field{display:flex;gap:10px;align-items:center;border:1px solid #b6abb4;padding:12px 18px;background:rgba(255,255,255,.34);min-width:290px}.search-field>span{font-size:24px}.search-field input{background:transparent;border:0;outline:none;color:var(--ink);min-width:0;width:100%;font-size:13px}.search-field:focus-within{outline:2px solid var(--purple)}
.archive-grid{padding-top:37px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:54px 25px}.archive-grid .episode-card{min-width:0}.archive-grid .episode-card__title{font-size:26px}
.empty-notice{padding:40px 0}.quiet-note{color:#7a6e7b;font-size:12px;line-height:1.7;margin-top:32px}
/* Episode pages */
.episode-detail-hero{padding:130px 0 92px;background:radial-gradient(ellipse at 58% 25%,rgba(123,40,214,.22),transparent 51%),#160e1a}.breadcrumb{color:#d1b9d5;font-size:11px;letter-spacing:.13em;font-weight:700;display:inline-block;margin:22px 0 65px}.breadcrumb:hover{color:var(--magenta)}
.episode-detail-hero__grid{display:grid;grid-template-columns:minmax(280px,460px) minmax(0,1fr);gap:clamp(45px,6vw,110px);align-items:center}.episode-detail-hero__art>img,.episode-detail-hero__art>.placeholder-art{width:100%;aspect-ratio:1;object-fit:cover;box-shadow:0 35px 80px rgba(0,0,0,.4)}
.episode-detail-hero__copy .display-title{font-size:clamp(100px,11vw,170px)}.episode-detail-hero__copy p:not(.eyebrow){font-size:18px;color:#d6c6da;max-width:500px}.episode-detail-hero__meta{display:flex;gap:15px;flex-wrap:wrap;margin:27px 0;font:700 10px var(--body);letter-spacing:.12em;color:#bfa8c8}.episode-detail-hero__meta span{padding-right:15px;border-right:1px solid #76607f}.episode-detail-hero__meta span:last-child{border:none}
.episode-listen{padding:90px 0}.episode-listen .display-title,.episode-tracklist .display-title{font-size:clamp(70px,8.7vw,122px);margin-bottom:34px}.episode-tracklist{padding:105px 0 100px}
.player-placeholder{display:flex;align-items:center;gap:25px;min-height:185px;background:#28162d;border:1px solid rgba(255,255,255,.16);padding:28px 38px}.player-placeholder__icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--magenta);color:#15081a;flex-shrink:0;font-size:24px}.player-placeholder strong{display:block;font:800 29px var(--display)}.player-placeholder p{color:#bdb0c6;font-size:13px;line-height:1.7;max-width:550px}.player-placeholder code{color:#ffafdc}
.mixcloud-player{width:100%;border:0;height:120px;background:#21172a}.embed-note{font-size:12px;color:#b3a4bb}
.tracklist{counter-reset:none;list-style:none;padding:0;margin:0;border-top:1px solid #c7bec6}.tracklist li{display:grid;grid-template-columns:45px 1fr 1.5fr;gap:30px;padding:21px 0;border-bottom:1px solid #d2c9d0;align-items:center;font-size:15px}.tracklist li>span:first-child{color:var(--purple);font-weight:700;font-size:12px}.tracklist li strong{font-size:16px}.tracklist li>span:last-child{color:#574c58}
.empty-tracklist{text-align:center;border:1px solid #d2c9d0;padding:75px 25px;background:#f1ebe5}.empty-tracklist>span{font-size:46px;color:var(--purple)}.empty-tracklist h3{margin:5px 0 0;font:800 38px var(--display)}.empty-tracklist p{color:#6f6570}
.episode-pagination{display:flex;justify-content:space-between;gap:25px;margin-top:47px;font:800 17px var(--display);letter-spacing:.03em}.episode-pagination a:hover{color:var(--purple)}
/* Contact */
.contact-content{padding:105px 0 130px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-grid .display-title{font-size:clamp(75px,8vw,115px)}.contact-grid p:not(.eyebrow){font-size:16px;color:#564c57;line-height:1.8;max-width:550px}.contact-social h3{font:800 35px var(--display);margin:0 0 25px}.contact-social .connect-line{color:var(--ink)}.contact-empty{padding:28px;border-top:1px solid #bcb2ba;border-bottom:1px solid #bcb2ba}.contact-empty strong{font:800 27px var(--display)}.contact-station{margin-top:30px}.contact-station a{text-decoration:underline;text-underline-offset:4px}
/* Legal: intentionally separate and restrained, accessible public pages */
.legal-hero{padding:175px 0 78px;background:linear-gradient(130deg,#150e1b,#291330)}.legal-hero h1{font:800 clamp(45px,6vw,76px)/1.03 var(--display);margin:8px 0 20px}.legal-hero p:not(.eyebrow){font-size:17px;color:#dfcfdf;line-height:1.7}
.legal-content{padding:65px 0 115px}.prose{font-size:16px;line-height:1.9;color:#312932}.prose h2{font:800 31px/1.1 var(--display);color:#17101b;margin:48px 0 12px}.prose a{color:#7225bd;text-decoration:underline;text-underline-offset:4px}.prose a:hover{color:#ab1784}.prose p{margin:0 0 22px}.prose strong{color:#1a1220}.legal-status{border-left:4px solid var(--purple);background:#efe8f0;padding:15px 22px;font:800 14px/1.5 var(--body);letter-spacing:.05em}.legal-callout{padding:24px;background:#eee5e7;border-left:4px solid #a063ba;margin-top:45px}.legal-callout p{margin:7px 0 0}
/* Motion */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:1150px){.wrap{width:min(1360px,calc(100% - 72px))}.nav{gap:17px}.nav__link{font-size:11px}.brand__main{font-size:30px}.header__listen{padding:11px 14px}.hero h1{font-size:clamp(90px,11.2vw,148px)}.spotlight__grid{grid-template-columns:minmax(180px,280px) 1fr 40px;gap:37px}.spotlight__copy .display-title{font-size:72px}.episode-card{min-width:190px}}
@media (max-width:920px){.site-header{height:74px}.header__inner{gap:10px}.menu-toggle{display:flex}.nav{position:fixed;z-index:40;top:74px;right:0;left:0;height:calc(100dvh - 74px);height:calc(100vh - 74px);background:#150c1b;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:34px max(36px,6vw);gap:0;overflow:auto;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s,visibility .25s,transform .25s;box-shadow:0 30px 30px rgba(0,0,0,.45)}.nav.is-open{opacity:1;visibility:visible;transform:none}.nav__link{font:800 45px/.95 var(--display);padding:20px 0;border-bottom:1px solid rgba(255,255,255,.17)}.nav__link.is-current::after,.nav__link:hover::after{bottom:12px;right:auto;width:32px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.hero{min-height:710px}.hero__inner{padding-top:125px}.hero__copy{max-width:520px}.hero__sculpture{width:72%;right:-13%;opacity:.78}.hero::before{background:linear-gradient(90deg,rgba(10,7,13,.81),rgba(10,7,13,.5) 58%,transparent)}.hero__side{display:none}
.spotlight__grid{grid-template-columns:230px 1fr;gap:34px}.spotlight__statement{display:none}.spotlight__copy .display-title{font-size:64px}.spotlight__meta{font-size:9px;gap:8px 15px}.spotlight__meta>span:not(:last-child){padding-right:15px}.archive-preview{padding:80px 0}.episode-card{min-width:205px}.about-teaser__image{min-height:490px}.about-teaser{min-height:490px}.about-teaser__copy .display-title{font-size:66px}.listen-banner__inner{align-items:start;flex-direction:column}.connect-section__inner{gap:6vw}.connect-section .display-title{font-size:81px}.story-grid{gap:45px}.story-grid__art{min-height:400px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:650px){.wrap{width:calc(100% - 38px)}.site-header{height:70px}.brand__main{font-size:28px}.brand__sub{font-size:8px}.header__listen{font-size:14px;padding:10px 12px}.header__listen span:last-child{display:none}.header__actions{gap:8px}.menu-toggle{width:40px;height:40px}.nav{top:70px;height:calc(100dvh - 70px)}
.hero{min-height:745px;max-height:none}.hero__sculpture{width:114%;height:63%;right:-27%;top:1%;opacity:.83;background-position:50% 20%}.hero::before{background:linear-gradient(0deg,rgba(12,8,17,.96) 8%,rgba(12,8,17,.75) 34%,rgba(12,8,17,.1) 75%)}.hero__inner{align-items:end;padding-top:300px;padding-bottom:70px}.hero__copy{width:100%}.hero h1{font-size:clamp(80px,16.7vw,122px);line-height:.75}.hero__byline{font-size:14px;margin-top:15px;letter-spacing:.21em}.hero__intro{font-size:14px;max-width:380px;margin-top:20px;margin-bottom:16px}.hero__schedule{font-size:10px;letter-spacing:.09em;gap:7px;margin-bottom:24px}.hero .eyebrow{font-size:10px;letter-spacing:.17em}.hero__bottom{bottom:18px;font-size:9px}.hero .action-row{gap:9px}
.btn{min-height:45px;font-size:15px;padding:12px 16px;gap:13px}.btn__icon{font-size:15px}
.spotlight__grid{padding:64px 0;grid-template-columns:1fr;gap:33px}.spotlight__cover{width:min(290px,76%);margin-inline:auto}.spotlight__copy .display-title{font-size:clamp(64px,14.6vw,92px)}.spotlight__copy p:not(.eyebrow){font-size:14px}.spotlight__meta{gap:10px;font-size:9px}
.archive-preview{padding:66px 0 49px}.section-heading__row{align-items:start;flex-direction:column;gap:19px}.section-heading .display-title{font-size:clamp(68px,15vw,106px)}.archive-preview__list{gap:15px;padding-top:23px}.episode-card{min-width:190px}.archive-preview__foot>span{max-width:150px;line-height:1.5;font-size:9px}
.about-teaser{display:block}.about-teaser__image{min-height:430px}.about-teaser__image-label{font-size:67px;bottom:26px;left:24px}.about-teaser__copy{width:calc(100% - 38px);margin:0 auto;padding:63px 0 70px}.about-teaser__copy .display-title{font-size:clamp(67px,15vw,95px)}.about-teaser__copy p:not(.eyebrow){font-size:15px}
.listen-banner{padding:70px 0}.listen-banner .display-title{font-size:clamp(65px,14vw,92px)}.listen-banner p:not(.eyebrow){font-size:14px}.listen-banner .btn{white-space:normal;text-align:center}
.connect-section{padding:70px 0}.connect-section__inner{grid-template-columns:1fr;gap:35px}.connect-section .display-title{font-size:clamp(83px,19vw,130px)}.connect-line{padding:18px 0}.connect-line strong{font-size:32px}
.footer-main{padding:55px 0 35px;flex-direction:column;gap:26px}.footer-links{gap:45px;flex-wrap:wrap}.footer-bottom{flex-wrap:wrap;gap:16px;padding:22px 0 27px}.footer-bottom>span{width:100%}.footer-legal{gap:16px}.back-top{margin-left:auto}
.inner-hero{padding:145px 0 82px}.inner-hero .display-title{font-size:clamp(71px,15vw,120px)}.inner-hero p:not(.eyebrow){font-size:16px}.inner-hero::after{width:83%;right:-30%;opacity:.24}.inner-hero--show,.inner-hero--archive,.inner-hero--about,.inner-hero--contact{min-height:unset}
.story-section{padding:60px 0}.story-grid{display:block}.story-grid__art{min-height:450px;margin-bottom:48px}.story-grid__copy .display-title{font-size:clamp(71px,15vw,106px)}.story-grid__copy p:not(.eyebrow){font-size:15px}.fact-strip{gap:12px}.fact-strip strong{font-size:22px}
.content-cta{padding:78px 0}.content-cta .display-title{font-size:clamp(70px,14vw,110px)}
.archive-page{padding:55px 0 85px}.archive-toolbar{align-items:stretch;flex-direction:column;gap:22px}.search-field{min-width:0}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px;row-gap:32px;padding-top:25px}.archive-grid .episode-card__title{font-size:21px}
.episode-detail-hero{padding:115px 0 60px}.breadcrumb{margin:0 0 37px}.episode-detail-hero__grid{display:flex;flex-direction:column;align-items:start;gap:45px}.episode-detail-hero__art{width:min(370px,100%);align-self:center}.episode-detail-hero__copy .display-title{font-size:clamp(100px,21vw,165px)}.episode-detail-hero__copy p:not(.eyebrow){font-size:15px}.episode-listen,.episode-tracklist{padding:73px 0}.episode-listen .display-title,.episode-tracklist .display-title{font-size:clamp(68px,14vw,105px)}.player-placeholder{padding:20px;gap:14px;align-items:start;min-height:160px}.player-placeholder__icon{width:46px;height:46px;font-size:18px}.player-placeholder strong{font-size:24px}.player-placeholder p{font-size:12px}.tracklist li{grid-template-columns:25px 1fr;gap:8px}.tracklist li>span:last-child{grid-column:2}.episode-pagination{font-size:15px;gap:15px}
.contact-content{padding:70px 0}.contact-grid{grid-template-columns:1fr;gap:55px}.contact-grid .display-title{font-size:clamp(75px,15vw,120px)}
.legal-hero{padding:135px 0 70px}.legal-content{padding:52px 0 80px}.prose{font-size:15px}
}
@media (max-width:390px){.brand__main{font-size:24px}.brand__sub{letter-spacing:.14em}.header__listen{font-size:13px}.hero h1{font-size:16vw}.hero .btn{font-size:14px;padding-inline:12px}.hero__schedule{font-size:9px}.spotlight__copy .display-title{font-size:62px}.archive-grid .episode-card__title{font-size:19px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Build 2: approved real DJ photography, colour-treated to Sculpted Purple brand. */
.about-teaser__image>img{object-position:center center}
.about-teaser__image::after{background:linear-gradient(0deg,rgba(12,4,20,.88) 0%,rgba(12,4,20,.04) 60%,transparent 100%)}
.story-grid__art--portrait img{object-position:center 40%}
.photo-feature{background:#17101c;color:#fff;padding:98px 0 115px;overflow:hidden}
.photo-feature__heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:36px}
.photo-feature__heading .display-title{font-size:clamp(78px,8vw,128px)}
.photo-feature__heading p{max-width:340px;line-height:1.7;color:#e0ccdf;margin:0 0 8px;font-size:15px}
.photo-mosaic{display:grid;grid-template-columns:1.15fr .85fr 1fr;grid-template-rows:280px 280px 260px;gap:14px}
.photo-mosaic__item{position:relative;min-width:0;min-height:0;overflow:hidden;margin:0;background:#260e36;isolation:isolate}
.photo-mosaic__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}
.photo-mosaic__item:hover img{transform:scale(1.035)}
.photo-mosaic__item::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(10,4,15,.85),transparent);pointer-events:none}
.photo-mosaic__item figcaption{position:absolute;z-index:1;left:19px;bottom:19px;color:#fff;font:800 13px var(--body);letter-spacing:.09em;text-shadow:0 2px 12px #100916}
.photo-mosaic__item--wide{grid-column:1/3;grid-row:1/3}.photo-mosaic__item--wide img{object-position:center center}
.photo-mosaic__item--portrait{grid-column:3;grid-row:1/3}.photo-mosaic__item--portrait img{object-position:center 29%}
.photo-mosaic__item--landscape{grid-column:1;grid-row:3}.photo-mosaic__item--landscape img{object-position:center center}
.photo-mosaic__item--square:nth-of-type(4){grid-column:2;grid-row:3}.photo-mosaic__item--square:nth-of-type(5){grid-column:3;grid-row:3}
.photo-mosaic__item--square:nth-of-type(6){display:none}
@media(min-width:1250px){.photo-mosaic{grid-template-rows:285px 285px 250px 230px}.photo-mosaic__item--square:nth-of-type(6){display:block;grid-column:1/-1;grid-row:4}.photo-mosaic__item--square:nth-of-type(6) img{object-position:center 45%}}
@media(max-width:920px){.photo-feature{padding:75px 0}.photo-feature__heading{align-items:start;flex-direction:column;gap:18px}.photo-mosaic{grid-template-rows:230px 230px 220px}}
@media(max-width:650px){.photo-feature{padding:65px 0 75px}.photo-feature__heading .display-title{font-size:clamp(80px,17vw,110px)}.photo-feature__heading p{font-size:14px}.photo-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:280px 220px 230px 230px 220px;gap:9px}.photo-mosaic__item--wide{grid-column:1/-1;grid-row:1/3}.photo-mosaic__item--portrait{grid-column:1;grid-row:3/5}.photo-mosaic__item--landscape{grid-column:2;grid-row:3}.photo-mosaic__item--square:nth-of-type(4){grid-column:2;grid-row:4}.photo-mosaic__item--square:nth-of-type(5){grid-column:1;grid-row:5}.photo-mosaic__item--square:nth-of-type(6){display:block;grid-column:2;grid-row:5}.photo-mosaic__item figcaption{font-size:10px;left:12px;bottom:12px}}
