@media(min-width:1500px){.site-header{max-width:1360px;padding-inline:64px}}
@media(max-width:1250px){
  .page-width{padding-inline:40px}
  .site-header{padding-inline:40px}
  .site-header nav{gap:24px}
  .hero{grid-template-columns:1.1fr 1fr;gap:10px}
  .hero-art{padding-left:10px}
  .hero-tape{width:240px}
  .back-tape{width:240px;height:355px}
  .hero-tape .sleeve-title{font-size:68px}
  .rewind-sticker{left:0;bottom:94px;width:100px;height:100px}
  .orbit{width:350px;height:350px}.orbit-two{width:400px;height:400px}
  .hero-brand{max-width:340px}
  .neon{font-size:39px}
  .hero-actions .button{padding:13px 16px;font-size:12px}
  .site-footer{margin-inline:40px}
  .archive-feature::before{inset-inline:40px}
  .archive-tapes>a{width:155px}
  .archive-tapes>a:nth-child(1){transform:rotate(-14deg) translate(-87px,-10px)}
  .archive-tapes>a:nth-child(3){transform:rotate(15deg) translate(88px,5px)}
  .archive-tapes .sleeve-title{font-size:29px}
  .player{grid-template-columns:1fr 1.1fr .8fr;gap:16px;padding-inline:20px}
  .player-options{gap:7px}.sleep-control>svg{display:none}
  .filters{grid-template-columns:1fr}.filter-controls{max-width:650px}
}
@media(max-width:900px){
  .site-header nav{gap:18px}.site-header .header-random{display:none}
  .hero{min-height:620px;grid-template-columns:1.2fr .8fr;gap:10px;padding-block:44px}
  .hero-brand{max-width:290px}
  .neon{font-size:35px;margin-left:25px}
  .hero h1{font-size:50px}
  .hero>.hero-copy>.eyebrow{font-size:7px;letter-spacing:1px}
  .hero-description{font-size:12px}.hero-proof{gap:16px;font-size:8px}
  .hero-art{padding-left:0;min-height:450px;transform:translateX(18px)}
  .hero-tape{width:190px}.back-tape{width:190px;height:280px}
  .hero-tape .sleeve-title{font-size:51px}
  .rewind-sticker{width:85px;height:85px;bottom:85px;left:-10px;font-size:12px}
  .rewind-sticker strong{font-size:20px}.art-caption{font-size:6px;right:0;bottom:60px}
  .orbit{width:280px;height:280px}.orbit-two{width:330px;height:330px}
  .episode-grid{gap:28px 18px}.home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sleeve{padding:14px 13px 13px 22px}.sleeve-top{font-size:5px;letter-spacing:.5px}.sleeve-top>span:last-child{display:none}
  .sleeve-title{font-size:27px;margin-top:25px}.sleeve-bottom{font-size:6px;margin-top:28px}.sleeve-bottom>span:last-child{font-size:5px}
  .card-favorite{top:28px;right:6px;width:29px;height:29px}.card-play{width:35px;height:35px;right:10px;bottom:10px}
  .restored-tag{font-size:5px;left:15px;bottom:10px;padding:4px;max-width:calc(100% - 65px)}
  .card-meta{font-size:7px;letter-spacing:0;flex-wrap:wrap;gap:5px}.episode-card h3{font-size:13px}
  .archive-feature{grid-template-columns:1fr 1fr;padding-block:35px}.archive-copy{padding-left:25px}.archive-copy h2{font-size:36px}
  .archive-tapes{margin-right:25px;transform:translateX(15px)}.archive-tapes>a{width:125px}.archive-tapes .sleeve-title{font-size:24px}
  .archive-tapes>a:nth-child(1){transform:rotate(-14deg) translate(-55px,-10px)}.archive-tapes>a:nth-child(3){transform:rotate(15deg) translate(57px,5px)}
  .season-tile{padding:16px}.season-tile>strong{font-size:40px}.season-tile>span:last-child{font-size:8px}
  .detail-layout{gap:35px;grid-template-columns:.85fr 1.3fr}.detail-cover{margin-inline:0}.detail-cover .sleeve-title{font-size:36px}
  .detail-copy h1{font-size:41px}.detail-actions .button{font-size:11px;padding:13px 16px}.episode-description{font-size:12px}
  .player{grid-template-columns:1fr 1fr;gap:12px;padding:13px 20px}
  .player-options{display:none}.player-heart{margin-left:0}
}
@media(max-width:620px){
  .page-width{padding-inline:22px}
  .site-header{height:76px;padding:0 22px;gap:15px;align-items:center}
  .brand-mark{font-size:30px}.brand-mark>span{font-size:6px;letter-spacing:1.7px}
  .site-header nav{gap:17px;justify-content:flex-end}.site-header nav>a{font-size:10px;padding:29px 0}
  .site-header nav>a:first-child{display:none}.nav-count{display:none}.site-header nav>a:last-child>span{display:none}
  .hero{min-height:auto;display:flex;flex-direction:column;padding-block:35px 30px;overflow:hidden}
  .hero-copy{z-index:3}.hero>.hero-copy>.eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:20px}
  .hero-brand{width:260px;margin:0 0 35px;max-width:82%}.neon{font-size:32px;margin-left:20px;letter-spacing:2px}
  .hero h1{font-size:52px}.hero-description{font-size:13px;margin-top:18px}
  .hero-actions{gap:9px;margin-top:24px}.hero-actions .button{font-size:11px;padding:13px 15px;min-height:46px}
  .hero-proof{font-size:8px;gap:22px;margin-top:24px}.hero-proof strong{font-size:15px}
  .hero-art{height:280px;min-height:280px;margin:20px 0 -5px;transform:none;padding-left:0}
  .hero-tape{width:164px;transform:rotate(10deg) translateX(18px)}.back-tape{width:163px;height:245px;transform:rotate(-13deg) translate(-8px,-5px)}
  .hero-tape .sleeve-title{font-size:43px}.rewind-sticker{left:calc(50% - 140px);bottom:25px;width:80px;height:80px}.rewind-sticker strong{font-size:18px}
  .art-caption{right:2px;bottom:7px;font-size:6px;letter-spacing:1px}
  .orbit{width:290px;height:290px}.orbit-two{width:340px;height:340px}
  .shelf{padding-block:38px 42px}.section-heading{align-items:flex-start;gap:20px;margin-bottom:23px}.section-heading h2{font-size:33px}.section-heading p{font-size:11px;line-height:1.7}
  .section-heading .text-link{font-size:9px;margin-top:20px;gap:4px;white-space:normal;max-width:100px;text-align:right}.section-heading .text-link svg{width:15px}
  .eyebrow{font-size:8px;letter-spacing:1.1px}
  .episode-grid,.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}
  .sleeve-title{font-size:27px}.sleeve{aspect-ratio:.78}.sleeve-top{font-size:5px;letter-spacing:.5px}
  .card-meta{font-size:7px;line-height:1.7;margin:10px 0 5px}.episode-card h3{font-size:13px}
  .archive-feature{margin-block:0;display:flex;flex-direction:column;padding-block:30px 0;gap:25px}.archive-feature::before{inset-inline:22px}.archive-copy{padding-inline:24px}.archive-copy h2{font-size:40px}.archive-copy p{font-size:12px;max-width:270px}
  .archive-tapes{min-height:235px;margin:0 0 25px;transform:none}.archive-tapes>a{width:125px}
  .archive-tapes>a:nth-child(1){transform:rotate(-14deg) translate(-65px,-5px)}.archive-tapes>a:nth-child(3){transform:rotate(15deg) translate(65px,5px)}
  .seasons-section{padding-block:40px}.seasons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.season-tile{padding:19px}.season-tile>strong{font-size:45px}.season-tile>span:last-child{font-size:10px}
  .last-call{padding-block:10px 50px}.last-call h2{font-size:43px}.last-call>.eyebrow{font-size:7px}
  .site-footer{margin-inline:22px;grid-template-columns:1fr 2fr;padding-top:26px;gap:22px}.site-footer>p{font-size:10px}.site-footer>a:nth-of-type(2){grid-column:1/-1;text-align:left}.footer-note{font-size:8px;line-height:1.8}
  .catalog-page{padding-block:34px 50px}.page-intro h1{font-size:49px}.page-intro>p{font-size:12px}.page-intro{margin-bottom:25px}
  .filters{padding:16px;gap:16px}.filter-controls{flex-wrap:wrap}.filter-controls label{min-width:calc(50% - 8px)}.filter-controls label:last-child{flex-basis:100%}.filter-controls select{font-size:11px;padding:11px 7px}
  .search-field input{font-size:12px}.filter-chips{gap:7px}.chip{font-size:9px;padding:9px}.reset-filters{margin:5px 0 0;font-size:9px}.results-line{font-size:10px}.results-line>span{display:none}
  .detail-layout{display:flex;flex-direction:column;gap:30px;align-items:flex-start}.detail-cover{max-width:230px;align-self:center}.detail-cover .sleeve-title{font-size:40px}.detail-copy h1{font-size:48px}.detail-copy .eyebrow{font-size:9px}
  .detail-secondary{gap:18px}.episode-facts{gap:22px;font-size:9px}.detail-page{padding-top:22px}.back-link{margin-bottom:25px}.detail-actions .button{font-size:12px}
  .about-page{padding-block:35px 60px}.about-page h1{font-size:44px}.about-body p.lead{font-size:19px}.about-body p{font-size:13px}
  .resume-strip{padding-block:25px}.resume-strip>div>svg{display:none}.resume-strip h2{font-size:24px}.resume-strip .button{font-size:11px;padding:12px}.resume-strip p{font-size:9px}
  .player{grid-template-columns:1fr;padding:12px 16px 10px;gap:5px;min-height:130px;padding-bottom:max(10px,env(safe-area-inset-bottom))}
  .player-track{padding-right:118px;min-height:42px;gap:9px}.player-mini-cover{width:32px;height:38px;padding:4px}.player-mini-cover>span:first-child{font-size:12px}.player-mini-cover>span:last-child{font-size:4px}.player-title{font-size:11px}.player-subtitle{font-size:7px}.player-heart{display:none}
  .player-center{display:block}.playback-controls{position:absolute;right:17px;top:11px;gap:8px}.playback-controls>.rewind{display:none}.playback-controls .next-button{position:static;margin-left:0}.player-toggle{width:36px;height:36px}
  .seek-row{margin-top:7px;font-size:8px}.seek-label input{height:5px}.seek-row>span{min-width:38px}
  .player-options{display:flex;justify-content:flex-start;gap:12px;margin-top:3px}.player-options select{font-size:9px;padding:3px 5px;border:0;color:var(--muted)}.player-options>.icon-button{margin-left:auto;width:23px;height:25px}.player-options>.close-player{margin-left:0}
  .sleep-control>svg{display:block;width:12px}.has-player .toast{bottom:155px}body.has-player{padding-bottom:150px}
}
@media(max-width:360px){.hero h1{font-size:46px}.hero-actions{align-items:flex-start;flex-direction:column}.site-header{padding-inline:18px}.site-header nav{gap:13px}.page-width{padding-inline:18px}.sleeve-title{font-size:23px}.hero-proof{gap:10px}.hero-proof strong{font-size:13px}}