@font-face {
  font-family: "Boska Original";
  src: url("./assets/fonts/boska-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: "Switzer";
  src: url("./assets/fonts/switzer-300.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Switzer";
  src: url("./assets/fonts/switzer-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Switzer";
  src: url("./assets/fonts/switzer-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Switzer";
  src: url("./assets/fonts/switzer-600.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

:root {
  --fireheart-teal: #062429;
  --collective-teal: #438681;
  --teal-silk-background: var(--featured-teal-silk-background);
  --teal-silk-background-size: auto, 115% 125%, 120% 130%, 115% 125%, auto, auto, auto, auto;
  --artwork-grade: brightness(1.05) contrast(.98) saturate(1.08);
  --artwork-grade-hover: brightness(1.07) contrast(.99) saturate(1.12);
  --lifestyle-grade: brightness(1.1) contrast(.94) saturate(1.03);
  --lifestyle-grade-hover: brightness(1.13) contrast(.95) saturate(1.07);
  --featured-teal-silk-background:
    linear-gradient(rgba(0,8,12,.3),rgba(0,8,12,.3)),
    linear-gradient(112deg,transparent 8%,rgba(74,139,151,.15) 18%,transparent 29%),
    linear-gradient(78deg,transparent 32%,rgba(0,7,12,.68) 43%,rgba(58,124,139,.14) 51%,transparent 61%),
    linear-gradient(105deg,transparent 60%,rgba(84,145,155,.12) 69%,rgba(0,9,14,.62) 78%,transparent 87%),
    repeating-linear-gradient(103deg,transparent 0 9%,rgba(220,245,247,.018) 10%,transparent 12% 21%),
    radial-gradient(ellipse at 14% 8%,rgba(43,107,120,.2),transparent 34%),
    radial-gradient(ellipse at 82% 92%,rgba(0,8,14,.78),transparent 46%),
    linear-gradient(118deg,#01151c 0%,#062730 28%,#031b24 48%,#082d35 68%,#01141b 100%);
  --text-xs: clamp(0.75rem, 0.7rem + 0.2vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.82rem + 0.25vw, 1rem);
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + 0.65vw, 1.5rem);
  --text-xl: clamp(1.6rem, 1.2rem + 1.4vw, 2.5rem);
  --text-2xl: clamp(2.2rem, 1.25rem + 3vw, 4.5rem);
  --text-3xl: clamp(3rem, 1rem + 5vw, 7rem);
  --text-hero: clamp(3.5rem, 0.5rem + 8vw, 9rem);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --font-display: "Playfair Display", Georgia, serif;
  --font-body: "Switzer", "Helvetica Neue", sans-serif;
  --content-narrow: 680px;
  --content-default: 1040px;
  --content-wide: 1440px;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 999px;
  --transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="dark"] {
  --color-bg: #000;
  --color-surface: #111113;
  --color-surface-2: #181719;
  --color-surface-offset: #201e20;
  --color-divider: #2b292b;
  --color-border: #363336;
  --color-text: #f0ede5;
  --color-text-muted: #aaa49d;
  --color-text-faint: #696469;
  --color-primary: var(--fireheart-teal);
  --color-primary-hover: #3f9297;
  --color-inverse: #111113;
  --shadow-lg: 0 24px 80px rgba(0, 0, 0, 0.32);
}

[data-theme="light"] {
  --color-bg: #f2eee5;
  --color-surface: #ebe5d9;
  --color-surface-2: #fffaf0;
  --color-surface-offset: #e2dbcf;
  --color-divider: #d2cabc;
  --color-border: #c2b9aa;
  --color-text: #191718;
  --color-text-muted: #69625d;
  --color-text-faint: #948c84;
  --color-primary: var(--fireheart-teal);
  --color-primary-hover: #0a4146;
  --color-inverse: #f5f0e6;
  --shadow-lg: 0 24px 80px rgba(48, 35, 25, 0.12);
}

@view-transition { navigation: auto; }

html, body { max-width: 100%; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
[hidden] { display: none !important; }
a { color: inherit; text-decoration: none; }
.site-ampersand { display:inline-block; font-size:.65em; line-height:1; vertical-align:.08em; }
.skip-link { position: fixed; left: var(--space-4); top: -100px; z-index: 1000; background: var(--color-text); color: var(--color-inverse); padding: var(--space-3) var(--space-4); }
.skip-link:focus { top: var(--space-4); }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  height: 136px;
  padding: 0 clamp(var(--space-4), 4vw, var(--space-16));
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  color: #f4efe6;
  background: linear-gradient(to bottom, rgba(7, 7, 8, 0.72), transparent);
  transition: background 300ms var(--ease-out), height 300ms var(--ease-out);
}
.site-header.scrolled { height: 104px; background: #000; backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,.08); }
.brand { width: 132px; height: 79px; display: flex; align-items: center; position:relative; overflow:visible; }
.brand img { width: 119px; height: 78px; object-fit: contain; }
.desktop-nav { justify-self: center; display: flex; align-items: center; gap: clamp(var(--space-4), 2.2vw, var(--space-8)); }
.desktop-nav a, .listen-link { font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .14em; }
.desktop-nav a { color:#f4efe6; opacity:.68; transition:color 180ms var(--ease-out),opacity 180ms var(--ease-out); }
.desktop-nav a:hover { opacity: 1; }
.desktop-nav a[aria-current="page"], .mobile-menu nav a[aria-current="page"] { color:#65bfc0 !important; opacity:1; }
.header-actions { display: flex; align-items: center; gap: var(--space-3); }
.listen-link { min-height: 44px; display: inline-flex; align-items: center; padding: 0 var(--space-5); border: 1px solid rgba(143,229,223,.9); color:#8fe5df; font-weight:500; }
.listen-link:hover { background:#8fe5df; border-color:#8fe5df; color:#071316; }
.theme-toggle, .menu-toggle { width: 44px; height: 44px; color: #f4efe6; display: grid; place-items: center; }
.menu-toggle { display: none; position: relative; }
.menu-toggle span:not(.sr-only) { position: absolute; width: 20px; height: 1px; background: currentColor; transition: transform 250ms var(--ease-out), opacity 250ms var(--ease-out); }
.menu-toggle span:first-child { transform: translateY(-6px); }
.menu-toggle span:nth-child(2) { transform: translateY(0); }
.menu-toggle span:nth-child(3) { transform: translateY(6px); }
.menu-toggle[aria-expanded="true"] span:first-child { transform: rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: rotate(-45deg); }
.mobile-menu { display: none; }
.mobile-menu nav a { color:rgba(244,239,230,.68); }

.hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: flex-end;
  padding: clamp(var(--space-24), 14vh, var(--space-32)) clamp(var(--space-4), 5vw, var(--space-20)) var(--space-16);
  color: #f4efe6;
  isolation: isolate;
}
.hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background: image-set(url("./assets/responsive/a6fd177d198e4d-1200.webp") 1x,url("./assets/responsive/a6fd177d198e4d-1800.webp") 2x) center/cover; filter:brightness(.87); animation: breathe 16s ease-in-out infinite alternate; }
@media (min-width:769px) {
  .hero::before {
    top:-3in;
    bottom:0;
  }
}
.hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(5,5,7,.88) 0%,rgba(5,5,7,.22) 58%,rgba(5,5,7,.25)),
    linear-gradient(
      0deg,
      #000 0%,
      rgba(0,0,0,.96) 3%,
      rgba(0,0,0,.62) 15%,
      rgba(0,0,0,.28) 34%,
      transparent 61%
    );
}
@keyframes breathe { to { transform: scale(1.035); } }
.hero-content {
  width: min(100%, 1100px);
  transform: translateY(clamp(-4rem, -6vh, -2.5rem));
}
.eyebrow { display: block; font-size: var(--text-xs); font-weight: 500; text-transform: uppercase; letter-spacing: .2em; color: var(--color-text-muted); margin-bottom: var(--space-5); }
.hero .eyebrow { color: rgba(244,239,230,.7); }
.hero h1 { font-family: var(--font-body); font-size: var(--text-hero); line-height: .82; letter-spacing: -.075em; text-transform: uppercase; font-weight: 500; max-width: 9ch; }
.hero h1 i {
  position: relative;
  display: inline-block;
  margin-right: -.04em;
  padding-right: .12em;
  font-family: "Cormorant Garamond", "Times New Roman", serif;
  font-style: italic;
  font-weight: 600;
  transform: skewX(-10deg);
  transform-origin: center bottom;
  letter-spacing: -.055em;
  text-transform: none;
  color: transparent;
  background: linear-gradient(105deg, #8f7560 0%, #d2ab82 14%, #fff5e6 27%, #efd5b3 36%, #9c795d 49%, #f4d8b5 61%, #fffaf0 72%, #c39670 84%, #7f624d 100%);
  background-size: 340% 100%;
  background-position: 100% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: .45px rgba(239, 213, 179, .9);
  filter:
    drop-shadow(0 -1px 0 rgba(255, 240, 220, .9))
    drop-shadow(0 2px 0 rgba(70, 52, 38, .98))
    drop-shadow(1px 3px 1px rgba(0, 0, 0, .72))
    drop-shadow(0 7px 14px rgba(0, 0, 0, .42));
  animation: gold-light 4.8s cubic-bezier(.45, 0, .25, 1) infinite alternate;
}
.hero h1 i::before,
.hero h1 i::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: .18em;
  aspect-ratio: 1;
  background: #fff0d8;
  clip-path: polygon(50% 0, 56% 40%, 100% 50%, 56% 60%, 50% 100%, 44% 60%, 0 50%, 44% 40%);
  filter: drop-shadow(0 0 5px rgba(239, 213, 180, .95));
  pointer-events: none;
  animation: gold-glint 4.5s ease-in-out infinite;
}
.hero h1 i::before { left: 2%; bottom: 12%; animation-delay: -2.2s; }
.hero h1 i::after { right: 3%; top: 4%; }
.hero-moments {
  color: transparent;
  background:
    linear-gradient(112deg, #8ed2ca 0%, #174f52 20%, #75bcb5 36%, #073237 54%, #4d9692 71%, #a0d9d0 84%, #123f43 100%);
  background-size: 220% 100%;
  background-position: 100% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: .45px rgba(142, 210, 202, .48);
  filter:
    drop-shadow(0 -1px 0 rgba(174, 226, 217, .28))
    drop-shadow(0 2px 0 rgba(0, 17, 20, .96))
    drop-shadow(0 6px 14px rgba(0, 0, 0, .48));
  animation: teal-silk-light 8s ease-in-out infinite alternate;
}
.gold-sparkles {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}
.gold-sparkles span {
  position: absolute;
  width: .14em;
  aspect-ratio: 1;
  background: #fff0d8;
  clip-path: polygon(50% 0, 56% 40%, 100% 50%, 56% 60%, 50% 100%, 44% 60%, 0 50%, 44% 40%);
  filter: drop-shadow(0 0 4px rgba(239, 213, 180, .95));
  animation: gold-glint 3.2s ease-in-out infinite;
}
.gold-sparkles span:nth-child(1) { left: 12%; top: 10%; width: .11em; animation-delay: -.4s; }
.gold-sparkles span:nth-child(2) { left: 29%; bottom: 8%; width: .16em; animation-delay: -2.7s; }
.gold-sparkles span:nth-child(3) { left: 49%; top: -2%; width: .1em; animation-delay: -1.5s; }
.gold-sparkles span:nth-child(4) { right: 27%; bottom: 13%; width: .13em; animation-delay: -3.3s; }
.gold-sparkles span:nth-child(5) { right: 10%; top: 24%; width: .17em; animation-delay: -2s; }
.gold-sparkles span:nth-child(6) { left: 20%; top: 45%; width: .09em; animation-delay: -1.1s; }
.gold-sparkles span:nth-child(7) { right: 39%; top: 31%; width: .12em; animation-delay: -2.4s; }
.gold-sparkles span:nth-child(8) { right: 3%; bottom: 8%; width: .1em; animation-delay: -.7s; }
@keyframes gold-light {
  0% { background-position: 100% 50%; }
  45% { background-position: 48% 50%; }
  100% { background-position: 0 50%; }
}
@keyframes teal-silk-light { to { background-position: 0 50%; } }
@keyframes gold-glint { 0%, 64%, 100% { opacity: .42; transform: scale(.65) rotate(0); } 75% { opacity: 1; transform: scale(1.38) rotate(45deg); } 82% { opacity: .7; transform: scale(.9) rotate(70deg); } }
.hero-meta { margin-top: var(--space-10); display: flex; gap: var(--space-8); align-items: center; flex-wrap: wrap; }
.hero-meta p { font-size: var(--text-sm); letter-spacing: .08em; text-transform: uppercase; }
.hero-meta .text-link { color:#f4efe6; opacity:.68; }
.hero-meta .text-link:hover,
.hero-meta .text-link:focus-visible { opacity:1; }
.text-link { display: inline-flex; align-items: center; gap: var(--space-3); min-height: 44px; font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .16em; border-bottom: 1px solid currentColor; }
.text-link::after { content: "↗"; font-size: 1.1em; }

.section { padding: clamp(var(--space-16), 9vw, var(--space-32)) clamp(var(--space-4), 5vw, var(--space-20)); }
.music-catalog-section { padding-top:clamp(var(--space-8),4.5vw,var(--space-16)); background:#000; }
.fireheart-releases-section {
  position:relative;
  isolation:isolate;
  margin-top:0;
  padding-inline:0;
}
.fireheart-releases-section::before {
  content:"";
  position:absolute;
  z-index:-2;
  top:-1.5in;
  bottom:-2in;
  left:50%;
  width:100vw;
  height:auto;
  transform:translateX(-50%);
  background:
    linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.98) 8%,rgba(0,0,0,.78) 18%,rgba(0,0,0,.2) 32%,rgba(0,0,0,.12) 74%,rgba(0,0,0,.38) 86%,rgba(0,0,0,.76) 95%,#000 100%),
    image-set(url("./assets/responsive/a6fd177d198e4d-1200.webp") 1x,url("./assets/responsive/a6fd177d198e4d-1800.webp") 2x) center 34% / cover no-repeat;
  pointer-events:none;
}
.fireheart-releases-section::after {
  display:none;
}
.fireheart-releases-section.explore-featured-albums::before {
  top:-8rem;
  bottom:-1rem;
  height:auto;
  background:
    linear-gradient(180deg,#000 0,#000 12rem,rgba(0,0,0,.98) 16rem,rgba(0,0,0,.9) 20rem,rgba(0,0,0,.72) 24rem,rgba(0,0,0,.45) 29rem,rgba(0,4,8,.22) 35rem,rgba(0,4,8,.5) 72%,#000 100%),
    linear-gradient(90deg,rgba(0,8,14,.28) 0%,rgba(0,12,20,.06) 58%,rgba(0,8,14,.12) 100%),
    image-set(url("./assets/responsive/a6fd177d198e4d-1200.webp") 1x,url("./assets/responsive/a6fd177d198e4d-1800.webp") 2x) 68% 37% / cover no-repeat;
  filter:brightness(.71982) saturate(1.08);
}
.explore-featured-albums .catalog-results-header,
.explore-featured-albums .catalog-filter-bar,
.explore-featured-albums .catalog-grid {
  position:relative;
  z-index:1;
}
.explore-featured-albums .catalog-results-header h2 {
  white-space:nowrap;
  font-size:clamp(2.5rem,4.7vw,4.4rem);
}
.section-tight { padding-block: clamp(var(--space-12), 6vw, var(--space-20)); }
.section-tight.fireheart-releases-section {
  padding-bottom:calc(clamp(var(--space-12),6vw,var(--space-20)) + 3in);
}
.music-catalog-section .discovery-panel {
  margin-bottom:clamp(5rem,8vw,8rem);
}
.container { width: min(100%, var(--content-wide)); margin-inline: auto; }
.narrow { width: min(100%, var(--content-narrow)); margin-inline: auto; }
.section-header { display: grid; grid-template-columns: 1fr 2fr; gap: var(--space-8); align-items: end; margin-bottom: clamp(var(--space-10), 7vw, var(--space-20)); }
.section-header h2, .display-title { font-family: var(--font-display); font-size: var(--text-3xl); font-weight: 400; letter-spacing: -.045em; }
.artist-strip .section-header h2 { white-space:nowrap; font-size:clamp(2.5rem,4.7vw,4.4rem); }
.music-for-life-section .section-header { grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); }
.music-for-life-section .section-header h2 { white-space:nowrap; font-size:clamp(2.75rem,5.8vw,5.75rem); }
.music-for-life-section {
  padding-top:clamp(var(--space-6),3vw,var(--space-10));
  padding-bottom:calc(clamp(var(--space-20),9vw,var(--space-32)) + 6rem);
}
.section-header p { color: var(--color-text-muted); max-width: 48ch; justify-self: end; }

.scale-section {
  position:relative;
  z-index:1;
  background:#000;
  border-bottom:0;
}
.scale-section::before {
  content:"";
  position:absolute;
  inset:auto 0 100%;
  height:clamp(5.5rem,10vw,9rem);
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.18) 22%,
    rgba(0,0,0,.62) 62%,
    #000 100%
  );
}
@media (min-width:769px) {
  .scale-section {
    margin-top:0;
    background:#000;
  }
}
.stats { width:min(92vw,1680px); display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); }
.stat { min-height: 230px; padding: var(--space-10) clamp(1rem,1.5vw,2rem); border-left: 1px solid var(--color-divider); display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; }
.stat:first-child { border-left: 0; }
.stat > span { white-space:nowrap; }
@media (min-width:981px) and (max-width:1279px) {
  .stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .stat:nth-child(4n + 1) { border-left:0; }
}
.stat strong {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(2.5rem, 4vw, 5rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums lining-nums;
  color:#f4efe6 !important;
  opacity:1;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:#f4efe6 !important;
  filter:none;
}
.stat span { color:rgba(244,239,230,.68); font-size:var(--text-xs); text-transform:uppercase; letter-spacing:.14em; }

.featured-albums {
  padding: clamp(var(--space-6), 3vw, var(--space-10)) max(clamp(var(--space-4), 5vw, var(--space-20)), calc((100vw - var(--content-wide)) / 2));
  background: var(--featured-teal-silk-background);
  background-size: var(--teal-silk-background-size);
  color: #f1ede5;
  overflow: hidden;
}
.featured-albums,
.story-visual,
.label-feature,
.collective-section,
.story-overview,
.album-detail-hero,
.album-track-section,
.album-more-section,
.sync-cta {
  background-color:#01151c;
  background-image:var(--featured-teal-silk-background);
  background-size:var(--teal-silk-background-size);
  background-position:0 0;
}
.featured-albums {
  /* Equal top and bottom fades blend the teal into its black neighbors. */
  background-image:
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.97) 8%,rgba(0,0,0,.7) 18%,rgba(0,0,0,.22) 30%,transparent 40%,transparent 60%,rgba(0,0,0,.22) 70%,rgba(0,0,0,.7) 82%,rgba(0,0,0,.97) 92%,#000 100%),
    var(--featured-teal-silk-background);
  background-size:auto,var(--teal-silk-background-size);
}
.featured-albums-head { display: flex; align-items: end; justify-content: space-between; gap: var(--space-8); margin-bottom: clamp(var(--space-8), 3vw, var(--space-12)); }
.featured-albums-head h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: var(--text-3xl);
  font-weight: 500;
  line-height: .92;
  letter-spacing: -.045em;
}
.featured-albums .eyebrow { color:#a6a39c; opacity:1; }
.album-carousel-tools { display: flex; align-items: center; gap: var(--space-2); }
.album-position { min-width: 5.5rem; margin-right: var(--space-3); color: #8d8881; font-size: var(--text-xs); letter-spacing: .16em; font-variant-numeric: tabular-nums; }
.carousel-arrow { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.22); color: #f1ede5; font-size: 1.15rem; transition: background 200ms var(--ease-out), color 200ms var(--ease-out), border-color 200ms var(--ease-out); }
.carousel-arrow:hover, .carousel-arrow:focus-visible { background: #f1ede5; border-color: #f1ede5; color: #080809; }
.album-track {
  --album-gap:clamp(var(--space-5),1.8vw,var(--space-8));
  box-sizing:border-box;
  display:flex;
  gap:var(--album-gap);
  overflow-x:auto;
  margin-inline:calc(var(--space-8) * -1);
  padding:var(--space-10) var(--space-8) var(--space-12);
  scroll-padding-inline:var(--space-8);
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
}
.featured-albums .album-track { padding-bottom:var(--space-10); }
.album-track::-webkit-scrollbar { display: none; }
.album-track::after { content: ""; flex: 0 0 0; }
.album-slide { display:block; flex:0 0 calc((100% - (var(--album-gap) * 5)) / 6); min-width:0; scroll-snap-align:none; }
.album-slide:nth-child(6n + 1) { scroll-snap-align:start; scroll-snap-stop:always; }
@media (min-width:641px) {
  .album-track {
    width:100%;
    margin-inline:auto;
    padding-inline:var(--space-6);
    overflow-x:hidden;
    scroll-snap-type:none;
  }
}
.album-artwork {
  position:relative;
  box-sizing:border-box;
  aspect-ratio:1;
  overflow:hidden;
  border:1px solid #b8babc;
  border-radius:2px;
  background:#18181a;
  box-shadow:
    0 10px 30px rgba(255,255,255,.28),
    0 0 22px rgba(255,255,255,.22),
    0 0 0 1px rgba(255,255,255,.2);
  transition:box-shadow 350ms ease,transform 350ms ease;
}
.album-artwork img { display:block; width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--ease-out), filter 700ms var(--ease-out); }
.album-artwork::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.34), transparent 28%); opacity: 0; transition: opacity 350ms var(--ease-out); }
.album-slide:hover .album-artwork img { transform: scale(1.025); filter:var(--artwork-grade-hover); }
.album-slide:hover .album-artwork::after { opacity: 1; }
.album-slide:hover .album-artwork {
  transform:translateY(-3px);
  border-color:#b8babc;
  box-shadow:
    0 12px 34px rgba(255,255,255,.32),
    0 0 26px rgba(255,255,255,.26),
    0 0 0 1px rgba(255,255,255,.24);
}
.album-caption { padding-top: var(--space-4); }
.album-caption h3 {
  display:-webkit-box;
  min-height:2.2em;
  overflow:hidden;
  font-family:"Playfair Display", Georgia, serif;
  font-size:clamp(1rem,1.25vw,1.125rem);
  font-weight:500;
  letter-spacing:-.025em;
  line-height:1.1;
  text-align:center;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.album-caption p { margin-top:var(--space-1); color:#65bfc0; font-size:var(--text-sm); text-align:center; }

.testimonials {
  padding: clamp(var(--space-16), 8vw, var(--space-32)) max(clamp(var(--space-4), 5vw, var(--space-20)), calc((100vw - var(--content-wide)) / 2));
  background: transparent;
  color: #f1ede5;
}
.home-ocean-sequence {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #080d13;
}
.home-ocean-sequence::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: image-set(url("./assets/responsive/a6fd177d198e4d-1200.webp") 1x,url("./assets/responsive/a6fd177d198e4d-1800.webp") 2x) center/cover no-repeat;
}
.home-ocean-sequence::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(5,5,7,.86), rgba(5,5,7,.18)),
    linear-gradient(0deg, rgba(5,5,7,.7), transparent);
}
.featured-albums + .home-ocean-sequence::after {
  background:
    linear-gradient(180deg,#000 0,rgba(0,0,0,.97) 2rem,rgba(0,0,0,.7) 5rem,rgba(0,0,0,.22) 9rem,transparent 13rem),
    linear-gradient(90deg,rgba(5,5,7,.86),rgba(5,5,7,.18)),
    linear-gradient(0deg,rgba(5,5,7,.7),transparent);
}
.home-ocean-sequence .music-for-life-section {
  background: transparent;
}
.home-ocean-sequence .music-for-life-section::before,
.home-ocean-sequence .music-for-life-section::after {
  content: none;
}
.testimonials-inner { width: min(100%, var(--content-wide)); margin-inline: auto; }
.testimonials-heading { display: flex; align-items: end; justify-content: space-between; gap: var(--space-8); margin-bottom: clamp(var(--space-10), 6vw, var(--space-16)); }
.home-ocean-sequence .testimonials-heading {
  position:relative;
  isolation:isolate;
}
.home-ocean-sequence .testimonials-heading::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:calc(0px - clamp(var(--space-16), 8vw, var(--space-32)));
  bottom:calc(0px - clamp(var(--space-10), 6vw, var(--space-16)));
  left:calc(50% - 50vw);
  right:calc(50% - 50vw);
  background:#000;
  pointer-events:none;
}
.testimonials-heading h2 { max-width:none; white-space:nowrap; font-family:var(--font-display); font-size:clamp(2.5rem,4.8vw,4.75rem); font-weight:400; line-height:.98; letter-spacing:-.045em; }
.testimonials .eyebrow { color:#f4efe6; opacity:.68; }
.testimonial-controls { display: flex; align-items: center; gap: var(--space-2); }
.testimonial-position { min-width: 5.5rem; margin-right: var(--space-3); color: #777b7a; font-size: var(--text-xs); letter-spacing: .16em; font-variant-numeric: tabular-nums; }
.testimonial-arrow { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.22); color: #f1ede5; font-size: 1.15rem; transition: background 200ms var(--ease-out), color 200ms var(--ease-out), border-color 200ms var(--ease-out); }
.testimonial-arrow:hover, .testimonial-arrow:focus-visible { background: #f1ede5; border-color: #f1ede5; color: #080809; }
.testimonial-stage {
  position:relative;
  left:50%;
  width:100vw;
  max-width:100vw;
  min-height:clamp(16rem,18vw,18rem);
  margin-left:-50vw;
  box-sizing:border-box;
  border:1px solid rgba(151,158,157,.58);
  overflow:hidden;
  background:#071316;
}
.testimonial { position: absolute; inset: 0; isolation: isolate; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: clamp(var(--space-8), 6vw, var(--space-16)); text-align: center; opacity: 0; visibility: hidden; transform: translateY(18px); transition: opacity 500ms var(--ease-out), transform 500ms var(--ease-out), visibility 500ms; }
.testimonial::before { content: ""; position: absolute; inset: 0; z-index: -2; background-image: var(--testimonial-image); background-position: var(--testimonial-position, center); background-size: cover; filter: brightness(1.16) contrast(.94) saturate(1.03); transform: scale(1.015); transition: transform 6s linear; }
.testimonial.testimonial-pet::before { filter: brightness(1.62) contrast(.88) saturate(1.02); }
.testimonial::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, #000 0%, rgba(0,0,0,.9) 8%, rgba(0,0,0,.35) 24%, transparent 38%, transparent 62%, rgba(0,0,0,.35) 76%, rgba(0,0,0,.9) 92%, #000 100%),
    radial-gradient(ellipse at center, rgba(2,10,12,.76) 0%, rgba(2,10,12,.56) 48%, rgba(2,10,12,.34) 100%),
    linear-gradient(0deg, rgba(0,0,0,.46), transparent 68%);
}
.testimonial.active { opacity: 1; visibility: visible; transform: translateY(0); }
.testimonial.active::before { transform: scale(1.06); }
.testimonial-kicker { margin-bottom: var(--space-6); color: #65bfc0; font-size: var(--text-xs); letter-spacing: .18em; }
.testimonial blockquote { max-width: 100%; font-family: var(--font-display); font-size: clamp(1.75rem, 3vw, 3.3rem); font-weight: 400; line-height: 1; letter-spacing: -.04em; white-space: nowrap; text-shadow: 0 2px 20px rgba(0,0,0,.68); }
.testimonial p { max-width:none; margin-top:var(--space-7); color:#65bfc0; font-size:clamp(1rem,1.4vw,1.25rem); line-height:1.65; white-space:nowrap; text-shadow:0 1px 12px rgba(0,0,0,.82); }
.testimonial-dots { display: flex; gap: var(--space-3); justify-content: flex-end; margin-top: var(--space-6); }
.testimonial-dots button { width: 2rem; height: 2px; background: rgba(255,255,255,.24); transition: width 250ms var(--ease-out), background 250ms var(--ease-out); }
.testimonial-dots button.active { width: 4rem; background: #65bfc0; }

.category-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: var(--space-4); }
.category-grid-six { grid-template-columns: repeat(3, 1fr); }
.music-for-life-section .category-grid-six {
  width: min(100%, 84rem);
  margin-inline: auto;
  column-gap: clamp(var(--space-12), 4.5vw, var(--space-20));
  row-gap: clamp(var(--space-12), 4vw, var(--space-16));
}
.category-grid-six .category-card { min-height: 27rem; }
.category-grid-six .category-card-content { inset: auto var(--space-6) var(--space-6); }
.category-grid-six .category-card h3 {
  color: #fff;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(.95rem, .86rem + .38vw, 1.3rem);
  line-height: 1.08;
  letter-spacing: .035em;
  white-space: nowrap;
}
.category-grid-six .category-card p {
  max-width: 29ch;
  margin-top: var(--space-1);
  color:#65bfc0;
  font-size: var(--text-sm);
  line-height: 1.35;
}
.music-for-life-section .category-card[href="#/pets"] p { max-width:none; white-space:nowrap; }
.music-for-life-section .section-header .eyebrow { color:#f4efe6; opacity:.68; }
.music-for-life-section .category-card h3 {
  font-size:clamp(1.25rem,1rem + .65vw,1.65rem);
  line-height:1.2;
  white-space:normal;
}
.category-grid-six .category-card .arrow {
  right: var(--space-6);
  bottom: var(--space-6);
  font-size: 1.15rem;
}
.category-card { position: relative; min-height: 36rem; overflow: hidden; color: #fff; isolation: isolate; }
.category-card.small { min-height: 27rem; }
.category-grid-six .category-card,
.category-grid-six .category-card.small {
  min-height: 19.5rem;
  box-shadow: 0 10px 30px rgba(255,255,255,.28), 0 0 22px rgba(255,255,255,.22), 0 0 0 1px rgba(255,255,255,.2);
}
.category-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 700ms var(--ease-out), filter 700ms var(--ease-out); }
.music-for-life-section .category-card img { filter:var(--lifestyle-grade); }
.music-for-life-section .category-card[href="#/baby"] img {
  transform:translateY(-8%) scale(1.08) scaleX(-1);
  transform-origin:50% 65%;
}
.music-for-life-section .category-card[href="#/pets"] img {
  transform: translateY(-12%) scale(1.38);
  transform-origin: 68% 62%;
  filter:brightness(1.3) contrast(1.07) saturate(1.16);
}
.category-card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, rgba(4,4,5,.82), transparent 66%); }
.category-grid-six .category-card::after {
  background:
    linear-gradient(to top, rgba(4,4,5,.92) 0%, rgba(4,4,5,.36) 58%, rgba(4,4,5,.12) 78%, transparent 100%),
    rgba(4,4,5,.3);
}
.category-card:hover img { transform: scale(1.025); filter: saturate(1.1); }
.music-for-life-section .category-card:hover img { filter:var(--lifestyle-grade-hover); }
.music-for-life-section .category-card[href="#/baby"]:hover img { transform:translateY(-8%) scale(1.12) scaleX(-1); }
.music-for-life-section .category-card[href="#/pets"]:hover img { transform: translateY(-12%) scale(1.44); filter:brightness(1.34) contrast(1.07) saturate(1.19); }
.music-for-life-section .category-card[href="#/pets"]::after {
  background:linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.84) 20%,rgba(0,0,0,.28) 46%,rgba(0,0,0,.06) 72%,transparent 100%);
}
.music-for-life-section .category-card[href="#/pets"] .category-card-content {
  text-shadow:0 2px 5px rgba(0,0,0,.8);
}
.category-card-content { position: absolute; inset: auto var(--space-8) var(--space-8); }
.category-card h3 { font-family: "Playfair Display", Georgia, serif; text-transform: uppercase; font-weight: 500; letter-spacing: -.04em; font-size: var(--text-2xl); }
.category-card p { color: rgba(255,255,255,.72); margin-top: var(--space-2); }
.category-card .arrow { position: absolute; right: var(--space-8); bottom: var(--space-8); font-size: 1.7rem; }
.category-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); margin-top: var(--space-4); }

.story-tease { min-height: 80vh; background: #fff; color: #171515; display: grid; grid-template-columns: 1fr 1fr; }
.story-visual {
  position: relative;
  isolation: isolate;
  padding: var(--space-12);
  background: var(--teal-silk-background);
  background-size: var(--teal-silk-background-size);
  overflow: hidden;
}
.story-year {
  position: absolute;
  z-index: 0;
  left: 50%;
  bottom: calc(-.055em + .5in);
  display: flex;
  width: max-content;
  transform: translateX(-50%);
  font-family: var(--font-display);
  font-size: clamp(11rem, 27vw, 32rem);
  line-height: 1;
  color:var(--collective-teal);
  letter-spacing: -.08em;
  -webkit-text-fill-color:var(--collective-teal);
  -webkit-text-stroke:0;
  filter:none;
  opacity:.4;
}
.story-year-one {
  display: inline-block;
  transform: translateY(.02em) scaleY(1.28);
  transform-origin: 50% 50%;
}
.story-visual::after {
  content: none;
}
.cassette { width:min(78%,540px); aspect-ratio:1.55; position:absolute; z-index:1; inset:calc(40% - 1in) auto auto 50%; transform:translate(-50%,-50%) rotate(-5deg); border:2px solid rgba(244,232,216,.82); border-radius:18px; box-shadow:inset 0 0 0 5px rgba(12,12,14,.72),inset 0 0 35px rgba(255,255,255,.08),0 8px 24px rgba(255,255,255,.14),0 0 16px rgba(255,255,255,.1),0 0 0 1px rgba(255,255,255,.14),24px 30px 60px rgba(0,0,0,.34); padding:clamp(1rem,2.5vw,2rem); color:#fff; background:linear-gradient(145deg,#3d3739 0%,#171719 48%,#292426 100%); display:flex; flex-direction:column; align-items:center; justify-content:space-between; isolation:isolate; }
.cassette::before { content:""; position:absolute; inset:8% 7% 29%; z-index:-1; border:1px solid rgba(244,232,216,.45); border-radius:9px; background:linear-gradient(180deg,rgba(239,213,180,.12),rgba(255,255,255,.02)); box-shadow:inset 0 0 18px rgba(0,0,0,.3); }
.cassette::after { content:""; position:absolute; z-index:-1; width:58%; height:18%; left:21%; bottom:4%; clip-path:polygon(9% 0,91% 0,100% 100%,0 100%); border:1px solid rgba(244,232,216,.4); background:linear-gradient(180deg,#262123,#100f10); }
.cassette-title { display:flex; flex-direction:column; align-items:center; gap:.15rem; width:100%; text-align:center; font-size:clamp(.55rem,.85vw,.72rem); line-height:1.3; text-transform:uppercase; letter-spacing:.18em; }
.cassette-title > span { white-space:nowrap; }
.cassette-title > span:first-child { color:#9bdecf; }
.cassette-title > span:last-child { color:#fff; }
.cassette-identity { display:flex; flex-direction:column; align-items:center; width:100%; text-align:center; color:#fff8ed; text-shadow:0 2px 8px rgba(0,0,0,.9); }
.cassette-identity strong { white-space:nowrap; font-family:var(--font-display); font-size:clamp(1.15rem,2.1vw,1.75rem); line-height:1; font-weight:500; }
.cassette-identity span { margin-top:.25rem; white-space:nowrap; font-size:clamp(.48rem,.7vw,.62rem); line-height:1; text-transform:uppercase; letter-spacing:.18em; }
.cassette-identity .cassette-script {
  margin-top: .35rem;
  color: #9bdecf;
  font-family: "Great Vibes", "Cormorant Garamond", cursive;
  font-size: clamp(1.7rem, 3vw, 2.7rem);
  font-weight: 400;
  line-height: .9;
  letter-spacing: .02em;
  text-transform: lowercase;
  text-shadow: 0 1px 10px rgba(84,161,157,.32), 0 2px 7px rgba(0,0,0,.9);
}
.cassette-window { width:78%; height:34%; min-height:74px; display:flex; align-items:center; justify-content:space-around; gap:var(--space-3); padding:.5rem .75rem; border:2px solid rgba(239,213,180,.62); border-radius:7px; background:linear-gradient(180deg,rgba(5,5,6,.95),rgba(40,34,35,.88)); box-shadow:inset 0 3px 12px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.15); }
.cassette-reel { width:clamp(48px,7vw,72px); aspect-ratio:1; flex:none; border-radius:50%; background:repeating-conic-gradient(#ead9c6 0 10deg,#62595a 10deg 20deg); box-shadow:0 0 0 5px #151416,0 0 0 7px rgba(239,213,180,.48),inset 0 0 0 16px #242124; position:relative; }
.cassette-reel::after { content:""; position:absolute; inset:39%; border-radius:50%; background:#e8d8c7; box-shadow:0 0 0 3px #111; }
.tape-window { width:26%; height:28%; border:1px solid rgba(239,213,180,.45); border-radius:999px; background:linear-gradient(90deg,#4d2e20,#1a1110 45%,#68422c); box-shadow:inset 0 0 8px #000; }
.cassette-detail { position:absolute; z-index:2; left:31%; right:31%; bottom:7%; display:flex; justify-content:space-around; align-items:center; }
.cassette-detail i { width:8px; aspect-ratio:1; border:2px solid #b9aa9d; border-radius:50%; background:#0c0c0d; }
.cassette-detail i:nth-child(2) { width:20px; border-radius:2px; }
.cassette-screw { position:absolute; width:9px; aspect-ratio:1; border-radius:50%; background:linear-gradient(135deg,#eee1d2,#554d4d); box-shadow:inset 0 0 0 2px #171719; }
.cassette-screw::after { content:""; position:absolute; left:2px; right:2px; top:4px; height:1px; background:#151416; transform:rotate(35deg); }
.screw-tl { left:4%; top:6%; }.screw-tr { right:4%; top:6%; }.screw-bl { left:5%; bottom:6%; }.screw-br { right:5%; bottom:6%; }
.story-copy { padding: clamp(var(--space-12), 8vw, var(--space-24)); display: flex; flex-direction: column; justify-content: center; }
.story-copy h2 { font-family: var(--font-display); font-size: var(--text-3xl); font-weight: 400; letter-spacing: -.045em; }
.story-copy p { margin: var(--space-8) 0; color: #57504b; font-size: var(--text-lg); }

.labels-intro { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12); align-items: center; }
.label-feature { min-height: 440px; background: var(--featured-teal-silk-background); background-size:var(--teal-silk-background-size); color: #eaf7f7; padding: clamp(var(--space-8), 5vw, var(--space-16)); display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; }
.label-feature::before { content: ""; position: absolute; width: 360px; height: 360px; border: 1px solid rgba(130,220,230,.28); border-radius: 50%; right: -80px; top: -80px; box-shadow: 0 0 80px rgba(85,190,210,.1); }
.label-feature h3 { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 400; }
.label-feature strong { font-size: var(--text-3xl); font-weight: 400; letter-spacing: -.06em; }
.label-list { border-top: 1px solid var(--color-divider); }
.label-list a { min-height: 72px; border-bottom: 1px solid var(--color-divider); display: flex; align-items: center; justify-content: space-between; }
.label-list a:hover { color: var(--color-primary-hover); padding-left: var(--space-2); }

.artist-strip { overflow: hidden; }
.ocean-background {
  position: relative;
  isolation: isolate;
  color: #f4efe6;
  background: #080d13;
}
.ocean-background::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: image-set(url("./assets/responsive/a6fd177d198e4d-1200.webp") 1x,url("./assets/responsive/a6fd177d198e4d-1800.webp") 2x) center/cover;
}
.ocean-background::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(5,5,7,.86), rgba(5,5,7,.18)),
    linear-gradient(0deg, rgba(5,5,7,.7), transparent);
}
.ocean-background .eyebrow { color: rgba(244,239,230,.68); }
.ocean-background .section-header p { color: rgba(244,239,230,.78); }
.ocean-background .artist-roster-footer { color: #f4efe6; }
.home-ocean-sequence .artist-strip.ocean-background::before {
  background:image-set(url("./assets/responsive/a6fd177d198e4d-1200.webp") 1x,url("./assets/responsive/a6fd177d198e4d-1800.webp") 2x) 72% 44%/cover;
  animation:breathe 16s ease-in-out infinite alternate;
}
.home-ocean-sequence .artist-strip.ocean-background::after {
  background:
    linear-gradient(90deg,rgba(5,5,7,.88) 0%,rgba(5,5,7,.22) 58%,rgba(5,5,7,.25)),
    linear-gradient(0deg,#000 0%,rgba(0,0,0,.96) 3%,rgba(0,0,0,.62) 15%,rgba(0,0,0,.28) 34%,transparent 61%);
}
.artist-page-roster.ocean-background::after {
  background:
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.78) 5%,rgba(0,0,0,.24) 16%,transparent 28%),
    linear-gradient(90deg,rgba(5,5,7,.86),rgba(5,5,7,.18)),
    linear-gradient(0deg,rgba(5,5,7,.7),transparent);
}
.artist-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); align-items: stretch; }
.artist-card { width: 100%; aspect-ratio: 1; min-height: 0; padding: var(--space-5); display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; background: #171719; color: #fff; isolation: isolate; contain: layout paint; }
.artist-card img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.artist-card::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(to top,rgba(5,5,7,.9) 0%,rgba(5,5,7,.2) 62%,rgba(5,5,7,.04)),linear-gradient(to bottom,rgba(5,5,7,.58),transparent 32%); }
.artist-card h3 { width:100%; font-family: var(--font-body); font-size: clamp(1.25rem, 1.4vw, 1.75rem); line-height: 1.05; font-weight: 500; margin-top: var(--space-2); text-align:center; }
.artist-mark { display:inline; margin-left:.12em; font-family:var(--font-sans); font-size:.55em; font-weight:500; line-height:0; vertical-align:super; letter-spacing:0; color:inherit; }
.artist-card h3 .artist-mark,
.artist-page-hero h1 .artist-mark { font-size:.42em; }
.artist-directory-name { min-width:0; }
.artist-directory-group a .artist-directory-name { color:inherit; }
.artist-strip .artist-list {
  grid-template-columns:repeat(4,minmax(0,15rem));
  justify-content:center;
  gap:clamp(var(--space-5),1.8vw,var(--space-8));
}
.artist-strip .artist-card {
  box-sizing:border-box;
  min-height:0;
  contain:layout;
  border:1px solid rgba(184,186,188,.72);
  box-shadow:0 10px 30px rgba(255,255,255,.28),0 0 22px rgba(255,255,255,.22);
}
.artist-strip .artist-card h3 {
  color:#fff;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(.95rem,1.05vw,1.15rem);
  font-weight:500;
  line-height:1.15;
  letter-spacing:.01em;
}
.artist-roster-footer { margin-top: var(--space-12); display: flex; justify-content: flex-end; }
.home-featured-artists.artist-strip .artist-card h3 {
  font-size:clamp(1.2rem,1.5vw,1.5rem);
  line-height:1.18;
  overflow-wrap:anywhere;
}

.artist-directory-section {
  position:relative;
  isolation:isolate;
  background-color:#011218;
  background-image:
    linear-gradient(
      180deg,
      #000 0%,
      rgba(0,0,0,.96) 5rem,
      rgba(0,0,0,.76) 12rem,
      rgba(0,0,0,.38) 22rem,
      transparent 32rem,
      transparent calc(100% - 24rem),
      rgba(0,0,0,.3) calc(100% - 18rem),
      rgba(0,0,0,.72) calc(100% - 8rem),
      #000 100%
    ),
    linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),
    var(--featured-teal-silk-background);
  background-size:var(--teal-silk-background-size);
  background-position:0 0;
  color:#f1ede5;
  border-block:0;
}
.artist-page-roster + .artist-directory-section::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:-14rem;
  left:0;
  width:100%;
  height:28rem;
  background:linear-gradient(
    180deg,
    transparent 0%,
    rgba(0,0,0,.36) 18%,
    rgba(0,0,0,.82) 37%,
    #000 50%,
    rgba(0,0,0,.84) 63%,
    rgba(0,0,0,.38) 82%,
    transparent 100%
  );
  pointer-events:none;
}
.artist-directory-section > .container {
  position:relative;
  z-index:1;
}
.directory-header {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--space-8);
  margin-bottom:var(--space-10);
}
.directory-header h2 { font-family: var(--font-display); font-size: clamp(2.4rem, 3.8vw, 4.75rem); font-weight: 400; line-height: 1; letter-spacing: -.045em; }
.directory-search-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-3);
  min-height:48px;
  padding:0 var(--space-5);
  border:1px solid rgba(121,201,193,.5);
  color:var(--color-text);
  font-size:var(--text-xs);
  font-weight:600;
  letter-spacing:.13em;
  text-transform:uppercase;
  transition:border-color 180ms var(--ease-out),background 180ms var(--ease-out),color 180ms var(--ease-out);
}
.directory-search-button:hover {
  border-color:#79c9c1;
  background:rgba(121,201,193,.1);
  color:#79c9c1;
}
.directory-search-button:focus-visible {
  outline:2px solid #79c9c1;
  outline-offset:3px;
}
.directory-search-button span:last-child { color:#79c9c1; font-size:1rem; }
.directory-search {
  width:100%;
  min-width:0;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:0;
  position:sticky;
  top:88px;
  z-index:5;
  padding:0;
  background:transparent;
  backdrop-filter:none;
}
.directory-search .field {
  min-width:0;
  min-height:52px;
  border-color:rgba(121,201,193,.34);
  background:rgba(5,16,20,.56);
}
.directory-results-status {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:9rem;
  min-height:52px;
  padding:0 var(--space-5);
  border:1px solid rgba(121,201,193,.34);
  border-left:0;
  background:rgba(5,16,20,.56);
  color:var(--color-text-muted);
  font-size:var(--text-xs);
  letter-spacing:.08em;
  text-align:center;
  white-space:nowrap;
}
.artist-directory { border-top: 1px solid var(--color-divider); }
.artist-directory-group { display:grid; grid-template-columns:160px 1fr; gap:var(--space-8); padding:var(--space-10) 0; border-bottom:1px solid var(--color-divider); content-visibility:auto; contain-intrinsic-size:auto 720px; }
.artist-directory-group > h2 { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 400; color: var(--color-primary-hover); }
.artist-directory-group ul { min-width:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 var(--space-8); }
.artist-directory-group li { min-width:0; min-height:48px; padding:var(--space-3) 0; border-bottom:1px solid var(--color-divider); color:var(--color-text-muted); font-size:var(--text-sm); }
.artist-directory-group li a { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); min-width:0; min-height:24px; padding-right:var(--space-1); line-height:1.35; white-space:normal; overflow-wrap:anywhere; word-break:normal; transition:color 180ms ease,padding-left 180ms ease; }
.artist-directory-group li a > span[aria-hidden="true"] { color:var(--color-primary-hover); opacity:0; transform:translateX(-4px); transition:opacity 180ms ease,transform 180ms ease; }
.artist-directory-group li a:hover,
.artist-directory-group li a:focus-visible { color:var(--color-primary-hover); padding-left:var(--space-2); }
.artist-directory-group li a:hover > span[aria-hidden="true"],
.artist-directory-group li a:focus-visible > span[aria-hidden="true"] { opacity:1; transform:translateX(0); }
.artist-empty { margin-top: var(--space-8); }

.collective-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(var(--space-6), 3vw, var(--space-10)) clamp(var(--space-4), 5vw, var(--space-20));
  background: var(--teal-silk-background);
  background-size: var(--teal-silk-background-size);
  color: #f1ede5;
}
.collective-section::before {
  content: none;
}
.collective-section::after {
  content: none;
}
.collective-section > .container { position: relative; z-index: 1; }
.collective-section.compact {
  padding-block:calc(clamp(var(--space-10),5vw,var(--space-16)) + var(--space-4));
  border-block:0;
}
.collective-section.compact .collective-grid {
  align-items:center;
}
.collective-section.compact::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:0;
  height:clamp(5rem,10vw,9rem);
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.62) 62%,#000 100%);
}
.collective-grid { display: grid; grid-template-columns: .55fr 1.45fr; gap: clamp(var(--space-10), 8vw, var(--space-24)); align-items: start; }
.collective-number { padding-top: var(--space-2); display: flex; align-items: flex-end; gap: var(--space-5); }
.collective-number strong {
  position: relative;
  display: inline-block;
  padding: .12em .16em .12em .08em;
  margin: -.12em -.16em -.12em -.08em;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(7.5rem, 15.5vw, 14rem);
  font-style: normal;
  font-weight: 500 !important;
  line-height: .82;
  letter-spacing: -.065em;
  color:var(--collective-teal);
  background: none;
  -webkit-text-fill-color:var(--collective-teal);
  -webkit-text-stroke: 0;
  filter: none;
  animation: none;
  font-variant-numeric: lining-nums;
}
.collective-number span { padding-bottom: var(--space-2); color: #9c8d88; font-size: var(--text-xs); line-height: 1.5; text-transform: uppercase; letter-spacing: .13em; }
.collective-copy { max-width: 760px; }
.collective-copy .eyebrow { color: #9c8d88; }
.collective-copy h2 {
  max-width:none;
  color:var(--collective-teal);
  font-family:var(--font-display);
  font-size:var(--text-3xl);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.045em;
  -webkit-text-fill-color:var(--collective-teal);
}
.collective-section:not(.compact) .collective-copy h2 {
  font-size:clamp(2.25rem,.9rem + 3.2vw,4.5rem);
}
.collective-section:not(.compact) .collective-copy h2 span { display:block; white-space:nowrap; }
.collective-section.compact .collective-copy h2 {
  max-width:none;
  white-space:nowrap;
  color:var(--collective-teal);
  font-size:clamp(2rem,3.4vw,3.45rem);
  line-height:.96;
  -webkit-text-fill-color:var(--collective-teal);
}
.collective-copy p { margin-top: var(--space-6); color: #fff; font-size: var(--text-lg); }
.collective-copy p + p { color: #fff; }
.collective-section.compact .collective-copy p { font-size:clamp(1.125rem,1rem + .3vw,1.25rem); }
.human-made { width: fit-content; margin-top: var(--space-10); padding: var(--space-4) var(--space-5); display: flex; align-items: center; gap: var(--space-3); border: 1px solid color-mix(in oklab, var(--fireheart-teal) 72%, white); color: #efd5b4; }
.human-made span { font-size: .65rem; }
.human-made strong { font-size: var(--text-xs); font-weight: 500; text-transform: uppercase; letter-spacing: .16em; }

.ecosystem { background: var(--color-text); color: var(--color-inverse); }
.ecosystem,
.contact-details-section,
.team-section {
  border-block:1px solid color-mix(in oklab,var(--fireheart-teal) 72%,white);
}
.ecosystem h2 { font-family: var(--font-body); font-size: var(--text-3xl); text-transform: uppercase; font-weight: 500; letter-spacing: -.06em; }
.ecosystem-links { margin-top: var(--space-16); border-top: 1px solid color-mix(in oklab, var(--color-inverse) 25%, transparent); }
.ecosystem-links a { display: grid; grid-template-columns: 1fr auto; align-items: center; min-height: 110px; border-bottom: 1px solid color-mix(in oklab, var(--color-inverse) 25%, transparent); font-family: var(--font-display); font-size: var(--text-2xl); }
.ecosystem-name { display: flex; align-items: center; gap: clamp(var(--space-4), 2vw, var(--space-6)); min-width: 0; }
.ecosystem-mark {
  display: block;
  width: clamp(28px, 3vw, 42px);
  aspect-ratio: 29 / 69;
  flex: none;
  background: #197a7c;
  -webkit-mask: url("./assets/fireheart-mark.png") center / contain no-repeat;
  mask: url("./assets/fireheart-mark.png") center / contain no-repeat;
}

.page-hero { min-height: 72vh; padding: 10rem clamp(var(--space-4), 5vw, var(--space-20)) var(--space-16); display: flex; align-items: flex-end; overflow: hidden; background: var(--color-surface); }
.page-hero.has-image { color: #fff; position: relative; isolation: isolate; }
.page-hero.has-image::before { content:""; position:absolute; inset:0; background: var(--page-image) center/cover; z-index:-2; }
.page-hero.has-image.has-feature-copy::before { filter:brightness(1.25); }
@media (min-width:769px) {
  .page-hero.playlists-page-hero::before {
    inset:-3in 0 0;
    transform:translateY(3in);
  }
}
.page-hero.playlists-page-hero + .section {
  position:relative;
  z-index:2;
  margin-top:-1.15in;
  padding-top:clamp(var(--space-12),6vw,var(--space-24));
  background:linear-gradient(180deg,transparent 0,#000 1.15in,#000 100%);
}
.page-hero.pet-relaxation-hero::before { background-position:center 82%; }
.page-hero.stress-relief-hero::before { background-position:0 78%; }
.page-hero.category-baby-hero::before {
  background-position:25% 100%;
  background-size:110% auto;
  transform:scaleX(-1);
}
.page-hero.sync-collage { min-height:max(64vh,calc(112px + 33.333vw)); align-items:flex-start; background:#000; }
.page-hero.sync-collage::before {
  inset:0 0 auto;
  aspect-ratio:3/1;
  background-position:center;
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-color:#000;
  filter:brightness(.792);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 64px),transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 64px),transparent 100%);
}
@media (min-width:981px) {
  .page-hero.sync-collage::before {
    background-image:image-set(url("./assets/responsive/10a5a2f8fdfdc2-1200.webp") 1x,url("./assets/responsive/10a5a2f8fdfdc2-1920.webp") 2x);
  }
}
.page-hero.artists-collage {
  min-height:max(72vh,41.667vw);
  align-items:center;
}
.page-hero.artists-collage::before {
  background-color:#050507;
  background-position:center 68%;
  background-size:cover;
  background-repeat:no-repeat;
}
.page-hero.explore-music-collage::before {
  background-position:center;
  background-size:100% auto;
  filter:brightness(.54);
}
.page-hero.explore-music-collage {
  min-height:max(56vh,34vw);
  padding-top:8rem;
  padding-bottom:clamp(var(--space-10),4vw,var(--space-16));
  background:#000;
}
.page-hero.has-image.artists-collage::after {
  background:
    linear-gradient(180deg,rgba(5,5,7,.96) 0%,transparent 18%,transparent 82%,rgba(5,5,7,.96) 100%),
    linear-gradient(90deg,rgba(5,5,7,.96) 0%,transparent 14%,transparent 86%,rgba(5,5,7,.96) 100%),
    linear-gradient(90deg, rgba(5,5,7,.95) 0%, rgba(5,5,7,.65) 50%, rgba(5,5,7,.95) 100%),
    linear-gradient(0deg, rgba(5,5,7,.65) 0%, rgba(5,5,7,.12) 58%, rgba(5,5,7,.22) 100%);
}
.page-hero.has-image.explore-music-collage::after {
  background:linear-gradient(180deg,rgba(5,5,7,.72) 0%,transparent 18%,transparent 62%,rgba(0,0,0,.72) 84%,#000 100%);
}
.page-hero.artists-collage .page-hero-copy {
  margin:-3rem -7rem -3rem -3rem;
  padding:3rem 7rem 3rem 3rem;
  background:radial-gradient(ellipse at 22% 50%,rgba(5,5,7,.72) 0%,rgba(5,5,7,.48) 38%,transparent 74%);
}
.page-hero.explore-music-hero { align-items:center; }
.page-hero.explore-music-hero::before {
  background-color:#050507;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.page-hero.artists-beach-hero {
  align-items:center;
}
.page-hero.artists-beach-hero::before {
  background-image:image-set(url("./assets/responsive/080f527ae98f6b-1200.webp") 1x,url("./assets/responsive/080f527ae98f6b-1672.webp") 2x) !important;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:brightness(1.27) saturate(1.03);
}
@media (max-width:768px) {
  .page-hero.artists-beach-hero::before {
    background-position:right center;
  }
}
section.page-hero.artists-beach-hero::after {
  background:
    linear-gradient(90deg,rgba(5,5,7,.86),rgba(5,5,7,.18)),
    linear-gradient(180deg,rgba(5,5,7,.18) 0%,rgba(5,5,7,.3) 64%,rgba(0,0,0,.88) 91%,#000 100%);
}
.page-hero.artists-beach-hero + .collective-section.compact::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  z-index:0;
  height:clamp(5rem,10vw,9rem);
  pointer-events:none;
  background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.7) 22%,rgba(0,0,0,0) 100%);
}
.page-hero.has-image::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(5,5,7,.86), rgba(5,5,7,.18)),linear-gradient(0deg,rgba(5,5,7,.7),transparent); z-index:-1; }
.page-hero.has-image.has-feature-copy::after {
  background:
    linear-gradient(90deg,rgba(5,5,7,.42),rgba(5,5,7,.06)),
    linear-gradient(0deg,rgba(5,5,7,.32),transparent 58%);
}
.page-hero.artist-page-hero,
.page-hero.release-page-hero {
  background:#000;
}
.contact-page-background { position:relative; isolation:isolate; background:#000 image-set(url("./assets/responsive/a6fd177d198e4d-1200.webp") 1x,url("./assets/responsive/a6fd177d198e4d-1800.webp") 2x) center/cover no-repeat; }
.contact-page-background::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(5,5,7,.28),rgba(0,0,0,.65)); }
.page-hero.contact-page-hero { width:100%; min-height:72vh; }
.page-hero.contact-page-hero.has-image::before {
  background-image:var(--page-image);
  background-position:center 52%;
  filter:brightness(1.55) saturate(1.04);
}
.page-hero.contact-page-hero.has-image::after {
  background:
    linear-gradient(180deg,rgba(5,5,7,.08) 0%,rgba(5,5,7,.16) 42%,rgba(0,0,0,.68) 78%,#000 100%),
    linear-gradient(90deg,rgba(5,5,7,.68) 0%,rgba(5,5,7,.22) 58%,rgba(5,5,7,.3) 100%);
}
.contact-details-section {
  position:relative;
  z-index:2;
  margin-top:0;
  border:0;
  background:#000;
}
.contact-page-background .contact-details-section,
.contact-page-background .contact-form input,
.contact-page-background .contact-form select,
.contact-page-background .contact-form textarea { color:#f1ede5; }
.contact-page-background .contact-form input,
.contact-page-background .contact-form select,
.contact-page-background .contact-form textarea { background:rgba(5,10,12,.76); border-color:rgba(255,255,255,.24); }
.page-hero.artist-page-hero.has-image::before {
  filter:saturate(1.05);
}
.page-hero.artist-page-hero.artist-theme-shared.has-image::before {
  background-position:center;
}
.page-hero.artist-jeffrey-michael.has-image::before {
  background-position:center 44%;
  transform:translateY(1.5%) scale(1.03);
}
.page-hero.artist-franklin-frenchie.has-image::before {
  background-color:#000;
  background-position:center 46%;
  background-size:cover;
  background-repeat:no-repeat;
}
.page-hero.artist-baby-lullaby-academy.has-image::before {
  transform:scaleX(-1);
}
.page-hero.artist-einstein-study-music-academy.has-image::before {
  transform:scaleX(-1);
}
.page-hero.release-page-hero.has-image::before {
  filter:brightness(.8);
}
.page-hero.artist-dog-music-experience.has-image::before {
  background-position:center 72%;
}
.page-hero.artist-page-hero .hero-feature-copy {
  max-width:52ch;
}
.page-hero.artist-page-hero {
  min-height:calc(72vh - 2in);
  padding-top:7rem;
}
.page-hero.artist-page-hero h1 {
  max-width:100%;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  text-wrap:balance;
  font-size:clamp(4.4rem,7.15vw,9.35rem);
  line-height:1.04;
  color:#fff;
  background:none;
  -webkit-text-fill-color:#fff;
}
.page-hero.artist-page-hero h1.hero-title-long {
  font-size:clamp(3.96rem,5.83vw,7.48rem);
}
.page-hero.artist-page-hero h1.hero-title-xlong {
  font-size:clamp(2.97rem,4.4vw,5.94rem);
}
.page-hero.artist-page-hero .page-hero-copy { min-width:0; }
section.page-hero.artist-page-hero.has-image::after,
section.page-hero.artist-page-hero.has-image.has-feature-copy::after {
  background:
    linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),
    linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.1) 48%,rgba(0,0,0,.34) 78%,#000 100%),
    linear-gradient(90deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.14) 52%,rgba(0,0,0,.22) 100%);
}
section.page-hero.release-page-hero.has-image::after {
  background:
    linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.27) 48%,rgba(0,0,0,.5) 78%,#000 100%),
    linear-gradient(90deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.29) 52%,rgba(0,0,0,.41) 100%);
}
.page-hero.has-image.pet-relaxation-hero::after { background:linear-gradient(90deg,rgba(5,5,7,.69),rgba(5,5,7,.14)),linear-gradient(0deg,rgba(5,5,7,.57),transparent); }
section.page-hero.category-page-hero.has-image::after {
  background:
    linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.26) 46%,rgba(0,0,0,.62) 76%,#000 100%),
    linear-gradient(90deg,rgba(0,0,0,.64) 0%,rgba(0,0,0,.28) 58%,rgba(0,0,0,.34) 100%);
}
.page-hero.sync-collage::after {
  background:
    linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10)),
    linear-gradient(90deg, rgba(5,5,7,.90) 0%, rgba(5,5,7,.60) 50%, rgba(5,5,7,.90) 100%),
    linear-gradient(0deg,rgba(5,5,7,.4) 0%,rgba(5,5,7,.07) 58%,rgba(5,5,7,.17) 100%);
}
.page-hero.sync-collage .page-hero-inner { transform:translateY(.5in); }
.page-hero-inner { width: min(100%, var(--content-wide)); margin-inline: auto; }
.page-hero.has-feature-copy .page-hero-inner,
.page-hero.artist-page-hero .page-hero-inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);
  gap:clamp(var(--space-10),7vw,var(--space-24));
  align-items:center;
}
.hero-feature-copy {
  margin:0;
  max-width:45ch;
  padding:clamp(.9375rem,1.875vw,1.5rem) clamp(var(--space-5),2.5vw,var(--space-8));
  border-left:2px solid rgba(101,191,192,.82);
  background:linear-gradient(90deg,rgba(5,5,7,.82),rgba(5,5,7,.48));
  color:rgba(244,239,230,.9) !important;
  font-size:clamp(.95rem,1.15vw,1.12rem) !important;
  line-height:1.7;
  text-shadow:0 1px 10px rgba(0,0,0,.92);
  backdrop-filter:blur(5px);
}
.hero-feature-copy-mobile { display:none; }
.page-hero h1 { max-width:none; white-space:nowrap; font-family:var(--font-display); font-size:clamp(2.75rem,7vw,7.5rem); font-weight:400; line-height:.92; letter-spacing:-.055em; }
.page-hero.story-title h1 { font-family:var(--font-display); font-weight:400; }
.page-hero h1.hero-title-long { font-size:clamp(2.4rem,5.4vw,6rem); }
.page-hero h1.hero-title-xlong { font-size:clamp(2rem,4vw,4.75rem); }
.page-hero p { margin-top: var(--space-6); color: #58aaa6; font-size: var(--text-lg); max-width: 50ch; }
.page-hero.has-image p { color: #79c9c1; text-shadow: 0 1px 12px rgba(0,0,0,.88); }
.page-hero.sync-collage h1 {
  font-family:var(--font-display);
  font-weight:500;
  letter-spacing:-.045em;
  color: #fff;
  text-shadow: 0 3px 24px rgba(0,0,0,.82), 0 1px 2px rgba(0,0,0,.95);
}
.page-hero.sync-collage p { color: #79c9c1; text-shadow: 0 1px 12px rgba(0,0,0,.92); }
.page-hero.sync-collage .breadcrumb { color: rgba(255,255,255,.84); text-shadow: 0 1px 8px rgba(0,0,0,.94); }
.mobile-sync-showcase { display:none; }
.page-hero.about-compact {
  min-height:clamp(380px,50svh,460px);
  padding-top:8rem;
  padding-bottom:var(--space-8);
}
.page-hero.about-compact h1 {
  max-width:none;
  line-height:.9;
}
.page-hero.about-compact p { margin-top:var(--space-4); }
.page-hero.story-title {
  min-height:calc(72vh - 2in);
  padding-bottom:calc(var(--space-16) + 1in);
}
.page-hero.story-title.about-sunset-piano-hero::before {
  background-position:center 54%;
  filter:brightness(.64);
}
.page-hero.story-title.about-sunset-piano-hero::after {
  background:
    linear-gradient(90deg,rgba(0,7,10,.82) 0%,rgba(0,7,10,.48) 48%,rgba(0,7,10,.18) 100%),
    linear-gradient(0deg,#000 0%,rgba(0,0,0,.38) 24%,rgba(0,0,0,.08) 68%,rgba(0,0,0,.24) 100%);
}
.page-hero.team-title h1 {
  max-width:none;
  white-space:nowrap;
}
.page-hero.team-title {
  background:transparent;
}
.team-page-background {
  position:relative;
  isolation:isolate;
  background:#000;
}
.team-roster-section { background:#000; padding-top:var(--space-10); }
@media (min-width:769px) {
  .page-hero.team-title {
    min-height:max(320px,calc(72vh - 3in));
    padding-top:7rem;
  }
}
.page-hero.has-image.team-title::after {
  background:
    linear-gradient(180deg,rgba(5,5,7,.12) 0%,rgba(5,5,7,.28) 68%,#000 100%),
    linear-gradient(90deg,rgba(5,5,7,.36),rgba(5,5,7,.14));
}
.page-hero.has-image.team-title::before {
  background-size:140% auto;
  background-position:right 46%;
  filter:brightness(1.17);
}
.page-hero.team-title h1 {
  text-shadow:0 2px 18px rgba(0,0,0,.65);
}
@media (max-width:768px) {
  .page-hero.has-image.team-title::before {
    background-size:cover;
    background-position:74% center;
  }
}
.breadcrumb { display: flex; gap: var(--space-2); margin-bottom: var(--space-8); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .16em; color: var(--color-text-muted); }
.artist-catalog-back {
  position:relative;
  width:fit-content;
  margin:-24px auto;
  z-index:20;
  display:flex;
  align-items:center;
  gap:var(--space-3);
  min-height:48px;
  padding:0 var(--space-5);
  border:1px solid rgba(121,201,193,.5);
  border-radius:var(--radius-full);
  background:rgba(7,11,12,.88);
  color:#f4efe6;
  box-shadow:0 10px 34px rgba(0,0,0,.38);
  backdrop-filter:blur(14px);
  font-size:var(--text-xs);
  font-weight:600;
  letter-spacing:.13em;
  text-transform:uppercase;
  transition:transform 180ms var(--ease-out),border-color 180ms var(--ease-out),background 180ms var(--ease-out);
}
.artist-catalog-back:hover {
  transform:translateY(-2px);
  border-color:#79c9c1;
  background:rgba(11,29,29,.96);
}
.artist-catalog-back:focus-visible {
  outline:2px solid #79c9c1;
  outline-offset:3px;
}
.artist-catalog-back span:first-child { color:#79c9c1; font-size:1rem; }
.artist-catalog-back-top {
  margin-left:max(clamp(var(--space-4),5vw,var(--space-20)),calc((100% - var(--content-wide)) / 2));
  margin-right:auto;
}
.artist-catalog-back-bottom {
  margin:clamp(2.5rem,6vw,5rem) auto 0;
}
.artist-directory-section { scroll-margin-top:88px; }

.filter-bar { display: grid; grid-template-columns: 1fr repeat(2, minmax(150px, 220px)); gap: var(--space-3); margin-bottom: var(--space-12); }
.field { width: 100%; min-height: 54px; border: 1px solid var(--color-border); background: var(--color-surface); padding: 0 var(--space-4); }
.catalog-search-field { position:relative; min-width:0; }
.catalog-search-field .field {
  padding-right:var(--space-12);
  cursor:text;
  caret-color:var(--color-primary);
  user-select:text;
  -webkit-user-select:text;
  pointer-events:auto;
}
.catalog-search-field input[type="search"]::-webkit-search-cancel-button { display:none; }
.catalog-search-clear {
  position:absolute;
  top:50%;
  right:var(--space-3);
  width:32px;
  height:32px;
  transform:translateY(-50%);
  border:1px solid transparent;
  border-radius:50%;
  color:var(--color-text-muted);
  font-size:1.25rem;
  line-height:1;
}
.catalog-search-clear:hover,.catalog-search-clear:focus-visible { border-color:var(--color-border); color:var(--color-text); background:var(--color-surface-offset); }
.catalog-search-clear[hidden] { display:none; }
.catalog-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-8) var(--space-4); }
[data-catalog].catalog-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),220px)); justify-content:center; gap:var(--space-16) var(--space-8); }
.release-card { display: block; }
.release-art { box-sizing:border-box; aspect-ratio: 1; border:1px solid #b8babc; border-radius:2px; background: var(--cover); padding: var(--space-5); display: flex; flex-direction: column; justify-content: space-between; color: #fff; overflow: hidden; position: relative; }
.release-art::after { content:""; position:absolute; inset:0; background: radial-gradient(circle at 75% 20%, rgba(255,255,255,.3),transparent 36%), repeating-linear-gradient(135deg,transparent 0 30px,rgba(255,255,255,.05) 31px 32px); }
.release-art > * { position: relative; z-index:1; }
.release-art-cover { padding:0; border-color:#b8babc; background:#0b0b0b; }
.release-art-cover::after { display:none; }
.release-art-cover img { width:100%; height:100%; object-fit:cover; transition:transform 360ms var(--ease-out),filter 360ms var(--ease-out); }
.catalog-album-card:hover .release-art-cover img { transform:scale(1.025); filter:var(--artwork-grade-hover); }
.release-art span { font-size: var(--text-xs); text-transform: uppercase; letter-spacing:.14em; }
.release-art strong { font-family:"Playfair Display", Georgia, serif; font-size:var(--text-xl); line-height:1; font-weight:500; letter-spacing:-.025em; max-width:9ch; }
.release-meta { padding-top:var(--space-4); text-align:center; }
.release-meta h3 {
  display:block;
  min-height:0;
  overflow:visible;
  font-family:"Playfair Display", Georgia, serif;
  font-size:var(--text-lg);
  font-weight:500;
  letter-spacing:-.025em;
  line-height:1.1;
  text-align:center;
  overflow-wrap:break-word;
}
.release-meta p {
  margin-top:var(--space-1);
  color:rgba(220,237,234,.62);
  font-size:var(--text-sm);
  text-align:center;
}
[data-catalog] .release-meta p {
  color:#79c9c1;
  font-size:clamp(1.02rem, 1.15vw, 1.14rem);
  line-height:1.35;
}
.release-meta span { display:block; margin-top:var(--space-1); color:rgba(220,237,234,.48); font-size:var(--text-xs); text-transform:uppercase; letter-spacing:.08em; }
.catalog-results-header { display:flex; align-items:end; justify-content:space-between; gap:var(--space-8); margin-bottom:var(--space-6); }
.catalog-results-header h2 { margin-top:var(--space-2); font-family:var(--font-display); font-size:var(--text-xl); font-weight:400; }
.catalog-results-count { flex:none; color:var(--color-text-muted); font-size:var(--text-sm); font-variant-numeric:tabular-nums; }
.empty-results { grid-column: 1/-1; padding: var(--space-24) var(--space-8); text-align:center; background:var(--color-surface); }
.empty-results h3 { font-family:var(--font-display); font-size:var(--text-xl); font-weight:400; }
.empty-results p { margin:var(--space-3) auto 0; color:var(--color-text-muted); }

.discovery-panel { width:100%; max-width:100%; min-height:0; overflow:visible; position:relative; z-index:2; background:var(--color-surface); padding:clamp(var(--space-10),3.5vw,var(--space-12)) clamp(var(--space-8),5vw,var(--space-16)); display:grid; grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr); align-items:center; gap:clamp(var(--space-10),5vw,var(--space-20)); }
.discovery-panel::after {
  content:none;
}
.discovery-panel > div:first-child {
  min-width:0;
  padding-block:0;
  transform:none;
}
.discovery-panel h2 { font-family:var(--font-display); font-size:clamp(1.9rem,1.35rem + 1.2vw,2.7rem); line-height:1.08; font-weight:400; max-width:14ch; overflow:visible; text-wrap:balance; }
.discovery-controls { min-width:0; }
.discovery-input { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--space-3); }
.discovery-input input {
  min-width:0;
  border-color:#3f9297;
  background:rgba(6,36,41,.42);
  color:#d8f2ef;
}
.discovery-input input::placeholder {
  color:#8d8c89;
  opacity:1;
}
.discovery-input input:focus {
  border-color:#79c9c1;
  outline:2px solid rgba(121,201,193,.22);
  outline-offset:2px;
}
.discovery-input .button {
  min-width:128px;
  white-space:nowrap;
  background:#176b72;
  color:#fff;
}
.discovery-input .button:hover,
.discovery-input .button:focus-visible { background:#23828a; }
.discovery-prompts { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-2); max-width:100%; margin-top:var(--space-5); padding-bottom:var(--space-2); color:var(--color-text-muted); font-size:var(--text-xs); }
.discovery-prompts::-webkit-scrollbar { display:none; width:0; height:0; }
.discovery-prompts button { flex:0 0 auto; min-height:38px; padding:.4rem .8rem; border:1px solid #4f9894; border-radius:999px; color:var(--color-text-muted); line-height:1.25; white-space:nowrap; transition:border-color 180ms ease,color 180ms ease,background-color 180ms ease; }
.discovery-prompts button:hover,.discovery-prompts button:focus-visible { border-color:var(--color-primary); color:var(--color-text); background:rgba(58,184,182,.08); }
.catalog-filter-bar { grid-template-columns:repeat(2,minmax(170px,240px)) auto; justify-content:end; align-items:center; }
.catalog-reset { min-height:54px; padding:0 var(--space-5); border:1px solid var(--color-border); color:var(--color-text-muted); text-transform:uppercase; letter-spacing:.1em; font-size:var(--text-xs); white-space:nowrap; }
.catalog-reset:hover,.catalog-reset:focus-visible { border-color:var(--color-primary); color:var(--color-text); }
.button { min-height: 52px; display:inline-flex; align-items:center; justify-content:center; padding:0 var(--space-6); text-transform:uppercase; letter-spacing:.14em; font-size:var(--text-xs); background:var(--color-text); color:var(--color-inverse); }
.button:hover { background:var(--color-primary); color:#fff; }
.recommendation { margin-top:var(--space-6); padding-top:var(--space-6); border-top:1px solid var(--color-divider); }
.recommendation h3 { margin-top:var(--space-2); font-family:var(--font-display); font-size:var(--text-xl); font-weight:400; }
.recommendation p { max-width:100%; margin-top:var(--space-2); color:var(--color-text-muted); line-height:1.65; white-space:normal; overflow-wrap:break-word; }
.category-overview { display:grid; grid-template-columns:.7fr 1.3fr; gap:var(--space-12); align-items:end; margin-bottom:var(--space-16); }
.category-overview h2 { max-width:none; font-family:var(--font-display); font-size:clamp(1.05rem,4.6vw,3.6rem); font-weight:400; letter-spacing:-.035em; white-space:nowrap; }
.topic-list { display:flex; flex-wrap:wrap; gap:var(--space-2); justify-content:flex-end; }
.topic-list button { min-height:44px; padding:0 var(--space-4); border:1px solid var(--color-border); border-radius:var(--radius-full); font-size:var(--text-sm); color:var(--color-text-muted); }
.topic-list button:hover { border-color:var(--color-text); color:var(--color-text); }
.category-switcher { margin:calc(-1 * var(--space-4)) 0 var(--space-16); padding-top:var(--space-8); border-top:1px solid var(--color-divider); }
.category-switcher > .eyebrow { display:block; margin-bottom:var(--space-5); }
.category-switcher-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-3); }
.category-switcher-links a { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); padding:0 var(--space-5); border:1px solid var(--color-border); color:var(--color-text-muted); font-size:var(--text-sm); text-transform:uppercase; letter-spacing:.08em; transition:background-color 180ms var(--ease-out),border-color 180ms var(--ease-out),color 180ms var(--ease-out); }
.category-switcher-links a:hover { border-color:var(--color-primary); color:var(--color-text); background:rgba(58,184,182,.08); }
.category-switcher-links a.active { border-color:var(--color-primary); background:var(--color-primary); color:#fff; pointer-events:none; }

.timeline { border-top: 1px solid var(--color-divider); }
.timeline-item { display:grid; grid-template-columns: 180px 1fr; gap:var(--space-8); padding:var(--space-10) 0; border-bottom:1px solid var(--color-divider); }
.timeline-item time { font-family:var(--font-display); font-size:var(--text-xl); color:var(--color-primary-hover); }
.timeline-item h3 { font-size:var(--text-lg); margin-bottom:var(--space-2); }
.timeline-item p { color:var(--color-text-muted); }
.story-overview {
  background: var(--teal-silk-background);
  background-size: var(--teal-silk-background-size);
  color:#f1ede5;
}
@media (min-width:769px) {
  .story-hero-continuum {
    position:relative;
    isolation:isolate;
    display:flow-root;
    background:#000;
  }
  .story-hero-continuum::before,
  .story-hero-continuum::after {
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:72vh;
    pointer-events:none;
  }
  .story-hero-continuum::before {
    z-index:-2;
    background:image-set(url("./assets/responsive/33a42b913c9ed4-1200.webp") 1x,url("./assets/responsive/33a42b913c9ed4-1672.webp") 2x) center 54% / cover no-repeat;
    filter:brightness(.64);
  }
  .story-hero-continuum::after {
    z-index:-1;
    background:
      linear-gradient(90deg,rgba(0,7,10,.82) 0%,rgba(0,7,10,.48) 48%,rgba(0,7,10,.18) 100%),
      linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.08) 54%,rgba(0,0,0,.4) 76%,#000 100%);
  }
  .story-hero-continuum .page-hero.story-title {
    background:transparent;
  }
  .story-hero-continuum .page-hero.story-title::before,
  .story-hero-continuum .page-hero.story-title::after {
    display:none;
  }
  .story-overview {
    position:relative;
    isolation:isolate;
    margin-top:2in;
    background:transparent;
    padding-top:clamp(var(--space-12),5vw,var(--space-16));
    padding-bottom:clamp(var(--space-12),5vw,var(--space-16));
  }
  .story-bio-grid > :first-child {
    transform:translateY(1in);
  }
  .story-overview::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
      linear-gradient(180deg,#000 0%,rgba(0,0,0,.78) 16%,rgba(0,0,0,.3) 42%,transparent 72%),
      var(--teal-silk-background);
    background-size:var(--teal-silk-background-size);
    pointer-events:none;
  }
  .story-overview::after {
    display:none;
  }
}
.story-overview .eyebrow { color:rgba(202,235,229,.68); }
.story-overview .story-bio-copy p { color:rgba(241,237,229,.76); }
.story-bio-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(var(--space-10),8vw,var(--space-24)); align-items:start; }
.story-bio-grid h2,.story-chapter h2 { font-family:var(--font-display); font-weight:400; letter-spacing:-.04em; }
.story-bio-grid h2 {
  max-width:18ch;
  margin-top:0;
  color:var(--collective-teal);
  font-size:clamp(1.9rem,3.2vw,3.45rem);
  line-height:.98;
  -webkit-text-fill-color:var(--collective-teal);
}
.story-bio-copy { max-width:70ch; }
.story-bio-copy p,.story-chapter p { color:var(--color-text-muted); font-size:var(--text-base); line-height:1.75; }
.story-bio-copy p + p,.story-chapter p + p { margin-top:var(--space-6); }
.story-timeline-section {
  position:relative;
  isolation:isolate;
  color:#f1ede5;
  background:
    linear-gradient(0deg,#000 0,rgba(0,0,0,.8) 3rem,rgba(0,0,0,.35) 7rem,transparent 12rem),
    linear-gradient(180deg,rgba(0,0,0,.64) 0%,rgba(0,4,8,.51) 18%,rgba(0,6,11,.55) 82%,rgba(0,0,0,.69) 100%),
    linear-gradient(90deg,rgba(0,0,0,.61) 0%,rgba(0,5,10,.48) 55%,rgba(0,0,0,.57) 100%),
    image-set(url("./assets/responsive/a6fd177d198e4d-1200.webp") 1x,url("./assets/responsive/a6fd177d198e4d-1800.webp") 2x) center 42% / cover no-repeat;
}
.story-timeline-section::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:-8rem 0 auto;
  height:16rem;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.72) 28%,#000 50%,rgba(0,0,0,.72) 72%,transparent 100%);
  pointer-events:none;
}
.story-timeline-section > .container { position:relative; z-index:1; }
.story-timeline-section .timeline { border-color:rgba(255,255,255,.2); }
.story-timeline-section .timeline-item { border-color:rgba(255,255,255,.16); }
.story-timeline-section .timeline-item time { color:#79c9c1; }
.story-timeline-section .timeline-item p { color:rgba(241,237,229,.78); }
.story-chapters {
  background-color:#01151c;
  background-image:
    linear-gradient(180deg,#000 0,rgba(0,0,0,.96) 3rem,rgba(0,0,0,.78) 8rem,rgba(0,0,0,.48) 14rem,rgba(0,0,0,.18) 21rem,transparent 28rem),
    linear-gradient(0deg,#000 0,rgba(0,0,0,.96) 3rem,rgba(0,0,0,.76) 7rem,rgba(0,0,0,.4) 12rem,rgba(0,0,0,.12) 17rem,transparent 22rem),
    var(--teal-silk-background);
  background-size:auto,auto,var(--teal-silk-background-size);
}
.story-chapter-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(var(--space-10),7vw,var(--space-24)); }
.story-chapter { display:flex; flex-direction:column; align-items:flex-start; padding-top:var(--space-8); border-top:0; }
.story-chapter h2 { margin:var(--space-5) 0 var(--space-8); font-size:clamp(2.25rem,4vw,4.5rem); line-height:1; }
.story-chapter > .eyebrow { color:#f4efe6; opacity:.68; }
.story-chapter .text-link {
  margin-top:auto;
  padding-top:var(--space-10);
  color:#f4efe6;
  opacity:.68;
  transition:opacity 180ms var(--ease-out);
}
.story-chapter .text-link:hover,
.story-chapter .text-link:focus-visible { color:#f4efe6; opacity:1; }
.story-chapter em { color:var(--color-text); }
.quote { font-family:var(--font-display); font-size:var(--text-2xl); line-height:1.15; max-width:22ch; }
.artist-story-section .quote {
  font-size:clamp(1.1rem,1.55vw,1.5rem);
  line-height:1.3;
  max-width:52ch;
  text-wrap:balance;
}
.artist-story-section {
  position:relative;
  z-index:1;
  background:transparent;
}
.artist-story-feature-copy {
  max-width:none;
  margin:0 0 var(--space-6);
}
.artist-story-biography {
  padding-top:clamp(48px,6.67vw,96px);
}
.artist-page-continuation {
  position:relative;
  isolation:isolate;
  background:#000;
}
.artist-profile-intro {
  position:relative;
  isolation:isolate;
  background:#000;
  overflow:clip;
  --color-text-muted:#dedbd6;
  --artist-focal-x:-50%;
  --artist-subject-width:100%;
  --artist-flip:1;
  --artist-image-brightness:.6885;
  --artist-image-fade:linear-gradient(#000 0%,#000 78%,transparent 100%);
}
.artist-profile-intro::before {
  content:"";
  position:absolute;
  z-index:-3;
  inset:0;
  background-image:var(--artist-profile-image);
  background-size:cover;
  background-position:var(--artist-backdrop-position,center);
  background-repeat:no-repeat;
  filter:saturate(1.05) brightness(var(--artist-image-brightness));
  opacity:1;
  pointer-events:none;
}
.artist-profile-intro:has(.artist-hero-subject)::before {
  background-position:var(--artist-category-focal,calc(-1 * var(--artist-focal-x))) center;
}
.artist-hero-subject {
  position:absolute;
  z-index:-2;
  left:0;
  top:0;
  width:100%;
  max-width:none;
  height:100%;
  object-fit:cover;
  object-position:var(--artist-image-position,calc(-1 * var(--artist-focal-x)) center);
  filter:saturate(1.05) brightness(var(--artist-image-brightness));
  opacity:1;
  mask-image:var(--artist-image-fade);
  transform:scaleX(var(--artist-flip));
  pointer-events:none;
}
.artist-profile-intro::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 42%,rgba(0,0,0,.15) 72%,rgba(0,0,0,.72) 92%,#000 100%),
    linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.60) 52%,rgba(0,0,0,.68));
}
.artist-profile-intro .page-hero-copy > p { color:#9cddd5; }
.artist-profile-intro .artist-story-section { text-shadow:0 1px 8px #000; }
.artist-profile-intro .page-hero.artist-page-hero {
  background:transparent;
}
.artist-profile-intro .page-hero.artist-page-hero::before,
.artist-profile-intro .page-hero.artist-page-hero::after {
  content:none;
}
.artist-profile-intro.artist-baby-lullaby-academy { --artist-focal-x:-85%; --artist-flip:-1; --artist-image-position:85% center; }
.artist-profile-intro.artist-baby-lullaby-academy::before { transform:scaleX(-1); }
.artist-profile-intro.artist-hannah-hushabye { --artist-focal-x:0%; }
.artist-profile-intro.artist-einstein-study-music-academy { --artist-focal-x:-30%; --artist-flip:-1; --artist-image-position:70% center; }
.artist-profile-intro.artist-jeffrey-michael-deary {
  --jeffrey-portrait-height:clamp(54rem,100vw,90rem);
  --artist-focal-x:-50%;
  --artist-image-brightness:.791775;
}
.artist-profile-intro.artist-jeffrey-michael-deary .artist-hero-subject {
  top:0;
  left:0;
  width:100%;
  height:calc(var(--jeffrey-portrait-height) - 18rem);
  object-fit:contain;
  object-position:center center;
  transform:none;
  mask-image:var(--artist-image-fade);
}
.artist-profile-intro.artist-jeffrey-michael-deary::before {
  content:none;
}
.artist-profile-intro.artist-jeffrey-michael-deary .page-hero-inner {
  grid-template-columns:minmax(0,38%);
  gap:1.5rem;
}
.artist-profile-intro.artist-jeffrey-michael-deary .page-hero.artist-page-hero {
  min-height:calc(var(--jeffrey-portrait-height) * .69);
  align-items:center;
}
.artist-profile-intro.artist-jeffrey-michael-deary .page-hero.artist-page-hero h1 {
  font-size:clamp(2.75rem,5vw,5.8rem);
}
.artist-profile-intro.artist-jeffrey-michael-deary .artist-story-section {
  padding-top:2.5rem;
}
@media (min-width:981px) {
  .artist-profile-intro.artist-jeffrey-michael-deary .artist-hero-subject {
    transform:translateX(2in) scale(1.1);
    transform-origin:center top;
  }
  .artist-profile-intro.artist-jeffrey-michael-deary .artist-catalog-back-top {
    margin-top:calc(-24px - 2in);
  }
}
@media (min-width:981px) and (max-width:1200px) {
  .artist-profile-intro.artist-jeffrey-michael-deary .page-hero-inner {
    transform:translateY(-4.5rem);
  }
}
.artist-profile-intro.artist-benjamin-shadows { --artist-focal-x:-70%; }
.artist-profile-intro.artist-binaural-beats-sleep { --artist-focal-x:-68%; }
.artist-profile-intro.artist-solfeggio-healing-frequencies { --artist-focal-x:-65%; }
.artist-profile-intro.artist-keystone-nature-sounds-piano { --artist-focal-x:-34%; }
.artist-profile-intro.artist-franklin-frenchie,
.artist-profile-intro.artist-dog-music-experience,
.artist-profile-intro.artist-spa-music-experience,
.artist-profile-intro.artist-binaural-beats-study-music,
.artist-profile-intro.artist-aveda-blue,
.artist-profile-intro.artist-sophia-rain,
.artist-profile-intro.artist-deep-sleep-music-experience { --artist-subject-width:72%; }
@media (max-width:768px) {
  .artist-profile-intro { --artist-subject-width:180%; }
  .artist-profile-intro.artist-franklin-frenchie,
  .artist-profile-intro.artist-dog-music-experience,
  .artist-profile-intro.artist-spa-music-experience,
  .artist-profile-intro.artist-binaural-beats-study-music,
  .artist-profile-intro.artist-aveda-blue,
  .artist-profile-intro.artist-sophia-rain,
  .artist-profile-intro.artist-deep-sleep-music-experience { --artist-subject-width:115%; }
  .artist-profile-intro.artist-keystone-nature-sounds-piano { --artist-focal-x:-24%; }
}
.about-statement {
  max-width:none;
  font-size:clamp(1.55rem,1.7vw,1.85rem);
  line-height:1.2;
  letter-spacing:-.018em;
}
.about-statement span { display:block; white-space:nowrap; }

.profile-grid, .split-grid { display:grid; grid-template-columns: 1fr 1fr; gap:clamp(var(--space-8),6vw,var(--space-20)); align-items:start; }
.profile-portrait { min-height:650px; background:#161112; position:relative; overflow:hidden; }
.profile-portrait img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.72) contrast(1.04); }
.profile-portrait::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(9,8,9,.62),transparent 42%); }
.profile-portrait figcaption { position:absolute; z-index:2; left:var(--space-6); bottom:var(--space-6); color:rgba(255,255,255,.74); font-size:var(--text-xs); text-transform:uppercase; letter-spacing:.13em; }
.profile-copy h2 { font-family:var(--font-display); font-size:var(--text-2xl); font-weight:400; }
.profile-copy > p { color:var(--color-text-muted); margin:var(--space-6) 0 var(--space-10); }
.role-list { border-top:1px solid var(--color-divider); }
.role-list li { padding:var(--space-5) 0; border-bottom:1px solid var(--color-divider); display:grid; grid-template-columns:150px 1fr; gap:var(--space-4); }
.role-list strong { text-transform:uppercase; letter-spacing:.12em; font-size:var(--text-xs); }

.team-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:var(--space-4); }
.team-card:nth-child(-n+3) { grid-column:span 4; }
.team-card:nth-child(n+4) { grid-column:span 3; }
.team-card { background:var(--color-surface); display:flex; flex-direction:column; overflow:hidden; }
.team-photo { width:100%; aspect-ratio:1000/1316; flex:none; overflow:hidden; background:#0f1722; position:relative; isolation:isolate; }
.team-photo img { width:100%; height:100%; object-fit:cover; object-position:center; background:#0f1722; filter:none; }
.team-photo::after { content:none; }
.team-photo-link-label { position:absolute; right:var(--space-4); bottom:var(--space-4); z-index:2; padding:.5rem .7rem; color:#f1ede5 !important; background:rgba(0,0,0,.72); border:1px solid rgba(255,255,255,.35); font-size:var(--text-xs); text-transform:uppercase; letter-spacing:.13em; }
.team-photo-link-label:focus-visible { outline:2px solid var(--color-primary-hover); outline-offset:3px; }
.team-card:hover .team-photo img { filter:none; transform:none; }
.team-card-copy { padding:var(--space-6); flex:1; }
.team-card span { color:var(--color-primary-hover); font-size:var(--text-xs); text-transform:uppercase; letter-spacing:.13em; }
.team-card:has(img[alt="Laura Dimillo"]) .team-card-copy > span { white-space:nowrap; font-size:12px; letter-spacing:.04em; }
@media (min-width:981px) and (max-width:1200px) {
  .team-card:has(img[alt="Laura Dimillo"]) .team-card-copy { padding-inline:10px; }
  .team-card:has(img[alt="Laura Dimillo"]) .team-card-copy > span { letter-spacing:0; }
}
.team-card h3 { font-family:var(--font-display); font-size:clamp(1.4rem,2.15vw,2rem); font-weight:400; line-height:1.05; margin:var(--space-3) 0; white-space:nowrap; }
.team-card p { color:var(--color-text-muted); font-size:var(--text-sm); }

.platform-list a { min-height:110px; display:grid; grid-template-columns:1fr auto; align-items:center; border-top:1px solid var(--color-divider); font-size:var(--text-xl); }
.platform-list a:last-child { border-bottom:1px solid var(--color-divider); }
.platform-list a:hover { color:var(--color-primary-hover); padding-left:var(--space-3); }
.platform-list.compact a { min-height:72px; font-size:var(--text-lg); }
.platform-name { display: inline-flex; align-items: center; gap: var(--space-5); min-width: 0; }
.dsp-logo { width: clamp(28px, 2.4vw, 38px); height: clamp(28px, 2.4vw, 38px); flex: none; object-fit: contain; }
.platform-list.compact .platform-name { gap: var(--space-3); }
.platform-list.compact .dsp-logo { width: 26px; height: 26px; }
.artist-platform-list { width:min(100%,430px); margin:var(--space-8) auto 0; }
.artist-platform-list a { min-height:68px; padding-inline:var(--space-4); font-size:clamp(1rem,1.35vw,1.3rem); }
.artist-platform-list .platform-name { gap:var(--space-3); }
.artist-platform-list .dsp-logo { width:24px; height:24px; }
.artist-imdb-link { width:min(100%,430px); margin:var(--space-5) auto 0; color:var(--color-primary-hover); }
.artist-popular-releases {
  position:relative;
  margin-top:clamp(-5.5rem,-6vw,-3rem);
  padding-top:clamp(2rem,3vw,3rem);
  background:transparent;
}
.artist-popular-releases::before { content:""; position:absolute; inset:-6rem 0 0; z-index:-1; background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.7) 5rem,rgba(0,0,0,.22) 11rem,transparent 18rem),linear-gradient(0deg,rgba(0,0,0,.42) 0%,transparent 10rem); pointer-events:none; }
.artist-popular-releases .section-header { grid-template-columns:minmax(0,2fr) minmax(250px,1fr); }
.artist-popular-releases .section-header h2 {
  display:block;
  overflow:visible;
  color:#fff;
  font-size:clamp(1.75rem,2.65vw,2.75rem);
  line-height:1.12;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.verified-album-card.muted-cover .verified-album-cover img { filter:saturate(.85); }
.sync-demo-section {
  background-color:#000;
  background-image:
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.4) 19%,rgba(0,0,0,.16) 65%,#000 100%),
    linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.84) 44%,rgba(0,0,0,.78) 100%),
    image-set(url("./assets/responsive/3faea3d3224f92-1200.webp") 1x,url("./assets/responsive/3faea3d3224f92-1920.webp") 2x);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  padding-block:var(--space-12);
}
@media (max-width:700px) {
  .sync-demo-section {
    background-image:
      linear-gradient(180deg,#000 0%,rgba(0,0,0,.85) 15%,rgba(0,0,0,.86) 72%,#000 100%),
      url("./assets/responsive/618e01eeb36450-1080.webp");
    background-position:center,center top;
    background-size:cover,auto 100%;
  }
}
.sync-demo-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:var(--space-12); align-items:center; }
.sync-demo-grid h2 { font-family:var(--font-display); font-size:clamp(2rem,3vw,3rem); line-height:1.12; margin-bottom:var(--space-5); }
.sync-demo-grid p { max-width:44ch; color:#d8d8d8; }
.sync-demo-grid .text-link { display:inline-block; margin-top:var(--space-5); }
.sync-demo-player { display:block; width:100%; height:352px; border:0; border-radius:12px; }
.sync-reel-player {
  min-width:0;
  padding:clamp(1rem,2vw,1.75rem);
  border:1px solid transparent;
  border-radius:18px;
  background:
    linear-gradient(118deg,#425454 0%,#263335 13%,#11191b 31%,#293638 47%,#141e20 64%,#0c1214 82%,#354748 100%) padding-box,
    linear-gradient(135deg,#c0ceca 0%,#6e8583 18%,#263536 40%,#879b97 58%,#293a3b 78%,#a8bcb7 100%) border-box;
  box-shadow:inset 0 2px 2px #e5f1eb40,inset 2px 0 3px #d6ede619,inset 0 -3px 5px #000b,0 3px 0 #060a0b,0 8px 0 -3px #1a2425,0 24px 65px #000b;
}
.sync-player-brand { display:flex; justify-content:flex-end; margin-bottom:14px; }
.sync-player-brand img { display:block; width:auto; height:clamp(42px,4vw,56px); object-fit:contain; }
.sync-reel-header { display:flex; align-items:center; gap:clamp(1rem,2vw,1.75rem); }
.sync-artwork-stack { position:relative; width:156px; height:156px; flex:none; margin-right:8px; margin-bottom:8px; }
.sync-now-artwork { display:block; width:100%; height:100%; object-fit:cover; border-radius:6px; border:1px solid #728984; box-shadow:0 2px 3px #0009,0 8px 18px #0005; }
.sync-now-artwork.is-brand-cover { object-fit:contain; padding:18px; background:#0b1415; }
.sync-artwork-stack .sync-reel-assembly { position:absolute; width:72px; height:72px; right:-8px; bottom:-8px; }
.sync-artwork-stack .sync-reel-disc { border-width:3px; }
.sync-artwork-stack .sync-reel-disc i { width:13px; height:13px; left:calc(50% - 6.5px); top:calc(50% - 6.5px); transform:rotate(calc(var(--hole)*72deg)) translateY(-21px); border-width:1px; }
.sync-artwork-stack .sync-reel-toggle { width:44px; height:44px; font-size:17px; }
.sync-reel-assembly { position:relative; width:156px; height:156px; flex:none; }
.sync-reel-disc { position:absolute; inset:0; border:5px solid #99a4a3; border-radius:50%; background:conic-gradient(from 35deg,#a9b3b1,#506363,#c8cdca,#526260,#b4bebb,#53615f,#a9b3b1); box-shadow:inset 0 0 0 3px #263334,inset 0 0 18px #0008,0 8px 24px #0008; animation:sync-reel-spin 12s linear infinite; animation-play-state:paused; }
.sync-reel-disc i { position:absolute; left:calc(50% - 18px); top:calc(50% - 18px); width:36px; height:36px; border-radius:50%; background:#080d0e; border:2px solid #344647; box-shadow:inset 0 3px 8px #000; transform:rotate(calc(var(--hole)*72deg)) translateY(-46px); }
.is-playing .sync-reel-disc { animation-play-state:running; }
.sync-reel-toggle { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:46px; height:46px; border:2px solid #c6d1cc; border-radius:50%; background:#123a3c; color:#f4efe6; cursor:pointer; font-size:18px; padding:0; }
.sync-reel-toggle:hover:not(:disabled) { background:#215558; }
.sync-reel-toggle:focus-visible { outline:3px solid #79c9c1; outline-offset:5px; }
.sync-reel-toggle:disabled { cursor:default; opacity:.55; }
.sync-reel-copy { min-width:0; }
.sync-reel-label { color:#a7b5af; font-size:12px; letter-spacing:.15em; text-transform:uppercase; }
.sync-reel-copy h3 { margin:.55rem 0; font-family:var(--font-display); font-weight:400; font-size:clamp(1.5rem,2vw,2rem); line-height:1.1; color:#f4efe6; }
.sync-demo-grid .sync-reel-copy p { font-size:13px; line-height:1.5; color:#b3bdb7; margin:0; }
.sync-reel-status { display:block; margin-top:.7rem; color:#79c9c1; font-size:12px; }
.sync-reel-filmstrip { height:12px; margin:1.35rem 0; border-block:2px solid #41504d; background:repeating-linear-gradient(90deg,#9ba69d 0 8px,transparent 8px 17px); opacity:.55; }
.sync-reel-player iframe { display:block; width:100%; max-width:100%; border:0; border-radius:10px; }
.sync-reel-spotify { display:inline-block; margin-top:1rem; color:#c1beb5; font-size:12px; letter-spacing:.04em; text-decoration:underline; text-underline-offset:5px; }
.sync-audio { display:block; width:100%; height:54px; color-scheme:dark; border-radius:8px; }
.sync-playlist-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 0 12px; color:#a7b5af; font-size:12px; }
.sync-playlist-toolbar > div { display:flex; gap:8px; flex:none; }
.sync-playlist-toolbar button { width:44px; height:44px; border:1px solid #718b85; background:linear-gradient(145deg,#465b58,#192a29 48%,#0b1616 72%,#304442); box-shadow:inset 0 1px 1px #d9f1e847,0 2px 4px #0008; color:#e0efea; border-radius:50%; cursor:pointer; font-size:20px; }
.sync-playlist-toolbar button:disabled { opacity:.35; cursor:default; }
.sync-playlist-toolbar button:hover:not(:disabled) { background:#254a48; }
.sync-track-list { position:relative; list-style:none; margin:0; padding:0; max-height:370px; overflow-y:auto; overscroll-behavior-y:contain; scrollbar-width:thin; scrollbar-color:#597771 #111b1c; border:1px solid #465957; border-radius:6px; background:#080e10d9; box-shadow:inset 0 3px 12px #000a,0 1px 0 #b5cbc52e; }
.sync-track-list li { margin:0; padding:0; }
.sync-track { display:grid; grid-template-columns:24px 48px minmax(0,1fr) 36px; align-items:center; gap:12px; width:100%; min-height:76px; padding:12px 10px; border:0; border-bottom:1px solid #293837; background:transparent; text-align:left; color:#ecf2ef; cursor:pointer; }
.sync-track-artwork { display:block; width:48px; height:48px; object-fit:cover; border-radius:3px; }
.sync-track-artwork.is-brand-cover { object-fit:contain; padding:4px; background:#0b1415; }
.sync-track:hover { background:#1e3230; }
.sync-track.is-current { background:#1b3b39; box-shadow:inset 3px 0 #79c9c1; }
.sync-track-number,.sync-track-duration { font-size:12px; color:#adc5be; font-variant-numeric:tabular-nums; }
.sync-track-copy { display:flex; flex-direction:column; gap:4px; min-width:0; }
.sync-track-copy strong { font-family:var(--font-body); font-weight:500; font-size:15px; line-height:1.3; overflow-wrap:break-word; }
.sync-track-copy > span { color:#afc1ba; font-size:12px; line-height:1.4; }
.sync-track-duration { text-align:right; }
.sync-track:focus-visible,.sync-playlist-toolbar button:focus-visible { outline:2px solid #79c9c1; outline-offset:-3px; }
@media (max-width:480px) {
  .sync-reel-header { gap:12px; }
  .sync-artwork-stack { width:118px; height:118px; }
  .sync-track { grid-template-columns:40px minmax(0,1fr) 32px; gap:8px; padding-inline:8px; }
  .sync-track-artwork { width:40px; height:40px; }
  .sync-track-number { display:none; }
  .sync-track-copy strong { font-size:14px; }
  .sync-playlist-toolbar { align-items:center; }
}
@keyframes sync-reel-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .sync-reel-disc { animation:none; } }
@media (max-width:480px) {
  .sync-reel-assembly { width:118px; height:118px; }
  .sync-reel-disc i { width:26px; height:26px; left:calc(50% - 13px); top:calc(50% - 13px); transform:rotate(calc(var(--hole)*72deg)) translateY(-34px); }
  .sync-reel-toggle { width:38px; height:38px; font-size:15px; }
  .sync-reel-copy h3 { font-size:1.45rem; }
  .sync-reel-label { font-size:12px; letter-spacing:.08em; }
  .sync-demo-grid .sync-reel-copy p { font-size:12px; }
}
@media (max-width:800px) {
  .sync-demo-grid { grid-template-columns:minmax(0,1fr); gap:var(--space-8); }
}
@media (max-width:360px) {
  .sync-artwork-stack { width:92px; height:92px; margin-right:4px; }
  .sync-reel-assembly { width:92px; height:92px; }
  .sync-reel-disc i { width:20px; height:20px; left:calc(50% - 10px); top:calc(50% - 10px); transform:rotate(calc(var(--hole)*72deg)) translateY(-26px); }
  .sync-reel-toggle { width:32px; height:32px; font-size:13px; }
  .sync-reel-label { letter-spacing:0; font-size:12px; }
}
.artist-popular-releases .artist-catalog-name { color:#79c9c1; }
.artist-popular-releases .section-header p { max-width:38ch; }
.verified-album-grid { display:grid; grid-template-columns:repeat(auto-fill,203px); justify-content:center; gap:clamp(var(--space-6),2.4vw,var(--space-10)); align-items:start; }
.verified-album-card { width:203px; min-width:0; }
.verified-album-cover { box-sizing:border-box; position:relative; display:block; width:203px; aspect-ratio:1; overflow:hidden; border:1px solid #b8babc; border-radius:2px; background:#09161b; box-shadow:0 0 22px rgba(255,255,255,.26),0 16px 40px rgba(0,0,0,.36); }
@media (min-width:1100px) {
  .artist-popular-releases-baby-lullaby-academy .verified-album-grid {
    grid-template-columns:repeat(6,minmax(0,203px));
    column-gap:clamp(1.25rem,2vw,2rem);
  }
  .artist-popular-releases-baby-lullaby-academy .verified-album-card,
  .artist-popular-releases-baby-lullaby-academy .verified-album-cover {
    width:100%;
  }
}
.verified-album-cover > img { position:absolute; top:50%; left:50%; width:106%; height:106%; max-width:none; object-fit:cover; transform:translate(-50%,-50%); transition:transform 600ms var(--ease-out),filter 600ms var(--ease-out); }
.verified-album-card:hover .verified-album-cover > img { transform:translate(-50%,-50%) scale(1.025); filter:var(--artwork-grade-hover); }
.verified-album-rank { position:absolute; left:var(--space-3); bottom:var(--space-3); display:grid; place-items:center; min-width:2.2rem; height:2.2rem; padding:0 .55rem; background:rgba(2,8,10,.8); color:#fff; font-size:var(--text-xs); letter-spacing:.13em; backdrop-filter:blur(8px); }
.verified-album-placeholder { width:100%; height:100%; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:.45rem; padding:clamp(1rem,8%,1.75rem); background:radial-gradient(circle at 28% 22%,rgba(79,191,184,.52),transparent 38%),radial-gradient(circle at 82% 64%,rgba(52,92,126,.44),transparent 42%),linear-gradient(145deg,#12313a,#05090b 72%); color:#fff; }
.verified-album-placeholder::before { content:""; position:absolute; inset:8%; border:1px solid rgba(255,255,255,.28); pointer-events:none; }
.verified-album-placeholder span,.verified-album-placeholder small { color:rgba(255,255,255,.64); font-size:.56rem; line-height:1.3; letter-spacing:.16em; text-transform:uppercase; }
.verified-album-placeholder strong { max-width:12ch; font-family:"Playfair Display", Georgia, serif; font-size:clamp(1.15rem,2vw,1.8rem); font-weight:500; line-height:.94; letter-spacing:-.025em; }
.verified-album-copy { padding-top:var(--space-4); text-align:center; }
.verified-album-copy h3 { min-height:2.6em; font-family:"Playfair Display", Georgia, serif; font-size:clamp(1.05rem,1.35vw,1.35rem); font-weight:500; line-height:1.25; letter-spacing:-.02em; }
.verified-album-copy h3 a { color:inherit; text-decoration:none; }
.verified-album-copy h3 a:hover { color:#79c9c1; }
.verified-album-copy > p { margin-top:var(--space-2); color:var(--color-text-muted); font-size:var(--text-xs); }
.album-certification { display:flex; align-items:center; justify-content:center; gap:.5rem; min-height:1.35rem; margin-top:var(--space-3); color:#dce3e7; font-size:12px; line-height:1.4; font-weight:500; letter-spacing:.04em; text-transform:uppercase; }
.album-certification .album-certification-label,
.release-meta .album-certification .album-certification-label { margin:0; color:inherit; font-size:12px; line-height:1.4; letter-spacing:.04em; }
.album-detail-copy .album-certification { justify-content:flex-start; margin-top:var(--space-5); }
.platinum-record-symbol { position:relative; width:17px; height:17px; flex:0 0 17px; border:1px solid rgba(255,255,255,.82); border-radius:50%; background:repeating-radial-gradient(circle,transparent 0 2px,rgba(255,255,255,.2) 2.5px 3px),linear-gradient(135deg,#f8fbfc 0%,#8d9ba2 48%,#f3f7f8 100%); box-shadow:0 0 8px rgba(255,255,255,.38); }
.platinum-record-symbol::after { content:""; position:absolute; inset:6px; border-radius:50%; background:#111416; border:1px solid rgba(255,255,255,.65); }
.album-certification-gold { color:#f0d18a; }
.gold-record-symbol {
  border-color:#f8dda0;
  background:repeating-radial-gradient(circle,transparent 0 2px,rgba(255,236,171,.3) 2.5px 3px),linear-gradient(135deg,#fff0b5 0%,#b78222 48%,#ffe6a0 100%);
  box-shadow:0 0 8px rgba(229,182,74,.4);
}
.gold-record-symbol::after { border-color:#f4d488; background:#392a0c; }
.verified-album-links { display:flex; flex-wrap:wrap; justify-content:center; gap:var(--space-2); margin-top:var(--space-4); }

.album-detail-hero,
.album-track-section,
.album-more-section {
  background:var(--featured-teal-silk-background);
  background-size:var(--teal-silk-background-size);
  color: #fff;
}
.album-detail-hero { position:relative; padding:clamp(9rem,14vw,13rem) clamp(1.25rem,5vw,6rem) clamp(5rem,9vw,8rem); overflow:hidden; }
.album-detail-hero::after { content:""; position:absolute; inset:auto 0 0; height:8rem; pointer-events:none; background:linear-gradient(180deg,transparent,#000); }
.album-detail-hero.album-detail-hero-scenic {
  /* Reduce the previous background light by 13%: 1 - (0.8 * 0.87) = 0.304. */
  background-image:linear-gradient(rgba(0,0,0,.304),rgba(0,0,0,.304)),linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.24)),image-set(url("./assets/responsive/a6fd177d198e4d-1200.webp") 1x,url("./assets/responsive/a6fd177d198e4d-1800.webp") 2x);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.album-detail-hero-scenic::after {
  height:clamp(12rem,28vw,24rem);
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 22%,rgba(0,0,0,.48) 54%,rgba(0,0,0,.85) 80%,#000 100%);
}
.album-listening-sequence {
  background-color:#01151c;
  background-image:
    linear-gradient(180deg,#000 0,rgba(0,0,0,.95) 4rem,rgba(0,0,0,.75) 12rem,rgba(0,0,0,.4) 24rem,rgba(0,0,0,.1) 34rem,transparent 44rem),
    linear-gradient(0deg,#000 0,rgba(0,0,0,.88) 3rem,rgba(0,0,0,.42) 11rem,transparent 24rem),
    var(--featured-teal-silk-background);
  background-size:auto,auto,var(--teal-silk-background-size);
  background-position:0 0;
  background-repeat:no-repeat;
}
.album-listening-sequence > .album-track-section,
.album-listening-sequence > .album-more-section {
  background:transparent;
}
.album-more-section .section-header .album-more-heading {
  max-width:30ch;
  font-size:clamp(1.6rem,2.6vw,2.5rem);
  line-height:1.18;
  letter-spacing:-.025em;
  color:#fff;
}
.album-more-heading > span { margin-left:.15em; color:#79c9c1; }
.album-more-section .verified-album-grid {
  grid-template-columns:repeat(6,minmax(0,203px));
}
.album-more-section .verified-album-card,
.album-more-section .verified-album-cover { width:100%; }
@media (max-width:1199px) {
  .album-more-section .verified-album-grid { grid-template-columns:repeat(3,minmax(0,203px)); }
}
@media (max-width:640px) {
  .album-more-section .verified-album-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.album-detail-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(260px,440px) minmax(0,1fr); gap:clamp(3rem,7vw,8rem); align-items:center; }
.album-back-link { grid-column:1/-1; width:max-content; max-width:100%; overflow-wrap:anywhere; color:#a7d8d2; font-size:var(--text-xs); letter-spacing:.14em; text-transform:uppercase; }
.album-detail-art { aspect-ratio:1; overflow:hidden; border:1px solid #b8babc; background:#09161b; box-shadow:0 32px 80px rgba(0,0,0,.62),0 0 34px rgba(255,255,255,.16); }
.album-detail-art > img { width:100%; height:100%; object-fit:cover; }
.verified-album-cover,
.album-detail-art {
  box-shadow:
    0 10px 34px rgba(255,255,255,.34),
    0 0 26px rgba(255,255,255,.28),
    0 0 0 1px rgba(255,255,255,.24);
  transition:box-shadow 350ms ease;
}
.verified-album-card:hover .verified-album-cover {
  box-shadow:
    0 12px 38px rgba(255,255,255,.38),
    0 0 30px rgba(255,255,255,.32),
    0 0 0 1px rgba(255,255,255,.28);
}
.album-artwork,
.release-art,
.verified-album-cover,
.album-detail-art {
  border:1px solid #b8babc;
  border-radius:2px;
}
.album-artwork,
.release-art-cover,
.verified-album-cover,
.album-detail-art {
  position:relative;
  overflow:hidden;
}
.album-artwork > img,
.release-art-cover > img,
.verified-album-cover > img,
.album-detail-art > img {
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  transform:translate(-50%,-50%);
  filter:var(--artwork-grade);
}
.album-slide:hover .album-artwork > img,
.catalog-album-card:hover .release-art-cover > img,
.verified-album-card:hover .verified-album-cover > img {
  transform:translate(-50%,-50%);
}
.album-detail-copy h1 { max-width:16ch; margin-top:var(--space-4); font-family:"Playfair Display",Georgia,serif; font-size:clamp(2.65rem,6vw,6.4rem); font-weight:500; line-height:.94; letter-spacing:-.045em; }
.album-detail-artist { display:inline-block; margin-top:var(--space-5); color:#79c9c1; font-size:clamp(1.05rem,1.7vw,1.45rem); }
.album-detail-description { max-width:58ch; margin-top:var(--space-6); color:rgba(255,255,255,.7); }
.album-detail-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:42rem; margin-top:var(--space-8); border-top:1px solid rgba(255,255,255,.16); }
.album-detail-facts div { display:flex; justify-content:space-between; gap:var(--space-4); padding:var(--space-3) 0; border-bottom:1px solid rgba(255,255,255,.16); }
.album-detail-facts div:nth-child(odd) { margin-right:var(--space-6); }
.album-detail-facts dt { color:rgba(255,255,255,.5); font-size:var(--text-xs); letter-spacing:.1em; text-transform:uppercase; }
.album-detail-facts dd { color:#fff; font-size:var(--text-sm); text-align:right; }
.album-detail-platforms { margin-top:var(--space-8); }
.album-track-layout { display:grid; grid-template-columns:minmax(240px,.7fr) minmax(340px,1.3fr); gap:clamp(3rem,8vw,9rem); align-items:start; }
.album-track-layout h2 { max-width:10ch; margin-top:var(--space-3); font-family:"Playfair Display",Georgia,serif; font-size:clamp(2.2rem,4vw,4.2rem); font-weight:500; line-height:1; }
.album-track-layout > div > p { max-width:42ch; margin-top:var(--space-5); color:rgba(255,255,255,.58); }
.album-track-embed { width:100%; min-height:500px; border:0; border-radius:12px; background:#121212; }
.album-track-unavailable { min-height:300px; display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,5vw,4.5rem); border:1px solid rgba(121,201,193,.32); background:linear-gradient(145deg,rgba(15,56,59,.64),rgba(5,13,14,.9)); }
.album-track-unavailable span { color:#79c9c1; font-size:var(--text-xs); letter-spacing:.14em; text-transform:uppercase; }
.album-track-unavailable p { max-width:46ch; margin-top:var(--space-4); color:rgba(255,255,255,.7); }
.boombox-player {
  --boombox-metal:#d6d0bf;
  --boombox-dark:#111314;
  position:relative;
  min-width:0;
  margin-top:2.8rem;
  padding:1rem 1.1rem 1.15rem;
  border:3px solid #17191a;
  border-radius:.45rem;
  background:
    radial-gradient(circle at .55rem .55rem,#363839 0 .12rem,#050606 .13rem .19rem,transparent .2rem),
    radial-gradient(circle at calc(100% - .55rem) .55rem,#363839 0 .12rem,#050606 .13rem .19rem,transparent .2rem),
    radial-gradient(circle at .55rem calc(100% - .55rem),#363839 0 .12rem,#050606 .13rem .19rem,transparent .2rem),
    radial-gradient(circle at calc(100% - .55rem) calc(100% - .55rem),#363839 0 .12rem,#050606 .13rem .19rem,transparent .2rem),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,#ddd7c7 0%,#aaa79d 8%,#c8c3b6 48%,#8d8b83 100%);
  box-shadow:0 1.5rem 4rem rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.9),inset 0 -3px #575953;
}
.boombox-handle {
  position:absolute;
  left:14%;
  right:14%;
  bottom:calc(100% - .1rem);
  height:3.6rem;
  border:.78rem solid #17191a;
  border-bottom:0;
  border-radius:.45rem .45rem 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 55%);
  box-shadow:inset 0 2px #4b4e4d,0 -2px #6e706d;
}
.boombox-handle span { position:absolute; inset:.4rem 5% auto; height:3px; background:#555856; box-shadow:0 2px #050606; }
.boombox-control-deck {
  min-height:3.6rem;
  display:grid;
  grid-template-columns:auto minmax(5rem,1fr) auto auto;
  align-items:center;
  gap:.75rem;
  margin:.05rem .15rem .85rem;
  padding:.55rem .7rem;
  border:1px solid #6f716c;
  background:linear-gradient(180deg,#d9d3c3,#9c9b94);
  color:#17191a;
  box-shadow:inset 0 1px rgba(255,255,255,.85),0 1px #3e403e;
}
.boombox-brand { font-size:.58rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; white-space:nowrap; }
.boombox-tuner { position:relative; height:1.05rem; border:2px solid #252728; background:linear-gradient(180deg,#172526,#071010); box-shadow:inset 0 0 .7rem #000,0 1px rgba(255,255,255,.55); }
.boombox-tuner::before { content:"FM  88   92   96   100   104   108"; position:absolute; inset:.06rem .35rem auto; overflow:hidden; color:#b7e1d9; font-size:.42rem; line-height:.8rem; letter-spacing:.08em; white-space:nowrap; opacity:.82; }
.boombox-tuner i { position:absolute; top:-.12rem; bottom:-.12rem; left:63%; width:2px; background:#f2b45e; box-shadow:0 0 .35rem #f2b45e; }
.boombox-knob { width:1.55rem; aspect-ratio:1; border:2px solid #333536; border-radius:50%; background:repeating-conic-gradient(#555 0 8deg,#aaa 8deg 13deg); box-shadow:inset 0 0 0 .3rem #242627,0 2px 2px rgba(0,0,0,.8); }
.boombox-body { display:grid; grid-template-columns:clamp(5.8rem,13vw,8.8rem) minmax(0,1fr) clamp(5.8rem,13vw,8.8rem); gap:1rem; align-items:center; }
.boombox-screen { min-width:0; overflow:hidden; border:4px solid #202223; border-radius:.2rem; background:#080a0a; box-shadow:0 0 0 1px #777970,inset 0 0 1.5rem #000; }
.boombox-screen::before {
  content:"STEREO CASSETTE DECK · AUTO STOP";
  display:block;
  padding:.4rem .65rem;
  border-bottom:1px solid #3e4543;
  background:linear-gradient(#272c2b,#101313);
  color:#c9c5b8;
  font-size:.48rem;
  letter-spacing:.14em;
  text-align:center;
}
.boombox-screen::after {
  content:"◀◀  ▶  ■  ▶▶  ●";
  display:block;
  padding:.45rem;
  border-top:1px solid #030404;
  background:linear-gradient(#343635,#151717);
  color:#d6d0bf;
  font-size:.65rem;
  letter-spacing:.7em;
  text-align:center;
}
.boombox-screen .album-track-embed { display:block; border-radius:0; }
.boombox-speaker {
  position:relative;
  width:100%;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:5px solid #222425;
  border-radius:50%;
  background:
    repeating-radial-gradient(circle,#252929 0 2px,#080909 2px 4px);
  box-shadow:0 0 0 2px #85867f,0 0 0 5px #3c3e3d,inset 0 0 2rem #000,0 2px 2px rgba(255,255,255,.45);
}
.boombox-speaker::before { content:""; width:74%; aspect-ratio:1; border:2px solid #444746; border-radius:50%; background:radial-gradient(circle,#343838 0 13%,#0b0d0d 15% 47%,#333737 49% 53%,#070808 55%); box-shadow:inset 0 0 1rem #000; }
.boombox-speaker span { position:absolute; width:20%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 38% 34%,#bbb7ab,#393c3a 50%,#050606 72%); }
.boombox-trim { display:flex; justify-content:center; gap:.38rem; padding:.85rem 0 .05rem; }
.boombox-trim span { width:clamp(2rem,5vw,3.6rem); height:.72rem; border:1px solid #393b3b; border-radius:.08rem; background:linear-gradient(#d4cec0 0 20%,#777972 22% 35%,#242626 38% 100%); box-shadow:inset 0 1px #fff,0 2px 1px rgba(0,0,0,.55); }
.verified-album-links a { display:inline-flex; align-items:center; gap:.4rem; min-height:34px; padding:.35rem .55rem; border:1px solid var(--color-divider); color:var(--color-text-muted); font-size:.68rem; line-height:1; }
.verified-album-links a:hover { border-color:var(--color-primary); color:var(--color-primary-hover); }
.verified-album-links img { width:18px; height:18px; object-fit:contain; }
.artist-release-empty { min-height:220px; display:grid; align-content:center; justify-items:center; text-align:center; border-block:1px solid var(--color-divider); }
.artist-release-empty span { color:var(--color-primary-hover); text-transform:uppercase; letter-spacing:.14em; font-size:var(--text-xs); }
.artist-release-empty p { max-width:50ch; margin-top:var(--space-4); color:var(--color-text-muted); }
.release-art-large { max-width:560px; width:100%; }
.release-page-content { background:#000; }
.release-details { border-top:1px solid var(--color-divider); }
.release-details div { min-height:62px; display:grid; grid-template-columns:140px 1fr; align-items:center; border-bottom:1px solid var(--color-divider); }
.release-details dt { color:var(--color-text-muted); font-size:var(--text-xs); text-transform:uppercase; letter-spacing:.13em; }
.release-details dd { font-size:var(--text-sm); }
.service-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--color-divider); }
.service { min-height:280px; padding:var(--space-8); border-right:1px solid var(--color-divider); border-bottom:1px solid var(--color-divider); }
.service h3 { font-family:var(--font-display); font-size:var(--text-xl); font-weight:400; }
.service p { color:var(--color-text-muted); margin-top:var(--space-5); }

.sync-intro {
  padding-top:max(var(--space-6),calc(clamp(var(--space-16),9vw,var(--space-32)) - 1in));
  padding-bottom:clamp(var(--space-16),8vw,var(--space-24));
  background:transparent;
  color:var(--color-text);
}
.sync-lede { display:grid; grid-template-columns:minmax(160px,.4fr) 1.55fr .7fr; gap:clamp(var(--space-6),5vw,var(--space-16)); align-items:start; border-top:1px solid var(--color-divider); padding-top:var(--space-8); }
.sync-film-continuum > .sync-intro { padding-top:1in; margin-bottom:1in; }
.sync-lede h2,.credit-group-head h2,.sync-cta h2 { font-family:var(--font-display); font-weight:400; letter-spacing:-.035em; }
.sync-lede h2 { font-size:clamp(1.9rem,2.55vw,2.7rem); line-height:1.02; max-width:none; text-align:center; }
.sync-lede h2 span { display:block; white-space:nowrap; }
.sync-lede p { color:var(--color-text-muted); max-width:40ch; font-size:clamp(1.125rem,1rem + .3vw,1.25rem); }
.sync-catalog-proof { display:flex; flex-direction:column; align-items:flex-start; }
.sync-catalog-proof .eyebrow { margin-bottom:var(--space-5); }
.sync-catalog-proof strong {
  color:#79c9c1;
  font-family:"Cormorant Garamond","Times New Roman",serif;
  font-size:clamp(2rem,3vw,3rem);
  font-weight:600;
  line-height:.9;
}
.sync-catalog-proof .sync-stat-visual {
  display:block;
  font-family:"Playfair Display",Georgia,serif !important;
  font-weight:500 !important;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums lining-nums;
  color:#65bfc0;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:#65bfc0;
}
.sync-catalog-proof > span:last-child {
  max-width:15ch;
  margin-top:var(--space-3);
  color:var(--color-text-muted);
  font-size:var(--text-xs);
  line-height:1.45;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sync-credits { overflow:hidden; background:#000; }
.sync-film-continuum {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin-top:0;
  background:
    linear-gradient(180deg,#000 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,.94) 20%,rgba(0,0,0,.72) 32%,rgba(0,0,0,.38) 44%,transparent 56%),
    linear-gradient(90deg,rgba(3,6,8,.76) 0%,rgba(3,8,10,.46) 48%,rgba(3,6,8,.62) 100%),
    linear-gradient(0deg,rgba(4,5,7,.8) 0%,rgba(4,7,9,.08) 48%,rgba(4,5,7,.68) 100%),
    image-set(url("./assets/responsive/90ce87418f866d-1200.webp") 1x,url("./assets/responsive/90ce87418f866d-1672.webp") 2x) center / cover no-repeat;
}
.sync-film-continuum .sync-credits { background:transparent; }
.mobile-credit-tabs { display:none; }
.credit-group {
  --credit-card-width:176px;
  --credit-card-gap:clamp(2.25rem,3.25vw,3.5rem);
  position:relative;
  isolation:isolate;
  padding-top:clamp(var(--space-16),8vw,var(--space-24));
  padding-bottom:clamp(var(--space-16),8vw,var(--space-24));
}
.credit-group-film { padding-top:0; }
.credit-group::before,.credit-group::after {
  content:"";
  position:absolute;
  inset:0 50%;
  width:100vw;
  transform:translateX(-50%);
  pointer-events:none;
}
.credit-group::before {
  z-index:-2;
  background-position:center;
  background-size:cover;
}
.credit-group::after {
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(4,8,10,.84),rgba(4,12,14,.48),rgba(4,8,10,.82)),
    linear-gradient(0deg,rgba(5,6,8,.9),rgba(5,8,10,.24) 45%,rgba(5,6,8,.84));
}
.credit-group-film::before { display:none; }
.credit-group-film::after {
  display:block;
  background:linear-gradient(
    180deg,
    transparent 64%,
    rgba(0,0,0,.24) 76%,
    rgba(0,0,0,.72) 89%,
    #000 100%
  );
}
.credit-group-television::before { background-image:image-set(url("./assets/responsive/93c7ca3b9db6d4-1200.webp") 1x,url("./assets/responsive/93c7ca3b9db6d4-1672.webp") 2x); }
.credit-group-television::after {
  background:
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.82) 9%,rgba(0,0,0,.34) 26%,transparent 42%,transparent 62%,rgba(0,0,0,.3) 78%,rgba(0,0,0,.84) 92%,#000 100%),
    linear-gradient(90deg,rgba(4,8,10,.84),rgba(4,12,14,.48),rgba(4,8,10,.82)),
    linear-gradient(0deg,rgba(5,6,8,.9),rgba(5,8,10,.24) 45%,rgba(5,6,8,.84));
}
.credit-group-games::before {
  background-image:image-set(url("./assets/responsive/03f955feb11106-1200.webp") 1x,url("./assets/responsive/03f955feb11106-1672.webp") 2x);
  background-position:center 46%;
}
.credit-group-games::after {
  background:
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.82) 9%,rgba(0,0,0,.34) 26%,transparent 42%,transparent 58%,rgba(0,0,0,.26) 70%,rgba(0,0,0,.68) 82%,rgba(0,0,0,.96) 94%,#000 100%),
    linear-gradient(90deg,rgba(4,8,10,.84),rgba(4,12,14,.48),rgba(4,8,10,.82)),
    linear-gradient(0deg,rgba(5,6,8,.9),rgba(5,8,10,.24) 45%,rgba(5,6,8,.84));
}
.credit-group-advertising {
  background:#000;
}
.credit-group-advertising::before {
  background-image:image-set(url("./assets/responsive/0734302ca42c3b-1200.webp") 1x,url("./assets/responsive/0734302ca42c3b-1672.webp") 2x);
  background-position:center;
}
.credit-group-movie-trailers {
  background:#000;
}
.credit-group-movie-trailers::before {
  background-image:image-set(url("./assets/responsive/a18ba287904148-1200.webp") 1x,url("./assets/responsive/a18ba287904148-1920.webp") 2x);
  background-position:center;
}
.credit-group-movie-trailers::after {
  background:
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.96) 8%,rgba(0,0,0,.68) 20%,rgba(0,0,0,.26) 34%,rgba(0,0,0,.18) 46%,rgba(0,0,0,.18) 68%,rgba(0,0,0,.72) 88%,#000 100%),
    linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.24) 48%,rgba(0,0,0,.58));
}
.credit-group-advertising::after {
  background:
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.82) 9%,rgba(0,0,0,.42) 28%,rgba(0,0,0,.3) 52%,rgba(0,0,0,.46) 76%,rgba(0,0,0,.86) 92%,#000 100%),
    linear-gradient(90deg,rgba(4,8,10,.74),rgba(4,12,14,.38),rgba(4,8,10,.72));
}
.credit-group-advertising .credit-art {
  padding:0;
  background:#f3f1ea;
}
.credit-group-advertising .credit-art img {
  width:100%;
  height:100%;
  object-fit:contain;
}
.credit-group-head { display:grid; grid-template-columns:minmax(160px,.45fr) 2.05fr; gap:clamp(var(--space-6),5vw,var(--space-16)); align-items:end; border-top:1px solid var(--color-divider); padding:var(--space-6) 0 var(--space-10); }
.credit-group-film .credit-group-head,
.credit-group-television .credit-group-head,
.credit-group-games .credit-group-head,
.credit-group-movie-trailers .credit-group-head,
.credit-group-advertising .credit-group-head { border-top:0; }
.credit-group-head h2 { font-size:clamp(2rem,4.2vw,4.5rem); line-height:1; }
.credit-grid {
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:var(--credit-card-width);
  justify-content:center;
  gap:var(--credit-card-gap);
  overflow-x:auto;
  margin-inline:calc(-1 * var(--space-6));
  padding:var(--space-6) var(--space-6) var(--space-8);
  scrollbar-width:thin;
  scrollbar-color:var(--color-primary) transparent;
}
.credit-page-track {
  position:relative;
  isolation:isolate;
  min-height:0;
  padding:var(--space-6) 0 var(--space-8);
}
.credit-page {
  position:absolute;
  inset:var(--space-6) 0 var(--space-8);
  display:grid;
  grid-template-columns:repeat(var(--page-size),var(--credit-card-width));
  justify-content:center;
  gap:var(--credit-card-gap);
  align-items:start;
  visibility:hidden;
  opacity:0;
  transform:translateX(18px);
  pointer-events:none;
  transition:opacity 480ms var(--ease-out),transform 480ms var(--ease-out),visibility 480ms;
}
.credit-page.is-active {
  position:relative;
  inset:auto;
  visibility:visible;
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.credit-card { width:var(--credit-card-width); min-width:0; }
.credit-art { aspect-ratio:2/3; overflow:hidden; background:#101617; box-shadow:0 10px 30px rgba(255,255,255,.28),0 0 22px rgba(255,255,255,.22),0 0 0 1px rgba(255,255,255,.2); }
.credit-art img { width:100%; height:100%; object-fit:cover; object-position:center; background:#0b0e10; filter:var(--artwork-grade); transition:transform 700ms var(--ease-out),filter 500ms var(--ease-out); }
.credit-card:hover .credit-art img { transform:scale(1.025); filter:var(--artwork-grade-hover); }
.credit-brand-art {
  display:grid;
  place-items:center;
  padding:var(--space-5);
  background:
    radial-gradient(circle at 50% 36%,rgba(37,190,185,.18),transparent 48%),
    linear-gradient(145deg,#152124,#070a0b 72%);
  text-align:center;
}
.credit-brand-art strong {
  max-width:100%;
  color:#fff;
  font-family:var(--font-body);
  font-size:clamp(1rem,2vw,1.7rem);
  font-weight:600;
  line-height:1.05;
  letter-spacing:-.04em;
}
.credit-brand-netflix strong { color:#e50914; font-size:clamp(1.25rem,2.4vw,2rem); font-weight:800; letter-spacing:-.06em; text-transform:uppercase; }
.credit-brand-hulu strong { color:#1ce783; font-size:clamp(1.4rem,2.6vw,2.2rem); font-weight:800; text-transform:lowercase; }
.credit-brand-amazon-prime strong { color:#41a4dc; }
.credit-brand-discovery-channel strong { font-family:var(--font-display); font-weight:400; }
.credit-card-copy { padding:var(--space-4) 0 var(--space-2); border-bottom:1px solid var(--color-divider); text-align:center; }
.credit-card-copy span,.brand-credit span { color:var(--color-primary-hover); font-size:.68rem; text-transform:uppercase; letter-spacing:.12em; }
.credit-card-copy h3 {
  display:-webkit-box;
  min-height:2.16em;
  margin-top:0;
  overflow:hidden;
  font-family:var(--font-display);
  font-size:clamp(1.15rem,1.45vw,1.4rem);
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.01em;
  white-space:normal;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.credit-pagination { display:none; }
.credit-group.is-paged .credit-pagination { display:flex; align-items:center; gap:var(--space-2); margin-top:var(--space-2); }
.credit-position { min-width:4.75rem; margin-right:auto; color:rgba(255,255,255,.62); font-size:var(--text-xs); letter-spacing:.16em; font-variant-numeric:tabular-nums; }
.credit-dots { display:flex; align-items:center; justify-content:center; gap:9px; margin-inline:auto; }
.credit-dots button {
  width:7px;
  height:7px;
  border:0;
  border-radius:50%;
  padding:0;
  background:rgba(255,255,255,.28);
  transition:width 220ms var(--ease-out),border-radius 220ms var(--ease-out),background 220ms var(--ease-out);
}
.credit-dots button[aria-selected="true"] { width:24px; border-radius:999px; background:var(--color-primary); }
.brand-credit h3 { margin-top:var(--space-2); font-family:var(--font-display); font-size:var(--text-xl); font-weight:400; line-height:1.05; }
.brand-credit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-4); }
.brand-credit { border:1px solid var(--color-divider); padding:var(--space-6); }
.brand-credit-art { aspect-ratio:4/3; display:grid; place-items:center; background:#f3f1ea; margin-bottom:var(--space-5); overflow:hidden; }
.brand-credit-art img { width:65%; height:65%; object-fit:contain; }
.brand-credit h3 { font-size:var(--text-lg); }
.sync-cta {
  position:relative;
  isolation:isolate;
  background: var(--teal-silk-background);
  background-size: var(--teal-silk-background-size);
  color:#fff;
}
.sync-cta::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.75) 8%,transparent 30%,transparent 70%,rgba(0,0,0,.75) 92%,#000 100%);
}
.sync-cta-inner { position:relative; z-index:1; display:grid; grid-template-columns:1.25fr .75fr; gap:clamp(var(--space-8),8vw,var(--space-24)); align-items:end; }
.sync-cta .eyebrow { color:rgba(255,255,255,.62); }
.sync-cta h2 { font-size:clamp(2rem,3.6vw,3.5rem); line-height:1.02; margin-top:var(--space-4); max-width:14ch; }
.sync-cta h2 { color:#65bfc0; }
.sync-cta p { color:rgba(255,255,255,.68); margin-top:var(--space-5); max-width:45ch; }
.sync-cta-actions { display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-5); }
.sync-cta .button { background:#fff; color:var(--color-primary); }
.sync-cta .button:hover { background:#dfe8e6; }
.sync-cta .text-link { color:#fff; border-bottom:1px solid rgba(255,255,255,.35); padding-bottom:var(--space-2); font-size:var(--text-xs); text-transform:uppercase; letter-spacing:.13em; }
.sync-faq {
  color:#f1ede5;
  background:#000;
}
.sync-faq-heading { display:grid; grid-template-columns:.8fr 1.2fr; gap:var(--space-8); align-items:end; margin-bottom:var(--space-10); }
.sync-faq-heading h2 { font-family:var(--font-display); font-size:var(--text-2xl); font-weight:400; }
.sync-faq-list { border-top:1px solid rgba(255,255,255,.18); }
.sync-faq-list details { border-bottom:1px solid rgba(255,255,255,.18); }
.sync-faq-list summary { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:var(--space-6); cursor:pointer; list-style:none; font-family:var(--font-display); font-size:var(--text-lg); }
.sync-faq-list summary::-webkit-details-marker { display:none; }
.sync-faq-list summary span { color:#65bfc0; font-family:var(--font-body); transition:transform 180ms var(--ease-out); }
.sync-faq-list details[open] summary span { transform:rotate(45deg); }
.sync-faq-list details p { max-width:68ch; padding:0 4rem var(--space-8) 0; color:rgba(241,237,229,.72); }

.contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(var(--space-10),8vw,var(--space-24)); }
.contact-options { border-top:1px solid var(--color-divider); }
.contact-options li { padding:var(--space-5) 0; border-bottom:1px solid var(--color-divider); }
.contact-options strong { display:block; font-size:var(--text-sm); }
.contact-options span { color:var(--color-text-muted); font-size:var(--text-sm); }
.contact-form { display:grid; gap:var(--space-4); }
.contact-form label { display:grid; gap:var(--space-2); font-size:var(--text-xs); text-transform:uppercase; letter-spacing:.12em; }
.contact-form input,.contact-form select,.contact-form textarea { background:var(--color-surface); border:1px solid var(--color-border); padding:var(--space-4); min-height:54px; }
.contact-form textarea { min-height:160px; resize:vertical; }
.form-success { display:none; padding:var(--space-8); background:var(--color-surface); }
.form-success.visible { display:block; }

.site-footer { padding:clamp(var(--space-16),8vw,var(--space-24)) clamp(var(--space-4),5vw,var(--space-20)) var(--space-8); background:#000; color:#f1ede5; }
.footer-logo-lockup { width:126px; height:110px; position:relative; overflow:visible; }
.footer-mark img { width:110px; height:110px; object-fit:contain; }
.footer-mark p { font-family:var(--font-display); font-size:clamp(1.43rem,.8125rem + 1.95vw,2.925rem); margin:var(--space-6) 0 var(--space-16); }
.footer-faq {
  display:grid;
  grid-template-columns:minmax(13rem,.7fr) minmax(0,1.3fr);
  gap:clamp(var(--space-8),7vw,var(--space-24));
  padding-block:clamp(var(--space-10),6vw,var(--space-20));
  border-top:1px solid rgba(255,255,255,.12);
  margin-top:var(--space-12);
}
.faq-page-section {
  background:#000;
  color:#f1ede5;
}
.faq-page-section .footer-faq {
  margin-top:0;
}
.page-hero.faq-page-hero {
  min-height:max(25rem,calc(72vh - 3in));
  padding-top:7rem;
  padding-bottom:var(--space-10);
}
.footer-faq-heading > span {
  color:#65bfc0;
  font-size:var(--text-xs);
  letter-spacing:.15em;
  text-transform:uppercase;
}
.footer-faq-heading h2 {
  max-width:10ch;
  margin-top:var(--space-4);
  font-family:var(--font-display);
  font-size:clamp(2rem,3.4vw,3.75rem);
  font-weight:400;
  line-height:1;
  letter-spacing:-.04em;
}
.footer-faq-list { border-top:1px solid rgba(255,255,255,.18); }
.footer-faq-list details { border-bottom:1px solid rgba(255,255,255,.18); }
.footer-faq-list summary {
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-5);
  cursor:pointer;
  list-style:none;
  color:#e8e3db;
  font-family:var(--font-display);
  font-size:clamp(1rem,1.4vw,1.3rem);
}
.footer-faq-list summary::-webkit-details-marker { display:none; }
.footer-faq-list summary span { color:#65bfc0; font-family:var(--font-body); transition:transform 180ms var(--ease-out); }
.footer-faq-list details[open] summary span { transform:rotate(45deg); }
.footer-faq-list details p { max-width:62ch; padding:0 3rem var(--space-6) 0; color:#aaa49e; font-size:var(--text-sm); line-height:1.65; }
.footer-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-8); padding-top:var(--space-8); border-top:1px solid rgba(255,255,255,.12); }
.footer-grid div { display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-3); }
.footer-grid span { color:#777277; font-size:var(--text-xs); text-transform:uppercase; letter-spacing:.15em; margin-bottom:var(--space-2); }
.footer-grid a { font-size:var(--text-sm); color:#bbb5ae; }
.footer-grid a:hover { color:#fff; }
.footer-bottom { display:flex; justify-content:space-between; gap:var(--space-4); padding-top:var(--space-16); margin-top:var(--space-16); border-top:1px solid rgba(255,255,255,.12); color:#777277; font-size:var(--text-xs); text-transform:uppercase; letter-spacing:.12em; }

.fade-in { opacity:1; }
@supports (animation-timeline:scroll()) {
  .fade-in { opacity:.05; animation:reveal linear both; animation-timeline:view(); animation-range:entry 5% entry 90%; }
}
@keyframes reveal { to { opacity:1; } }

@media (max-width: 980px) {
  .desktop-nav,.theme-toggle { display:none; }
  .menu-toggle { display:grid; }
  .site-header { grid-template-columns:auto 1fr auto; }
  .site-header.scrolled { backdrop-filter:none; }
  .header-actions { grid-column:3; }
  .mobile-menu { display:flex; position:fixed; inset:0; z-index:-1; height:100dvh; overflow-y:auto; overscroll-behavior:contain; background:#000; padding:8rem var(--space-6) var(--space-10); flex-direction:column; justify-content:space-between; opacity:0; visibility:hidden; transition:opacity 250ms var(--ease-out),visibility 250ms; }
  .mobile-menu.open { opacity:1; visibility:visible; }
  .mobile-menu nav { display:flex; flex-direction:column; }
  .mobile-menu nav a { font-family:var(--font-display); font-size:var(--text-2xl); line-height:1.25; }
  .mobile-menu p { color:#777277; font-size:var(--text-sm); }
  .stats { grid-template-columns:repeat(2,1fr); }
  .stat:nth-child(odd) { border-left:0; }
  .stat:last-child:nth-child(odd) { grid-column:1 / -1; width:50%; justify-self:center; border-left:0; }
  .album-slide { flex-basis:calc((100% - (var(--album-gap) * 5)) / 6); }
  .album-track::after { flex-basis:0; }
  .category-grid:not(.category-grid-six),.labels-intro,.story-tease,.story-bio-grid,.story-chapter-grid,.discovery-panel,.profile-grid,.split-grid,.contact-grid,.category-overview,.collective-grid,.directory-header { grid-template-columns:1fr; }
  .discovery-panel { min-height:0; align-items:stretch; }
  .discovery-panel > div:first-child { transform:none; }
  .discovery-panel h2 { max-width:none; }
  .catalog-filter-bar { grid-template-columns:repeat(2,minmax(0,1fr)) auto; }
  .category-grid-six { grid-template-columns:repeat(2,1fr); }
  .music-for-life-section .category-grid-six { gap:var(--space-10); }
  .collective-number { margin-bottom:var(--space-4); }
  .artist-directory-group ul { grid-template-columns:repeat(2,1fr); }
  .topic-list { justify-content:flex-start; }
  .category-switcher-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .category-card { min-height:32rem; }
  .category-row { grid-template-columns:1fr 1fr; }
  .category-row .category-card:last-child { grid-column:1/-1; }
  .artist-list,.catalog-grid { grid-template-columns:repeat(2,1fr); }
  [data-catalog].catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .artist-strip .artist-list { grid-template-columns:repeat(2,minmax(0,17rem)); }
  .team-grid { grid-template-columns:repeat(2,1fr); }
  .team-card { grid-column:auto; }
  .sync-lede { grid-template-columns:.5fr 1fr; }
  .sync-lede p { grid-column:2; }
  .credit-group {
    --credit-card-width:128px;
    --credit-card-gap:var(--space-8);
  }
}

@media (max-width: 640px) {
  .page-hero.playlists-page-hero + .section {
    margin-top:-.65in;
    padding-top:var(--space-16);
    background:linear-gradient(180deg,transparent 0,#000 .65in,#000 100%);
  }
  .album-detail-hero { padding-top:7.5rem; }
  .album-detail-grid { grid-template-columns:1fr; gap:var(--space-8); }
  .album-back-link { margin-bottom:var(--space-2); }
  .album-detail-art { width:min(100%,430px); }
  .album-detail-copy h1 { max-width:none; font-size:clamp(2.35rem,13vw,4rem); }
  .album-detail-facts { grid-template-columns:1fr; }
  .album-detail-facts div:nth-child(odd) { margin-right:0; }
  .album-track-layout { grid-template-columns:1fr; gap:var(--space-8); }
  .album-track-embed { min-height:430px; }
  .boombox-player { margin-top:2.8rem; padding:.8rem; }
  .boombox-handle { left:20%; right:20%; height:2.7rem; }
  .boombox-control-deck { grid-template-columns:auto minmax(3rem,1fr) auto auto; gap:.45rem; }
  .boombox-brand { font-size:.52rem; }
  .boombox-body { grid-template-columns:1fr 1fr; gap:1rem; }
  .boombox-screen { grid-column:1/-1; grid-row:1; }
  .boombox-speaker { width:min(7.5rem,72%); justify-self:center; grid-row:2; }
  .collective-section:not(.compact) .collective-copy h2 span { white-space:normal; }
  .directory-header { flex-direction:column; align-items:flex-start; }
  .directory-search-button { width:100%; }
  .artist-catalog-back {
    min-height:44px;
    padding:0 var(--space-4);
    font-size:.66rem;
  }
  .site-header { height:104px; padding-inline:var(--space-4); }
  .site-header.scrolled { height:88px; }
  .page-hero.sync-collage { min-height:auto; padding-top:9rem; padding-bottom:var(--space-12); align-items:flex-end; background:#050507; }
  .page-hero.sync-collage {
    min-height:min(72svh,590px);
    padding-top:8.5rem;
    padding-bottom:var(--space-12);
  }
  .page-hero.sync-collage::before {
    inset:0 0 auto;
    aspect-ratio:3/4;
    background:url("./assets/responsive/3556d45c21e9e3-1080.webp") center top / 100% 100% no-repeat;
  }
  .page-hero.sync-collage::after {
    display:block;
    background:
      linear-gradient(90deg,rgba(5,5,7,.52),rgba(5,5,7,.12) 60%,rgba(5,5,7,.35));
  }
  .sync-film-continuum { margin-top:0; overflow:visible; }
  .sync-intro { padding-top:var(--space-10); padding-bottom:var(--space-10); }
  .page-hero.artists-collage { min-height:max(62vh,41.667vw); align-items:center; }
  .page-hero.artists-collage::before { background-image:url("./assets/responsive/cd455fff6ad7b5-1200.webp"); background-position:center top; background-size:contain; }
  .page-hero.explore-music-collage {
    min-height:max(60svh,132vw);
    padding-bottom:clamp(var(--space-16),18vw,var(--space-24));
  }
  .page-hero.explore-music-collage::before {
    background-position:center top;
    background-size:100% auto;
  }
  .page-hero.artists-collage .page-hero-copy {
    width:100%;
    margin:0;
    padding:0;
    background:radial-gradient(ellipse at 20% 50%,rgba(5,5,7,.78) 0%,rgba(5,5,7,.5) 48%,transparent 88%);
  }
  .page-hero.explore-music-hero { min-height:78svh; padding-bottom:6rem; }
  .page-hero.explore-music-hero::before {
    background-image:url("./assets/responsive/669df2582973f0-1080.webp");
    background-position:center;
    background-size:cover;
  }
  .page-hero.artist-jeffrey-michael.has-image::before {
    background-position:left center;
  }
  .page-hero.artist-franklin-frenchie.has-image::before {
    background-position:center 42%;
    background-size:cover;
  }
  .page-hero.about-compact {
    min-height:0;
    padding-top:7rem;
    padding-bottom:var(--space-6);
  }
  .page-hero.story-title {
    min-height:62vh;
    padding-bottom:var(--space-12);
  }
  .page-hero.story-title.about-sunset-piano-hero::before {
    background-position:68% center;
  }
  .page-hero h1 { font-size:clamp(2.35rem,12vw,4.25rem); }
  .page-hero.artist-page-hero h1,
  .page-hero.artist-page-hero h1.hero-title-long,
  .page-hero.artist-page-hero h1.hero-title-xlong {
    font-size:clamp(2.7225rem,2.42rem + 1.573vw,3.63rem);
    color:#fff;
    -webkit-text-fill-color:#fff;
  }
  .about-statement span { white-space:normal; }
  .page-hero h1.hero-title-long { font-size:clamp(1.55rem,7vw,2.5rem); }
  .page-hero h1.hero-title-xlong { font-size:clamp(.95rem,4vw,1.65rem); }
  .page-hero.story-title h1 {
    max-width:100%;
    white-space:normal;
    font-size:clamp(1.7rem,7.4vw,2.15rem);
    line-height:.98;
    text-wrap:balance;
  }
  .page-hero.story-title h1 .story-loan-amount {
    display:inline;
    font-size:inherit;
    line-height:inherit;
  }
  .page-hero.has-feature-copy .page-hero-inner,
  .page-hero.artist-page-hero .page-hero-inner { grid-template-columns:1fr; gap:var(--space-6); }
  .hero-feature-copy { max-width:100%; padding:.9375rem var(--space-5); font-size:.9rem !important; line-height:1.6; }
  .hero-feature-copy-desktop { display:none; }
  .hero-feature-copy-mobile { display:inline; }
  .collective-section.compact .collective-copy h2 {
    white-space:normal;
    font-size:clamp(1.9rem,8vw,2.6rem);
  }
  .collective-section.compact .collective-copy h2 span { display:block; }
  .brand { width:94px;height:60px; }.brand img{width:84px;height:59px}
  .listen-link { display:none; }
  .hero { padding-inline:var(--space-5); padding-bottom:var(--space-10); }
  .hero-content { transform:translateY(-1in); }
  .hero h1 {
    max-width:100%;
    font-size:clamp(2.55rem,14.4vw,4.4rem);
    line-height:.88;
  }
  .hero-meta { gap:var(--space-4); margin-top:var(--space-8); }
  .section-header { grid-template-columns:1fr; align-items:start; }
  .section-header p { justify-self:start; }
  .artist-popular-releases .section-header { grid-template-columns:1fr; }
  .artist-popular-releases .section-header h2 { font-size:clamp(1.45rem,6.5vw,1.9rem); }
  .music-for-life-section .section-header { grid-template-columns:1fr; }
  .music-for-life-section .section-header h2 { font-size:clamp(2.2rem,10.5vw,3.2rem); }
  .artist-strip .section-header h2 { font-size:clamp(2.35rem,11vw,3.25rem); }
  .explore-featured-albums .catalog-results-header h2 { font-size:clamp(2.35rem,11vw,3.25rem); }
  .stats { grid-template-columns:1fr 1fr; }
  .scale-section { margin-top:0; }
  .stat { min-height:120px; padding:1rem; }
  .stat strong { font-size:clamp(1.6rem,9.6vw,2.8rem); }
  .stat span { font-size:.6875rem; }
  .featured-albums-head { flex-direction:column; align-items:stretch; gap:var(--space-5); }
  .featured-albums-head h2 { font-size:var(--text-2xl); }
  .album-carousel-tools { width:100%; margin-top:0; justify-content:flex-end; }
  .album-position { display:inline-block; min-width:4.75rem; margin-right:auto; }
  .carousel-arrow { width:44px;height:44px; }
  .featured-albums .album-track {
    --album-gap:var(--space-4);
    width:min(100%,calc(18rem + var(--album-gap) + var(--space-6)));
    gap:var(--album-gap);
    margin-inline:auto;
    padding:var(--space-8) var(--space-3) var(--space-10);
    scroll-padding-inline:var(--space-3);
  }
  .featured-albums .album-slide {
    flex:0 0 min(9rem,calc((100% - var(--album-gap))/2));
  }
  .album-slide:nth-child(6n + 1) { scroll-snap-align:none; }
  .album-slide:nth-child(2n + 1) { scroll-snap-align:start; scroll-snap-stop:always; }
  .album-track::after { flex-basis:0; }
  .testimonials-heading {
    flex-direction:column;
    align-items:stretch;
    gap:var(--space-5);
  }
  .testimonials-heading h2 {
    max-width:12ch;
    white-space:normal;
    font-size:clamp(1.65rem,7.4vw,2.35rem);
  }
  .testimonial-controls { width:100%; justify-content:flex-end; }
  .testimonial-position { display:none; }
  .testimonial-arrow { width:44px;height:44px; }
  .testimonial-stage { min-height:20rem; }
  .testimonial { padding:var(--space-8) var(--space-5); }
  .testimonial::before {
    background-position:var(--testimonial-mobile-position, var(--testimonial-position, center));
    background-size:var(--testimonial-mobile-size, cover);
  }
  .testimonial::after {
    background:
      linear-gradient(90deg, #000 0%, rgba(0,0,0,.88) 7%, rgba(0,0,0,.34) 22%, transparent 38%, transparent 62%, rgba(0,0,0,.34) 78%, rgba(0,0,0,.88) 93%, #000 100%),
      radial-gradient(ellipse at center,rgba(2,8,10,.48) 0%,rgba(2,10,12,.38) 55%,rgba(2,10,12,.24) 100%),
      linear-gradient(0deg,rgba(2,8,10,.54),transparent 72%);
  }
  .testimonial-kicker { margin-bottom:var(--space-5); }
  .testimonial blockquote { font-size:clamp(1.1rem,4.8vw,1.4rem); }
  .testimonial p { margin-top:0; font-size:.75rem; }
  .testimonial > :is(.testimonial-kicker,blockquote,p) {
    transform:translateY(.4in);
  }
  .testimonial-dots { justify-content:center; gap:0; margin-top:var(--space-4); }
  .testimonial-dots button {
    position:relative;
    width:44px;
    height:44px;
    background:transparent;
  }
  .testimonial-dots button::before {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:24px;
    height:2px;
    background:rgba(255,255,255,.3);
    transform:translate(-50%,-50%);
    transition:width 250ms var(--ease-out),background 250ms var(--ease-out);
  }
  .testimonial-dots button.active { width:44px; background:transparent; }
  .testimonial-dots button.active::before { width:36px; background:#65bfc0; }
  .collective-number strong { font-size:8.5rem; }
  .collective-copy h2 { font-size:var(--text-2xl); }
  .collective-copy p { font-size:var(--text-base); }
  .category-grid,.category-row,.category-grid-six { grid-template-columns:1fr; }
  .music-for-life-section .category-grid-six { gap:var(--space-8); }
  .category-card,.category-card.small { min-height:27rem; }
  .category-grid-six .category-card,
  .category-grid-six .category-card.small { min-height:16rem; }
  .category-row .category-card:last-child { grid-column:auto; }
  .category-card-content { inset:auto var(--space-5) var(--space-5); }
  .category-card .arrow { right:var(--space-5);bottom:var(--space-5); }
  .category-switcher { margin-top:0; }
  .category-switcher-links { grid-template-columns:1fr; }
  .category-switcher-links a { min-height:58px; }
  .story-visual { min-height:max(65vh,34rem); }
  .story-copy h2 {
    font-size:clamp(3.5rem,15vw,4rem);
    line-height:.9;
  }
  .artist-story-section .quote { font-size:clamp(1rem,4.5vw,1.2rem); }
  .cassette {
    width:88%;
    padding:var(--space-5);
    inset:calc(40% + .04in) auto auto 50%;
  }
  .artist-list,.catalog-grid,.team-grid,.service-grid { grid-template-columns:1fr; }
  [data-catalog].catalog-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:3.75rem var(--space-5);
  }
  [data-catalog] .release-meta h3 {
    font-size:clamp(.95rem,4.3vw,1.1rem);
    line-height:1.1;
  }
  [data-catalog] .release-meta { padding-top:var(--space-3); }
  [data-catalog] .release-meta p { margin-top:.4rem; font-size:clamp(.92rem,3.8vw,1.05rem); line-height:1.35; }
  [data-catalog] .release-meta span { margin-top:.35rem; font-size:.58rem; line-height:1.4; letter-spacing:.06em; }
  .verified-album-grid { grid-template-columns:repeat(2,minmax(0,1fr)); justify-content:stretch; gap:var(--space-6) var(--space-3); }
  .verified-album-card,
  .verified-album-cover { width:100%; }
  .verified-album-copy h3 { min-height:0; }
  .verified-album-links a span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .verified-album-links a { width:44px; min-height:44px; justify-content:center; padding:0; }
  .sync-lede,.credit-group-head,.sync-cta-inner { grid-template-columns:1fr; }
  .sync-lede { gap:var(--space-5); padding-top:var(--space-6); }
  .sync-lede h2 { font-size:clamp(1.35rem,6vw,1.8rem); text-align:left; }
  .sync-lede h2 span { white-space:normal; }
  .sync-lede p { grid-column:auto; }
  .sync-catalog-proof { display:grid; grid-template-columns:auto minmax(0,1fr); gap:var(--space-4); align-items:center; }
  .sync-catalog-proof > span:last-child { max-width:22ch; margin-top:0; }
  .credit-grid {
    grid-template-columns:none;
    grid-auto-columns:calc((100% - var(--space-6)) / 2);
    justify-content:start;
    max-width:none;
    gap:var(--space-6);
    margin-inline:calc(-1 * var(--space-4));
    padding:var(--space-5) var(--space-4) var(--space-8);
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .credit-card { scroll-snap-align:start; }
  .credit-pagination { display:flex; align-items:center; gap:var(--space-2); margin-top:var(--space-2); }
  .credit-pagination .carousel-arrow { width:44px; height:44px; }
  .brand-credit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:none; }
  .credit-card-copy h3 { font-size:clamp(.68rem,2.8vw,.78rem); }
  .mobile-credit-tabs {
    position:sticky;
    top:88px;
    z-index:4;
    display:flex;
    gap:var(--space-2);
    overflow-x:auto;
    padding:var(--space-2) var(--space-4);
    background:rgba(8,8,9,.96);
    border-block:1px solid var(--color-divider);
    backdrop-filter:blur(14px);
    white-space:nowrap;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 38px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 38px),transparent 100%);
  }
  .mobile-credit-tabs::-webkit-scrollbar { display:none; }
  .mobile-credit-tabs button {
    flex:0 0 auto;
    scroll-snap-align:start;
    min-height:44px;
    padding-inline:.6rem;
    border:0;
    border-bottom:2px solid transparent;
    background:transparent;
    color:var(--color-text-muted);
    font-size:var(--text-xs);
    font-weight:600;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .mobile-credit-tabs button[aria-selected="true"] { color:#fff; border-bottom-color:var(--color-primary); }
  .sync-credits .credit-group { display:none; padding-top:var(--space-6); padding-bottom:var(--space-12); }
  .sync-credits .credit-group.is-mobile-active { display:block; }
  .sync-credits .credit-group {
    --credit-card-width:min(32vw,124px);
    --credit-card-gap:var(--space-8);
  }
  .sync-credits .credit-group-head { display:block; padding:var(--space-4) 0 var(--space-6); text-align:center; }
  .sync-credits .credit-group-head .eyebrow { margin-bottom:var(--space-3); }
  .sync-credits .credit-group-head h2 { font-size:clamp(1.8rem,8vw,2.5rem); }
  .sync-credits .credit-grid {
    grid-template-columns:repeat(2,var(--credit-card-width));
    grid-auto-flow:row;
    grid-auto-columns:auto;
    justify-content:center;
    max-width:none;
    gap:var(--credit-card-gap);
    overflow:visible;
    margin-inline:auto;
    padding:var(--space-4) 0;
  }
  .sync-credits .credit-page-track { max-width:calc((2 * var(--credit-card-width)) + var(--credit-card-gap)); margin-inline:auto; padding:var(--space-4) 0 var(--space-6); }
  .sync-credits .credit-page {
    grid-template-columns:repeat(2,var(--credit-card-width));
    justify-content:center;
    gap:var(--credit-card-gap);
  }
  .sync-credits .credit-page .credit-card:last-child:nth-child(odd) {
    grid-column:1/-1;
    width:var(--credit-card-width);
    justify-self:center;
  }
  .sync-credits .credit-pagination { display:none; }
  .sync-credits .credit-group.is-paged .credit-pagination { display:flex; max-width:340px; margin:var(--space-4) auto 0; }
  .brand-credit-grid .brand-credit:last-child { grid-column:1/-1; }
  .brand-credit { padding:var(--space-4); }
  .brand-credit-art { aspect-ratio:1; }
  .artist-strip .artist-list {
    grid-template-columns:repeat(2,minmax(0,min(9rem,calc((100vw - 3.5rem)/2))));
    justify-content:center;
    gap:var(--space-4);
  }
  .artist-strip .artist-card {
    min-height:0;
    padding:var(--space-4);
    box-shadow:
      0 8px 24px rgba(255,255,255,.26),
      0 0 18px rgba(255,255,255,.22),
      0 0 0 1px rgba(255,255,255,.18);
  }
  .home-featured-artists.ocean-background::before {
    background:none;
    animation:none;
  }
  .home-featured-artists.ocean-background::after {
    background:#080d13;
  }
  .home-featured-artists .artist-card h3 {
    font-family:"Playfair Display",Georgia,serif !important;
  }
  .home-featured-artists.artist-strip .artist-card {
    padding-inline:var(--space-2);
  }
  .home-featured-artists.artist-strip .artist-card h3 {
    font-size:clamp(1.05rem,4.8vw,1.2rem);
  }
  .artist-card h3 { font-size:clamp(1.05rem,5vw,1.35rem); }
  .artist-strip .artist-card h3 { font-size:clamp(.9rem,4vw,1.05rem); }
  .artist-directory-group { grid-template-columns:1fr; gap:var(--space-4); }
  .artist-directory-group ul { grid-template-columns:1fr; }
  .artist-directory-group li { padding-block:var(--space-1); }
  .artist-directory-group li a { min-height:44px; }
  .directory-search { grid-template-columns:1fr; gap:var(--space-2); top:88px; }
  .directory-results-status {
    min-width:0;
    min-height:auto;
    justify-content:flex-start;
    padding:0;
    border:0;
    background:transparent;
    text-align:left;
  }
  .page-hero { min-height:62vh; padding-top:8rem; }
  .page-hero.artist-page-hero {
    min-height:calc(62vh - 2in);
    padding-top:7rem;
  }
  .page-hero.pet-relaxation-hero::before { background-position:62% 76%; }
  .page-hero.stress-relief-hero::before { background-position:18% 76%; }
  .page-hero.category-baby-hero::before {
    background-position:25% 100%;
    background-size:auto 125%;
  }
  .page-hero.sync-collage .page-hero-inner { transform:none; }
  .filter-bar { grid-template-columns:1fr; }
  .catalog-filter-bar { grid-template-columns:1fr 1fr; }
  .catalog-reset { grid-column:1/-1; }
  .catalog-results-header { align-items:flex-start; }
  .fireheart-releases-section.explore-featured-albums::before {
    top:-6rem;
    bottom:-1rem;
    height:auto;
    background:
      linear-gradient(180deg,#000 0,#000 9rem,rgba(0,0,0,.98) 12rem,rgba(0,0,0,.9) 16rem,rgba(0,0,0,.68) 20rem,rgba(0,0,0,.38) 25rem,rgba(0,8,15,.22) 29rem,rgba(0,4,8,.48) 33rem,#000 38rem,#000 100%),
      linear-gradient(90deg,rgba(0,8,14,.18),rgba(0,12,20,.04)),
      image-set(url("./assets/responsive/a6fd177d198e4d-1200.webp") 1x,url("./assets/responsive/a6fd177d198e4d-1800.webp") 2x) 76% top / auto 38rem no-repeat;
    filter:brightness(.71982) saturate(1.1);
  }
  .timeline-item { grid-template-columns:1fr; gap:var(--space-2); }
  .profile-portrait { min-height:420px; }
  .role-list li { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-bottom { flex-direction:column; }
  .discovery-input { grid-template-columns:1fr; }
  .discovery-input .button { width:100%; }
  .discovery-prompts button { min-height:44px; }
  .footer-grid { gap:var(--space-6) var(--space-8); }
  .footer-grid div { gap:0; }
  .footer-grid a { display:inline-flex; align-items:center; min-height:44px; }
}

/* Boska is deliberately reserved for prominent display typography. */
:where(.section-header h2,
  .display-title,
  .stat strong,
  .featured-albums-head h2,
  .album-caption h3,
  .testimonials-heading h2,
  .testimonial blockquote,
  .story-year,
  .cassette-identity strong,
  .story-copy h2,
  .label-feature h3,
  .artist-card h3,
  .directory-header h2,
  .artist-directory-group > h2,
  .collective-number strong,
  .collective-copy h2,
  .ecosystem-links a,
  .page-hero h1,
  .release-art strong,
  .catalog-results-header h2,
  .empty-results h3,
  .discovery-panel h2,
  .recommendation h3,
  .category-overview h2,
  .timeline-item time,
  .story-bio-grid h2,
  .story-chapter h2,
  .quote,
  .profile-copy h2,
  .team-card h3,
  .verified-album-placeholder strong,
  .verified-album-copy h3,
  .service h3,
  .sync-lede h2,
  .credit-group-head h2,
  .sync-cta h2,
  .sync-catalog-proof strong,
  .credit-brand-discovery-channel strong,
  .credit-card-copy h3,
  .brand-credit h3,
  .footer-mark p,
  .mobile-menu nav a,
  .form-success h2) {
  font-weight:500 !important;
}
.sync-catalog-proof strong {
  font-weight:600 !important;
}

/* Keep primary section titles consistent across the top-level site pages. */
.page-hero.primary-page-hero {
  min-height:72vh;
  padding:10rem clamp(var(--space-4),5vw,var(--space-20)) var(--space-16);
  align-items:flex-end;
}
.page-hero.primary-page-hero .page-hero-inner {
  width:min(calc(100% - (2 * clamp(var(--space-4),5vw,var(--space-20)))),var(--content-wide));
  margin-inline:auto;
  position:absolute;
  top:60%;
  left:50%;
  transform:translateX(-50%);
}
.page-hero.primary-page-hero .page-hero-copy {
  width:100%;
  margin:0;
  padding:0;
  background:none;
}
.page-hero.primary-page-hero h1,
.page-hero.primary-page-hero h1.hero-title-long,
.page-hero.primary-page-hero h1.hero-title-xlong {
  max-width:15ch;
  white-space:normal;
  color:#fff;
  background:none;
  font-size:clamp(2.75rem,5vw,5.75rem);
  line-height:.92;
  -webkit-text-fill-color:#fff;
  text-wrap:balance;
}
.page-hero.primary-page-hero.sync-collage {
  min-height:33.333333vw;
  padding-top:clamp(11rem,21.111111vw,19rem);
  padding-bottom:0;
  align-items:flex-start;
}
.page-hero.primary-page-hero.sync-collage .page-hero-inner {
  position:relative;
  top:auto;
  left:auto;
  transform:translateY(-1in);
}

@media (min-width:981px) {
  .page-hero.primary-page-hero.explore-music-collage {
    min-height:max(420px,calc(72vh - 1.35in));
  }
  .page-hero.primary-page-hero.explore-music-collage .page-hero-inner {
    top:calc(60% - 1.15in);
  }
  .artist-page-roster .artist-list {
    grid-template-columns:repeat(3,15rem);
    gap:clamp(2rem,3vw,3rem);
  }
  .artist-page-roster .artist-card h3 {
    font-size:clamp(1.15rem,1.35vw,1.35rem);
  }
}

@media (min-width:1500px) {
  .artist-page-roster .artist-list {
    grid-template-columns:repeat(4,15rem);
  }
}

@media (max-width:640px) {
  .page-hero.primary-page-hero {
    min-height:72svh;
    padding:8.5rem var(--space-5) var(--space-12);
    align-items:flex-end;
  }
  .page-hero.primary-page-hero.explore-music-collage {
    min-height:max(56svh,125vw);
  }
  .page-hero.primary-page-hero h1,
  .page-hero.primary-page-hero h1.hero-title-long,
  .page-hero.primary-page-hero h1.hero-title-xlong,
  .page-hero.primary-page-hero.story-title h1 {
    max-width:100%;
    font-size:clamp(1.9rem,8vw,2.35rem);
    line-height:.96;
  }
  .page-hero.primary-page-hero .page-hero-inner { top:64%; width:calc(100% - (2 * var(--space-5))); }
  .page-hero.primary-page-hero.sync-collage .page-hero-inner { top:auto; transform:translateY(-1in); }
  .sync-faq-heading { grid-template-columns:1fr; gap:var(--space-3); }
  .sync-faq-list summary { min-height:72px; font-size:clamp(1.05rem,5vw,1.3rem); }
  .sync-faq-list details p { padding-right:0; }
}

/* Final cross-page hero, playlist and FAQ refinements. */
.playlists-page-canvas {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#080b10;
}
.playlists-page-canvas::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:image-set(url("./assets/responsive/969a899703d92e-1200.webp") 1x,url("./assets/responsive/969a899703d92e-1672.webp") 2x) center / cover no-repeat;
  filter:brightness(.75);
}
.playlists-page-canvas::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.24) 48%,rgba(0,0,0,.08) 100%),
    linear-gradient(180deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.08) 40%,rgba(0,0,0,.58) 76%,#000 100%);
}
.playlists-page-canvas > * {
  position:relative;
  z-index:1;
}
.playlists-page-canvas .page-hero {
  background:transparent;
}
.playlists-page-canvas .page-hero.has-image::before {
  display:none;
}
.page-hero.primary-page-hero:is(.artists-beach-hero,.playlists-page-hero,.story-title) {
  min-height:calc(72vh - 2in);
}
.page-hero.primary-page-hero.story-title {
  overflow:visible;
}
.page-hero.primary-page-hero.story-title .page-hero-inner {
  z-index:3;
}
.page-hero.primary-page-hero.story-title .page-hero-copy > p {
  max-width:min(50ch,100%);
  overflow-wrap:anywhere;
}
.page-hero.primary-page-hero.artists-beach-hero {
  min-height:72vh;
}
.page-hero.primary-page-hero:is(.artists-beach-hero,.playlists-page-hero,.story-title) .page-hero-inner {
  top:calc(60% - .8in);
}
.page-hero.primary-page-hero.playlists-page-hero .page-hero-inner {
  top:calc(60% - 1.25in);
}
.playlists-links-section {
  position:relative;
  z-index:2;
  margin-top:-1in !important;
  padding-top:calc(clamp(var(--space-12),6vw,var(--space-24)) + 1in);
  background:transparent !important;
}
.playlists-platform-list {
  width:min(100%,54rem);
  margin-inline:auto;
}
.playlists-platform-list a {
  min-height:76px;
  font-size:clamp(1.05rem,1.5vw,1.35rem);
}
.playlists-platform-list .dsp-logo { width:26px; height:26px; }

/* Contact-only hero positioning and seamless image transition. */
.page-hero.primary-page-hero.contact-page-hero {
  min-height:max(26rem,calc(72vh - 2in));
}
.page-hero.primary-page-hero.contact-page-hero .page-hero-inner {
  top:calc(60% - .8in);
}
.page-hero.contact-page-hero.has-image::before {
  background-position:center 46%;
}
.contact-page-background .contact-details-section {
  border-block:0;
}

@media (min-width:981px) {
  .collective-section.compact .collective-grid {
    align-items:start;
  }
  .collective-section.compact .collective-number {
    padding-top:0;
  }
}

@media (max-width:640px) {
  .recommendation p {
    white-space:normal;
  }
  .page-hero.primary-page-hero.contact-page-hero {
    min-height:max(25rem,calc(72svh - 1.25in));
  }
  .page-hero.primary-page-hero.contact-page-hero .page-hero-inner {
    top:calc(64% - .45in);
  }
  .page-hero.contact-page-hero.has-image::before {
    background-position:center 46%;
  }
  .page-hero.faq-page-hero {
    min-height:max(22rem,calc(72svh - 3in));
    padding-top:6.5rem;
  }
  .playlists-page-canvas::before {
    background-position:54% center;
    background-size:cover;
  }
  .playlists-page-canvas::after {
    background:
      linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.12)),
      linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.08) 34%,rgba(0,0,0,.64) 72%,#000 100%);
  }
  .page-hero.primary-page-hero:is(.artists-beach-hero,.playlists-page-hero,.story-title) {
    min-height:max(25rem,calc(72svh - 2in));
  }
  .page-hero.primary-page-hero.artists-beach-hero {
    min-height:max(25rem,72svh);
  }
  .page-hero.primary-page-hero:is(.artists-beach-hero,.playlists-page-hero,.story-title) .page-hero-inner {
    top:calc(64% - .72in);
  }
  .playlists-links-section {
    margin-top:-.65in !important;
    padding:calc(var(--space-12) + .65in) var(--space-5) var(--space-12);
  }
  .playlists-platform-list a { min-height:64px; font-size:1rem; }
  .story-bio-grid h2 { font-size:clamp(1.75rem,8vw,2.15rem); }
  .sync-intro { padding-top:var(--space-14); }
  .footer-faq { grid-template-columns:1fr; gap:var(--space-8); }
  .footer-faq-heading h2 { max-width:none; }
  .footer-faq-list summary { min-height:72px; }
  .footer-faq-list details p { padding-right:0; }
}

/* September 2026 cross-page refinement pass. */
.testimonial p {
  font-size:clamp(1.08rem,1.5vw,1.34rem);
}

.music-for-life-section .category-grid-six {
  width:100%;
  column-gap:var(--space-5);
  row-gap:clamp(var(--space-8),3vw,var(--space-12));
}
@media (min-width:981px) {
  .music-for-life-section .category-grid-six {
    column-gap:clamp(2.5rem,4vw,4rem);
    row-gap:clamp(3rem,4vw,4rem);
  }
}

.collective-section:not(.compact) {
  padding-top:clamp(4.75rem,7vw,7rem);
  padding-bottom:clamp(4.75rem,7vw,7rem);
}

/* Darker Music hero mask, independent of the foreground text and edge fade. */
section.page-hero.primary-page-hero.has-image.explore-music-collage::before {
  filter:brightness(.54);
}
section.page-hero.primary-page-hero.has-image.explore-music-collage::after {
  background:
    linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),
    linear-gradient(180deg,rgba(5,5,7,.72) 0%,transparent 18%,transparent 62%,rgba(0,0,0,.72) 84%,#000 100%);
}

/* Music-page featured releases: more breathing room, stronger glow and larger labels. */
.explore-featured-albums [data-catalog].catalog-grid {
  gap:clamp(4.5rem,6vw,6.5rem) clamp(2rem,3vw,3.5rem);
}
.explore-featured-albums .release-art-cover {
  box-shadow:
    0 12px 34px rgba(255,255,255,.34),
    0 0 28px rgba(255,255,255,.29),
    0 0 0 1px rgba(255,255,255,.3);
}
.explore-featured-albums .release-meta h3 {
  font-size:clamp(1.18rem,1.4vw,1.34rem);
}
.explore-featured-albums .release-meta p {
  font-size:clamp(1.12rem,1.3vw,1.28rem);
}

/* Artists page: gradually blend the collective panel into its black-edged neighbors. */
.page-hero.artists-beach-hero + .collective-section.compact::before,
.page-hero.artists-beach-hero + .collective-section.compact::after {
  content:"";
  display:block;
  position:absolute;
  z-index:0;
  height:clamp(9rem,17vw,16rem);
  max-height:46%;
  pointer-events:none;
}
.page-hero.artists-beach-hero + .collective-section.compact::before {
  inset:0 0 auto;
  background:linear-gradient(180deg,#000 0%,#000 12%,rgba(0,0,0,.96) 28%,rgba(0,0,0,.76) 50%,rgba(0,0,0,.36) 76%,transparent 100%);
}
.page-hero.artists-beach-hero + .collective-section.compact::after {
  inset:auto 0 0;
  background:linear-gradient(0deg,#000 0%,#000 12%,rgba(0,0,0,.96) 28%,rgba(0,0,0,.76) 50%,rgba(0,0,0,.36) 76%,transparent 100%);
}
.artist-directory-section {
  background:#000;
  background-image:none;
}
.artist-page-roster + .artist-directory-section::before {
  top:-18rem;
  height:36rem;
  background:linear-gradient(
    180deg,
    transparent 0%,
    rgba(0,0,0,.22) 18%,
    rgba(0,0,0,.58) 38%,
    #000 50%,
    rgba(0,0,0,.58) 62%,
    rgba(0,0,0,.22) 82%,
    transparent 100%
  );
}

/* Match the Artists roster canvas to the scenic Music-page Featured Albums background. */
.artist-page-roster.ocean-background {
  background:#000;
}
.artist-page-roster.ocean-background::before {
  content:"";
  display:block;
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.39) 14%,rgba(0,0,0,.33) 28%,rgba(0,4,8,.4) 48%,rgba(0,4,8,.5) 72%,#000 100%),
    linear-gradient(90deg,rgba(0,8,14,.28) 0%,rgba(0,12,20,.06) 58%,rgba(0,8,14,.12) 100%),
    image-set(url("./assets/responsive/a6fd177d198e4d-1200.webp") 1x,url("./assets/responsive/a6fd177d198e4d-1800.webp") 2x) 68% 37% / cover no-repeat;
  filter:brightness(.67) saturate(1.08);
}
.artist-page-roster.ocean-background::after {
  content:none;
  display:none;
}

/* About page: hard, blend-free edges around the teal overview section. */
.story-hero-continuum {
  position:relative;
  isolation:isolate;
  background:#000;
}
.story-hero-continuum::before {
  content:"";
  position:absolute;
  inset:0;
  height:auto;
  z-index:-2;
  background:image-set(url("./assets/responsive/33a42b913c9ed4-1200.webp") 1x,url("./assets/responsive/33a42b913c9ed4-1672.webp") 2x) right center / cover no-repeat;
  filter:brightness(.5787936);
  pointer-events:none;
}
.story-hero-continuum::after {
  content:"";
  position:absolute;
  inset:0;
  height:auto;
  z-index:-1;
  background:
    linear-gradient(rgba(0,0,0,.27),rgba(0,0,0,.27)),
    linear-gradient(90deg,rgba(0,7,10,.72) 0%,rgba(0,7,10,.36) 48%,rgba(0,7,10,.12) 100%);
  pointer-events:none;
}
@media (min-width:769px) {
  .story-hero-continuum::before {
    background-position:right var(--about-piano-y,0px);
    mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 3in),rgba(0,0,0,.85) calc(100% - 2.4in),rgba(0,0,0,.5) calc(100% - 1.5in),rgba(0,0,0,.16) calc(100% - .6in),transparent 100%);
  }
}
.story-hero-continuum .page-hero.story-title {
  background:transparent;
}
.story-hero-continuum .page-hero.story-title::before,
.story-hero-continuum .page-hero.story-title::after {
  display:none;
}
.story-hero-continuum .story-overview {
  background:transparent !important;
  background-image:none !important;
}
.story-hero-continuum .story-bio-grid h2 {
  color:#79c9c1;
  -webkit-text-fill-color:#79c9c1;
  text-shadow:0 2px 12px rgba(0,0,0,.7);
}
.story-hero-continuum .story-bio-copy p {
  color:#ccc;
  text-shadow:0 1px 10px rgba(0,0,0,.8);
}
.story-hero-continuum .story-bio-copy {
  position:relative;
  isolation:isolate;
}
.story-hero-continuum .story-bio-copy::before {
  content:"";
  position:absolute;
  inset:-2.5rem;
  z-index:-1;
  pointer-events:none;
  background:rgba(0,0,0,.72);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 55%,transparent 74%);
  mask-image:radial-gradient(ellipse at center,#000 55%,transparent 74%);
}
.story-hero-continuum .story-overview::before,
.story-hero-continuum .story-overview::after,
.story-hero-continuum + .story-timeline-section::before {
  content:none !important;
  display:none !important;
}
@media (min-width:769px) {
  .story-hero-continuum .story-overview {
    margin-top:0;
    background:transparent;
  }
}
@media (max-width:768px) {
  .story-hero-continuum::before {
    top:7rem;
    bottom:auto;
    height:87.1875vw;
    background-size:155% auto;
    background-position:right center;
    -webkit-mask-image:linear-gradient(transparent 0%,#000 14%,#000 76%,transparent 100%);
    mask-image:linear-gradient(transparent 0%,#000 14%,#000 76%,transparent 100%);
  }
  .story-hero-continuum::after {
    background:
      linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.25) 30rem,#000 48rem),
      linear-gradient(90deg,rgba(0,7,10,.5),rgba(0,7,10,.18));
  }
}

/* One studio image continues below the contact hero, fading behind the form. */
.contact-page-background {
  --contact-image-height:calc(max(26rem, 72vh - 2in) + 20rem);
  background:#000;
}
.contact-page-background::before,
.contact-page-background::after {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:var(--contact-image-height);
  pointer-events:none;
}
.contact-page-background::before {
  z-index:-2;
  background:image-set(url("./assets/responsive/c9d5556a79fbd5-1200.webp") 1x,url("./assets/responsive/c9d5556a79fbd5-1916.webp") 2x) center 46%/cover no-repeat;
  filter:brightness(1.0614) saturate(1.04);
}
.contact-page-background::after {
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.16) 35%,rgba(0,0,0,.6) 65%,#000 100%),
    linear-gradient(90deg,rgba(5,5,7,.68),rgba(5,5,7,.22) 58%,rgba(5,5,7,.3));
}
.contact-page-background .page-hero.contact-page-hero,
.contact-page-background .contact-details-section {
  background:transparent;
}
.page-hero.contact-page-hero.has-image::before,
.page-hero.contact-page-hero.has-image::after {
  content:none;
}
@media (max-width:640px) {
  .contact-page-background {
    --contact-image-height:calc(max(25rem, 72svh - 1.25in) + 18rem);
  }
}

/* Keep all discovery shortcuts visible without widening the page. */
.music-catalog-section {
  overflow-x:clip;
}
.discovery-prompts {
  width:100%;
  min-width:0;
  contain:inline-size;
}

@media (max-width:640px) {
  .discovery-panel { padding-inline:16px; }
  .discovery-prompts {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:minmax(44px,auto);
    gap:8px 6px;
    overflow:visible;
    scroll-snap-type:none;
    padding-bottom:0;
  }
  .discovery-prompts button {
    min-width:0;
    height:100%;
    padding:6px 3px;
    font-size:12px;
    letter-spacing:0;
    white-space:normal;
    overflow-wrap:normal;
  }
  .testimonial p {
    font-size:.86rem;
  }
  .music-for-life-section .category-grid-six {
    gap:var(--space-5);
  }
  .collective-section:not(.compact) {
    padding-top:4.5rem;
    padding-bottom:4.5rem;
  }
  .page-hero.sync-collage::before {
    filter:brightness(.396);
  }
  .page-hero.primary-page-hero.sync-collage {
    background:#000;
    min-height:133.333333vw;
    padding-top:8.5rem;
    padding-bottom:0;
  }
  .page-hero.primary-page-hero.sync-collage::after {
    background:
      linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.22) 35%,rgba(0,0,0,.48) 62%,rgba(0,0,0,.86) 85%,#000 100%),
      linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.12) 60%,rgba(0,0,0,.24));
  }
  /* Move only the live Sync copy; the collage pseudo-element stays fixed. */
  .page-hero.primary-page-hero.sync-collage .page-hero-inner {
    transform:translateY(-.28in);
  }
  .credit-group-film {
    --credit-card-width:min(39vw,148px);
    --credit-card-gap:var(--space-6);
  }
  .credit-group-film .credit-page-track {
    max-width:calc((2 * var(--credit-card-width)) + var(--credit-card-gap));
  }
  .credit-group-film .credit-page {
    grid-template-columns:repeat(2,var(--credit-card-width));
  }
  .credit-group-film .credit-page .credit-card:last-child:nth-child(odd) {
    grid-column:auto;
    justify-self:auto;
  }
  .explore-featured-albums [data-catalog].catalog-grid {
    grid-template-columns:repeat(2,minmax(0,min(9rem,calc((100vw - 3.5rem)/2))));
    justify-content:center;
    gap:var(--space-4);
  }
  .explore-featured-albums .release-meta h3 {
    font-size:clamp(1.02rem,4.7vw,1.2rem);
  }
  .explore-featured-albums .release-meta p {
    font-size:clamp(1rem,4.3vw,1.15rem);
  }
  .catalog-results-header {
    flex-direction:column;
    gap:var(--space-3);
  }
  .catalog-results-count {
    align-self:flex-start;
  }
}
.catalog-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.catalog-more-wrap:has([hidden]) { display: none; }

/* One full-height image spans the hero and story without a narrow masked band.
   Cover preserves proportions; category focal points guide the mobile crop. */
.artist-profile-intro.artist-category-profile {
  --artist-subject-width:100%;
}
.artist-category-profile .artist-hero-subject {
  object-position:var(--artist-category-focal,50%) center;
  transform:none;
}
@media (max-width:768px) {
  .artist-profile-intro.artist-hannah-hushabye { --artist-focal-x:-10%; }
  .artist-profile-intro.artist-category-profile {
    --artist-subject-width:145%;
  }
  /* Tall stories must not zoom a face to the height of the entire biography.
     The clear image now fills up to 48rem, over twice the old image band,
     while its softly extended backdrop continues behind the full story. */
  .artist-profile-intro:has(.artist-hero-subject)::before {
    filter:blur(18px) saturate(1.05) brightness(var(--artist-image-brightness));
    transform:scale(1.05);
  }
  .artist-profile-intro .artist-hero-subject {
    height:min(100%,48rem);
    mask-image:var(--artist-image-fade);
  }
  .artist-category-profile .artist-hero-subject {
    object-position:clamp(0%,calc(var(--artist-category-focal,50%) * 1.35 - 17.5%),100%) center;
  }
  .artist-profile-intro.artist-category-portrait .artist-hero-subject {
    height:100%;
    mask-image:var(--artist-image-fade);
  }
  .artist-profile-intro.artist-keystone-nature-sounds-piano {
    --artist-image-position:left center;
  }
  .artist-profile-intro.artist-baby-lullaby-academy .artist-hero-subject {
    height:min(100%,32rem);
    object-position:90% center;
  }
  .artist-profile-intro.artist-baby-lullaby-academy::before {
    transform:scale(1.05) scaleX(-1);
  }
}

/* Reserve a clear portrait area before any copy on tablets and phones. */
@media (max-width:980px) {
  .artist-profile-intro.artist-jeffrey-michael-deary {
    --jeffrey-portrait-height:calc(clamp(36rem,175vw,48rem) - 266.666667px);
  }
  .artist-profile-intro.artist-jeffrey-michael-deary .artist-hero-subject {
    top:3.5rem;
    left:0;
    width:100%;
    height:var(--jeffrey-portrait-height);
    object-position:center center;
    mask-image:var(--artist-image-fade);
  }
  .artist-profile-intro.artist-jeffrey-michael-deary .page-hero-inner {
    grid-template-columns:minmax(0,1fr);
  }
  .artist-profile-intro.artist-jeffrey-michael-deary .page-hero.artist-page-hero {
    min-height:0;
    padding-top:calc(var(--jeffrey-portrait-height) * .72 + 4rem);
  }
  .artist-profile-intro.artist-jeffrey-michael-deary .page-hero.artist-page-hero h1 {
    font-size:clamp(2.65rem,12vw,4.8rem);
  }
}

/* Compact album captions everywhere: natural single line, at most two. */
.album-caption h3,
.release-meta h3,
.verified-album-copy h3 {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  min-height:0;
  max-height:2lh;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  text-wrap:wrap;
}

/* Keep this single-word artist name intact at every viewport width. */
.page-hero.artist-concentrac-on .page-hero-copy {
  container-type:inline-size;
}
.page-hero.artist-page-hero.artist-concentrac-on h1 {
  font-size:clamp(1.65rem,14cqi,7rem);
  white-space:nowrap;
  overflow-wrap:normal;
  text-wrap:nowrap;
}

/* Long uppercase words need a container-based size on narrower tablets. */
.page-hero.artist-pilates-music-experience .page-hero-copy {
  container-type:inline-size;
}
.page-hero.artist-page-hero.artist-pilates-music-experience h1 {
  font-size:clamp(1.75rem,12cqi,5.5rem);
}
@media (max-width:480px) {
  .page-hero.artist-page-hero.artist-academia-canci-n-de-cuna-para-beb-s h1,
  .page-hero.artist-page-hero.artist-healing-solfeggio-frequencies-academy h1 {
    font-size:clamp(2.1rem,9.5vw,2.7rem);
  }
}