/* Record sleeve / liner notes. Scoped to the listener homepage and release pages.
   The portfolio's seven tiles and the horizontal audio stage keep their own rules. */
.record-home { --edition-gutter: clamp(20px, 4vw, 64px); }
body.record-home .hero-section { display: block; max-width: 1600px; padding: 0 var(--edition-gutter); margin: 24px auto 0; perspective: none; }
body.record-home .hero-bento-card { min-height: 640px; height: min(790px, calc(100svh - 112px)); border: 0; border-radius: 0; box-shadow: none; overflow: hidden; background: #101015; transform: none !important; }
body.record-home .hero-bg-video { width: 100%; height: 100%; object-fit: cover; object-position: 60% center; transform: none !important; }
body.record-home .hero-bg-overlay { background: linear-gradient(90deg, rgba(7,7,8,.94), rgba(7,7,8,.55) 36%, rgba(7,7,8,.02) 67%), linear-gradient(0deg,rgba(7,7,8,.85), transparent 60%); }
body.record-home .hero-content-grid { height: 100%; min-height: inherit; padding: clamp(24px,3vw,48px); display: grid; grid-template-columns: 1.15fr .45fr .85fr; gap: 24px; align-items: end; box-sizing: border-box; }
body.record-home .hero-left-col { width: 100%; min-width: 0; align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 20px; transform: none !important; }
body.record-home .date-badge { padding: 0; background: none; border: 0; box-shadow: none; }
body.record-home .date-text { font: 400 14px/1.4 'Neue Montreal', sans-serif; text-transform: none; letter-spacing: .02em; text-decoration: none; color: #D5D5DB; }
body.record-home .record-title { margin: 6px 0 0; font: 700 clamp(108px,12vw,184px)/.82 'Humane',sans-serif !important; letter-spacing: -.01em; color: #FAFAFA; text-shadow: none; }
.record-title span { display: block; white-space: nowrap; }
body.record-home .record-listen { display: inline-flex; align-items: center; gap: 28px; padding: 12px 0; color: #FAFAFA; font: 500 17px/1.4 'Neue Montreal',sans-serif; text-decoration: none; border-bottom: 2px solid #FFFFFF; min-height: 44px; box-sizing: border-box; }
body.record-home a.hero-sleeve-card-wrap { margin-top: auto; width: 142px; max-width: 100%; transform: rotate(-4deg); border: 0; border-radius: 0; box-shadow: none; transition: transform .25s ease; }
body.record-home a.hero-sleeve-card-wrap:hover { transform: rotate(0deg); }
body.record-home .hero-sleeve-img { border-radius: 0; width: 100%; height: auto; display: block; box-shadow: none; }
body.record-home .hero-sleeve-card-wrap .release-story-link { font-size: 12px; padding: 4px 8px; min-height: 40px; gap: 6px; }
body.record-home .hero-right-col { width: 100%; min-width: 0; align-items: stretch; gap: 18px; transform: none !important; }
body.record-home .youtube-frame-wrapper { width: 100%; aspect-ratio: 16/9; height: auto; border: 1px solid rgba(255,255,255,.25); border-radius: 0; box-shadow: none; transform: none; }
body.record-home .streaming-icons-row { justify-content: flex-start; gap: 12px; flex-wrap: wrap; }
body.record-home .stream-icon-circle { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; background: #09090B; box-shadow: none; }
body.record-home .hero-cta-pills { gap: 0; }
body.record-home .hero-pill-btn { justify-content: space-between; min-height: 44px; padding: 12px 0; font: 400 16px/1.3 'Neue Montreal',sans-serif !important; text-transform: none; letter-spacing: 0; background: transparent; color: #FAFAFA; border: 0; border-bottom: 1px solid rgba(255,255,255,.3); border-radius: 0; box-shadow: none; transform: none; }
body.record-home .hero-pill-btn::after { display: none; }
body.record-home .hero-pill-btn:hover { color: #FAFAFA; background: rgba(0,0,0,.4); }
body.record-home :is(.hero-entry-anim,.reveal-left,.reveal-right,.reveal-scale,.reveal-on-scroll) { opacity: 1; transform: none; }
body.record-home .hero-circle-mask-open { animation: none; clip-path: none; }
body.record-home .latest-releases-section { max-width: 1600px; padding-inline: var(--edition-gutter); margin-block: clamp(72px,8vw,128px); }
body.record-home .latest-releases-title { font: 700 clamp(28px,3vw,42px)/1.1 'Nohemi',sans-serif; letter-spacing: -.03em; text-transform: none; }
body.record-home .releases-marquee-container { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #555 #171719; mask-image: none; -webkit-mask-image: none; padding: 6px 0 22px; }
body.record-home .releases-marquee-track { animation: none !important; transform: none !important; width: max-content; will-change: auto; }
body.record-home .releases-marquee-group { gap: 24px; padding-right: 0; }
body.record-home .release-card-link { width: clamp(210px,22vw,310px); scroll-snap-align: start; transform: none; }
body.record-home .release-card-artwork { border-radius: 0; border: 0; box-shadow: none; }
body.record-home .release-card-artwork img { border-radius: 0; transition: opacity .2s; }
body.record-home .release-card-link:hover img { transform: none; opacity: .8; }
body.record-home .release-card-meta { padding: 16px 0 0; text-align: left; }
body.record-home .release-card-name { font: 400 17px/1.4 'Neue Montreal',sans-serif; text-transform: none; letter-spacing: 0; }
body.record-home .releases-nav-arrow { background: none; border-color: #555; border-radius: 0; box-shadow: none; }
body.record-home .about-preview-section { max-width: 1600px; padding-inline: var(--edition-gutter); margin-block: 100px; }
body.record-home .about-layout-grid { gap: clamp(40px,8vw,140px); align-items: center; }
body.record-home .about-head-title { font: 700 clamp(40px,5vw,72px)/1.05 'Nohemi',sans-serif; letter-spacing: -.04em; text-transform: none; }
body.record-home .about-logo-inline { display: none; }
body.record-home .about-body-text { font: 400 18px/1.7 'Neue Montreal',sans-serif; color: #BDBDC6; max-width: 52ch; }
body.record-home .about-more-btn { border: 0; border-bottom: 1px solid #FFFFFF; border-radius: 0; padding: 14px 0; background: none; color: #FAFAFA; font: 500 16px 'Neue Montreal',sans-serif; box-shadow: none; }
body.record-home .press-spotlight-section { border-radius: 0; background: none; box-shadow: none; border: 0; border-top: 1px solid #303035; padding-top: 64px; }
body.record-home .press-article-headline { font: 700 clamp(28px,3vw,44px)/1.15 'Nohemi',sans-serif; letter-spacing: -.025em; }
body.record-home .press-series-stamp { background: none; border: 0; padding: 0; font: 400 14px 'Neue Montreal',sans-serif; color: #BDBDC6; }

/* The title and cover read as a printed gatefold; the story reads as liner notes. */
body.page-story-template .story-page-wrapper { max-width: 1440px; margin-top: 32px; gap: 48px; padding-inline: clamp(20px,4vw,64px); }
body.page-story-template .story-chrono-bar { gap: 22px; padding: 0 0 14px; border-bottom: 1px solid #303035; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
body.page-story-template .story-chrono-pill { flex-shrink: 0; white-space: nowrap; background: none; border: 0; border-radius: 0; padding: 12px 0; font: 400 13px 'Neue Montreal',sans-serif; text-transform: none; letter-spacing: 0; box-shadow: none; color: #A6A6B0; }
body.page-story-template .story-chrono-pill.is-active { color: #FAFAFA; box-shadow: 0 2px #FFFFFF; }
body.page-story-template .wix-story-hero { grid-template-columns: .85fr 1.15fr; gap: clamp(32px,5vw,80px); padding: 0; }
body.page-story-template .wix-hero-left { gap: 18px; }
body.page-story-template .wix-release-date { font: 400 14px 'Neue Montreal',sans-serif; order: 4; margin-top: 4px; }
body.page-story-template .wix-release-date u { text-decoration: none; }
body.page-story-template .wix-story-behind-badge { font: 400 15px 'Neue Montreal',sans-serif; text-transform: none; letter-spacing: 0; color: #BDBDC6; }
body.page-story-template .wix-hero-title { font: 700 clamp(90px,10vw,152px)/.85 'Humane',sans-serif !important; letter-spacing: 0; margin: 0; overflow-wrap: normal; }
body.page-story-template .wix-hero-artist { font: 400 15px 'Neue Montreal',sans-serif; letter-spacing: 0; text-transform: none; margin: 0; color: #BDBDC6; }
body.page-story-template .wix-quote-box { font: 400 clamp(18px,1.8vw,24px)/1.5 'Neue Montreal',sans-serif; max-width: 36ch; margin-top: 8px; }
body.page-story-template .wix-genre-tag { font: 400 14px 'Neue Montreal',sans-serif; padding: 0; background: none; border: 0; color: #BDBDC6; order: 5; }
body.page-story-template .wix-hero-actions { order: 6; gap: 16px; margin-top: 4px; }
body.page-story-template .wix-hero-btn { border: 0; border-bottom: 1px solid #666; border-radius: 0; padding: 10px 0; font: 500 14px 'Neue Montreal',sans-serif; text-transform: none; background: none; color: #FAFAFA; box-shadow: none; }
body.page-story-template .wix-hero-btn.is-active-btn { border-color: #FFFFFF; }
body.page-story-template .wix-hero-right { border-radius: 0; border: 0; box-shadow: none; width: 100%; max-width: none; transform: none; }
body.page-story-template .wix-hero-right img { transform: none; }
body.page-story-template .wix-story-stream-grid { grid-template-columns: minmax(0,1fr) 240px; gap: clamp(40px,7vw,100px); padding-top: 56px; border-top: 1px solid #303035; scroll-margin-top: 96px; }
body.page-story-template .wix-story-cards-stack { gap: 48px; }
body.page-story-template .wix-story-card { background: none; border: 0; box-shadow: none; border-radius: 0; padding: 0; transform: none; display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 28px; }
body.page-story-template .wix-card-title { font: 500 16px/1.5 'Neue Montreal',sans-serif; letter-spacing: 0; color: #FAFAFA; margin: 0; }
body.page-story-template .wix-card-body p { font: 400 18px/1.75 'Neue Montreal',sans-serif; color: #BDBDC6; max-width: 62ch; }
body.page-story-template .wix-stream-dock-card { padding: 0; border: 0; background: none; box-shadow: none; border-radius: 0; }
body.page-story-template .wix-stream-art-wrap { display: none; }
body.page-story-template .wix-stream-headline { text-align: left; font: 500 22px 'Neue Montreal',sans-serif; letter-spacing: 0; text-transform: none; }
body.page-story-template .wix-stream-buttons-grid { grid-template-columns: 1fr; gap: 0; }
body.page-story-template .wix-stream-btn { min-height: 48px; padding: 12px 0; box-sizing: border-box; background: none; color: #FAFAFA; border-radius: 0; border-bottom: 1px solid #303035; box-shadow: none; font: 400 15px 'Neue Montreal',sans-serif; transform: none; }
body.page-story-template .wix-stream-btn:hover { color: #FAFAFA; border-color: #FFFFFF; }
body.page-story-template .wix-stream-play-icon { border: 0; }
body.page-story-template .wix-visualizer-section { background: none; border-radius: 0; padding: 32px 0 0; box-shadow: none; border-top: 1px solid #303035; scroll-margin-top: 96px; }
body.page-story-template .wix-visualizer-title-badge { background: none; border: 0; color: #FAFAFA; margin: 0 0 24px; padding: 0; box-shadow: none; font: 500 20px/1.4 'Neue Montreal',sans-serif; }
body.page-story-template .wix-visualizer-video-frame { border-radius: 0; }
body.page-story-template .wix-catalog-nav-strip { background: none; border-radius: 0; box-shadow: none; border: 0; border-top: 1px solid #303035; }
:is(.record-home,.page-story-template) a:focus-visible,
:is(.record-home,.page-story-template) button:focus-visible,
.record-home .releases-marquee-container:focus-visible { outline: 2px solid #FAFAFA; outline-offset: 5px; }

@media (max-width: 1000px) {
  body.record-home .hero-content-grid { grid-template-columns: 1fr .2fr 1fr; }
  body.page-story-template .wix-story-card { grid-template-columns: 1fr; gap: 14px; }
}
@media (max-width: 900px) {
  body.record-home .hero-section { margin-top: 20px; padding-inline: 16px; }
  body.record-home .hero-bento-card { height: auto; min-height: 0; }
  body.record-home .hero-bg-video { height: 570px; object-position: 58% center; }
  body.record-home .hero-bg-overlay { background: linear-gradient(90deg,rgba(7,7,8,.8),rgba(7,7,8,.05)),linear-gradient(0deg,#070708 20%,transparent 70%); }
  body.record-home .hero-content-grid { min-height: 0; grid-template-columns: minmax(0,1fr); padding: 28px 20px; gap: 36px; }
  body.record-home .hero-center-spacer { display: none; }
  body.record-home .hero-left-col { min-height: 440px; gap: 18px; }
  body.record-home .record-title { font-size: clamp(100px,27vw,166px) !important; }
  body.record-home a.hero-sleeve-card-wrap { width: 104px; height: auto !important; align-self: flex-end; margin-top: 16px; }
  body.record-home .hero-sleeve-card-wrap .release-story-link { font-size: 10px; gap: 3px; padding-inline: 4px; }
  body.record-home .hero-right-col { gap: 20px; }
  body.record-home .youtube-frame-wrapper { max-width: 100% !important; height: auto !important; }
  body.record-home .stream-icon-circle.liquid-glass-orb { width: 44px !important; height: 44px !important; }
  body.record-home .streaming-icons-row { gap: 10px; flex-wrap: wrap; }
  body.record-home .hero-cta-pills { flex-direction: row; display: flex !important; flex-wrap: wrap; gap: 20px; }
  body.record-home .hero-pill-btn { flex: 1; font-size: 14px !important; }
  body.record-home .latest-releases-section { margin-block: 64px; }
  body.record-home .release-card-link { width: 68vw; max-width: 310px; }
  body.record-home .about-preview-section { margin-block: 72px; }
  body.record-home .about-layout-grid { grid-template-columns: 1fr; gap: 32px; }
  body.record-home .about-head-title { font-size: 40px; }
  body.record-home .about-body-text { font-size: 17px; }
  body.page-story-template .story-page-wrapper { margin-top: 20px; gap: 32px; }
  body.page-story-template .wix-story-hero { grid-template-columns: 1fr; gap: 30px; }
  body.page-story-template .wix-hero-title { font-size: clamp(88px,22vw,140px) !important; }
  body.page-story-template .wix-hero-left { gap: 14px; }
  body.page-story-template .wix-quote-box { font-size: 18px; }
  body.page-story-template .wix-hero-actions { flex-wrap: wrap; }
  body.page-story-template .wix-story-stream-grid { grid-template-columns: 1fr; padding-top: 32px; gap: 44px; }
  body.page-story-template .wix-stream-dock { grid-row: 1; position: static; }
  body.page-story-template .wix-stream-buttons-grid { grid-template-columns: 1fr 1fr; column-gap: 24px; }
  body.page-story-template .wix-card-title { font-size: 19px; }
  body.page-story-template .wix-card-body p { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  body.record-home .hero-bento-card { background: url('../9e750c_2eda30133ae5457ab1711f93474bf5fcf000.jpg') center/cover; }
  body.record-home a.hero-sleeve-card-wrap { transition: none; transform: none; }
}
body.record-home .artwork-motion { position: static; align-self: flex-start; z-index: 6; min-height: 44px; padding: 8px 12px; background: #09090BCC; color: #FAFAFA; border: 1px solid #FFFFFF55; border-radius: 0; font: 400 13px 'Neue Montreal',sans-serif; cursor: pointer; }
@media (max-width: 900px) {
  body.record-home .artwork-motion { position: static; align-self: flex-start; min-height: 44px; margin-top: 0; }
}