/* Phone and small tablet refinements; the desktop composition stays unchanged. */
@media (max-width:760px) {
  .site-header {height:calc(88px + env(safe-area-inset-top));padding:calc(18px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 18px max(20px,env(safe-area-inset-left))}
  .desktop-nav {display:none}
  .menu-toggle {display:block;min-height:44px;min-width:70px}
  .mobile-nav:not([hidden]) {display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 88px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;background:#111;padding:10px max(20px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-bottom:1px solid #555}
  .mobile-nav a {display:flex;align-items:center;min-height:48px;padding:10px 0;font:600 24px var(--display);border-bottom:1px solid var(--line)}
  .page-main {padding:38px max(20px,env(safe-area-inset-right)) 54px max(20px,env(safe-area-inset-left))}
  .page-heading {display:block;margin-bottom:32px}
  .page-heading h1 {font-size:clamp(48px,16vw,83px);line-height:.95;overflow-wrap:anywhere}
  .page-intro {margin-top:22px;max-width:100%}
  .section-heading {gap:14px;flex-wrap:wrap}
  .section-heading h2 {overflow-wrap:anywhere;line-height:1.2}
  .feature-player {padding:20px}
  .feature-info {min-width:0}
  .feature-info h2 {font-size:clamp(28px,8.5vw,42px);overflow-wrap:anywhere}
  .feature-info p {font-size:14px}
  .library-controls {align-items:stretch;gap:12px}
  .library-controls .filter-row {margin:0;gap:8px}
  .filter {min-height:44px;font-size:14px;padding:10px 14px;white-space:normal;overflow-wrap:anywhere}
  .creator-filter {width:100%;min-width:0}
  .creator-filter select {width:100%;min-width:0;min-height:46px;font-size:16px}
  .collection-count {line-height:1.6;overflow-wrap:anywhere}
  .video-grid,.creator-grid {grid-template-columns:minmax(0,1fr)}
  .creator-tag {display:inline-flex;align-items:center;min-height:44px;padding:4px 10px;max-width:100%;overflow-wrap:anywhere}
  .empty-filter {padding:26px 22px}
  .creator-profile {grid-template-columns:minmax(0,1fr)}
  .profile-info h1 {font-size:clamp(42px,14vw,64px)}
  .profile-bio,.music-description,.profile-section-copy {font-size:16px}
  .creator-socials {gap:10px;flex-wrap:wrap}
  .creator-socials a,.text-link,.music-fallback {display:inline-flex;align-items:center;min-height:44px;max-width:100%}
  .music-fallback {font-size:14px;line-height:1.5}
  .profile-gallery-controls {gap:8px}
  .profile-gallery-controls p {font-size:12px}
  .profile-gallery-thumbnails {scroll-snap-type:x proximity}
  .profile-gallery-thumbnails button {scroll-snap-align:center}
  .music-artist {grid-template-columns:minmax(0,1fr);gap:26px}
  .music-featured-mix {padding:16px}
  .music-featured-mix h2 {font-size:clamp(30px,9vw,42px)}
  .music-artist-links {gap:12px}
  .video-dialog {width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));overscroll-behavior:contain}
  .dialog-bar {position:sticky;top:0;z-index:2;background:#0c0c0cf5;padding:12px 14px;gap:12px}
  .dialog-bar>div {min-width:0}
  .dialog-bar h2 {font-size:24px;line-height:1.2}
  .dialog-close {min-width:64px;min-height:44px;flex-shrink:0}
  .watch-actions button {min-height:44px}
  .share-link {font-size:16px;max-width:100%}
  .related-videos {grid-template-columns:minmax(0,1fr)}
  .related-video {display:grid;grid-template-columns:minmax(88px,32%) minmax(0,1fr);gap:12px;align-items:center;text-align:left}
  .related-image {margin:0}
  .related-video>span {overflow-wrap:anywhere}
  .site-footer {flex-wrap:wrap;padding:26px max(20px,env(safe-area-inset-right)) calc(26px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
  .footer-links {width:100%;flex-wrap:wrap;gap:0 20px}
  .footer-links a {display:inline-flex;align-items:center;min-height:44px}
  .site-footer .discord-nav {margin-left:0}
  body[data-page="home"] .site-header {height:calc(76px + env(safe-area-inset-top));padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:12px}
  body[data-page="home"] .mobile-nav:not([hidden]) {top:100%;max-height:calc(100dvh - 76px - env(safe-area-inset-top))}
  body[data-page="home"] .hero-body {padding:calc(112px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 24px max(20px,env(safe-area-inset-left))}
  body[data-page="home"] .hero-copy {font-size:16px}
  body[data-page="home"] .hero-meta {flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px max(20px,env(safe-area-inset-right)) 22px max(20px,env(safe-area-inset-left))}
  body[data-page="home"] .hero-credit {flex-basis:100%;max-width:100%;font-size:11px;line-height:1.5;flex-wrap:wrap}
  body[data-page="home"] .hero-credit strong {overflow-wrap:anywhere}
  body[data-page="home"] .home-discord,body[data-page="home"] .media-control {display:inline-flex;align-items:center;min-height:44px;font-size:11px}
  body[data-page="home"] .destination-grid {margin-left:max(20px,env(safe-area-inset-left));margin-right:max(20px,env(safe-area-inset-right));margin-bottom:calc(24px + env(safe-area-inset-bottom))}
  body[data-page="home"] .destination {padding-right:12px!important}
  body[data-page="home"] .destination-description {font-size:13px;line-height:1.5}
  .about-text-panel {padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
}

/* Page destinations follow the welcome; playback controls finish the mobile home. */
@media (max-width:1000px) {
  body[data-page="home"] .destination-grid {margin-bottom:0}
  body[data-page="home"] .hero-meta {margin-top:auto;padding-top:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  body[data-page="content"] .creator-tag {display:inline-flex;align-items:center;min-width:32px;min-height:32px;padding:3px 7px;font-size:13px;line-height:1.4}
  body[data-page="content"] .video-credits {gap:6px;margin-top:8px}
  body[data-page="content"] .video-credits>div {gap:6px}
}

/* Six destinations: balanced rows on phones, with room for the separate members entry. */
body[data-page="home"] .destination-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1200px){.desktop-nav{display:none}.menu-toggle{display:block;min-height:44px;min-width:70px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;background:#111;padding:10px 24px 18px;border-bottom:1px solid #555}.mobile-nav a{display:flex;align-items:center;min-height:48px;padding:10px 0;font:600 24px var(--display);border-bottom:1px solid var(--line)}}
@media(max-width:1000px){body[data-page="home"] .destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="home"] .destination:last-child{grid-column:auto}}