@media (max-width: 1020px){
  .nav{position:fixed;inset:84px 16px auto 16px;display:none;flex-direction:column;align-items:stretch;background:rgba(5,20,31,.98);padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.12)}
  .nav.is-open{display:flex}
  .nav-toggle{display:block}
  .message-grid{grid-template-columns:1fr}
  .album-grid{grid-template-columns:repeat(3,1fr)}
  .article-grid{grid-template-columns:repeat(2,1fr)}
  .resource-hero__shell{grid-template-columns:1fr;gap:20px;padding:36px 30px}
  .resource-hero__visual{order:-1}
  .album-visual,.article-visual{min-height:auto}
  .listing-grid--albums,.listing-grid--articles{grid-template-columns:repeat(2,1fr)}
  .detail-grid{grid-template-columns:1fr}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .footer-card{grid-template-columns:1fr;justify-items:center;text-align:center}
  .footer-mantra{text-align:center}
  .studio{display:block}
  .studio__sign{margin-top:26px;text-align:left}
}

@media (max-width: 640px){
  .container{width:min(calc(100% - 20px),var(--container))}
  .site-header__row{min-height:74px}
  .brand img{width:50px;height:50px}
  .brand__text{font-size:1rem}
  .brand__tag{display:none}
  .hero{padding-top:16px}
  .hero-card{border-radius:26px}
  .hero-mobile-copy{display:block}
  .section{padding:46px 0}
  .panel,.content-shell,.detail-shell{padding:22px;border-radius:24px}
  .section-heading{display:block}
  .section-link{display:inline-block;margin-top:10px}
  .section-kicker{margin-top:8px}
  .album-grid{display:grid;grid-auto-flow:column;grid-auto-columns:72%;grid-template-columns:none;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
  .album-card{scroll-snap-align:start}
  .article-grid{grid-template-columns:1fr}
  .resource-hero{padding-top:18px}
  .resource-hero__shell{padding:28px 22px;border-radius:26px}
  .resource-hero__content h1{font-size:clamp(2.8rem,16vw,4.2rem)}
  .resource-hero__content p{font-size:1rem}
  .resource-hero__textblock{align-items:center;text-align:center}
  .resource-hero__meta{margin-top:14px}
  .album-visual__thumb{width:84px;border-radius:18px}
  .album-visual__main{width:min(100%,270px);border-radius:24px}
  .article-visual{padding:0 0 6px}
  .article-visual__frame{width:min(100%,280px);margin:auto}
  .article-visual__quote{position:relative;left:auto;bottom:auto;max-width:none;margin-top:14px;font-size:1rem}
  .article-visual__chip{top:8px;right:8px;font-size:.68rem}
  .listing-grid--albums,.listing-grid--articles,.related-grid{grid-template-columns:1fr}
  .track{grid-template-columns:42px 1fr;align-items:flex-start}
  .track__num{width:42px;height:42px}
  .track__time{grid-column:2}
  .studio{padding:30px 24px;border-radius:28px}
  .studio::after{opacity:.45}
  .studio__sign{font-size:1.45rem}
  .site-footer{padding-bottom:24px}
  .footer-card{padding:22px 18px;border-radius:0 0 24px 24px}
  .hero__actions .btn{width:100%}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}