/* Rebuild overrides, loaded AFTER the original style.css.
   The original Ember SPA swapped whole DOM trees per breakpoint (matchMedia →
   .media-mobile / .media-largedesktop on the container). This server-rendered
   build ships BOTH trees and toggles them here with the same container class,
   so the designer's own .media-* rules style whichever tree is active. */

/* desktop/medium: hide the mobile tree */
.media-largedesktop .mobile-nav, .media-mediumdesktop .mobile-nav,
.media-largedesktop .fixed-nav, .media-mediumdesktop .fixed-nav,
.media-largedesktop .home-mobile, .media-mediumdesktop .home-mobile,
.media-largedesktop .mobile-footer, .media-mediumdesktop .mobile-footer {
  display: none;
}

/* mobile: hide the desktop tree + desktop-only chrome */
.media-mobile nav:not(.mobile-nav),
.media-mobile .vertical-border,
.media-mobile .artist-image-overlay,
.media-mobile .home-popup-component,
.media-mobile .component-count-block {
  display: none;
}

/* swipeable stand-in for the original slick carousel (scroll-snap, no JS) */
.lg60-snap {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.lg60-snap .home-image-mobile {
  flex: 0 0 100%;
  scroll-snap-align: start;
}
.lg60-snap .home-image-mobile img { width: 100%; height: auto; }

/* Deliberate deviation from the original (Bob, 2026-07-07): the designer's
   nav{position:fixed} gave the home page zero scrollable height, so on short
   windows the A-Z column clipped (the original site cannot scroll past ~K
   either — the full list was only on /artists). Anchor the nav in the
   document instead; site.js gives the page matching height so it scrolls.
   top:40px + the container's 10px margin reproduces the fixed nav's 50px. */
.media-largedesktop .main-container > .container,
.media-mediumdesktop .main-container > .container { position: relative; }
.media-largedesktop nav:not(.mobile-nav),
.media-mediumdesktop nav:not(.mobile-nav) { position: absolute; }
/* site.js sets nav.style.top so the top edge lands at the fixed nav's 50px */