/* Portrait-tablet refinement: 768px devices use the compact navigation and stacked editorial layouts. */
@media (min-width: 768px) and (max-width: 820px) {
  :root { --header-h: 72px; }
  .site-header__inner { width: calc(100% - 32px); }
  .brand img { width: 58px; height: 46px; }
  .brand__text { display: flex; }
  .brand__text strong { font-size: 1.65rem; }
  .nav-toggle { display: block; }
  .primary-nav { position: fixed; top: var(--header-h); right: 0; bottom: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 22px 20px 50px; overflow-y: auto; background: rgba(8,9,11,.99); }
  .primary-nav.is-open { display: flex; }
  .primary-nav > a { padding: 15px 4px; border-bottom: 1px solid var(--line); font: 600 2.4rem var(--serif); letter-spacing: 0; text-transform: none; }
  .primary-nav > a::after { display: none; }
  .primary-nav .nav-sync { margin-top: 18px; padding: 15px; text-align: center; }
  .hero__content { width: calc(100% - 40px); padding-bottom: 60px; }
  .hero h1 { font-size: 7rem; }
  .hero__note { display: none; }
  .section-heading { align-items: start; flex-direction: column; }
  .split-feature, .achievement-grid, .profile-hero, .album-detail, .editorial-grid, .contact-grid { grid-template-columns: 1fr; }
  .album-grid, .book-grid, .insights-grid { grid-template-columns: repeat(2, 1fr); }
  .catalog-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .filter-bar { position: relative; top: auto; }
  .album-detail__art { position: static; }
  .conversion-band__inner { align-items: flex-start; flex-direction: column; }
}