/* The live Homepage sleeve wall. Opt-in is owned by the gallery controller;
   the connected About/Curator canvases and all other routes are unaffected. */
.home-playlist-label a#home-playlist-name {
  color: inherit;
  text-decoration: none;
}

/* Shared measurements and TVC's restrained red editorial accents. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) {
  --home-gallery-width: min(93vw, 1760px) !important;
  --hybrid-gap: clamp(6px, 1.05vw, 14px);
  --featured-red: #b32320;
  --featured-ink: #28211d;
  --featured-muted: #716960;
  --featured-rule: rgba(40, 33, 29, .22);
}

/* One artwork-derived chrome palette, with branded red only when idle. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)) {
  --home-chrome-color: var(--home-active-color, var(--tvc-editorial-idle-banner, #ae211e));
  --home-chrome-ink: var(--home-active-ink, var(--tvc-editorial-idle-banner-ink, #f7f1e7));
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #home-player {
  /* Legacy player typography reads this variable directly, including idle.
     The inherited chrome ink is already resolved on body, so no cycle forms. */
  --home-active-ink: var(--home-chrome-ink);
  background: var(--home-chrome-color) !important;
  color: var(--home-chrome-ink) !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #home-player :is(.player-artist, .player-time) {
  color: var(--home-chrome-ink) !important;
  opacity: 1 !important;
}

/* A full, confident masthead rather than the pale legacy navigation bar. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #main-nav {
  height: clamp(48px, 6.2vw, 62px) !important;
  padding-inline: clamp(19px, 3vw, 42px) !important;
  border: 0 !important;
  background: var(--home-chrome-color) !important;
  color: var(--home-chrome-ink) !important;
  /* Background/ink change in the same paint as the dock. Retain motion of
     the header itself; the player's existing slide transition is untouched. */
  transition-property: transform, opacity !important;
  box-shadow: none !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #main-nav :is(.nav-logo, .nav-menu-btn) {
  color: var(--home-chrome-ink) !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #main-nav .nav-menu-btn span {
  background: currentColor !important;
}

/* Strongly outrank the legacy hero scale while retaining its native signature
   artwork: only size/layout are adjusted; #home-featured-label is untouched. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-start-controls {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  width: var(--home-gallery-width) !important;
  max-width: 100% !important;
  min-height: 56px !important;
  height: auto !important;
  margin: 0 auto 52px !important;
  padding: 0 108px 0 0 !important;
  transform: none !important;
  transform-origin: initial !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-start-controls #home-play {
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-color: var(--featured-red) !important;
  color: var(--featured-red) !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-start-controls #home-start-copy {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 1px !important;
  min-width: 0 !important;
  max-width: calc(100% - 58px) !important;
  margin: 0 0 0 13px !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-start-controls #home-playlist-kicker {
  max-width: 100% !important;
  font-size: clamp(16px, 1.35vw, 19px) !important;
  line-height: 1 !important;
  letter-spacing: -.052em !important;
  white-space: nowrap !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-start-controls #home-about-open {
  position: absolute !important;
  inset: 50% 0 auto auto !important;
  transform: translateY(-50%) !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 10px 0 10px 13px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--featured-ink) !important;
  font: 500 10px/1 var(--tvc-font-sans, var(--sans, sans-serif)) !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  white-space: nowrap;
}

/* Responsive fluid sleeve wall. JS provides --hybrid-rows, columns and tile
   width; the first four columns remain visible and subsequent sleeves browse. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel {
  position: relative !important;
  width: var(--home-gallery-width) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] {
  --sequence-gap: var(--hybrid-gap);
  display: grid !important;
  grid-template-columns: repeat(var(--hybrid-columns), var(--hybrid-tile-width)) !important;
  grid-template-rows: repeat(var(--hybrid-rows), var(--hybrid-tile-width)) !important;
  column-gap: var(--hybrid-gap) !important;
  row-gap: var(--hybrid-gap) !important;
  width: var(--home-gallery-width) !important;
  height: calc(var(--hybrid-rows) * var(--hybrid-tile-width) + (var(--hybrid-rows) - 1) * var(--hybrid-gap)) !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  aspect-ratio: auto !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
  touch-action: pan-x pan-y !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"]::-webkit-scrollbar {
  display: none !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  width: var(--hybrid-tile-width) !important;
  height: var(--hybrid-tile-width) !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile::before,
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile::after {
  content: none !important;
  display: none !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile > :is(img, video) {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile > .home-sequence-copy {
  display: none !important;
  opacity: 0 !important;
}

/* Time-based playback outline remains controlled exclusively by the audio
   progress callback. The artwork itself is never substituted or enlarged. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] svg.home-record-progress {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] svg.home-record-progress rect {
  fill: none !important;
  stroke: var(--featured-red, #b32320) !important;
  stroke-width: var(--hybrid-stroke-width, .5px) !important;
  pointer-events: none !important;
}

@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile:is(:hover, :focus-within) > .home-tile-meta {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Sleeve metadata sits directly on the artwork, like a small editorial imprint. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile > .home-tile-meta {
  position: absolute !important;
  z-index: 4 !important;
  right: auto !important;
  bottom: 7px !important;
  left: 7px !important;
  display: block !important;
  width: max-content !important;
  max-width: calc(100% - 14px) !important;
  max-height: 46%;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  text-align: left;
  text-shadow: 0 1px 3px rgba(24, 18, 15, .82);
  overflow: hidden;
  overflow-wrap: anywhere;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
  pointer-events: none !important;
  transition: opacity .14s ease, visibility .14s ease !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile :is(.home-tile-title, .home-tile-artist) {
  color: inherit !important;
  overflow-wrap: anywhere;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile .home-tile-title {
  font: 600 clamp(9px, .78vw, 12px)/1.15 var(--tvc-font-sans, var(--sans, sans-serif)) !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile .home-tile-artist {
  margin-top: 2px !important;
  font: 400 clamp(8px, .66vw, 10px)/1.2 var(--tvc-font-sans, var(--sans, sans-serif)) !important;
  opacity: .8 !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile:is(:focus-visible, .is-active, [data-preview-state="playing"], [data-preview-state="paused"], [data-details-open="true"]) > .home-tile-meta {
  opacity: 1 !important;
  visibility: visible !important;
}
@media (max-width: 900px) {
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile > .home-tile-meta {
    right: auto !important;
    bottom: 4px !important;
    left: 4px !important;
    max-width: calc(100% - 8px) !important;
    padding: 0 !important;
    font-size: 8px !important;
    line-height: 1.12 !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile .home-tile-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 8px !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile .home-tile-artist {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 7px !important;
  }
}

/* Artwork palette and Suggest share one balanced row below the gallery. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home .home-playlist-caption {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  column-gap: clamp(8px, 2vw, 20px) !important;
  row-gap: 0 !important;
  width: var(--home-gallery-width) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: initial !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-start-controls > #home-curation-period {
  position: absolute !important;
  z-index: 2 !important;
  top: auto !important;
  bottom: -38px !important;
  left: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: start !important;
  align-self: auto !important;
  margin: 0 !important;
  min-width: 0;
  color: var(--featured-muted) !important;
  font: 400 9px/1.3 var(--tvc-font-sans, var(--sans, sans-serif)) !important;
  letter-spacing: .09em;
  white-space: nowrap;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home .home-gallery-palette {
  grid-column: 1;
  grid-row: 1;
  display: flex !important;
  align-items: center;
  justify-self: start;
  justify-content: flex-start;
  gap: 12px !important;
  width: max-content;
  max-width: 100%;
  height: 18px;
  min-height: 18px;
  overflow: visible;
  margin: 0 !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home .home-gallery-palette[hidden] {
  display: none !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home .home-gallery-palette i {
  display: block;
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px;
  height: 18px !important;
  border: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  transition: background-color .18s ease;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home .home-playlist-label {
  display: none !important;
  min-width: 0 !important;
  color: var(--featured-muted) !important;
  font: 400 9px/1.3 var(--tvc-font-sans, var(--sans, sans-serif)) !important;
  letter-spacing: .06em;
  text-align: left !important;
  white-space: nowrap;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home :is(#home-playlist-name, #home-playlist-name a) {
  display: inline !important;
  color: var(--featured-ink) !important;
  text-decoration: none;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home .home-playlist-label a:focus-visible,
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-playlist-name:focus-visible {
  outline: 2px solid var(--featured-red);
  outline-offset: 3px;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home .home-canvas-bottom-nav {
  display: none !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-footer {
  margin-top: clamp(28px, 4vw, 54px) !important;
}

/* Mobile keeps four square rows and selected-track status after the caption. */
@media (max-width: 700px) {
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) {
    --home-gallery-width: min(92vw, 540px) !important;
    --hybrid-gap: clamp(5px, 1.55vw, 8px);
    /* The closed/minimized dock is not a page-height placeholder. The footer
       already owns its safe-area inset; do not reserve it a second time. */
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-viewport {
    /* Remove the legacy idle-only gap so the collection stays together and
       the extra space above Featured does not simply move the footer down. */
    margin-bottom: 0 !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home {
    padding: 45.5px 4vw 4px !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home #home-start-controls {
    min-height: 50px !important;
    margin-bottom: 52px !important;
    padding-right: 84px !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home #home-start-controls #home-playlist-kicker {
    font-size: clamp(13px, 3.6vw, 16px) !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home #home-start-controls #home-about-open {
    padding-left: 9px !important;
    font-size: 9px !important;
    letter-spacing: .055em !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home .home-playlist-caption {
    grid-template-columns: minmax(0, 1fr) 44px !important;
    grid-template-rows: auto !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    margin-top: 0 !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home #home-start-controls > #home-curation-period {
    font-size: 8px !important;
    letter-spacing: .07em;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home .home-playlist-label {
    display: none !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home .home-gallery-palette {
    grid-column: 1;
    justify-self: start;
    gap: 10px !important;
    width: max-content;
    height: 16px;
    min-height: 16px;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home .home-gallery-palette i {
    flex-basis: 18px !important;
    width: 18px !important;
    min-width: 18px;
    height: 16px !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-footer {
    margin-top: 24px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] > .home-tile > :is(.home-record-play, .home-tile-meta),
    #home-canvas-home .home-gallery-palette i {
    transition: none !important;
  }
}

/* Transparent hit areas sit below About; the title alignment stays intact. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-start-controls .home-gallery-view-selector {
  position: absolute !important;
  z-index: 12 !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  display: inline-flex;
  width: 48px;
  height: 44px;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.home-gallery-view-selector[hidden] {
  display: none !important;
}
.home-gallery-view-option {
  position: relative;
  display: grid;
  flex: 1 1 50%;
  min-width: 0;
  place-items: center;
  padding: 3px 0 5px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(38, 35, 31, .58);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.home-gallery-view-option[aria-pressed="true"] {
  background: transparent;
  color: #211f1c !important;
}
.home-gallery-view-option[aria-pressed="true"]::after {
  position: absolute;
  bottom: 9px;
  left: calc(50% + 4.5px);
  width: 14px;
  height: 1px;
  background: #b32320;
  content: "";
  transform: translateX(-50%);
}
.home-gallery-view-option:focus-visible {
  outline: 2px solid #b32320;
  outline-offset: 1px;
}
.home-gallery-view-option svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.45;
}
.home-gallery-view-option:first-child svg {
  transform: translate(4.5px, 3px);
}
.home-gallery-view-option:last-child svg {
  transform: translate(4.5px, 3px);
}

.home-gallery-view-option:last-child[aria-pressed="true"]::after {
  left: calc(50% + 4.5px);
}
.home-gallery-view-option:first-child svg rect {
  fill: currentColor;
  stroke: none;
}
.home-gallery-view-selector[hidden] *,
#home-record-stack-view[hidden] {
  display: none !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-record-stack-view[hidden] {
  display: none !important;
}

/* Secondary album-focused view. The same mosaic tiles remain authoritative;
   the copies below are presentation-only and route selections to those tiles. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] {
  transition: opacity .16s ease;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel #home-mosaic[data-hybrid-gallery="active"] {
  display: none !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-mosaic-panel .home-record-stack-view:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) var(--record-stack-rail, 7px);
  column-gap: clamp(8px, 1.7vw, 16px);
  width: min(100%, 760px);
  height: var(--record-stack-side, 1px);
  margin: 0 auto;
  align-items: stretch;
  text-align: left;
}
.home-stack-featured,
.home-stack-viewport,
.home-stack-scrollbar {
  position: relative;
  min-width: 0;
  height: 100%;
}
.home-stack-featured {
  overflow: hidden;
  background: #181715;
}
.home-stack-featured-tile,
.home-stack-sleeve {
  display: block !important;
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  cursor: pointer;
  transform-origin: center !important;
  transition: none !important;
}
.home-stack-featured-tile {
  z-index: 2;
  outline: 1.5px solid var(--featured-red, #b32320);
  outline-offset: -1.5px;
  background: #181715 !important;
}
.home-stack-sleeve {
  height: var(--record-stack-width, 1px) !important;
  aspect-ratio: 1 / 1 !important;
  background: #181715 !important;
  touch-action: pan-y;
}
.home-stack-featured-tile > :is(img, video),
.home-stack-sleeve > :is(img, video) {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  backface-visibility: visible !important;
}
#page-home #home-record-stack-view .home-stack-featured-tile > .home-tile-meta {
  position: absolute !important;
  z-index: 4 !important;
  right: auto !important;
  bottom: clamp(10px, 2.3%, 19px) !important;
  left: clamp(10px, 2.3%, 19px) !important;
  display: block !important;
  width: max-content !important;
  max-width: calc(100% - 20px) !important;
  max-height: 40%;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #fff !important;
  text-align: left !important;
  text-shadow: 0 1px 3px rgba(15, 13, 11, .88);
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden;
  pointer-events: none !important;
  transform: none !important;
}
#home-record-stack-view .home-stack-featured-tile .home-tile-title {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: inherit !important;
  font: 600 clamp(11px, 1.35vw, 16px)/1.15 var(--tvc-font-sans, var(--sans, sans-serif)) !important;
}
#home-record-stack-view .home-stack-featured-tile .home-tile-artist {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 3px !important;
  color: inherit !important;
  font: 400 clamp(9px, 1.05vw, 12px)/1.2 var(--tvc-font-sans, var(--sans, sans-serif)) !important;
  opacity: .86 !important;
}
.home-stack-sleeve .home-tile-meta,
.home-stack-sleeve .home-record-progress,
.home-stack-sleeve .home-content-label,
.home-stack-sleeve .home-record-play,
.home-stack-featured-tile .home-content-label,
.home-stack-featured-tile .home-content-link,
.home-stack-featured-tile .home-record-play,
.home-stack-featured-tile .home-sequence-copy {
  display: none !important;
}
.home-stack-sleeve > .home-content-link {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: block !important;
  overflow: hidden;
  opacity: 0;
}
.home-stack-featured-tile > .home-record-progress {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible;
  pointer-events: none !important;
}
.home-stack-featured-tile > .home-record-progress rect {
  fill: none !important;
  stroke: var(--featured-red, #b32320) !important;
  stroke-width: var(--record-stack-stroke, .6px) !important;
  stroke-linecap: butt;
  vector-effect: none !important;
}
.home-stack-viewport {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
.home-stack-viewport::-webkit-scrollbar {
  display: none !important;
}
.home-stack-cards {
  position: relative;
  width: 100%;
  min-height: 100%;
}
.home-record-crate-stage {
  position: sticky;
  top: 0;
  width: 100%;
  height: var(--record-stack-side);
  overflow: hidden;
  isolation: isolate;
}
.home-stack-viewport .home-stack-sleeve {
  opacity: var(--record-crate-opacity, 1) !important;
  transform-origin: top left !important;
  box-shadow: 0 -2px 5px rgba(24, 18, 15, .25) !important;
}
.home-stack-viewport .home-stack-sleeve:focus-visible {
  z-index: var(--record-crate-depth) !important;
}
.home-stack-sleeve {
  will-change: transform;
}
.home-stack-sleeve:focus-visible,
.home-stack-featured-tile:focus-visible {
  outline: 2px solid #b32320 !important;
  outline-offset: -2px !important;
  z-index: 40 !important;
}
.home-stack-scrollbar {
  position: relative;
  width: 100%;
  overflow: visible;
  border-radius: 99px;
  background: rgba(44, 41, 37, .16);
  cursor: pointer;
  touch-action: none;
  user-select: none;
}
.home-stack-scrollbar::before {
  position: absolute;
  inset: 0 -7px;
  content: "";
}
.home-stack-scrollbar:focus-visible {
  outline: 2px solid rgba(179, 35, 32, .6);
  outline-offset: 3px;
}
.home-stack-scrollbar-thumb {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 20px;
  border-radius: inherit;
  background: var(--featured-red, #b32320);
  cursor: grab;
}
.home-stack-scrollbar-thumb:active {
  cursor: grabbing;
}
@media (max-width: 700px) {
  .home-gallery-view-selector {
    width: 48px !important;
    height: 44px !important;
  }
  .home-gallery-view-option svg {
    width: 14px;
    height: 14px;
  }
  .home-gallery-view-option:first-child svg,
  .home-gallery-view-option:last-child svg {
    transform: translate(5px, 3px);
  }
  .home-gallery-view-option[aria-pressed="true"]::after,
  .home-gallery-view-option:last-child[aria-pressed="true"]::after {
    left: calc(50% + 5px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .home-gallery-view-selector *,
  #home-record-stack-view * {
    transition: none !important;
    animation: none !important;
  }
}

/* Keep the 44px suggestion target fixed; its 25px mark defines the caption inset. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home .home-playlist-caption #home-suggest-trigger {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  justify-self: end !important;
  justify-content: end !important;
  justify-items: end !important;
  align-items: center !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home .home-playlist-caption #home-suggest-trigger .home-suggest-plus {
  width: 25px !important;
  height: 25px !important;
  border: 1px solid #315b36 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #315b36 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home .home-playlist-caption {
  margin-top: 8px !important;
}

/* The record-stack page fills only the space its content needs, up to the
   visible viewport. Its footer takes any remaining space in normal flow. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) {
  min-height: 100vh !important;
  min-height: 100dvh !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-viewport {
  flex: 1 1 0 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-footer {
  margin-block-start: auto !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
  #home-canvas-home #home-start-controls > #home-curation-period {
  font-size: 10px !important;
  line-height: 11.7px !important;
  letter-spacing: .12em !important;
}
@media (max-width: 700px) {
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home #home-start-controls > #home-curation-period {
    font-size: 9px !important;
    line-height: 10.4px !important;
    letter-spacing: .1em !important;
  }
}

/* Align stack-only chrome to the centered 760px record stack on desktop.
   The vertical offsets track .3 of the JS-sized stack side; the horizontal
   shift recenters the selector and Suggest against that same stack edge. */
@media (min-width: 901px) {
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home #home-start-controls > #home-curation-period {
    translate: 0 calc(170.45px - clamp(3.2px, .68vw, 6.4px)) !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home .home-gallery-palette {
    translate: 0 calc(clamp(3.2px, .68vw, 6.4px) - 180.6px) !important;
    /* The intentional artwork overlap must not hide the final swatches or
       intercept the featured record's existing click-to-play action. */
    z-index: 5;
    pointer-events: none;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home .home-playlist-caption #home-suggest-trigger {
    translate: max(-500px, calc(380px - 46.5vw)) 0 !important;
  }
}

/* The listening-flow sheet is shared with other Home layouts. Keep this
   gallery's measured content in its existing flow while the transport docks. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) {
  min-height: 0 !important;
  padding-top: var(--tvc-nav-height) !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) #home-canvas-viewport {
  flex: 0 0 auto !important;
  order: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: visible !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) #home-canvas-track {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) #home-canvas-home {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: max(8px, calc((100dvh - var(--tvc-nav-height) - var(--home-gallery-measure) - 180px) / 2)) clamp(16px, 4vw, 56px) 0 !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-stack-view-active.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) {
  min-height: 100dvh !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) #home-start-controls {
  margin-bottom: 52px !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) #home-player {
  position: fixed !important;
  inset: auto 0 0 0 !important;
  z-index: 200 !important;
  flex: none !important;
  order: initial !important;
  width: 100% !important;
  margin: 0 !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) > #home-footer {
  position: relative !important;
  inset: auto !important;
  order: 4 !important;
  flex: 0 0 auto !important;
  margin-top: clamp(28px, 4vw, 54px) !important;
}

/* Both desktop views use the full heading edge, not the narrower stack edge. */
@media (min-width: 901px) {
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas)
    #home-canvas-home #home-start-controls .home-gallery-view-selector {
    right: 0 !important;
    translate: none !important;
  }
}

/* Match the established idle desktop gutters, not the older hero gutters. */
@media (min-width: 701px), (max-width: 700px) and (orientation: landscape) {
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) #home-canvas-home {
    padding-inline: 3.5vw !important;
  }
}
@media (min-width: 701px) {
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) #home-canvas-home {
    padding-top: clamp(14px, 2.2dvh, 24px) !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) {
    min-height: 100dvh !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) #home-canvas-viewport {
    /* Retain the existing idle canvas-to-footer spacing during playback. */
    margin-bottom: 24px !important;
  }
}

/* Trim trailing whitespace only. These values are independent of playback.
   Reducing the footer's bottom padding and minimum height by the same amount
   retains the existing content's top offset and all internal relationships. */
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) {
  padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
}
html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
  #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) #home-footer[data-tvc-site-footer].tvc-shared-footer {
  height: auto !important;
  min-height: 68px !important;
  padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (max-width: 700px) {
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) #home-canvas-home {
    padding: 45.5px 4vw 4px !important;
  }
  html body.home-featured-direction.home-approved-direction.tvc-public-shell.tvc-editorial-spread.home-listening[data-tvc-canonical-page="/"]:has(#page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas))
    #page-home.home-fluid-gallery.active:not(.is-about-canvas):not(.is-curator-canvas) > #home-footer {
    margin-top: 24px !important;
  }
}