/*
 * Back2Back Beats premium four-colour system
 * Ink Black  #08060E
 * White      #FFFFFF
 * Antique Gold #F0C878
 * Deep Plum  #2A1338
 *
 * Transparency is used for hierarchy. No additional hues are introduced.
 */
:root {
  --b2b-ink: #08060E;
  --b2b-white: #FFFFFF;
  --b2b-gold: #F0C878;
  --b2b-plum: #2A1338;
  --ink: var(--b2b-ink);
  --brand-night: var(--b2b-ink);
  --surface: var(--b2b-plum);
  --surface-2: var(--b2b-ink);
  --bone: var(--b2b-white);
  --white: var(--b2b-white);
  --white-muted: rgb(255 255 255 / 72%);
  --muted: rgb(255 255 255 / 72%);
  --gold: var(--b2b-gold);
  --gold-hi: var(--b2b-gold);
  --signal: var(--b2b-gold);
  --violet: var(--b2b-plum);
  --ice: var(--b2b-white);
  --danger: var(--b2b-gold);
  --black: var(--b2b-ink);
  --black-soft: var(--b2b-ink);
  --black-card: var(--b2b-plum);
  --black-line: rgb(255 255 255 / 16%);
  --line: rgb(240 200 120 / 24%);
  --panel: var(--b2b-plum);
  --panel-2: var(--b2b-ink);
  --bg: var(--b2b-ink);
  --acid: var(--b2b-gold);
  --pink: var(--b2b-plum);
  --cyan: var(--b2b-gold);
  --orange: var(--b2b-gold);
  --green: var(--b2b-gold);
  --red: var(--b2b-gold);
  --font-display: Georgia, "Times New Roman", serif;
  --font-body: "Segoe UI", Arial, sans-serif;
  color-scheme: dark;
}

/* Back2Back v31 art-direction pass: CRT broadcast / analog road / paisley signal */
:root {
  --b2b-gold: #d6a85b;
  --b2b-gold-bright: #f1cf87;
  --b2b-blue: #29aaff;
  --b2b-ink: #06080c;
  --b2b-line: rgba(214,168,91,.34);
}

html body.home-page,
html body.catalog-page,
html body.drumkits-page {
  background: var(--b2b-ink) !important;
  color: #f5f0e8 !important;
}

html body.home-page .site-header,
html body.catalog-page .site-header,
html body.drumkits-page .site-header {
  background: linear-gradient(180deg, rgba(6,8,12,.98), rgba(6,8,12,.68)) !important;
  border-bottom-color: rgba(214,168,91,.18) !important;
  box-shadow: 0 12px 38px rgba(0,0,0,.22);
}

html body.home-page .site-header:after,
html body.catalog-page .site-header:after,
html body.drumkits-page .site-header:after {
  background: linear-gradient(90deg, transparent, var(--b2b-gold), var(--b2b-blue), transparent) !important;
  opacity: .72;
}

html body.home-page .hero-bg {
  background-image:
    linear-gradient(90deg, rgba(6,8,12,.96) 0%, rgba(6,8,12,.76) 30%, rgba(6,8,12,.12) 77%),
    linear-gradient(0deg, rgba(6,8,12,.9), transparent 46%),
    url('images/b2b-crt-crown-broadcast.png') !important;
  background-position: center center !important;
  background-size: cover !important;
  filter: saturate(.96) contrast(1.08);
}

html body.home-page .hero:after {
  background:
    linear-gradient(90deg, transparent 0 72%, rgba(41,170,255,.1) 72.2%, transparent 72.5%),
    radial-gradient(circle at 77% 34%, rgba(214,168,91,.2), transparent 22%) !important;
  mix-blend-mode: screen;
}

html body.home-page .hero h1 {
  max-width: 780px !important;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: .005em !important;
  text-transform: uppercase;
  text-shadow: 0 5px 25px rgba(0,0,0,.55);
}

html body.home-page .hero h1 em {
  color: var(--b2b-gold-bright) !important;
  text-shadow: 0 0 28px rgba(214,168,91,.2) !important;
}

html body.home-page #process {
  background:
    linear-gradient(180deg, rgba(6,8,12,.95), rgba(6,8,12,.78) 48%, rgba(6,8,12,.98)),
    url('images/b2b-analog-time-machine.png') center/cover !important;
  background-attachment: fixed !important;
}

html body.home-page #process .process-heading h2,
html body.home-page #atelier h2,
html body.home-page #atelier h3,
html body.home-page #faq h2,
html body.home-page #contact h2,
html body.home-page .universe-cta h2,
html body.catalog-page h1,
html body.catalog-page h2,
html body.drumkits-page h1,
html body.drumkits-page h2,
html body.drumkits-page h3 {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", Georgia, serif !important;
  text-transform: uppercase;
  letter-spacing: .01em !important;
}

html body.home-page .process-image,
html body.home-page .atelier-panel img,
html body.home-page .artist-cta > img,
html body.catalog-page .catalog-hero > img,
html body.catalog-page .catalog-art > img {
  filter: saturate(.98) contrast(1.06);
}

html body.home-page .process-image,
html body.home-page .atelier-panel,
html body.home-page .faq-item,
html body.catalog-page .store-embed,
html body.catalog-page .direction-grid article,
html body.drumkits-page .kit-selector,
html body.drumkits-page .product-card {
  border-color: var(--b2b-line) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.28) !important;
}

html body.home-page .atelier {
  background:
    linear-gradient(90deg, rgba(6,8,12,.96), rgba(6,8,12,.72)),
    url('images/b2b-midnight-lens-boulevard.png') center/cover !important;
}

html body.home-page .atelier-panel {
  background: rgba(6,8,12,.82) !important;
  backdrop-filter: blur(2px);
}

html body.home-page .atelier-panel > div {
  background: linear-gradient(90deg, rgba(6,8,12,.96), rgba(6,8,12,.66)) !important;
}

html body.home-page #faq {
  background:
    linear-gradient(180deg, rgba(6,8,12,.97), rgba(6,8,12,.82)),
    url('images/b2b-paisley-frequency.png') center/cover !important;
}

html body.home-page .artist-cta:after {
  background: linear-gradient(90deg, rgba(6,8,12,.96), rgba(6,8,12,.62) 50%, rgba(6,8,12,.15)) !important;
}

html body.catalog-page .catalog-hero:after {
  background: linear-gradient(0deg, rgba(6,8,12,.98), rgba(6,8,12,.2) 72%), linear-gradient(90deg, rgba(6,8,12,.86), transparent) !important;
}

html body.catalog-page .catalog-scene {
  background: linear-gradient(180deg, rgba(6,8,12,.34), rgba(6,8,12,.94)), url('images/b2b-analog-time-machine.png') center/cover !important;
  opacity: .78 !important;
}

html body.catalog-page .store-section {
  background: linear-gradient(90deg, rgba(6,8,12,.98), rgba(6,8,12,.78)), url('images/b2b-analog-time-machine.png') center/cover !important;
}

html body.catalog-page .catalog-directions {
  background: linear-gradient(180deg, rgba(6,8,12,.9), rgba(6,8,12,.72)), url('images/b2b-midnight-lens-boulevard.png') center/cover !important;
}

html body.drumkits-page .drumkits-hero__media {
  background: url('images/hero-portal.webp') center 48%/cover no-repeat !important;
  filter: saturate(.96) contrast(1.08);
}

html body.drumkits-page .drumkits-hero:after {
  background: linear-gradient(90deg, rgba(6,8,12,.98), rgba(6,8,12,.66) 47%, rgba(6,8,12,.12) 78%), linear-gradient(0deg, rgba(6,8,12,.96), transparent 46%) !important;
}

html body.drumkits-page .kit-env {
  opacity: .72 !important;
  filter: saturate(.96) contrast(1.04);
}

html body.drumkits-page .drumkits-final__media {
  background: url('images/b2b-crt-crown-broadcast.png') 72% center/cover no-repeat !important;
}

html body.drumkits-page .drumkits-final:after {
  background: linear-gradient(90deg, rgba(6,8,12,.98), rgba(6,8,12,.82) 42%, rgba(6,8,12,.18) 78%), linear-gradient(0deg, rgba(6,8,12,.96), transparent 34%) !important;
}

html body.home-page .button.primary,
html body.catalog-page .button.primary,
html body.drumkits-page .button.primary {
  background: linear-gradient(135deg, var(--b2b-gold-bright), var(--b2b-gold)) !important;
  border-color: var(--b2b-gold-bright) !important;
  box-shadow: 0 13px 35px rgba(214,168,91,.18) !important;
}

html body.home-page .button.ghost:hover,
html body.catalog-page .button.ghost:hover,
html body.drumkits-page .button.ghost:hover {
  border-color: var(--b2b-blue) !important;
  color: var(--b2b-blue) !important;
}

@media (max-width: 900px) {
  html body.home-page #process { background-attachment: scroll !important; }
  html body.home-page .hero-bg { background-position: 61% center !important; }
  html body.catalog-page .catalog-hero > img { object-position: 64% center; }
  html body.drumkits-page .drumkits-hero__media { background-position: 63% center !important; }
  html body.drumkits-page .kit-env { opacity: .46 !important; }
}

/* v43 language control: restore the two-language switch after legacy theme locks */
html body .site-header .header-actions .lang-switch {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 72px !important;
  min-height: 38px !important;
  height: 38px !important;
  color: #fff !important;
  background: rgba(4,6,12,.82) !important;
  border: 1px solid rgba(240,200,120,.55) !important;
  border-radius: 999px !important;
}
html body .site-header .header-actions .lang-switch .lang-current { color: #f3d58f !important; }
html body .site-header .header-actions .lang-switch .lang-next { color: rgba(255,255,255,.72) !important; }
@media (max-width: 520px) {
  html body .site-header .header-actions .lang-switch { min-width: 48px !important; width: 48px !important; padding-inline: 6px !important; }
  html body .site-header .header-actions .lang-switch .lang-next { display: none !important; }
}

/* v44 final asset lock */
html body.catalog-page main#main#main#main section.store-section.section.shell {
  background-color: #030508 !important;
  background-image: linear-gradient(90deg, rgba(3,5,8,.9) 0%, rgba(3,5,8,.48) 38%, rgba(3,5,8,.84) 100%), url('images/b2b-beats-medallion.png') !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: min(100%, 980px) auto !important;
}
html body.catalog-page main#main#main#main section#license-path.license-section {
  background-image: linear-gradient(90deg, rgba(4,6,12,.94) 0%, rgba(4,6,12,.7) 52%, rgba(4,6,12,.9) 100%), url('images/b2b-tattoo-flash-sound-wall.png') !important;
  background-size: cover !important;
  background-position: center !important;
}
html body.catalog-page main#main#main#main section.catalog-art.section {
  background-color: #02040a !important;
  background-image: linear-gradient(90deg, rgba(2,4,10,.9), rgba(2,4,10,.44) 48%, rgba(2,4,10,.88)), url('images/b2b-custom-speaker-medallion.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: min(100%, 980px) auto !important;
}
html body.catalog-page main#main#main#main section.catalog-art.section > img { opacity: 0 !important; visibility: hidden !important; }
html body.drumkits-page main#main#main .drumkits-hero__media {
  background-image: linear-gradient(90deg, rgba(4,6,12,.8) 0%, rgba(4,6,12,.32) 50%, rgba(4,6,12,.12) 100%), url('images/b2b-drumkits-originals-banner.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: 1 !important;
  filter: none !important;
}
html body.home-page main#main#main section#process .process-heading {
  position: relative !important;
  max-width: 760px !important;
  padding: 28px 30px 30px !important;
  background: linear-gradient(135deg, rgba(3,7,14,.97), rgba(8,25,42,.9)) !important;
  border: 1px solid rgba(42,170,255,.58) !important;
  border-left: 4px solid #f0c878 !important;
  box-shadow: 0 24px 72px rgba(0,0,0,.46), inset 0 1px rgba(255,255,255,.08) !important;
}
html body.home-page main#main#main section#process .process-heading::after {
  content: '' !important;
  position: absolute !important;
  left: 30px !important;
  bottom: 12px !important;
  width: 150px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #f0c878, #2aaaff, transparent) !important;
}
html body.home-page main#main#main section#process .process-heading .section-kicker { color: #f0c878 !important; letter-spacing: .22em !important; text-shadow: 0 2px 14px rgba(0,0,0,.92) !important; }
html body .site-header .header-actions .lang-switch {
  min-width: 86px !important;
  width: auto !important;
  padding: 4px 9px !important;
  gap: 5px !important;
  background: linear-gradient(135deg, rgba(5,17,31,.96), rgba(4,6,12,.92)) !important;
  border: 1px solid rgba(42,170,255,.8) !important;
  box-shadow: inset 0 0 0 1px rgba(240,200,120,.16), 0 8px 24px rgba(0,0,0,.28) !important;
}
html body .site-header .header-actions .lang-switch .lang-current { padding: 5px 8px !important; color: #06101a !important; background: linear-gradient(135deg, #f5d98f, #d6a85b) !important; border-radius: 999px !important; font-weight: 800 !important; }
html body .site-header .header-actions .lang-switch .lang-next { color: #f0c878 !important; font-weight: 700 !important; }
html body .site-header .header-actions .lang-switch > i { background: #2aaaff !important; }
@media (max-width: 900px) {
  html body.catalog-page main#main#main#main section.store-section.section.shell { background-image: none !important; background-color: #030508 !important; }
  html body.catalog-page main#main#main#main section.catalog-art.section { background-size: contain !important; background-position: center top !important; }
  html body.drumkits-page main#main#main .drumkits-hero__media { background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: #02040a !important; }
  html body.home-page main#main#main section#process .process-heading { width: calc(100% - 28px) !important; padding: 22px 20px 26px !important; }
  html body.home-page main#main#main section#process .process-heading::after { left: 20px !important; }
  html body .site-header .header-actions .lang-switch { min-width: 72px !important; width: 72px !important; padding-inline: 5px !important; }
}

/* v66: focused custom-beat close and clearer process cards */
html body.home-page main#main#main#main section#custom-beats.universe-cta {
  min-height: clamp(560px, 64svh, 820px) !important;
  padding: clamp(28px, 5vw, 64px) !important;
}
html body.home-page main#main#main#main section#custom-beats.universe-cta > .universe-cta__content {
  display: block !important;
  width: min(100%, 920px) !important;
}
html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__custom-copy {
  width: min(100%, 860px) !important;
  margin: 0 auto !important;
}
html body.home-page main#main#main#main section#custom-beats.universe-cta > img {
  object-fit: contain !important;
  object-position: center center !important;
  background: #020306 !important;
}

html body.home-page main#main#main#main section#process {
  padding-block: clamp(58px, 8vw, 110px) !important;
}
html body.home-page main#main#main#main section#process > .shell {
  width: min(100% - 28px, 1240px) !important;
  margin-inline: auto !important;
}
html body.home-page main#main#main#main section#process .process-heading {
  width: min(100%, 920px) !important;
  margin: 0 auto clamp(28px, 4vw, 52px) !important;
  padding: clamp(24px, 4vw, 42px) !important;
  text-align: center !important;
  background: rgba(3, 7, 14, .56) !important;
  border: 1px solid rgba(42, 170, 255, .72) !important;
  border-left: 4px solid #f0c878 !important;
  box-shadow: 0 22px 64px rgba(0, 0, 0, .44), inset 0 1px rgba(255, 255, 255, .1) !important;
  backdrop-filter: blur(11px) !important;
  -webkit-backdrop-filter: blur(11px) !important;
}
html body.home-page main#main#main#main section#process .process-heading h2 {
  color: #fff !important;
  font-family: var(--font-body) !important;
  font-weight: 900 !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .94) !important;
  -webkit-text-stroke: .35px rgba(42, 170, 255, .7) !important;
}
html body.home-page main#main#main#main section#process .process-steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2.4vw, 32px) !important;
  align-items: stretch !important;
}
html body.home-page main#main#main#main section#process .process-step {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}
html body.home-page main#main#main#main section#process .process-image {
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  background: #05070d !important;
}
html body.home-page main#main#main#main section#process .process-image::after {
  background: linear-gradient(180deg, rgba(3, 7, 14, .06), rgba(3, 7, 14, .24)) !important;
  opacity: .52 !important;
}
html body.home-page main#main#main#main section#process .process-image img {
  object-fit: contain !important;
  object-position: center center !important;
  filter: saturate(1) contrast(1.06) brightness(1.06) !important;
  transform: none !important;
}
html body.home-page main#main#main#main section#process .process-step:hover .process-image img,
html body.home-page main#main#main#main section#process .process-step:focus-within .process-image img {
  filter: saturate(1.12) contrast(1.08) brightness(1.12) drop-shadow(0 0 22px rgba(42, 170, 255, .22)) !important;
  transform: scale(1.018) !important;
}
html body.home-page main#main#main#main section#process .process-step > div:nth-child(2) {
  flex: 1 1 auto !important;
  padding: clamp(18px, 2.2vw, 28px) !important;
  background: rgba(3, 7, 14, .42) !important;
  border: 1px solid rgba(42, 170, 255, .68) !important;
  border-top: 0 !important;
  border-left: 3px solid #f0c878 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .36), inset 0 1px rgba(255, 255, 255, .08) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
html body.home-page main#main#main#main section#process .process-step > div:nth-child(2) h3 {
  color: #fff !important;
  font-family: var(--font-body) !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .94) !important;
  -webkit-text-stroke: .25px rgba(42, 170, 255, .7) !important;
}
html body.home-page main#main#main#main section#process .process-step > div:nth-child(2) p {
  color: #f1f5ff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .92) !important;
}
@media (max-width: 900px) {
  html body.home-page main#main#main#main section#custom-beats.universe-cta {
    min-height: 560px !important;
    padding: 24px 14px !important;
  }
  html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__custom-copy {
    padding: 22px 18px !important;
  }
  html body.home-page main#main#main#main section#process > .shell {
    width: min(100% - 28px, 620px) !important;
  }
  html body.home-page main#main#main#main section#process .process-heading {
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 24px !important;
    padding: 22px 18px 28px !important;
  }
  html body.home-page main#main#main#main section#process .process-steps {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

/* v52 final EOF: readable overlays and non-overlapping mobile store */
html body.home-page main#main#main section#process .process-image { position: relative !important; isolation: isolate !important; overflow: hidden !important; background: #05070d !important; }
html body.home-page main#main#main section#process .process-image::after { content: '' !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important; background: linear-gradient(180deg, rgba(3,7,14,.22), rgba(3,7,14,.7)), linear-gradient(135deg, rgba(42,170,255,.13), transparent 42%, rgba(240,200,120,.16)) !important; opacity: .96 !important; transition: opacity .38s ease !important; }
html body.home-page main#main#main section#process .process-image img { position: relative !important; z-index: 0 !important; filter: saturate(.78) contrast(1.08) brightness(.62) !important; transform: scale(1.012) !important; transition: filter .46s ease, transform .46s cubic-bezier(.2,.7,.2,1) !important; }
html body.home-page main#main#main section#process .process-image > span { z-index: 2 !important; }
html body.home-page main#main#main section#process .process-step:hover .process-image img, html body.home-page main#main#main section#process .process-step:focus-within .process-image img { filter: saturate(.96) contrast(1.1) brightness(.74) !important; transform: scale(1.045) !important; }
html body.home-page main#main#main section#process .process-step:hover .process-image::after, html body.home-page main#main#main section#process .process-step:focus-within .process-image::after { opacity: .78 !important; }
html body.home-page main#main#main section#process .process-step:nth-child(2) .process-image::after { background: linear-gradient(180deg, rgba(2,10,8,.2), rgba(2,10,8,.72)), linear-gradient(135deg, rgba(38,198,128,.2), transparent 46%, rgba(240,200,120,.12)) !important; }
html body.home-page main#main#main section#process .process-step:nth-child(3) .process-image::after { background: linear-gradient(180deg, rgba(3,6,18,.2), rgba(3,6,18,.72)), linear-gradient(135deg, rgba(42,170,255,.2), transparent 46%, rgba(112,82,210,.16)) !important; }
html body.home-page main#main#main section#custom-beats > img { object-position: center center !important; filter: brightness(.72) saturate(.92) contrast(1.08) !important; }
html body.home-page main#main#main section#custom-beats::after { background: linear-gradient(90deg, rgba(3,5,10,.78), rgba(3,5,10,.22) 58%, rgba(3,5,10,.58)) !important; opacity: 1 !important; }
html body.home-page main#main#main section#custom-beats > .shell > h2 { max-width: 820px !important; padding: clamp(18px, 2.4vw, 32px) clamp(18px, 3vw, 38px) !important; background: linear-gradient(135deg, rgba(3,7,14,.94), rgba(8,18,30,.76)) !important; border: 1px solid rgba(42,170,255,.58) !important; border-left: 4px solid #f0c878 !important; box-shadow: 0 24px 70px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.08) !important; text-shadow: 0 3px 18px rgba(0,0,0,.92) !important; }
html body.home-page main#main#main section.universe-cta > img { opacity: .98 !important; filter: brightness(.86) saturate(1.08) contrast(1.04) !important; }
html body.home-page main#main#main section.universe-cta::after { background: linear-gradient(180deg, rgba(3,7,14,.12), rgba(3,7,14,.42)) !important; opacity: .72 !important; }
html body.home-page main#main#main section.universe-cta > div { background: rgba(3,7,14,.34) !important; border-color: rgba(240,200,120,.46) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; }
html body.catalog-page main#main#main#main .catalog-hero > picture > img { object-fit: contain !important; object-position: center center !important; background: #020306 !important; }
html body.catalog-page main#main#main#main .catalog-hero::after { background: linear-gradient(90deg, rgba(2,4,10,.64), rgba(2,4,10,.18) 55%, rgba(2,4,10,.52)) !important; }
html body.catalog-page main#main#main#main section.store-section.section.shell { background-color: transparent !important; background-image: none !important; }
html body.catalog-page main#main#main#main section.store-section::before, html body.catalog-page main#main#main#main section.store-section::after { display: none !important; content: none !important; }
@media (max-width: 900px) {
  html body.catalog-page { overflow-x: hidden !important; }
  html body.catalog-page .site-header, html body.catalog-page .site-header.scrolled { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
  html body.catalog-page .site-header::after { display: none !important; content: none !important; }
  html body.catalog-page main#main#main#main .catalog-hero { min-height: min(760px, 100svh) !important; background: #020306 !important; }
  html body.catalog-page main#main#main#main .catalog-hero > picture { background: #020306 !important; }
  html body.catalog-page main#main#main#main .catalog-hero > picture > img { object-fit: contain !important; object-position: center center !important; filter: none !important; }
  html body.catalog-page main#main#main#main .catalog-hero::after { background: linear-gradient(90deg, rgba(2,4,10,.48), rgba(2,4,10,.12) 52%, rgba(2,4,10,.44)) !important; }
  html body.catalog-page main#main#main#main section.store-section.section.shell { display: block !important; position: relative !important; min-height: 0 !important; padding: 30px 14px 52px !important; margin: 0 !important; background: transparent !important; }
  html body.catalog-page main#main#main#main section.store-section .store-copy { position: relative !important; inset: auto !important; top: auto !important; width: 100% !important; margin: 0 0 18px !important; padding: 22px 18px !important; background: rgba(3,7,14,.74) !important; border: 1px solid rgba(240,200,120,.5) !important; box-shadow: 0 18px 44px rgba(0,0,0,.42) !important; backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; z-index: 2 !important; }
  html body.catalog-page main#main#main#main section.store-section .store-embed { position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; z-index: 3 !important; }
  html body.catalog-page main#main#main#main section.store-section .store-embed iframe { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: 1080px !important; margin: 0 !important; border: 0 !important; }
  html body.home-page main#main#main section#custom-beats > .shell > h2 { max-width: calc(100% - 28px) !important; }
}

/* v57 actual EOF lock: final cascade for the current production request */
html body.home-page main#main section.hero .hero-bg {
  background-image: url('images/b2b-crt-crown-broadcast.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.home-page main#main section.hero::before,
html body.home-page main#main section.hero::after { display: none !important; opacity: 0 !important; content: none !important; }
html body.home-page main#main section#process {
  background-image: url('images/b2b-paisley-frequency.png') !important;
  background-size: cover !important;
  background-position: center center !important;
}
html body.home-page main#main section#process .process-image img {
  object-fit: contain !important;
  object-position: center center !important;
  filter: saturate(.92) contrast(1.06) brightness(.9) !important;
  transform: none !important;
}
html body.home-page main#main section#process .process-step:hover .process-image img,
html body.home-page main#main section#process .process-step:focus-within .process-image img { filter: saturate(1.12) contrast(1.1) brightness(1) drop-shadow(0 0 22px rgba(42,170,255,.22)) !important; transform: scale(1.018) !important; }
html body.home-page main#main section#custom-beats > img { object-fit: cover !important; filter: none !important; opacity: 1 !important; }
html body.home-page main#main section#custom-beats > .shell > h2 { color: #fff !important; font-family: var(--font-body) !important; font-weight: 900 !important; background: linear-gradient(135deg, rgba(3,7,14,.94), rgba(14,20,34,.82)) !important; border: 1px solid rgba(240,200,120,.62) !important; border-left: 4px solid #2aaaff !important; }
html body.home-page main#main section.universe-cta > img { opacity: 1 !important; filter: none !important; }
html body.home-page main#main section.universe-cta::after { display: none !important; opacity: 0 !important; content: none !important; }
html body.home-page main#main section.universe-cta > div { background: rgba(3,7,14,.76) !important; border: 1px solid rgba(240,200,120,.72) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html body.home-page main#main section.universe-cta > div h2 { color: #f3d58f !important; font-family: var(--font-body) !important; font-weight: 900 !important; }
html body.drumkits-page main#main section#shadowslide .kit-env { background-image: linear-gradient(90deg, rgba(4,6,12,.72), rgba(4,6,12,.2), rgba(4,6,12,.68)), url('images/b2b-crt-throne.png') !important; background-size: cover !important; background-position: center center !important; opacity: 1 !important; filter: none !important; }
html body.drumkits-page main#main section#ghostrideknock .kit-env { background-image: linear-gradient(90deg, rgba(8,5,14,.72), rgba(8,5,14,.2), rgba(8,5,14,.66)), url('images/b2b-torn-royalty-archive.png') !important; background-size: cover !important; background-position: center center !important; opacity: 1 !important; filter: none !important; }
html body.drumkits-page main#main section#shadowslide .kit-copy,
html body.drumkits-page main#main section#ghostrideknock .kit-copy { background: rgba(4,6,12,.78) !important; backdrop-filter: blur(7px) !important; -webkit-backdrop-filter: blur(7px) !important; }
html body.catalog-page main#main section.catalog-hero > picture > img { object-fit: contain !important; object-position: 78% 18% !important; filter: none !important; opacity: 1 !important; }
html body.catalog-page main#main section.catalog-hero::after { opacity: .08 !important; }

/* v63 true EOF lock: final responsive values after every historical cascade */
html body.catalog-page main#main#main#main#main section.store-section.section.shell {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
html body.home-page main#main#main#main section#process {
  background-size: contain !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}
html body.home-page main#main#main#main section.universe-cta > img {
  object-fit: contain !important;
  object-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.drumkits-page main#main#main#main section#ghostrideknock .kit-env {
  background-image: linear-gradient(90deg, rgba(4,7,14,.72), rgba(4,7,14,.18), rgba(4,7,14,.68)), url('images/b2b-custom-midnight-lowrider-workspace.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
}

/* v61 responsive clarity pass: preserve supplied artwork while keeping every text layer legible */
html body.catalog-page main#main section.store-section.section.shell {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: min(100%, 1280px) !important;
  margin-inline: auto !important;
  padding-inline: clamp(14px, 4vw, 48px) !important;
  text-align: center !important;
}
html body.catalog-page main#main section.store-section.section.shell .store-copy {
  position: relative !important;
  inset: auto !important;
  width: min(100%, 760px) !important;
  margin: 0 auto clamp(22px, 3vw, 36px) !important;
  text-align: center !important;
}
html body.catalog-page main#main section.store-section.section.shell .store-copy h2,
html body.catalog-page main#main section.store-section.section.shell .store-copy p { text-align: center !important; }
html body.catalog-page main#main section.store-section.section.shell .store-embed {
  position: relative !important;
  display: block !important;
  width: min(100%, 1080px) !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  align-self: center !important;
}
html body.catalog-page main#main section.store-section.section.shell .store-embed iframe {
  display: block !important;
  width: 100% !important;
  max-width: 1920px !important;
  margin-inline: auto !important;
}

html body.home-page main#main section#process {
  background-color: #02040a !important;
  background-image: url('images/b2b-paisley-frequency.png') !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center top !important;
  background-attachment: scroll !important;
}
html body.home-page main#main section#process .process-image img {
  object-fit: contain !important;
  object-position: center center !important;
  max-width: 100% !important;
  filter: saturate(.9) contrast(1.05) brightness(.84) !important;
}

html body.home-page main#main section#faq.faq-section {
  background: #05070d !important;
  background-image: none !important;
}
html body.home-page main#main section#faq.faq-section::before,
html body.home-page main#main section#faq.faq-section::after { display: none !important; content: none !important; }
html body.home-page main#main section#faq.faq-section .shell {
  background: linear-gradient(145deg, rgba(5,10,18,.98), rgba(13,20,31,.96)) !important;
  border: 1px solid rgba(240,200,120,.54) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.42) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.home-page main#main section#faq .faq-item {
  background: #f6f4ee !important;
  color: #071120 !important;
  border: 1px solid rgba(240,200,120,.4) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.24) !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.home-page main#main section#faq .faq-item summary,
html body.home-page main#main section#faq .faq-item summary strong { color: #071120 !important; text-shadow: none !important; }
html body.home-page main#main section#faq .faq-item > p {
  display: block !important;
  margin: 0 18px 18px !important;
  padding: 16px 18px !important;
  color: #f8fbff !important;
  background: #0b1726 !important;
  border-left: 3px solid #2aaaff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: none !important;
}

html body.home-page main#main section#custom-beats.artist-cta {
  min-height: 0 !important;
  padding-block: clamp(54px, 8vw, 116px) !important;
  background: linear-gradient(135deg, #050912 0%, #0c1727 58%, #171127 100%) !important;
  border-top: 1px solid rgba(42,170,255,.45) !important;
  border-bottom: 1px solid rgba(240,200,120,.55) !important;
  isolation: isolate !important;
}
html body.home-page main#main section#custom-beats.artist-cta > img,
html body.home-page main#main section#custom-beats.artist-cta::before,
html body.home-page main#main section#custom-beats.artist-cta::after { display: none !important; content: none !important; }
html body.home-page main#main section#custom-beats.artist-cta > .shell {
  position: relative !important;
  z-index: 1 !important;
  width: min(100%, 920px) !important;
  margin-inline: auto !important;
  padding: clamp(26px, 4vw, 52px) !important;
  text-align: center !important;
  background: linear-gradient(135deg, rgba(3,7,14,.98), rgba(12,24,40,.94)) !important;
  border: 1px solid rgba(42,170,255,.64) !important;
  border-left: 4px solid #f0c878 !important;
  box-shadow: 0 28px 76px rgba(0,0,0,.46), inset 0 1px rgba(255,255,255,.08) !important;
}
html body.home-page main#main section#custom-beats.artist-cta > .shell h2,
html body.home-page main#main section#custom-beats.artist-cta > .shell p { max-width: 780px !important; margin-inline: auto !important; }
html body.home-page main#main section#custom-beats.artist-cta > .shell h2 { color: #fff !important; font-family: var(--font-body) !important; font-weight: 900 !important; }
html body.home-page main#main section#custom-beats.artist-cta > .shell .button-row { justify-content: center !important; }

html body.home-page main#main section.universe-cta {
  background: #02040a !important;
  min-height: clamp(520px, 68vw, 900px) !important;
}
html body.home-page main#main section.universe-cta > img {
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  background: #02040a !important;
  filter: none !important;
  opacity: 1 !important;
}

html body.drumkits-page main#main section.drumkits-hero { background: #02040a !important; }
html body.drumkits-page main#main section.drumkits-hero .drumkits-hero__media {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #02040a !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.drumkits-page main#main section#ghostrideknock .kit-env {
  background-image: linear-gradient(90deg, rgba(4,7,14,.72), rgba(4,7,14,.18), rgba(4,7,14,.68)), url('images/b2b-custom-midnight-lowrider-workspace.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
}

@media (max-width: 900px) {
  html body.catalog-page main#main section.store-section.section.shell { padding-inline: 14px !important; }
  html body.catalog-page main#main section.store-section.section.shell .store-copy { width: 100% !important; margin-inline: auto !important; }
  html body.catalog-page main#main section.store-section.section.shell .store-embed { width: 100% !important; }
  html body.home-page main#main section#custom-beats.artist-cta > .shell { width: calc(100% - 28px) !important; }
  html body.home-page main#main section.universe-cta { min-height: 640px !important; }
  html body.drumkits-page main#main section.drumkits-hero { min-height: min(820px, 100svh) !important; }
}

/* v62 specificity correction: final values must win over legacy mobile locks */
html body.catalog-page main#main#main#main#main section.store-section.section.shell {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
html body.home-page main#main#main#main section#process {
  background-size: contain !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}
html body.home-page main#main#main#main section.universe-cta > img {
  object-fit: contain !important;
  object-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.drumkits-page main#main#main#main section#ghostrideknock .kit-env {
  background-image: linear-gradient(90deg, rgba(4,7,14,.72), rgba(4,7,14,.18), rgba(4,7,14,.68)), url('images/b2b-custom-midnight-lowrider-workspace.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
}

/* v60 final cascade lock: last and most specific visual direction */
html body.home-page main#main#main#main section.hero .hero-bg {
  background-image: url('images/b2b-crt-crown-broadcast.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.home-page main#main#main#main section.hero::before,
html body.home-page main#main#main#main section.hero::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}
html body.home-page main#main#main#main section#process {
  background-image: url('images/b2b-paisley-frequency.png') !important;
  background-size: cover !important;
  background-position: center center !important;
}
html body.home-page main#main#main#main section#process .process-image img {
  object-fit: contain !important;
  object-position: center center !important;
  filter: saturate(.92) contrast(1.06) brightness(.9) !important;
  transform: none !important;
}
html body.home-page main#main#main#main section#process .process-step:hover .process-image img,
html body.home-page main#main#main#main section#process .process-step:focus-within .process-image img {
  filter: saturate(1.12) contrast(1.1) brightness(1) drop-shadow(0 0 22px rgba(42,170,255,.22)) !important;
  transform: scale(1.018) !important;
}
html body.home-page main#main#main#main section#custom-beats > img {
  object-fit: cover !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.home-page main#main#main#main section#custom-beats > .shell > h2 {
  color: #fff !important;
  font-family: var(--font-body) !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, rgba(3,7,14,.94), rgba(14,20,34,.82)) !important;
  border: 1px solid rgba(240,200,120,.62) !important;
  border-left: 4px solid #2aaaff !important;
}
html body.home-page main#main#main#main section.universe-cta > img {
  opacity: 1 !important;
  filter: none !important;
}
html body.home-page main#main#main#main section.universe-cta::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}
html body.home-page main#main#main#main section.universe-cta > div {
  background: rgba(3,7,14,.76) !important;
  border: 1px solid rgba(240,200,120,.72) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.home-page main#main#main#main section.universe-cta > div h2 {
  color: #f3d58f !important;
  font-family: var(--font-body) !important;
  font-weight: 900 !important;
}
html body.drumkits-page main#main#main#main section#shadowslide .kit-env {
  background-image: linear-gradient(90deg, rgba(4,6,12,.72), rgba(4,6,12,.2), rgba(4,6,12,.68)), url('images/b2b-crt-throne.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: 1 !important;
  filter: none !important;
}
html body.drumkits-page main#main#main#main section#ghostrideknock .kit-env {
  background-image: linear-gradient(90deg, rgba(8,5,14,.72), rgba(8,5,14,.2), rgba(8,5,14,.66)), url('images/b2b-torn-royalty-archive.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: 1 !important;
  filter: none !important;
}
html body.drumkits-page main#main#main#main section#shadowslide .kit-copy,
html body.drumkits-page main#main#main#main section#ghostrideknock .kit-copy {
  background: rgba(4,6,12,.78) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}
html body.catalog-page main#main#main#main#main section.catalog-hero > picture > img {
  object-fit: contain !important;
  object-position: 78% 18% !important;
  filter: none !important;
  opacity: 1 !important;
}
/* v61 universe clarity lock */
html body.home-page main#main#main#main#main section.universe-cta.section > img {
  opacity: 1 !important;
  filter: none !important;
}
html body.home-page main#main#main#main#main section.universe-cta.section::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}
html body.home-page main#main#main#main#main section.universe-cta.section > div {
  background: rgba(3,7,14,.76) !important;
  border: 1px solid rgba(240,200,120,.72) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* v59 specificity lock: outrank the legacy #main#main rules */
html body.home-page main#main#main section.hero .hero-bg { background-image: url('images/b2b-crt-crown-broadcast.png') !important; background-size: cover !important; background-position: center center !important; filter: none !important; opacity: 1 !important; }
html body.home-page main#main#main section.hero::before,
html body.home-page main#main#main section.hero::after { display: none !important; opacity: 0 !important; content: none !important; }
html body.home-page main#main#main section#process { background-image: url('images/b2b-paisley-frequency.png') !important; background-size: cover !important; background-position: center center !important; }
html body.home-page main#main#main section#process .process-image img { object-fit: contain !important; object-position: center center !important; filter: saturate(.92) contrast(1.06) brightness(.9) !important; transform: none !important; }
html body.home-page main#main#main section#process .process-step:hover .process-image img,
html body.home-page main#main#main section#process .process-step:focus-within .process-image img { filter: saturate(1.12) contrast(1.1) brightness(1) drop-shadow(0 0 22px rgba(42,170,255,.22)) !important; transform: scale(1.018) !important; }
html body.home-page main#main#main section#custom-beats > img { object-fit: cover !important; filter: none !important; opacity: 1 !important; }
html body.home-page main#main#main section#custom-beats > .shell > h2 { color: #fff !important; font-family: var(--font-body) !important; font-weight: 900 !important; background: linear-gradient(135deg, rgba(3,7,14,.94), rgba(14,20,34,.82)) !important; border: 1px solid rgba(240,200,120,.62) !important; border-left: 4px solid #2aaaff !important; }
html body.home-page main#main#main section.universe-cta > img { opacity: 1 !important; filter: none !important; }
html body.home-page main#main#main section.universe-cta::after { display: none !important; opacity: 0 !important; content: none !important; }
html body.home-page main#main#main section.universe-cta > div { background: rgba(3,7,14,.76) !important; border: 1px solid rgba(240,200,120,.72) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html body.home-page main#main#main section.universe-cta > div h2 { color: #f3d58f !important; font-family: var(--font-body) !important; font-weight: 900 !important; }
html body.drumkits-page main#main#main section#shadowslide .kit-env { background-image: linear-gradient(90deg, rgba(4,6,12,.72), rgba(4,6,12,.2), rgba(4,6,12,.68)), url('images/b2b-crt-throne.png') !important; background-size: cover !important; background-position: center center !important; opacity: 1 !important; filter: none !important; }
html body.drumkits-page main#main#main section#ghostrideknock .kit-env { background-image: linear-gradient(90deg, rgba(8,5,14,.72), rgba(8,5,14,.2), rgba(8,5,14,.66)), url('images/b2b-torn-royalty-archive.png') !important; background-size: cover !important; background-position: center center !important; opacity: 1 !important; filter: none !important; }
html body.catalog-page main#main#main#main section.catalog-hero > picture > img { object-fit: contain !important; object-position: 78% 18% !important; filter: none !important; opacity: 1 !important; }
html body.catalog-page main#main#main#main section.catalog-hero::after { opacity: .08 !important; }

/* v56 final visual lock: preserve supplied artwork, remove header chrome, keep every image unique */
html body.home-page .site-header,
html body.catalog-page .site-header,
html body.drumkits-page .site-header,
html body.home-page .site-header.scrolled,
html body.catalog-page .site-header.scrolled,
html body.drumkits-page .site-header.scrolled {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.home-page .site-header::before,
html body.home-page .site-header::after,
html body.catalog-page .site-header::before,
html body.catalog-page .site-header::after,
html body.drumkits-page .site-header::before,
html body.drumkits-page .site-header::after { display: none !important; content: none !important; }

html body.home-page .hero-bg {
  background: url('images/b2b-crt-crown-broadcast.png') center center / cover no-repeat !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.home-page .hero::before,
html body.home-page .hero::after { display: none !important; content: none !important; opacity: 0 !important; }

html body.home-page main#main#main section#process {
  background: url('images/b2b-paisley-frequency.png') center center / cover no-repeat !important;
  background-attachment: scroll !important;
}
html body.home-page main#main#main section#process .process-heading h2 {
  color: #f3d58f !important;
  font-family: var(--font-body) !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  text-shadow: 0 3px 24px rgba(0,0,0,.95) !important;
}
html body.home-page main#main#main section#process .process-image {
  background: #03070d !important;
  isolation: isolate !important;
  overflow: hidden !important;
}
html body.home-page main#main#main section#process .process-image img {
  object-fit: contain !important;
  object-position: center center !important;
  filter: saturate(.92) contrast(1.06) brightness(.9) !important;
  transform: none !important;
  transition: filter .42s ease, transform .42s cubic-bezier(.2,.7,.2,1) !important;
}
html body.home-page main#main#main section#process .process-image::after {
  background: linear-gradient(135deg, rgba(3,7,14,.08), rgba(3,7,14,.28)), linear-gradient(90deg, rgba(42,170,255,.08), transparent 50%, rgba(240,200,120,.1)) !important;
  opacity: .72 !important;
  transition: opacity .42s ease !important;
}
html body.home-page main#main#main section#process .process-step:hover .process-image img,
html body.home-page main#main#main section#process .process-step:focus-within .process-image img {
  filter: saturate(1.12) contrast(1.1) brightness(1) drop-shadow(0 0 22px rgba(42,170,255,.22)) !important;
  transform: scale(1.018) !important;
}
html body.home-page main#main#main section#process .process-step:hover .process-image::after,
html body.home-page main#main#main section#process .process-step:focus-within .process-image::after { opacity: .3 !important; }

html body.home-page main#main#main section#custom-beats > img {
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.home-page main#main#main section#custom-beats::after {
  background: linear-gradient(90deg, rgba(3,5,10,.72), rgba(3,5,10,.18) 58%, rgba(3,5,10,.46)) !important;
  opacity: .9 !important;
}
html body.home-page main#main#main section#custom-beats > .shell > h2 {
  color: #fff !important;
  font-family: var(--font-body) !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, rgba(3,7,14,.94), rgba(14,20,34,.82)) !important;
  border: 1px solid rgba(240,200,120,.62) !important;
  border-left: 4px solid #2aaaff !important;
  text-shadow: 0 3px 22px rgba(0,0,0,.96) !important;
}

html body.home-page main#main#main section.universe-cta > img {
  opacity: 1 !important;
  filter: none !important;
}
html body.home-page main#main#main section.universe-cta::after { opacity: 0 !important; display: none !important; }
html body.home-page main#main#main section.universe-cta > div {
  background: rgba(3,7,14,.76) !important;
  border: 1px solid rgba(240,200,120,.72) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.home-page main#main#main section.universe-cta > div h2 {
  color: #f3d58f !important;
  font-family: var(--font-body) !important;
  font-weight: 900 !important;
  text-shadow: 0 3px 24px rgba(0,0,0,.96) !important;
}

html body.drumkits-page main#main#main section#shadowslide .kit-env {
  background: linear-gradient(90deg, rgba(4,6,12,.72), rgba(4,6,12,.2), rgba(4,6,12,.68)), url('images/b2b-crt-throne.png') center / cover no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
}
html body.drumkits-page main#main#main section#ghostrideknock .kit-env {
  background: linear-gradient(90deg, rgba(8,5,14,.72), rgba(8,5,14,.2), rgba(8,5,14,.66)), url('images/b2b-torn-royalty-archive.png') center / cover no-repeat !important;
  opacity: 1 !important;
  filter: none !important;
}
html body.drumkits-page main#main#main section#shadowslide .kit-copy,
html body.drumkits-page main#main#main section#ghostrideknock .kit-copy {
  background: rgba(4,6,12,.78) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}

html body.catalog-page main#main#main#main .catalog-hero > picture > img {
  object-fit: contain !important;
  object-position: 78% 18% !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.catalog-page main#main#main#main .catalog-hero::after { opacity: .08 !important; }
@media (max-width: 900px) {
  html body.catalog-page main#main#main#main .catalog-hero { min-height: min(760px, 100svh) !important; background: #020306 !important; }
  html body.catalog-page main#main#main#main .catalog-hero > picture > img { object-fit: contain !important; object-position: 78% 18% !important; }
  html body.catalog-page main#main#main#main section.store-section .store-copy { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
}

/* v55 final clarity pass: full-frame imagery, clean header, readable type */
html body.home-page .site-header,
html body.catalog-page .site-header,
html body.drumkits-page .site-header,
html body.home-page .site-header.scrolled,
html body.catalog-page .site-header.scrolled,
html body.drumkits-page .site-header.scrolled {
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.home-page .site-header::after,
html body.catalog-page .site-header::after,
html body.drumkits-page .site-header::after { display: none !important; content: none !important; }
html body.home-page .desktop-nav a,
html body.catalog-page .desktop-nav a,
html body.drumkits-page .desktop-nav a,
html body.home-page .brand > span,
html body.catalog-page .brand > span,
html body.drumkits-page .brand > span { text-shadow: 0 2px 12px rgba(0,0,0,.88) !important; }

html body.home-page .hero-bg {
  background-image: url('images/b2b-crt-crown-broadcast.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.home-page .hero::before { display: none !important; content: none !important; }
html body.home-page .hero::after { opacity: .22 !important; }

html body.home-page main#main#main section#process {
  background-image: url('images/b2b-analog-time-machine.png') !important;
  background-size: cover !important;
  background-attachment: scroll !important;
}
html body.home-page main#main#main section#process .process-heading h2 {
  color: #f3d58f !important;
  font-family: var(--font-body) !important;
  font-weight: 800 !important;
  letter-spacing: .015em !important;
  text-transform: uppercase !important;
  text-shadow: 0 3px 20px rgba(0,0,0,.94) !important;
}
html body.home-page main#main#main section#process .process-image {
  background: #03070d !important;
}
html body.home-page main#main#main section#process .process-image img {
  object-fit: contain !important;
  object-position: center center !important;
  filter: saturate(.9) contrast(1.06) brightness(.84) !important;
  transform: none !important;
}
html body.home-page main#main#main section#process .process-image::after {
  background: linear-gradient(180deg, rgba(3,7,14,.08), rgba(3,7,14,.36)), linear-gradient(135deg, rgba(42,170,255,.08), transparent 46%, rgba(240,200,120,.1)) !important;
  opacity: .7 !important;
}
html body.home-page main#main#main section#process .process-step:hover .process-image img,
html body.home-page main#main#main section#process .process-step:focus-within .process-image img {
  filter: saturate(1.04) contrast(1.1) brightness(1) drop-shadow(0 0 18px rgba(42,170,255,.18)) !important;
  transform: none !important;
}
html body.home-page main#main#main section#process .process-step:hover .process-image::after,
html body.home-page main#main#main section#process .process-step:focus-within .process-image::after { opacity: .36 !important; }

html body.home-page main#main#main section#custom-beats > img {
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.home-page main#main#main section#custom-beats::after {
  background: linear-gradient(90deg, rgba(3,5,10,.72), rgba(3,5,10,.2) 58%, rgba(3,5,10,.46)) !important;
  opacity: .88 !important;
}
html body.home-page main#main#main section#custom-beats > .shell > h2 {
  font-family: var(--font-body) !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  color: #fff !important;
  background: linear-gradient(135deg, rgba(3,7,14,.94), rgba(14,20,34,.82)) !important;
  border: 1px solid rgba(240,200,120,.56) !important;
  border-left: 4px solid #2aaaff !important;
  text-shadow: 0 3px 22px rgba(0,0,0,.96) !important;
}

html body.home-page main#main#main section.universe-cta > img {
  opacity: 1 !important;
  filter: none !important;
}
html body.home-page main#main#main section.universe-cta::after {
  background: linear-gradient(180deg, rgba(3,7,14,.04), rgba(3,7,14,.2)) !important;
  opacity: .34 !important;
}
html body.home-page main#main#main section.universe-cta > div {
  background: rgba(3,7,14,.7) !important;
  border: 1px solid rgba(240,200,120,.68) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.5) !important;
}
html body.home-page main#main#main section.universe-cta > div h2 {
  color: #f3d58f !important;
  font-family: var(--font-body) !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-shadow: 0 3px 22px rgba(0,0,0,.96) !important;
}

html body.drumkits-page main#main#main section#shadowslide .kit-env {
  background-image: linear-gradient(90deg, rgba(4,6,12,.78), rgba(4,6,12,.28), rgba(4,6,12,.72)), url('images/b2b-crt-throne.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: 1 !important;
  filter: none !important;
}
html body.drumkits-page main#main#main section#ghostrideknock .kit-env {
  background-image: linear-gradient(90deg, rgba(8,5,14,.78), rgba(8,5,14,.24), rgba(8,5,14,.7)), url('images/b2b-torn-royalty-archive.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: 1 !important;
  filter: none !important;
}
html body.drumkits-page main#main#main section#shadowslide .kit-copy,
html body.drumkits-page main#main#main section#ghostrideknock .kit-copy {
  background: rgba(4,6,12,.7) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: rgba(240,200,120,.58) !important;
}

html body.catalog-page main#main#main#main .catalog-hero > picture > img {
  object-fit: contain !important;
  object-position: 78% center !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.catalog-page main#main#main#main .catalog-hero::after {
  background: linear-gradient(90deg, rgba(2,4,10,.22), transparent 62%, rgba(2,4,10,.18)) !important;
}
@media (max-width: 900px) {
  html body.catalog-page main#main#main#main .catalog-hero {
    min-height: min(680px, 94svh) !important;
  }
  html body.catalog-page main#main#main#main .catalog-hero > picture > img {
    object-fit: contain !important;
    object-position: 78% 18% !important;
  }
  html body.catalog-page main#main#main#main .catalog-hero > .shell {
    margin-top: 170px !important;
  }
  html body.catalog-page main#main#main#main section.store-section .store-copy {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(3,7,14,.76) !important;
  }
}

/* v50 true EOF lock: final visual and mobile layout decisions */
html body.home-page main#main#main section#process .process-image { position: relative !important; isolation: isolate !important; overflow: hidden !important; background: #05070d !important; }
html body.home-page main#main#main section#process .process-image::after { content: '' !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important; background: linear-gradient(180deg, rgba(3,7,14,.22), rgba(3,7,14,.7)), linear-gradient(135deg, rgba(42,170,255,.13), transparent 42%, rgba(240,200,120,.16)) !important; opacity: .96 !important; transition: opacity .38s ease !important; }
html body.home-page main#main#main section#process .process-image img { position: relative !important; z-index: 0 !important; filter: saturate(.78) contrast(1.08) brightness(.62) !important; transform: scale(1.012) !important; transition: filter .46s ease, transform .46s cubic-bezier(.2,.7,.2,1) !important; }
html body.home-page main#main#main section#process .process-image > span { z-index: 2 !important; }
html body.home-page main#main#main section#process .process-step:hover .process-image img, html body.home-page main#main#main section#process .process-step:focus-within .process-image img { filter: saturate(.96) contrast(1.1) brightness(.74) !important; transform: scale(1.045) !important; }
html body.home-page main#main#main section#process .process-step:hover .process-image::after, html body.home-page main#main#main section#process .process-step:focus-within .process-image::after { opacity: .78 !important; }
html body.home-page main#main#main section#process .process-step:nth-child(2) .process-image::after { background: linear-gradient(180deg, rgba(2,10,8,.2), rgba(2,10,8,.72)), linear-gradient(135deg, rgba(38,198,128,.2), transparent 46%, rgba(240,200,120,.12)) !important; }
html body.home-page main#main#main section#process .process-step:nth-child(3) .process-image::after { background: linear-gradient(180deg, rgba(3,6,18,.2), rgba(3,6,18,.72)), linear-gradient(135deg, rgba(42,170,255,.2), transparent 46%, rgba(112,82,210,.16)) !important; }
html body.home-page main#main#main section#custom-beats > img { object-position: center center !important; filter: brightness(.72) saturate(.92) contrast(1.08) !important; }
html body.home-page main#main#main section#custom-beats::after { background: linear-gradient(90deg, rgba(3,5,10,.78), rgba(3,5,10,.22) 58%, rgba(3,5,10,.58)) !important; opacity: 1 !important; }
html body.home-page main#main#main section#custom-beats > .shell > h2 { max-width: 820px !important; padding: clamp(18px, 2.4vw, 32px) clamp(18px, 3vw, 38px) !important; background: linear-gradient(135deg, rgba(3,7,14,.94), rgba(8,18,30,.76)) !important; border: 1px solid rgba(42,170,255,.58) !important; border-left: 4px solid #f0c878 !important; box-shadow: 0 24px 70px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.08) !important; text-shadow: 0 3px 18px rgba(0,0,0,.92) !important; }
html body.home-page main#main#main section.universe-cta > img { opacity: .98 !important; filter: brightness(.86) saturate(1.08) contrast(1.04) !important; }
html body.home-page main#main#main section.universe-cta::after { background: linear-gradient(180deg, rgba(3,7,14,.12), rgba(3,7,14,.42)) !important; opacity: .72 !important; }
html body.home-page main#main#main section.universe-cta > div { background: rgba(3,7,14,.34) !important; border-color: rgba(240,200,120,.46) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; }
html body.catalog-page main#main#main#main .catalog-hero > picture > img { object-fit: contain !important; object-position: center center !important; background: #020306 !important; }
html body.catalog-page main#main#main#main .catalog-hero::after { background: linear-gradient(90deg, rgba(2,4,10,.64), rgba(2,4,10,.18) 55%, rgba(2,4,10,.52)) !important; }
html body.catalog-page main#main#main#main section.store-section.section.shell { background-color: transparent !important; background-image: none !important; }
html body.catalog-page main#main#main#main section.store-section::before, html body.catalog-page main#main#main#main section.store-section::after { display: none !important; content: none !important; }
@media (max-width: 900px) {
  html body.catalog-page { overflow-x: hidden !important; }
  html body.catalog-page .site-header, html body.catalog-page .site-header.scrolled { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
  html body.catalog-page .site-header::after { display: none !important; content: none !important; }
  html body.catalog-page main#main#main#main .catalog-hero { min-height: min(760px, 100svh) !important; background: #020306 !important; }
  html body.catalog-page main#main#main#main .catalog-hero > picture { background: #020306 !important; }
  html body.catalog-page main#main#main#main .catalog-hero > picture > img { object-fit: contain !important; object-position: center center !important; filter: none !important; }
  html body.catalog-page main#main#main#main .catalog-hero::after { background: linear-gradient(90deg, rgba(2,4,10,.48), rgba(2,4,10,.12) 52%, rgba(2,4,10,.44)) !important; }
  html body.catalog-page main#main#main#main section.store-section.section.shell { display: block !important; position: relative !important; min-height: 0 !important; padding: 30px 14px 52px !important; margin: 0 !important; background: transparent !important; }
  html body.catalog-page main#main#main#main section.store-section .store-copy { position: relative !important; inset: auto !important; top: auto !important; width: 100% !important; margin: 0 0 18px !important; padding: 22px 18px !important; background: rgba(3,7,14,.74) !important; border: 1px solid rgba(240,200,120,.5) !important; box-shadow: 0 18px 44px rgba(0,0,0,.42) !important; backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; z-index: 2 !important; }
  html body.catalog-page main#main#main#main section.store-section .store-embed { position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; z-index: 3 !important; }
  html body.catalog-page main#main#main#main section.store-section .store-embed iframe { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: 1080px !important; margin: 0 !important; border: 0 !important; }
  html body.home-page main#main#main section#custom-beats > .shell > h2 { max-width: calc(100% - 28px) !important; }
}

/* v49 EOF lock: requested mobile readability and unique image treatment */
html body.home-page main#main#main section#process .process-image { position: relative !important; isolation: isolate !important; overflow: hidden !important; background: #05070d !important; }
html body.home-page main#main#main section#process .process-image::after {
  content: '' !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important;
  background: linear-gradient(180deg, rgba(3,7,14,.22), rgba(3,7,14,.7)), linear-gradient(135deg, rgba(42,170,255,.13), transparent 42%, rgba(240,200,120,.16)) !important;
  opacity: .96 !important; transition: opacity .38s ease !important;
}
html body.home-page main#main#main section#process .process-image img { position: relative !important; z-index: 0 !important; filter: saturate(.78) contrast(1.08) brightness(.62) !important; transform: scale(1.012) !important; transition: filter .46s ease, transform .46s cubic-bezier(.2,.7,.2,1) !important; }
html body.home-page main#main#main section#process .process-image > span { z-index: 2 !important; }
html body.home-page main#main#main section#process .process-step:hover .process-image img,
html body.home-page main#main#main section#process .process-step:focus-within .process-image img { filter: saturate(.96) contrast(1.1) brightness(.74) !important; transform: scale(1.045) !important; }
html body.home-page main#main#main section#process .process-step:hover .process-image::after,
html body.home-page main#main#main section#process .process-step:focus-within .process-image::after { opacity: .78 !important; }
html body.home-page main#main#main section#process .process-step:nth-child(2) .process-image::after { background: linear-gradient(180deg, rgba(2,10,8,.2), rgba(2,10,8,.72)), linear-gradient(135deg, rgba(38,198,128,.2), transparent 46%, rgba(240,200,120,.12)) !important; }
html body.home-page main#main#main section#process .process-step:nth-child(3) .process-image::after { background: linear-gradient(180deg, rgba(3,6,18,.2), rgba(3,6,18,.72)), linear-gradient(135deg, rgba(42,170,255,.2), transparent 46%, rgba(112,82,210,.16)) !important; }
html body.home-page main#main#main section#custom-beats > img { object-position: center center !important; filter: brightness(.72) saturate(.92) contrast(1.08) !important; }
html body.home-page main#main#main section#custom-beats::after { background: linear-gradient(90deg, rgba(3,5,10,.78), rgba(3,5,10,.22) 58%, rgba(3,5,10,.58)) !important; opacity: 1 !important; }
html body.home-page main#main#main section#custom-beats > .shell > h2 { max-width: 820px !important; padding: clamp(18px, 2.4vw, 32px) clamp(18px, 3vw, 38px) !important; background: linear-gradient(135deg, rgba(3,7,14,.94), rgba(8,18,30,.76)) !important; border: 1px solid rgba(42,170,255,.58) !important; border-left: 4px solid #f0c878 !important; box-shadow: 0 24px 70px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.08) !important; text-shadow: 0 3px 18px rgba(0,0,0,.92) !important; }
html body.home-page main#main#main section.universe-cta > img { opacity: .98 !important; filter: brightness(.86) saturate(1.08) contrast(1.04) !important; }
html body.home-page main#main#main section.universe-cta::after { background: linear-gradient(180deg, rgba(3,7,14,.12), rgba(3,7,14,.42)) !important; opacity: .72 !important; }
html body.home-page main#main#main section.universe-cta > div { background: rgba(3,7,14,.34) !important; border-color: rgba(240,200,120,.46) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; }
html body.catalog-page main#main#main#main .catalog-hero > picture > img { object-fit: contain !important; object-position: center center !important; background: #020306 !important; }
html body.catalog-page main#main#main#main .catalog-hero::after { background: linear-gradient(90deg, rgba(2,4,10,.64), rgba(2,4,10,.18) 55%, rgba(2,4,10,.52)) !important; }
html body.catalog-page main#main#main#main section.store-section.section.shell { background-color: transparent !important; background-image: none !important; }
html body.catalog-page main#main#main#main section.store-section::before,
html body.catalog-page main#main#main#main section.store-section::after { display: none !important; content: none !important; }
@media (max-width: 900px) {
  html body.catalog-page { overflow-x: hidden !important; }
  html body.catalog-page .site-header, html body.catalog-page .site-header.scrolled { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
  html body.catalog-page .site-header::after { display: none !important; content: none !important; }
  html body.catalog-page main#main#main#main .catalog-hero { min-height: min(760px, 100svh) !important; background: #020306 !important; }
  html body.catalog-page main#main#main#main .catalog-hero > picture { background: #020306 !important; }
  html body.catalog-page main#main#main#main .catalog-hero > picture > img { object-fit: contain !important; object-position: center center !important; filter: none !important; }
  html body.catalog-page main#main#main#main .catalog-hero::after { background: linear-gradient(90deg, rgba(2,4,10,.48), rgba(2,4,10,.12) 52%, rgba(2,4,10,.44)) !important; }
  html body.catalog-page main#main#main#main section.store-section.section.shell { display: block !important; position: relative !important; min-height: 0 !important; padding: 30px 14px 52px !important; margin: 0 !important; background: transparent !important; }
  html body.catalog-page main#main#main#main section.store-section .store-copy { position: relative !important; inset: auto !important; top: auto !important; width: 100% !important; margin: 0 0 18px !important; padding: 22px 18px !important; background: rgba(3,7,14,.74) !important; border: 1px solid rgba(240,200,120,.5) !important; box-shadow: 0 18px 44px rgba(0,0,0,.42) !important; backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; z-index: 2 !important; }
  html body.catalog-page main#main#main#main section.store-section .store-embed { position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; z-index: 3 !important; }
  html body.catalog-page main#main#main#main section.store-section .store-embed iframe { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: 1080px !important; margin: 0 !important; border: 0 !important; }
  html body.home-page main#main#main section#custom-beats > .shell > h2 { max-width: calc(100% - 28px) !important; }
}

/* v48 editorial finish: dark musical overlays, unique custom art and clean mobile store flow */
html body.home-page main#main#main section#process .process-image {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #05070d !important;
  border-color: rgba(240,200,120,.52) !important;
}
html body.home-page main#main#main section#process .process-image::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(3,7,14,.22) 0%, rgba(3,7,14,.7) 100%),
    linear-gradient(135deg, rgba(42,170,255,.13), transparent 42%, rgba(240,200,120,.16)) !important;
  opacity: .96 !important;
  transition: opacity .38s ease, background-position .38s ease !important;
}
html body.home-page main#main#main section#process .process-image img {
  position: relative !important;
  z-index: 0 !important;
  filter: saturate(.78) contrast(1.08) brightness(.62) !important;
  transform: scale(1.012) !important;
  transition: filter .46s ease, transform .46s cubic-bezier(.2,.7,.2,1) !important;
}
html body.home-page main#main#main section#process .process-image > span {
  z-index: 2 !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.44), 0 0 0 1px rgba(255,255,255,.08) inset !important;
}
html body.home-page main#main#main section#process .process-step:hover .process-image img,
html body.home-page main#main#main section#process .process-step:focus-within .process-image img {
  filter: saturate(.96) contrast(1.1) brightness(.74) !important;
  transform: scale(1.045) !important;
}
html body.home-page main#main#main section#process .process-step:hover .process-image::after,
html body.home-page main#main#main section#process .process-step:focus-within .process-image::after {
  opacity: .78 !important;
}
html body.home-page main#main#main section#process .process-step:nth-child(2) .process-image::after {
  background:
    linear-gradient(180deg, rgba(2,10,8,.2), rgba(2,10,8,.72)),
    linear-gradient(135deg, rgba(38,198,128,.2), transparent 46%, rgba(240,200,120,.12)) !important;
}
html body.home-page main#main#main section#process .process-step:nth-child(3) .process-image::after {
  background:
    linear-gradient(180deg, rgba(3,6,18,.2), rgba(3,6,18,.72)),
    linear-gradient(135deg, rgba(42,170,255,.2), transparent 46%, rgba(112,82,210,.16)) !important;
}

html body.home-page main#main#main section#custom-beats > img {
  object-position: center center !important;
  filter: brightness(.72) saturate(.92) contrast(1.08) !important;
}
html body.home-page main#main#main section#custom-beats::after {
  background: linear-gradient(90deg, rgba(3,5,10,.78), rgba(3,5,10,.22) 58%, rgba(3,5,10,.58)) !important;
  opacity: 1 !important;
}
html body.home-page main#main#main section#custom-beats > .shell > h2 {
  position: relative !important;
  max-width: 820px !important;
  padding: clamp(18px, 2.4vw, 32px) clamp(18px, 3vw, 38px) !important;
  background: linear-gradient(135deg, rgba(3,7,14,.94), rgba(8,18,30,.76)) !important;
  border: 1px solid rgba(42,170,255,.58) !important;
  border-left: 4px solid #f0c878 !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.08) !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.92) !important;
}
html body.home-page main#main#main section.universe-cta > img {
  opacity: .98 !important;
  filter: brightness(.86) saturate(1.08) contrast(1.04) !important;
}
html body.home-page main#main#main section.universe-cta::after {
  background: linear-gradient(180deg, rgba(3,7,14,.12), rgba(3,7,14,.42)) !important;
  opacity: .72 !important;
}
html body.home-page main#main#main section.universe-cta > div {
  background: rgba(3,7,14,.34) !important;
  border-color: rgba(240,200,120,.46) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

html body.catalog-page main#main#main#main .catalog-hero > picture > img {
  object-fit: cover !important;
  object-position: center center !important;
  background: #020306 !important;
}
html body.catalog-page main#main#main#main .catalog-hero::after {
  background: linear-gradient(90deg, rgba(2,4,10,.64), rgba(2,4,10,.18) 55%, rgba(2,4,10,.52)) !important;
}
html body.catalog-page main#main#main#main section.store-section.section.shell {
  background-color: transparent !important;
  background-image: none !important;
}
html body.catalog-page main#main#main#main section.store-section::before,
html body.catalog-page main#main#main#main section.store-section::after {
  display: none !important;
  content: none !important;
}

@media (max-width: 900px) {
  html body.catalog-page {
    overflow-x: hidden !important;
  }
  html body.catalog-page .site-header,
  html body.catalog-page .site-header.scrolled {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
  html body.catalog-page .site-header::after {
    display: none !important;
    content: none !important;
  }
  html body.catalog-page main#main#main#main .catalog-hero {
    min-height: min(760px, 100svh) !important;
    background: #020306 !important;
  }
  html body.catalog-page main#main#main#main .catalog-hero > picture {
    background: #020306 !important;
  }
  html body.catalog-page main#main#main#main .catalog-hero > picture > img {
    object-fit: contain !important;
    object-position: center center !important;
    filter: none !important;
  }
  html body.catalog-page main#main#main#main .catalog-hero::after {
    background: linear-gradient(90deg, rgba(2,4,10,.48), rgba(2,4,10,.12) 52%, rgba(2,4,10,.44)) !important;
  }
  html body.catalog-page main#main#main#main section.store-section.section.shell {
    display: block !important;
    position: relative !important;
    min-height: 0 !important;
    padding: 30px 14px 52px !important;
    margin: 0 !important;
    background: transparent !important;
  }
  html body.catalog-page main#main#main#main section.store-section .store-copy {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 22px 18px !important;
    background: rgba(3,7,14,.74) !important;
    border: 1px solid rgba(240,200,120,.5) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.42) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    z-index: 2 !important;
  }
  html body.catalog-page main#main#main#main section.store-section .store-embed {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 3 !important;
  }
  html body.catalog-page main#main#main#main section.store-section .store-embed iframe {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 1080px !important;
    margin: 0 !important;
    border: 0 !important;
  }
  html body.home-page main#main#main section#custom-beats > .shell > h2 {
    max-width: calc(100% - 28px) !important;
  }
}

/* v44 final lock: the latest brand assignment wins over legacy art-direction passes */
html body.home-page .site-header .brand > img,
html body.catalog-page .site-header .brand > img,
html body.drumkits-page .site-header .brand > img {
  border-radius: 50% !important;
  object-fit: contain !important;
  background: #020306 !important;
  transition: transform .55s cubic-bezier(.22,1,.36,1), filter .45s ease !important;
}
html body.catalog-page main#main#main#main section.catalog-hero > picture > img {
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(.98) contrast(1.04) !important;
}
html body.catalog-page main#main#main#main section.store-section.section.shell {
  background-color: #030508 !important;
  background-image: linear-gradient(90deg, rgba(3,5,8,.9) 0%, rgba(3,5,8,.48) 38%, rgba(3,5,8,.84) 100%), url('images/b2b-beats-medallion.png') !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: min(100%, 980px) auto !important;
}
html body.catalog-page main#main#main#main section#license-path.license-section {
  background-image: linear-gradient(90deg, rgba(4,6,12,.94) 0%, rgba(4,6,12,.7) 52%, rgba(4,6,12,.9) 100%), url('images/b2b-tattoo-flash-sound-wall.png') !important;
  background-size: cover !important;
  background-position: center !important;
}
html body.catalog-page main#main#main#main section.catalog-art.section {
  background-color: #02040a !important;
  background-image: linear-gradient(90deg, rgba(2,4,10,.9), rgba(2,4,10,.44) 48%, rgba(2,4,10,.88)), url('images/b2b-custom-speaker-medallion.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: min(100%, 980px) auto !important;
}
html body.catalog-page main#main#main#main section.catalog-art.section > img { opacity: 0 !important; visibility: hidden !important; }
html body.drumkits-page main#main#main .drumkits-hero__media {
  background-image: linear-gradient(90deg, rgba(4,6,12,.8) 0%, rgba(4,6,12,.32) 50%, rgba(4,6,12,.12) 100%), url('images/b2b-drumkits-originals-banner.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: 1 !important;
  filter: none !important;
}
html body.home-page main#main#main section#process .process-heading {
  position: relative !important;
  max-width: 760px !important;
  padding: 28px 30px 30px !important;
  background: linear-gradient(135deg, rgba(3,7,14,.97), rgba(8,25,42,.9)) !important;
  border: 1px solid rgba(42,170,255,.58) !important;
  border-left: 4px solid #f0c878 !important;
  box-shadow: 0 24px 72px rgba(0,0,0,.46), inset 0 1px rgba(255,255,255,.08) !important;
}
html body.home-page main#main#main section#process .process-heading::after {
  content: '' !important;
  position: absolute !important;
  left: 30px !important;
  bottom: 12px !important;
  width: 150px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #f0c878, #2aaaff, transparent) !important;
}
html body.home-page main#main#main section#process .process-heading .section-kicker {
  color: #f0c878 !important;
  letter-spacing: .22em !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.92) !important;
}
html body .site-header .header-actions .lang-switch {
  min-width: 86px !important;
  width: auto !important;
  padding: 4px 9px !important;
  gap: 5px !important;
  background: linear-gradient(135deg, rgba(5,17,31,.96), rgba(4,6,12,.92)) !important;
  border: 1px solid rgba(42,170,255,.8) !important;
  box-shadow: inset 0 0 0 1px rgba(240,200,120,.16), 0 8px 24px rgba(0,0,0,.28) !important;
}
html body .site-header .header-actions .lang-switch .lang-current {
  padding: 5px 8px !important;
  color: #06101a !important;
  background: linear-gradient(135deg, #f5d98f, #d6a85b) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}
html body .site-header .header-actions .lang-switch .lang-next { color: #f0c878 !important; font-weight: 700 !important; }
html body .site-header .header-actions .lang-switch > i { background: #2aaaff !important; }
@media (max-width: 900px) {
  html body.catalog-page main#main#main#main section.store-section.section.shell {
    background-image: none !important;
    background-color: #030508 !important;
  }
  html body.catalog-page main#main#main#main section.catalog-art.section { background-size: contain !important; background-position: center top !important; }
  html body.drumkits-page main#main#main .drumkits-hero__media {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #02040a !important;
  }
  html body.home-page main#main#main section#process .process-heading { width: calc(100% - 28px) !important; padding: 22px 20px 26px !important; }
  html body.home-page main#main#main section#process .process-heading::after { left: 20px !important; }
  html body .site-header .header-actions .lang-switch { min-width: 72px !important; width: 72px !important; padding-inline: 5px !important; }
}

/* v44 brand asset pass: one distinctive image per visual role */
html body.home-page .site-header .brand > img,
html body.catalog-page .site-header .brand > img,
html body.drumkits-page .site-header .brand > img {
  border-radius: 50% !important;
  object-fit: contain !important;
  background: #020306 !important;
  transition: transform .55s cubic-bezier(.22,1,.36,1), filter .45s ease !important;
}

html body.catalog-page main#main#main#main section.catalog-hero > picture > img {
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(.98) contrast(1.04) !important;
}

html body.catalog-page main#main#main#main section.store-section.section.shell {
  background-color: #030508 !important;
  background-image: linear-gradient(90deg, rgba(3,5,8,.9) 0%, rgba(3,5,8,.48) 38%, rgba(3,5,8,.84) 100%), url('images/b2b-beats-medallion.png') !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: min(100%, 980px) auto !important;
}

html body.catalog-page main#main#main#main section#license-path.license-section {
  background-image: linear-gradient(90deg, rgba(4,6,12,.94) 0%, rgba(4,6,12,.7) 52%, rgba(4,6,12,.9) 100%), url('images/b2b-tattoo-flash-sound-wall.png') !important;
  background-size: cover !important;
  background-position: center !important;
}

html body.catalog-page main#main#main#main section.catalog-art.section {
  background-color: #02040a !important;
  background-image: linear-gradient(90deg, rgba(2,4,10,.9), rgba(2,4,10,.44) 48%, rgba(2,4,10,.88)), url('images/b2b-custom-speaker-medallion.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: min(100%, 980px) auto !important;
}
html body.catalog-page main#main#main#main section.catalog-art.section > img {
  opacity: 0 !important;
  visibility: hidden !important;
}

html body.drumkits-page main#main#main .drumkits-hero__media {
  background-image: linear-gradient(90deg, rgba(4,6,12,.8) 0%, rgba(4,6,12,.32) 50%, rgba(4,6,12,.12) 100%), url('images/b2b-drumkits-originals-banner.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: 1 !important;
  filter: none !important;
}

html body.home-page main#main#main section#process .process-heading {
  position: relative !important;
  max-width: 760px !important;
  padding: 28px 30px 30px !important;
  background: linear-gradient(135deg, rgba(3,7,14,.97), rgba(8,25,42,.9)) !important;
  border: 1px solid rgba(42,170,255,.58) !important;
  border-left: 4px solid #f0c878 !important;
  box-shadow: 0 24px 72px rgba(0,0,0,.46), inset 0 1px rgba(255,255,255,.08) !important;
}
html body.home-page main#main#main section#process .process-heading::after {
  content: '' !important;
  position: absolute !important;
  left: 30px !important;
  bottom: 12px !important;
  width: 150px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #f0c878, #2aaaff, transparent) !important;
}
html body.home-page main#main#main section#process .process-heading .section-kicker {
  color: #f0c878 !important;
  letter-spacing: .22em !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.92) !important;
}

html body .site-header .header-actions .lang-switch {
  min-width: 86px !important;
  width: auto !important;
  padding: 4px 9px !important;
  gap: 5px !important;
  background: linear-gradient(135deg, rgba(5,17,31,.96), rgba(4,6,12,.92)) !important;
  border: 1px solid rgba(42,170,255,.8) !important;
  box-shadow: inset 0 0 0 1px rgba(240,200,120,.16), 0 8px 24px rgba(0,0,0,.28) !important;
}
html body .site-header .header-actions .lang-switch .lang-current {
  padding: 5px 8px !important;
  color: #06101a !important;
  background: linear-gradient(135deg, #f5d98f, #d6a85b) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}
html body .site-header .header-actions .lang-switch .lang-next {
  color: #f0c878 !important;
  font-weight: 700 !important;
}
html body .site-header .header-actions .lang-switch > i {
  background: #2aaaff !important;
}

@media (max-width: 900px) {
  html body.catalog-page main#main#main#main section.store-section.section.shell {
    background-image: none !important;
    background-color: #030508 !important;
  }
  html body.catalog-page main#main#main#main section.catalog-art.section {
    background-size: contain !important;
    background-position: center top !important;
  }
  html body.drumkits-page main#main#main .drumkits-hero__media {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #02040a !important;
  }
  html body.home-page main#main#main section#process .process-heading {
    width: calc(100% - 28px) !important;
    padding: 22px 20px 26px !important;
  }
  html body.home-page main#main#main section#process .process-heading::after { left: 20px !important; }
  html body .site-header .header-actions .lang-switch {
    min-width: 72px !important;
    width: 72px !important;
    padding-inline: 5px !important;
  }
}

/* v43 beat-selling hierarchy: mixing service replaces the removed studio section */
html body .service-section {
  position: relative !important;
  min-height: 680px !important;
  display: grid !important;
  align-items: center !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-block: 1px solid rgba(240,200,120,.24) !important;
}
html body .service-section__media {
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background: linear-gradient(90deg, rgba(4,6,12,.95), rgba(4,6,12,.66) 48%, rgba(4,6,12,.2)), url('images/dark-workspace.webp') center / cover no-repeat !important;
  filter: saturate(.86) contrast(1.08) !important;
}
html body .service-section::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 82% 24%, rgba(42,170,255,.16), transparent 30%), linear-gradient(180deg, transparent, rgba(4,6,12,.55)) !important;
}
html body .service-section__content {
  width: min(760px, calc(100% - 40px)) !important;
  margin-inline: 0 !important;
  padding: clamp(30px, 5vw, 58px) !important;
  background: linear-gradient(135deg, rgba(4,6,12,.9), rgba(12,16,32,.76)) !important;
  border: 1px solid rgba(240,200,120,.54) !important;
  border-left: 4px solid #2aaaff !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.42) !important;
}
html body .service-section__content h2 { max-width: 680px !important; margin: 12px 0 20px !important; color: #fff !important; font-size: clamp(42px, 5vw, 78px) !important; line-height: .94 !important; text-wrap: balance !important; }
html body .service-section__content > p:not(.section-kicker) { max-width: 620px !important; color: rgba(255,255,255,.92) !important; font-size: clamp(17px, 1.5vw, 21px) !important; }
html body .service-points { display: grid !important; gap: 12px !important; margin: 26px 0 30px !important; padding: 0 !important; list-style: none !important; }
html body .service-points li { padding: 12px 0 12px 22px !important; border-left: 2px solid #f0c878 !important; color: #fff !important; font-weight: 700 !important; }
html body .desktop-nav { gap: clamp(10px, 1.5vw, 24px) !important; }
html body .desktop-nav a { font-size: 10px !important; letter-spacing: .13em !important; }
html body .lang-switch { flex-shrink: 0 !important; }
@media (max-width: 900px) {
  html body .service-section { min-height: 720px !important; align-items: end !important; }
  html body .service-section__media { background-position: 64% center !important; }
  html body .service-section__content { width: calc(100% - 28px) !important; margin-inline: auto !important; padding: 28px 22px !important; }
  html body .service-section__content h2 { font-size: clamp(40px, 11vw, 62px) !important; }
}

/* v41 final: unique gallery assignment, high-contrast overlays and calm motion */
html body.home-page main#main#main section#process {
  background-image: linear-gradient(180deg, rgba(6,8,12,.96), rgba(6,8,12,.86) 48%, rgba(6,8,12,.98)), url('images/vocal-booth.webp') !important;
  background-size: cover !important;
  background-position: center !important;
}

html body.home-page main#main#main section.atelier {
  background-image: linear-gradient(180deg, rgba(6,8,12,.98), rgba(18,13,34,.92)) !important;
}

html body.home-page main#main#main section#faq {
  background-image: linear-gradient(180deg, rgba(6,8,12,.94), rgba(6,8,12,.82)), url('images/b2b-liquid-diamond-frequency.png') !important;
  background-size: cover !important;
  background-position: center !important;
}

html body.home-page main#main#main section#faq .shell {
  position: relative !important;
  z-index: 1 !important;
  padding: clamp(22px, 3vw, 42px) !important;
  background: rgba(4,6,12,.64) !important;
  border: 1px solid rgba(240,200,120,.34) !important;
  box-shadow: 0 24px 72px rgba(0,0,0,.34) !important;
}

html body.home-page main#main#main section#atelier .atelier-one {
  overflow: hidden !important;
}

html body.home-page main#main#main section#atelier .atelier-one > img {
  filter: saturate(.88) contrast(1.08) !important;
  transition: transform .75s cubic-bezier(.22,1,.36,1), filter .55s ease !important;
}

html body.home-page main#main#main section#atelier .atelier-one:hover > img,
html body.home-page main#main#main section#atelier .atelier-one:focus-within > img {
  transform: scale(1.045) !important;
  filter: saturate(1.2) contrast(1.12) brightness(1.05) !important;
}

html body.home-page main#main#main section#contact.artist-cta {
  isolation: isolate !important;
}

html body.home-page main#main#main section#contact.artist-cta > img {
  object-position: center !important;
  filter: saturate(.94) contrast(1.08) !important;
  transition: transform .8s cubic-bezier(.22,1,.36,1), filter .6s ease !important;
}

html body.home-page main#main#main section#contact.artist-cta:hover > img,
html body.home-page main#main#main section#contact.artist-cta:focus-within > img {
  transform: scale(1.04) !important;
  filter: saturate(1.2) contrast(1.12) brightness(1.06) !important;
}
html body.home-page main#main#main section#contact.artist-cta > div.shell {
  position: relative !important;
  z-index: 2 !important;
  background: linear-gradient(135deg, rgba(4,6,12,.9), rgba(20,10,27,.78)) !important;
  border: 1px solid rgba(240,200,120,.56) !important;
  border-left: 4px solid #f0c878 !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.48) !important;
}
html body.home-page main#main#main section#contact.artist-cta > div.shell h2,
html body.home-page main#main#main section#contact.artist-cta > div.shell p {
  color: #fff !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.94) !important;
}
html body.home-page main#main#main section#contact.artist-cta > div.shell .section-index {
  color: #f0c878 !important;
}

html body.home-page main#main#main section.universe-cta {
  background: linear-gradient(135deg, #070a12, #18112b) !important;
}

html body.home-page main#main#main section.universe-cta > img {
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.04) contrast(1.06) !important;
}

html body.home-page main#main#main section.universe-cta > div {
  background: linear-gradient(135deg, rgba(6,8,12,.86), rgba(21,13,41,.74)) !important;
  border: 1px solid rgba(240,200,120,.56) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.44) !important;
}

html body.catalog-page main#main#main#main section#license-path.license-section {
  background-image: linear-gradient(90deg, rgba(4,6,12,.9), rgba(4,6,12,.58) 52%, rgba(4,6,12,.78)), url('images/b2b-forged-chrome-chain.png') !important;
  background-size: cover !important;
  background-position: center !important;
}

html body.catalog-page main#main#main#main section#license-path.license-section > div,
html body.catalog-page main#main#main#main section#license-path.license-section > ol {
  position: relative !important;
  z-index: 1 !important;
}

html body.catalog-page main#main#main#main section#license-path.license-section > div {
  max-width: 650px !important;
  padding: 28px 30px !important;
  background: rgba(4,6,12,.7) !important;
  border-left: 3px solid #f0c878 !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.36) !important;
  border-radius: 4px 18px 18px 4px !important;
}

html body.catalog-page main#main#main#main section#license-path.license-section p {
  color: #fff !important;
  font-size: clamp(17px,1.7vw,20px) !important;
  line-height: 1.68 !important;
  font-weight: 600 !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.94) !important;
}

html body.catalog-page main#main#main#main section#license-path.license-section li strong {
  color: #fff !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.92) !important;
}

html body.drumkits-page main#main#main .drumkits-hero__media {
  background-image: linear-gradient(90deg, rgba(4,6,12,.78) 0%, rgba(4,6,12,.28) 48%, rgba(4,6,12,.08) 100%), url('images/hero-portal.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 1 !important;
  filter: none !important;
}

html body.drumkits-page main#main#main .drumkits-hero {
  isolation: isolate !important;
}

html body.drumkits-page main#main#main .drumkits-hero > .drumkits-hero__content {
  max-width: 760px !important;
  padding: 38px 42px !important;
  background: linear-gradient(135deg, rgba(4,6,12,.9), rgba(10,10,18,.66)) !important;
  border: 1px solid rgba(240,200,120,.58) !important;
  border-left: 4px solid #f0c878 !important;
  border-radius: 4px 22px 22px 4px !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.48) !important;
  backdrop-filter: blur(4px) !important;
}

html body.drumkits-page main#main#main .drumkits-hero > .drumkits-hero__content h1,
html body.drumkits-page main#main#main .drumkits-hero > .drumkits-hero__content p {
  color: #fff !important;
  text-shadow: 0 3px 20px rgba(0,0,0,.94) !important;
}

html body.drumkits-page main#main#main section#gravesignal .kit-env {
  background-image: linear-gradient(90deg, rgba(0,0,0,.94), rgba(0,0,0,.6), rgba(0,0,0,.88)), url('images/dark-corridor.webp') !important;
  opacity: .64 !important;
}

html body.drumkits-page main#main#main section#gravesignal .kit-copy {
  background: rgba(0,0,0,.56) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  padding: 30px !important;
  border-radius: 4px 18px 18px 4px !important;
  backdrop-filter: blur(3px) !important;
}

html body.drumkits-page main#main#main section#shadowslide .kit-env {
  background-image: linear-gradient(90deg, rgba(4,6,12,.9), rgba(4,6,12,.58), rgba(4,6,12,.9)), url('images/midnight-workspace.webp') !important;
  opacity: .72 !important;
}

html body.drumkits-page main#main#main section#ghostrideknock .kit-env {
  background-image: linear-gradient(90deg, rgba(10,6,16,.9), rgba(10,6,16,.46), rgba(10,6,16,.9)), url('images/ghostride-detail.webp') !important;
  opacity: .76 !important;
}

html body.drumkits-page main#main#main .drumkits-final__media {
  background-image: linear-gradient(90deg, rgba(4,6,12,.9), rgba(4,6,12,.42), rgba(4,6,12,.12)), url('images/neon-palms.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 1 !important;
  filter: none !important;
}

html body.drumkits-page main#main#main .drumkits-final {
  isolation: isolate !important;
}

html body.drumkits-page main#main#main .drumkits-final > .drumkits-final__content {
  max-width: 720px !important;
  padding: 34px 42px !important;
  background: rgba(4,6,12,.76) !important;
  border: 1px solid rgba(240,200,120,.54) !important;
  border-left: 4px solid #f0c878 !important;
  box-shadow: 0 24px 78px rgba(0,0,0,.44) !important;
  border-radius: 4px 20px 20px 4px !important;
}

html body.drumkits-page main#main#main .drumkits-final > .drumkits-final__content h2,
html body.drumkits-page main#main#main .drumkits-final > .drumkits-final__content p {
  color: #fff !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.94) !important;
}

html body.drumkits-page main#main#main .kit-stage .kit-copy h2,
html body.drumkits-page main#main#main .product-card__body h3 {
  color: #f1cf87 !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.9) !important;
}

html body.drumkits-page main#main#main .kit-stage .kit-genre,
html body.drumkits-page main#main#main .product-card__genre {
  color: #29aaff !important;
}

html body.drumkits-page main#main#main .kit-stage .kit-copy p,
html body.drumkits-page main#main#main .product-card__body p,
html body.drumkits-page main#main#main .product-card__body small {
  color: rgba(255,255,255,.9) !important;
}

html body.drumkits-page main#main#main .kit-facts span,
html body.drumkits-page main#main#main .product-card__facts span {
  color: #f1cf87 !important;
  border-color: rgba(240,200,120,.52) !important;
  background: rgba(4,6,12,.62) !important;
}

@media (max-width: 900px) {
  html body.drumkits-page main#main#main .drumkits-hero > .drumkits-hero__content {
    max-width: calc(100% - 28px) !important;
    margin-inline: 14px !important;
    padding: 26px 22px !important;
  }

  html body.drumkits-page main#main#main section#gravesignal .kit-copy {
    padding: 22px !important;
  }

  html body.drumkits-page main#main#main .drumkits-final > .drumkits-final__content {
    max-width: calc(100% - 28px) !important;
    margin-inline: 14px !important;
    padding: 24px 22px !important;
  }

  html body.catalog-page main#main#main#main section#license-path.license-section > div {
    padding: 22px !important;
  }
}

html,
body,
.home-page,
.catalog-page,
.drumkits-page {
  background: var(--b2b-ink) !important;
  color: var(--b2b-white) !important;
  font-family: var(--font-body) !important;
}

body {
  background-image:
    radial-gradient(circle at 82% 18%, rgb(42 19 56 / 34%), transparent 34rem),
    linear-gradient(var(--b2b-ink), var(--b2b-ink)) !important;
}

body::before,
.home-page::before,
.catalog-page::before,
.drumkits-page::before {
  background:
    radial-gradient(circle at 78% 18%, rgb(42 19 56 / 32%), transparent 34rem),
    linear-gradient(var(--b2b-ink), var(--b2b-ink)) !important;
}

::selection {
  background: var(--b2b-gold);
  color: var(--b2b-ink);
}

:where(a, button, summary):focus-visible {
  outline: 3px solid var(--b2b-gold) !important;
  outline-offset: 3px;
}

.noise {
  opacity: .022;
  mix-blend-mode: soft-light;
}

.site-header,
.site-header.scrolled {
  background: rgb(8 6 14 / 94%) !important;
  border-bottom: 1px solid rgb(240 200 120 / 42%) !important;
  box-shadow: 0 16px 48px rgb(8 6 14 / 44%) !important;
  color: var(--b2b-white) !important;
}

.brand,
.brand span,
.brand strong,
.desktop-nav a,
.header-actions,
.icon-button,
.menu-toggle {
  color: var(--b2b-white) !important;
  font-family: var(--font-body) !important;
}

.brand > span > span,
.footer-brand i {
  color: var(--b2b-gold) !important;
}

.brand::before,
.brand::after {
  background: var(--b2b-gold) !important;
  box-shadow: none !important;
}

.brand img,
.footer-grid > img {
  filter: grayscale(1) sepia(.36) saturate(1.15) contrast(1.08) !important;
}

.desktop-nav {
  font-family: var(--font-body) !important;
}

.desktop-nav a {
  opacity: .76;
}

.desktop-nav a:hover,
.desktop-nav a:focus-visible,
.desktop-nav a[aria-current="page"] {
  color: var(--b2b-gold) !important;
  opacity: 1;
}

.desktop-nav a::after {
  background: var(--b2b-gold) !important;
}

.icon-button,
.menu-toggle {
  background: rgb(8 6 14 / 48%) !important;
  border-color: rgb(240 200 120 / 32%) !important;
}

.lang-switch,
.language-flash {
  display: none !important;
}

.mobile-menu {
  background: rgb(8 6 14 / 98%) !important;
  border-top: 1px solid rgb(240 200 120 / 28%);
}

.mobile-menu a,
.mobile-menu a:nth-child(n) {
  --menu-accent: var(--b2b-gold) !important;
  color: var(--b2b-white) !important;
  background: transparent !important;
  border-color: rgb(255 255 255 / 14%) !important;
  box-shadow: none !important;
  font-family: var(--font-display) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
  text-shadow: none !important;
}

.mobile-menu a:hover,
.mobile-menu a:focus-visible,
.mobile-menu a[aria-current="page"] {
  color: var(--b2b-gold) !important;
  background: rgb(42 19 56 / 72%) !important;
}

h1,
h2,
.hero h1,
.catalog-hero h1,
.drumkits-hero h1,
.section-copy h2,
.process-heading h2,
.faq-heading h2,
.manifesto h2,
.artist-cta h2,
.license-section h2,
.catalog-art h2,
.atelier-panel h2,
.atelier-panel h3,
.drumkits-final h2,
.store-copy h2,
.catalog-directions h2,
.product-collection h2 {
  color: var(--b2b-white) !important;
  font-family: var(--font-display) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
  text-shadow: 0 10px 38px rgb(8 6 14 / 68%) !important;
}

h3,
.process-step h3,
.kit-copy h2,
.product-card h3,
.faq-item summary,
.direction-grid h3 {
  color: var(--b2b-white) !important;
  font-family: var(--font-body) !important;
  font-style: normal !important;
  letter-spacing: -.01em !important;
  text-shadow: none !important;
}

p,
li,
small,
.hero p,
.catalog-hero p,
.drumkits-hero p,
.section-copy p,
.process-step p,
.manifesto p,
.atelier-panel p,
.atelier-panel li,
.artist-cta p,
.license-section p,
.store-copy p,
.faq-item p,
.product-card p,
.kit-copy p,
.checkout-note {
  color: rgb(255 255 255 / 74%) !important;
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
}

.hero {
  background: var(--b2b-ink) !important;
  border-bottom-color: rgb(240 200 120 / 24%) !important;
}

.hero .identity-rail {
  display: none !important;
}

html body.home-page main#main section.process-section div.process-heading h2 {
  color: var(--b2b-white) !important;
  font-family: var(--font-display) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
  text-shadow: 0 10px 38px rgb(8 6 14 / 68%) !important;
}

html body.home-page main#main section.process-section div.process-heading {
  border-color: var(--b2b-gold) !important;
}

html body.home-page main#main section.process-section {
  background-color: var(--b2b-ink) !important;
  background-image: none !important;
}

.hero-bg {
  background-image:
    linear-gradient(90deg, rgb(8 6 14 / 98%) 0%, rgb(8 6 14 / 78%) 42%, rgb(8 6 14 / 18%) 76%),
    linear-gradient(0deg, rgb(8 6 14 / 92%), transparent 42%),
    url("images/hero-portal.webp") !important;
  filter: grayscale(.86) sepia(.22) saturate(.72) contrast(1.08) !important;
}

.hero::after {
  background: radial-gradient(circle at 70% 44%, rgb(42 19 56 / 44%), transparent 34%) !important;
  mix-blend-mode: normal !important;
}

.hero h1 em,
.catalog-hero h1 em,
.drumkits-hero h1 em {
  color: var(--b2b-gold) !important;
  font-style: normal !important;
  text-shadow: 0 10px 38px rgb(8 6 14 / 68%) !important;
}

.button,
.button:nth-child(n) {
  border-color: rgb(255 255 255 / 40%) !important;
  background: transparent !important;
  color: var(--b2b-white) !important;
  box-shadow: none !important;
  font-family: var(--font-body) !important;
}

.button.primary,
.button.primary:nth-child(n) {
  background: var(--b2b-gold) !important;
  border-color: var(--b2b-gold) !important;
  color: var(--b2b-ink) !important;
  box-shadow: 0 16px 44px rgb(8 6 14 / 42%) !important;
}

.button.primary:hover {
  background: var(--b2b-white) !important;
  border-color: var(--b2b-white) !important;
  color: var(--b2b-ink) !important;
}

.button.ghost:hover,
.button.details-button:hover {
  background: var(--b2b-plum) !important;
  border-color: var(--b2b-gold) !important;
  color: var(--b2b-gold) !important;
}

.text-link,
.section-index,
.section-kicker,
.kit-genre,
.product-card__genre,
.kit-facts span,
.product-card__facts span {
  color: var(--b2b-gold) !important;
}

.section-index,
.section-kicker {
  border-color: var(--b2b-gold) !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.identity-rail,
.identity-rail:nth-child(n) {
  background: var(--b2b-plum) !important;
  border-color: rgb(240 200 120 / 28%) !important;
}

.identity-rail > img {
  filter: grayscale(1) sepia(.24) saturate(.66) contrast(1.08) !important;
  opacity: .16 !important;
}

.identity-rail::after {
  background: linear-gradient(90deg, var(--b2b-ink), transparent 48%, var(--b2b-ink)) !important;
}

.rail-copy p,
.rail-copy p:nth-child(n) {
  color: var(--b2b-white) !important;
  border-color: rgb(240 200 120 / 30%) !important;
  text-shadow: none !important;
}

.rail-copy p::before,
.rail-copy p::after,
.rail-copy p:nth-child(n)::before,
.rail-copy p:nth-child(n)::after {
  background: var(--b2b-gold) !important;
  border-color: var(--b2b-gold) !important;
  box-shadow: none !important;
}

.process-section,
.faq-section,
.catalog-preview,
.catalog-directions,
.product-collection,
.site-footer {
  background: var(--b2b-ink) !important;
  color: var(--b2b-white) !important;
}

.process-step,
.process-step:nth-child(n),
.faq-item,
.faq-item:nth-child(n),
.product-card,
.product-card:nth-child(n),
.store-embed,
.player-shell,
.checkout-note {
  --step-accent: var(--b2b-gold) !important;
  --faq-accent: var(--b2b-gold) !important;
  --card-accent: var(--b2b-gold) !important;
  background: var(--b2b-plum) !important;
  border: 1px solid rgb(240 200 120 / 30%) !important;
  box-shadow: 0 24px 64px rgb(8 6 14 / 42%) !important;
}

.process-step:hover,
.faq-item[open],
.product-card:hover {
  border-color: var(--b2b-gold) !important;
  background: var(--b2b-plum) !important;
  box-shadow: 0 26px 70px rgb(8 6 14 / 56%) !important;
}

.process-image,
.product-card__visual {
  background: var(--b2b-ink) !important;
}

.process-image img,
.atelier-panel img,
.studio-window img,
.artist-cta > img,
.universe-cta > img,
.catalog-hero > img,
.catalog-art > img,
.direction-grid article,
.genre-card__image,
.drumkits-hero > img,
.drumkits-final > img,
.kit-env {
  filter: grayscale(1) sepia(.2) saturate(.68) contrast(1.08) !important;
}

.drumkits-hero__media {
  filter: grayscale(1) sepia(.22) saturate(.66) contrast(1.08) brightness(.58) !important;
}

html body.home-page main#main section.hero .hero-bg {
  filter: grayscale(1) sepia(.22) saturate(.66) contrast(1.08) !important;
}

html body.catalog-page main#main section.catalog-hero > img,
html body.catalog-page main#main section.catalog-art > img {
  filter: grayscale(1) sepia(.2) saturate(.64) contrast(1.08) brightness(.62) !important;
}

html body.catalog-page main#main section.catalog-hero h1 {
  color: var(--b2b-white) !important;
  font-family: var(--font-display) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
}

html body.home-page main#main section.hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  pointer-events: none !important;
  background: rgb(8 6 14 / 38%) !important;
}

.process-image span,
.process-step:nth-child(n) .process-image span,
.process-step:nth-child(n)::before,
.process-step:nth-child(n)::after {
  background: var(--b2b-gold) !important;
  border-color: var(--b2b-gold) !important;
  color: var(--b2b-ink) !important;
  box-shadow: none !important;
}

.process-step h3,
.process-step:nth-child(n) h3 {
  color: var(--b2b-white) !important;
}

.faq-item summary,
.faq-item:nth-child(n) summary {
  color: var(--b2b-white) !important;
  background: transparent !important;
  border-color: rgb(255 255 255 / 14%) !important;
}

.faq-item summary::before,
.faq-item summary::after,
.faq-item:nth-child(n) summary::before,
.faq-item:nth-child(n) summary::after {
  color: var(--b2b-gold) !important;
  background-color: var(--b2b-gold) !important;
  box-shadow: none !important;
}

.atelier-panel,
.atelier-panel:nth-child(n) {
  background: var(--b2b-plum) !important;
}

.atelier-panel > div {
  background: var(--b2b-plum) !important;
}

.atelier-panel li {
  border-color: rgb(240 200 120 / 24%) !important;
}

.studio-window::after,
.artist-cta::after,
.universe-cta::after,
.catalog-hero::after,
.catalog-art::after,
.drumkits-hero::after,
.drumkits-final::after {
  background:
    linear-gradient(90deg, rgb(8 6 14 / 96%), rgb(8 6 14 / 52%) 52%, rgb(8 6 14 / 12%)),
    linear-gradient(0deg, rgb(8 6 14 / 88%), transparent 44%) !important;
}

.universe-cta h2,
.studio-window p {
  color: var(--b2b-white) !important;
  font-family: var(--font-display) !important;
}

.catalog-scene,
.kits-intro-bg,
.kit-env,
.drumkits-hero,
.drumkits-final {
  background-color: var(--b2b-ink) !important;
}

.catalog-scene {
  background:
    linear-gradient(180deg, rgb(8 6 14 / 74%), var(--b2b-ink)),
    url("images/chrome-boulevard.webp") center 44% / cover !important;
}

.wave-demo span,
.wave-demo span:nth-child(n) {
  background: var(--b2b-gold) !important;
}

.genre-card,
.genre-card:nth-child(n),
.direction-grid article,
.direction-grid article:nth-child(n) {
  --card-accent: var(--b2b-gold) !important;
  background-color: var(--b2b-plum) !important;
  border-color: rgb(240 200 120 / 28%) !important;
  box-shadow: none !important;
}

.genre-card::after,
.genre-card:nth-child(n)::after,
.direction-grid article::after,
.direction-grid article:nth-child(n)::after {
  background: linear-gradient(0deg, rgb(8 6 14 / 92%), transparent 64%) !important;
  box-shadow: none !important;
}

.genre-card:hover,
.direction-grid article:hover {
  border-color: var(--b2b-gold) !important;
}

.genre-card span,
.genre-card:nth-child(n) span,
.direction-grid h3 {
  color: var(--b2b-white) !important;
  text-shadow: 0 4px 22px var(--b2b-ink) !important;
}

.kit-selector {
  background: var(--b2b-ink) !important;
  border-color: rgb(240 200 120 / 32%) !important;
  box-shadow: 0 26px 70px rgb(8 6 14 / 62%) !important;
}

.kit-selector__item,
.kit-selector__item:nth-child(n) {
  --route-color: var(--b2b-gold) !important;
  background: var(--b2b-ink) !important;
  border-color: rgb(255 255 255 / 14%) !important;
  color: var(--b2b-white) !important;
  box-shadow: none !important;
}

.kit-selector__item:hover,
.kit-selector__item:focus-visible,
.kit-selector__item.is-active,
.kit-selector__item[aria-current="true"] {
  background: var(--b2b-plum) !important;
  color: var(--b2b-gold) !important;
  border-color: var(--b2b-gold) !important;
}

.kit-selector__item span,
.kit-selector__item strong,
.kit-selector__item small {
  color: inherit !important;
}

.kit-stage,
.kit-stage:nth-child(n),
.product-collection {
  background: var(--b2b-ink) !important;
  border-color: rgb(240 200 120 / 20%) !important;
}

.kit-env,
.kit-stage:nth-child(n) .kit-env {
  background:
    linear-gradient(90deg, rgb(8 6 14 / 98%), rgb(8 6 14 / 72%) 48%, rgb(8 6 14 / 92%)),
    var(--env) center / cover !important;
  opacity: .62 !important;
}

.kit-genre,
.kit-stage:nth-child(n) .kit-genre,
.product-card__genre,
.product-card:nth-child(n) .product-card__genre {
  color: var(--b2b-gold) !important;
}

.kit-facts span,
.product-card__facts span {
  background: transparent !important;
  border-color: rgb(240 200 120 / 36%) !important;
  color: var(--b2b-gold) !important;
}

.product-card__visual img {
  filter: saturate(.76) contrast(1.04) !important;
}

.product-dialog,
.product-dialog::backdrop {
  background: rgb(8 6 14 / 84%) !important;
}

.product-dialog__panel {
  background: var(--b2b-plum) !important;
  border-color: var(--b2b-gold) !important;
  color: var(--b2b-white) !important;
}

.checkout-note {
  border-left-color: var(--b2b-gold) !important;
}

.site-footer {
  border-top-color: rgb(240 200 120 / 32%) !important;
}

.footer-grid strong,
.footer-grid a,
.copyright {
  color: var(--b2b-white) !important;
}

.footer-grid a:hover,
.footer-grid a:focus-visible {
  color: var(--b2b-gold) !important;
}

.scroll-cue {
  border-color: rgb(240 200 120 / 42%) !important;
}

.scroll-cue span {
  background: var(--b2b-gold) !important;
}

.toast {
  background: var(--b2b-plum) !important;
  border-color: var(--b2b-gold) !important;
  color: var(--b2b-white) !important;
}

@media (max-width: 900px) {
  html body.home-page main#main section.hero::before {
    background: rgb(8 6 14 / 62%) !important;
  }

  .hero-bg {
    background-image:
      linear-gradient(0deg, rgb(8 6 14 / 98%) 0%, rgb(8 6 14 / 46%) 62%, rgb(8 6 14 / 16%)),
      url("images/hero-portal.webp") !important;
  }

  .site-header,
  .site-header.scrolled {
    background: rgb(8 6 14 / 97%) !important;
  }

  .process-step,
  .faq-item,
  .product-card,
  .kit-selector__item {
    box-shadow: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

html body.catalog-page main#main#main#main section.store-section {
  padding-bottom: 0 !important;
}

@media (max-width: 900px) {
  html body.catalog-page main#main#main#main section.store-section {
    padding-bottom: 0 !important;
  }
}

/* v33 catalog player field: replace the photo with a readable audio landscape */
html body.catalog-page main#main#main#main section.store-section {
  background-image: radial-gradient(circle at 8% 18%, rgba(42,170,255,.18), transparent 28%), radial-gradient(circle at 91% 12%, rgba(240,200,120,.14), transparent 24%), linear-gradient(135deg, #0b0c15 0%, #19102a 54%, #08121b 100%) !important;
  background-color: #0b0c15 !important;
}

html body.catalog-page main#main#main#main section.store-section::before {
  background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px), radial-gradient(ellipse at 12% 44%, transparent 0 20%, rgba(42,170,255,.15) 20.2%, transparent 20.8%, transparent 28%, rgba(240,200,120,.1) 28.2%, transparent 28.8%) !important;
  background-size: 42px 42px, 42px 42px, 100% 100% !important;
  opacity: .7 !important;
}

html body.catalog-page main#main#main#main section.store-section::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: .58 !important;
  background: radial-gradient(ellipse at 18% 62%, transparent 0 25%, rgba(42,170,255,.15) 25.2%, transparent 25.7%, transparent 36%, rgba(240,200,120,.1) 36.2%, transparent 36.7%), linear-gradient(118deg, transparent 0 48%, rgba(42,170,255,.12) 48.2%, transparent 48.5% 100%) !important;
}

html body.catalog-page main#main#main#main section.store-section .store-copy {
  position: sticky !important;
  isolation: isolate !important;
  padding: clamp(26px, 4vw, 44px) !important;
  border: 1px solid rgba(240,200,120,.42) !important;
  border-radius: 20px 7px 20px 20px !important;
  background: radial-gradient(circle at 86% 18%, rgba(42,170,255,.16), transparent 25%), radial-gradient(circle at 12% 88%, rgba(240,200,120,.12), transparent 28%), linear-gradient(145deg, rgba(13,15,27,.97), rgba(25,14,39,.94)) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body.catalog-page main#main#main#main section.store-section .store-copy::before {
  content: "" !important;
  position: absolute !important;
  inset: 14px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border: 1px solid rgba(42,170,255,.15) !important;
  border-radius: 14px 4px 14px 14px !important;
  background: repeating-linear-gradient(135deg, transparent 0 24px, rgba(255,255,255,.028) 25px, transparent 26px 48px) !important;
}

html body.catalog-page main#main#main#main section.store-section .store-copy::after {
  content: "" !important;
  position: absolute !important;
  left: clamp(26px, 4vw, 44px) !important;
  right: clamp(26px, 4vw, 44px) !important;
  bottom: 18px !important;
  height: 3px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, #f0c878 0 18%, transparent 18% 22%, #2aaaff 22% 58%, transparent 58% 62%, #f0c878 62% 100%) !important;
  box-shadow: 0 0 18px rgba(42,170,255,.28) !important;
}

html body.catalog-page main#main#main#main section.store-section .store-copy h2,
html body.catalog-page main#main#main#main section.store-section .store-copy p {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 900px) {
  html body.catalog-page main#main#main#main section.store-section .store-copy {
    position: relative !important;
    padding: 24px 20px 34px !important;
  }
}

/* Browser feedback v27: natural imagery and a compact editorial FAQ */
html body img,
html body .hero-bg,
html body .catalog-scene,
html body .kits-intro-bg,
html body .kit-env,
html body .drumkits-hero__media,
html body .drumkits-final__media,
html body .direction-grid article,
html body .process-image img,
html body .process-step:hover .process-image img,
html body .atelier-reveal-day,
html body .atelier-reveal-night {
  filter: none !important;
}

html body.home-page .faq-section {
  position: relative;
  overflow: hidden;
  padding-block: clamp(68px, 7vw, 104px) !important;
  background:
    radial-gradient(circle at 8% 16%, rgb(89 115 255 / 22%), transparent 28%),
    radial-gradient(circle at 92% 82%, rgb(255 111 78 / 17%), transparent 31%),
    #071427 !important;
  color: #F8F3E8 !important;
}

html body.home-page .faq-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgb(255 255 255 / 5%) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgb(255 255 255 / 5%) 1px, transparent 1px) 0 0 / 72px 72px !important;
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}

html body.home-page .faq-section .shell {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 48px));
}

html body.home-page .faq-section .faq-heading {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 4px 24px !important;
  align-items: end !important;
  max-width: 900px !important;
  margin: 0 0 34px !important;
  padding: 0 0 24px !important;
  border: 0 !important;
  border-bottom: 1px solid rgb(248 243 232 / 26%) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.home-page .faq-section .faq-heading .section-index {
  grid-row: 1 / span 2;
  align-self: stretch;
  display: grid !important;
  place-items: center;
  margin: 0 !important;
  border: 1px solid rgb(248 243 232 / 44%) !important;
  background: #5973FF !important;
  color: #071427 !important;
  font-size: 18px !important;
}

html body.home-page .faq-section .faq-heading .section-kicker {
  margin: 0 0 3px !important;
  color: #65D7C1 !important;
  font-size: 11px !important;
  letter-spacing: .22em !important;
}

html body.home-page .faq-section .faq-heading h2 {
  margin: 0 !important;
  color: #F8F3E8 !important;
  font-size: clamp(38px, 4.8vw, 64px) !important;
  line-height: .98 !important;
  text-align: left !important;
  text-shadow: none !important;
}

html body.home-page .faq-section .faq-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  counter-reset: faq;
}

html body.home-page .faq-section .faq-item,
html body.home-page .faq-section .faq-item:nth-child(n) {
  --faq-pop: #5973FF;
  position: relative;
  overflow: hidden;
  min-width: 0;
  margin: 0 !important;
  border: 1px solid rgb(248 243 232 / 22%) !important;
  border-radius: 0 18px 18px 18px !important;
  background: #F8F3E8 !important;
  box-shadow: 0 18px 40px rgb(0 0 0 / 18%) !important;
}

html body.home-page .faq-section .faq-item:nth-child(3n + 2) {
  --faq-pop: #FF6F4E;
}

html body.home-page .faq-section .faq-item:nth-child(3n) {
  --faq-pop: #65D7C1;
}

html body.home-page .faq-section .faq-item:last-child {
  grid-column: 1 / -1;
}

html body.home-page .faq-section .faq-item::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--faq-pop) !important;
}

html body.home-page .faq-section .faq-item[open] {
  border-color: var(--faq-pop) !important;
  background: #FFFFFF !important;
  box-shadow: 0 24px 56px rgb(0 0 0 / 24%) !important;
}

html body.home-page .faq-section .faq-item summary,
html body.home-page .faq-section .faq-item:nth-child(n) summary {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 32px !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 68px !important;
  padding: 12px 16px 12px 18px !important;
  border: 0 !important;
  background: transparent !important;
  color: #071427 !important;
  font-family: var(--font-body) !important;
  font-size: clamp(15px, 1.35vw, 18px) !important;
  font-weight: 750 !important;
  line-height: 1.22 !important;
  text-shadow: none !important;
}

html body.home-page .faq-section .faq-item summary::before,
html body.home-page .faq-section .faq-item:nth-child(n) summary::before {
  content: counter(faq, decimal-leading-zero) !important;
  display: grid !important;
  place-items: center;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: var(--faq-pop) !important;
  color: #071427 !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body.home-page .faq-section .faq-item summary::after,
html body.home-page .faq-section .faq-item:nth-child(n) summary::after {
  content: "+" !important;
  position: static !important;
  display: grid !important;
  place-items: center;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  transform: none !important;
  background: #071427 !important;
  color: #F8F3E8 !important;
  font: 500 20px/1 var(--font-body) !important;
  transition: transform .25s ease, background .25s ease !important;
}

html body.home-page .faq-section .faq-item[open] summary::after {
  content: "−" !important;
  transform: rotate(180deg) !important;
  background: var(--faq-pop) !important;
  color: #071427 !important;
}

html body.home-page .faq-section .faq-item p {
  margin: 0 18px 18px 72px !important;
  padding: 15px 18px 2px 0 !important;
  border-top: 1px solid rgb(7 20 39 / 14%) !important;
  color: #25344D !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

@media (max-width: 760px) {
  html body.home-page .faq-section .shell {
    width: min(100% - 28px, 1180px);
  }

  html body.home-page .faq-section .faq-heading {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 4px 16px !important;
    margin-bottom: 22px !important;
    padding-bottom: 18px !important;
  }

  html body.home-page .faq-section .faq-heading h2 {
    font-size: clamp(34px, 10vw, 48px) !important;
  }

  html body.home-page .faq-section .faq-list {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  html body.home-page .faq-section .faq-item:last-child {
    grid-column: auto;
  }

  html body.home-page .faq-section .faq-item summary,
  html body.home-page .faq-section .faq-item:nth-child(n) summary {
    grid-template-columns: 38px minmax(0, 1fr) 30px !important;
    min-height: 62px !important;
    padding: 10px 13px 10px 15px !important;
    font-size: 15px !important;
  }

  html body.home-page .faq-section .faq-item p {
    margin: 0 14px 15px 66px !important;
    padding-top: 12px !important;
    font-size: 13px !important;
  }
}

/* Button hover palette v46: a distinct musical cyan/gold response. */
html body .button,
html body button.button {
  transition:
    background-color .28s ease,
    color .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    transform .28s ease !important;
}

html body.home-page main#main#main a.button.primary:hover,
html body.home-page main#main#main a.button.primary:focus-visible,
html body.home-page main#main#main button.button.primary:hover,
html body.home-page main#main#main button.button.primary:focus-visible,
html body.catalog-page main#main#main a.button.primary:hover,
html body.catalog-page main#main#main a.button.primary:focus-visible,
html body.catalog-page main#main#main button.button.primary:hover,
html body.catalog-page main#main#main button.button.primary:focus-visible,
html body.drumkits-page main#main#main a.button.primary:hover,
html body.drumkits-page main#main#main a.button.primary:focus-visible,
html body.drumkits-page main#main#main button.button.primary:hover,
html body.drumkits-page main#main#main button.button.primary:focus-visible {
  background: #20c8f2 !important;
  color: #061018 !important;
  border-color: #7ceeff !important;
  box-shadow:
    0 0 0 1px rgb(124 238 255 / 32%),
    0 14px 32px rgb(32 200 242 / 28%),
    0 0 24px rgb(32 200 242 / 22%) !important;
  transform: translateY(-2px) !important;
}

html body.home-page main#main#main a.button.ghost:hover,
html body.home-page main#main#main a.button.ghost:focus-visible,
html body.home-page main#main#main button.button.ghost:hover,
html body.home-page main#main#main button.button.ghost:focus-visible,
html body.catalog-page main#main#main a.button.ghost:hover,
html body.catalog-page main#main#main a.button.ghost:focus-visible,
html body.catalog-page main#main#main button.button.ghost:hover,
html body.catalog-page main#main#main button.button.ghost:focus-visible,
html body.drumkits-page main#main#main a.button.ghost:hover,
html body.drumkits-page main#main#main a.button.ghost:focus-visible,
html body.drumkits-page main#main#main button.button.ghost:hover,
html body.drumkits-page main#main#main button.button.ghost:focus-visible {
  background: #f0c878 !important;
  color: #08101b !important;
  border-color: #ffe5a5 !important;
  box-shadow:
    0 0 0 1px rgb(255 229 165 / 28%),
    0 14px 32px rgb(240 200 120 / 22%),
    0 0 22px rgb(240 200 120 / 18%) !important;
  transform: translateY(-2px) !important;
}

html body a.button:active,
html body button.button:active {
  transform: translateY(0) scale(.985) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .button,
  html body button.button {
    transition-duration: .01ms !important;
  }
}

/* v33: Five-lane visual system built from the owner's Back2Back image series. */
:root {
  --b2b-electric: #16c9ff;
  --b2b-magenta: #f05ad8;
  --b2b-copper: #d39b57;
  --b2b-night: #05060a;
}

html body.home-page,
html body.catalog-page,
html body.drumkits-page {
  background-color: var(--b2b-night) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

html body.home-page {
  background-image:
    linear-gradient(180deg, rgb(5 6 10 / 74%), rgb(5 6 10 / 88%)),
    url("images/back2back-new-photo-vibe-05-paisley-frequency-sculpture-1920x1080.png") !important;
}

html body.catalog-page {
  background-image:
    linear-gradient(180deg, rgb(5 6 10 / 76%), rgb(5 6 10 / 90%)),
    url("images/back2back-beats-wallpaper-01-analog-time-machine-1920x1080.png") !important;
}

html body.drumkits-page {
  background-image:
    linear-gradient(180deg, rgb(5 6 10 / 72%), rgb(5 6 10 / 90%)),
    url("images/back2back-beats-wallpaper-13-torn-royalty-archive-1920x1080.png") !important;
}

html body.home-page main#main#main section.hero {
  background: var(--b2b-night) !important;
  border-bottom: 1px solid rgb(22 201 255 / 42%) !important;
}

html body.home-page main#main#main section.hero .hero-bg {
  background-image:
    linear-gradient(90deg, rgb(5 6 10 / 92%) 0%, rgb(5 6 10 / 70%) 35%, rgb(5 6 10 / 18%) 72%, rgb(5 6 10 / 36%) 100%),
    linear-gradient(180deg, rgb(5 6 10 / 14%), rgb(5 6 10 / 78%)),
    url("images/back2back-beats-wallpaper-03-midnight-lens-boulevard-1920x1080.png") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  filter: none !important;
  opacity: 1 !important;
}

html body.home-page main#main#main section.hero::after {
  background:
    linear-gradient(90deg, transparent 0%, rgb(22 201 255 / 12%) 48%, transparent 100%),
    linear-gradient(180deg, transparent 0%, rgb(240 90 216 / 10%) 100%) !important;
  mix-blend-mode: screen !important;
  opacity: .8 !important;
}

html body.home-page main#main#main section.hero .hero-content {
  position: relative !important;
  z-index: 3 !important;
  max-width: 760px !important;
  padding-left: 22px !important;
  border-left: 3px solid var(--b2b-electric) !important;
  text-shadow: 0 4px 28px rgb(0 0 0 / 82%) !important;
}

html body.home-page main#main#main section.hero h1 {
  text-shadow: 0 3px 0 rgb(5 6 10 / 90%), 0 14px 38px rgb(0 0 0 / 84%) !important;
}

html body.home-page main#main#main section.hero h1 .hero-title__line:nth-child(3) {
  color: var(--b2b-electric) !important;
  text-shadow: 0 0 24px rgb(22 201 255 / 35%), 0 9px 28px rgb(0 0 0 / 82%) !important;
}

html body.home-page main#main#main section#process {
  background:
    linear-gradient(90deg, rgb(5 6 10 / 94%), rgb(5 6 10 / 66%) 52%, rgb(5 6 10 / 84%)),
    url("images/back2back-new-photo-vibe-12-diamond-wave-horizon-1920x1080.png") center / cover no-repeat !important;
  border-top: 1px solid rgb(211 155 87 / 42%) !important;
  border-bottom: 1px solid rgb(211 155 87 / 34%) !important;
}

html body.home-page main#main#main section#process .process-heading,
html body.home-page main#main#main section#faq .faq-heading {
  border-left-color: var(--b2b-electric) !important;
  background: rgb(5 6 10 / 46%) !important;
  box-shadow: 0 16px 50px rgb(0 0 0 / 28%) !important;
  backdrop-filter: blur(8px) !important;
}

html body.home-page main#main#main section#process .process-heading h2,
html body.home-page main#main#main section#faq .faq-heading h2 {
  color: var(--b2b-electric) !important;
  text-shadow: 0 0 22px rgb(22 201 255 / 36%), 0 5px 18px rgb(0 0 0 / 84%) !important;
}

html body.home-page main#main#main section#atelier {
  background:
    linear-gradient(90deg, rgb(5 6 10 / 78%), rgb(5 6 10 / 58%) 50%, rgb(5 6 10 / 88%)),
    url("images/back2back-beats-wallpaper-13-torn-royalty-archive-1920x1080.png") center / cover no-repeat !important;
}

html body.home-page main#main#main section#atelier .atelier-panel,
html body.home-page main#main#main section#atelier .atelier-panel > div {
  background: rgb(5 6 10 / 62%) !important;
  border-color: rgb(240 90 216 / 38%) !important;
  box-shadow: 0 28px 80px rgb(0 0 0 / 42%) !important;
  backdrop-filter: blur(7px) !important;
}

html body.home-page main#main#main section#atelier .atelier-panel.atelier-one {
  background-image:
    linear-gradient(90deg, rgb(5 6 10 / 76%), rgb(5 6 10 / 48%)),
    url("images/back2back-beats-wallpaper-13-torn-royalty-archive-1920x1080.png") !important;
  background-position: center !important;
  background-size: cover !important;
}

html body.home-page main#main#main section#contact.artist-cta {
  background:
    linear-gradient(90deg, rgb(5 6 10 / 84%), rgb(5 6 10 / 46%) 56%, rgb(5 6 10 / 82%)),
    url("images/back2back-new-photo-vibe-12-diamond-wave-horizon-1920x1080.png") center / cover no-repeat !important;
  border-top: 1px solid rgb(211 155 87 / 46%) !important;
}

html body.home-page main#main#main section#contact.artist-cta > img,
html body.home-page main#main#main section.universe-cta > img {
  opacity: .12 !important;
  mix-blend-mode: screen !important;
}

html body.catalog-page main#main#main section.catalog-hero {
  background:
    linear-gradient(90deg, rgb(5 6 10 / 86%), rgb(5 6 10 / 42%) 58%, rgb(5 6 10 / 78%)),
    url("images/back2back-beats-wallpaper-01-analog-time-machine-1920x1080.png") center / cover no-repeat !important;
  border-bottom: 1px solid rgb(211 155 87 / 52%) !important;
}

html body.catalog-page main#main#main section.catalog-hero > img,
html body.catalog-page main#main#main section.catalog-art > img {
  opacity: 0 !important;
}

html body.catalog-page main#main#main section.store-section {
  background:
    linear-gradient(180deg, rgb(5 6 10 / 88%), rgb(5 6 10 / 70%)),
    url("images/back2back-beats-wallpaper-03-midnight-lens-boulevard-1920x1080.png") center / cover no-repeat !important;
  border-top: 1px solid rgb(22 201 255 / 34%) !important;
}

html body.catalog-page main#main#main section.license-section {
  background:
    linear-gradient(90deg, rgb(5 6 10 / 92%), rgb(5 6 10 / 68%)),
    url("images/back2back-new-photo-vibe-12-diamond-wave-horizon-1920x1080.png") center / cover no-repeat !important;
}

html body.catalog-page main#main#main section.catalog-art {
  background:
    linear-gradient(90deg, rgb(5 6 10 / 86%), rgb(5 6 10 / 42%) 58%, rgb(5 6 10 / 82%)),
    url("images/back2back-new-photo-vibe-05-paisley-frequency-sculpture-1920x1080.png") center / cover no-repeat !important;
  border-top: 1px solid rgb(240 90 216 / 40%) !important;
}

html body.drumkits-page main#main#main section.drumkits-hero {
  background: var(--b2b-night) !important;
  border-bottom: 1px solid rgb(240 90 216 / 44%) !important;
}

html body.drumkits-page main#main#main .drumkits-hero__media {
  background-image:
    linear-gradient(90deg, rgb(5 6 10 / 86%), rgb(5 6 10 / 42%) 56%, rgb(5 6 10 / 76%)),
    url("images/back2back-new-photo-vibe-05-paisley-frequency-sculpture-1920x1080.png") !important;
  background-position: center !important;
  background-size: cover !important;
  filter: none !important;
}

html body.drumkits-page main#main#main section.drumkits-final {
  background: var(--b2b-night) !important;
}

html body.drumkits-page main#main#main .drumkits-final__media {
  background-image:
    linear-gradient(90deg, rgb(5 6 10 / 84%), rgb(5 6 10 / 46%) 56%, rgb(5 6 10 / 82%)),
    url("images/back2back-beats-wallpaper-13-torn-royalty-archive-1920x1080.png") !important;
  background-position: center !important;
  background-size: cover !important;
  filter: none !important;
}

html body.home-page main#main#main .button.primary,
html body.catalog-page main#main#main .button.primary,
html body.drumkits-page main#main#main .button.primary {
  background: linear-gradient(135deg, var(--b2b-copper), #f4d39b) !important;
  border-color: var(--b2b-copper) !important;
  box-shadow: 0 14px 36px rgb(211 155 87 / 28%), 0 0 0 1px rgb(255 255 255 / 12%) inset !important;
}

html body.home-page main#main#main .button.ghost,
html body.catalog-page main#main#main .button.ghost,
html body.drumkits-page main#main#main .button.ghost {
  border-color: rgb(22 201 255 / 62%) !important;
  box-shadow: 0 0 24px rgb(22 201 255 / 12%) inset !important;
}

@media (max-width: 760px) {
  html body.home-page,
  html body.catalog-page,
  html body.drumkits-page {
    background-attachment: scroll !important;
    background-size: auto 100% !important;
  }

  html body.home-page main#main#main section.hero .hero-bg {
    background-position: 58% center !important;
    background-size: cover !important;
  }

  html body.home-page main#main#main section.hero .hero-content {
    width: calc(100% - 28px) !important;
    padding-left: 15px !important;
    background: rgb(5 6 10 / 22%) !important;
    backdrop-filter: blur(3px) !important;
  }

  html body.home-page main#main#main section#process,
  html body.home-page main#main#main section#atelier,
  html body.home-page main#main#main section#contact.artist-cta,
  html body.catalog-page main#main#main section.catalog-hero,
  html body.catalog-page main#main#main section.store-section,
  html body.catalog-page main#main#main section.license-section,
  html body.catalog-page main#main#main section.catalog-art,
  html body.drumkits-page main#main#main .drumkits-hero__media,
  html body.drumkits-page main#main#main .drumkits-final__media {
    background-attachment: scroll !important;
    background-position: center center !important;
  }

  html body.home-page main#main#main section#process .process-heading,
  html body.home-page main#main#main section#faq .faq-heading {
    backdrop-filter: none !important;
  }
}

/* v28 specificity lock: historical layers may never recolour media */
html body main#main#main#main img,
html body main#main#main#main img:hover,
html body main#main#main#main img:focus,
html body .site-header.site-header.site-header img,
html body footer.site-footer.site-footer img {
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.home-page main#main#main section.hero .hero-bg {
  background-color: transparent !important;
  background-image: url("images/hero-portal.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

html body.home-page main#main#main section.hero::before,
html body.home-page main#main#main section.hero::after,
html body.home-page main#main#main section#contact::after,
html body.home-page main#main#main section.universe-cta::after,
html body.home-page main#main#main .studio-window::after,
html body.catalog-page main#main#main .catalog-hero::after,
html body.catalog-page main#main#main .catalog-art::after,
html body.drumkits-page main#main#main .drumkits-hero::after,
html body.drumkits-page main#main#main .drumkits-final::after,
html body main#main#main .genre-card::before,
html body main#main#main .process-image::after,
html body main#main#main .product-card__media::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

html body.home-page main#main#main section#contact > img,
html body.home-page main#main#main section.universe-cta > img,
html body.catalog-page main#main#main .catalog-hero > img,
html body.catalog-page main#main#main .catalog-art > img,
html body.drumkits-page main#main#main .drumkits-hero img,
html body.drumkits-page main#main#main .drumkits-final img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

@media (max-width: 760px) {
  html body.home-page main#main#main section.hero .hero-bg {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-position: center center !important;
    background-size: cover !important;
  }
}

/* Browser feedback v28: untouched source colours on every visual asset */
html body img,
html body img:hover,
html body img:focus,
html body .hero-bg,
html body .catalog-scene,
html body .kits-intro-bg,
html body .kit-env,
html body .drumkits-hero__media,
html body .drumkits-final__media,
html body .direction-grid article,
html body .genre-card__image,
html body .process-image img,
html body .product-card__visual img,
html body .atelier-reveal-base,
html body .atelier-reveal-night {
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.home-page .hero-bg {
  background-color: transparent !important;
  background-image: url("images/hero-portal.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

html body .catalog-scene {
  background-color: transparent !important;
  background-image: url("images/chrome-boulevard.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center 44% !important;
  background-size: cover !important;
  opacity: 1 !important;
}

html body .kits-intro-bg {
  background-color: transparent !important;
  background-image: url("images/quilted-frame.webp") !important;
  background-repeat: no-repeat !important;
  background-position: 70% center !important;
  background-size: cover !important;
  opacity: 1 !important;
}

html body .kit-env,
html body .kit-stage:nth-child(n) .kit-env {
  background-color: transparent !important;
  background-image: var(--env) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  opacity: 1 !important;
}

html body .drumkits-hero__media {
  background-color: transparent !important;
  background-image: url("images/quilted-frame.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center 48% !important;
  background-size: cover !important;
  opacity: 1 !important;
}

html body .drumkits-final__media {
  background-color: transparent !important;
  background-image: url("images/ghostride-detail.webp") !important;
  background-repeat: no-repeat !important;
  background-position: 72% center !important;
  background-size: cover !important;
  opacity: 1 !important;
}

html body .direction-grid article {
  background-color: transparent !important;
  background-image: var(--bg) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  box-shadow: none !important;
}

html body .hero::before,
html body .hero::after,
html body .identity-rail::after,
html body .studio-window::after,
html body .artist-cta::after,
html body .universe-cta::after,
html body .catalog-hero::after,
html body .catalog-art::after,
html body .drumkits-hero::after,
html body .drumkits-final::after,
html body .genre-card::before,
html body .process-image::after,
html body .product-card__media::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

html body.home-page .hero-content {
  isolation: isolate;
}

html body.home-page .hero-content::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: 30px !important;
  bottom: 20px !important;
  left: -26px !important;
  display: block !important;
  width: min(780px, calc(100% + 52px)) !important;
  border-left: 3px solid rgb(240 200 120 / 78%) !important;
  background: linear-gradient(90deg, rgb(8 6 14 / 86%), rgb(8 6 14 / 58%) 64%, transparent) !important;
  pointer-events: none !important;
}

html body.home-page #atelier .atelier-two > div {
  border: 1px solid rgb(255 255 255 / 24%) !important;
  border-left: 4px solid var(--b2b-gold) !important;
  background: rgb(8 6 14 / 82%) !important;
  box-shadow: 0 24px 64px rgb(8 6 14 / 34%) !important;
}

html body.home-page #contact.artist-cta > img,
html body.home-page .universe-cta > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
}

html body.home-page #contact.artist-cta > div {
  padding-block: clamp(26px, 4vw, 54px) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.home-page .universe-cta > div {
  padding: clamp(26px, 4vw, 56px) !important;
  border: 1px solid rgb(255 255 255 / 24%) !important;
  background: rgb(8 6 14 / 72%) !important;
  box-shadow: 0 30px 76px rgb(8 6 14 / 34%) !important;
}

@media (max-width: 760px) {
  html body.home-page .hero {
    min-height: max(760px, 100svh) !important;
  }

  html body.home-page .hero-bg {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  html body.home-page .hero-content::before {
    top: 18px !important;
    bottom: 8px !important;
    left: -14px !important;
    width: calc(100% + 28px) !important;
    border-left-width: 2px !important;
    background: linear-gradient(90deg, rgb(8 6 14 / 82%), rgb(8 6 14 / 50%) 78%, transparent) !important;
  }

  html body.home-page #atelier .atelier-two > div,
  html body.home-page .universe-cta > div {
    margin-inline: 14px !important;
    padding: 20px 18px 22px !important;
    background: rgb(8 6 14 / 82%) !important;
  }

  html body.home-page #contact.artist-cta > img {
    object-position: 82% center !important;
  }

  html body.home-page .universe-cta > img {
    object-position: center center !important;
  }
}

/* Browser feedback v29: legibility, transparent FAQ and unobstructed media */
html body.home-page main#main#main section.hero .hero-content > p {
  max-width: 720px !important;
  margin-bottom: 22px !important;
  padding: 12px 16px 13px !important;
  border-left: 3px solid var(--b2b-gold) !important;
  background: rgb(8 6 14 / 68%) !important;
  color: var(--b2b-white) !important;
  font-size: clamp(17px, 1.55vw, 20px) !important;
  font-weight: 680 !important;
  line-height: 1.5 !important;
  text-shadow: 0 2px 3px rgb(8 6 14 / 96%), 0 8px 24px rgb(8 6 14 / 92%) !important;
  box-shadow: 0 14px 34px rgb(8 6 14 / 24%) !important;
  backdrop-filter: blur(8px);
}

html body.home-page main#main#main section#faq.faq-section {
  background:
    radial-gradient(circle at 8% 16%, rgb(89 115 255 / 18%), transparent 28%),
    radial-gradient(circle at 92% 82%, rgb(255 111 78 / 14%), transparent 31%),
    rgb(7 20 39 / 62%) !important;
  backdrop-filter: blur(10px);
}

html body.home-page main#main#main section.universe-cta > div {
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: clamp(28px, 5vw, 64px) !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: rgb(7 31 63 / 58%) !important;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 16%) !important;
  backdrop-filter: blur(2px);
}

@media (min-width: 761px) {
  html body.home-page main#main#main section#contact.artist-cta {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(400px, .8fr) !important;
    min-height: 620px !important;
    padding: 0 !important;
    align-items: stretch !important;
    background: var(--b2b-ink) !important;
  }

  html body.home-page main#main#main section#contact.artist-cta > img {
    position: relative !important;
    z-index: 1 !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 620px !important;
    object-fit: cover !important;
    object-position: 66% center !important;
  }

  html body.home-page main#main#main section#contact.artist-cta > div.shell {
    position: relative !important;
    z-index: 2 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    height: 620px !important;
    margin: 0 !important;
    padding: clamp(42px, 4.6vw, 72px) clamp(30px, 3.7vw, 56px) !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    border: 0 !important;
    border-left: 1px solid rgb(240 200 120 / 44%) !important;
    background:
      linear-gradient(145deg, rgb(8 6 14 / 98%), rgb(18 12 28 / 96%)) !important;
    box-shadow: -28px 0 64px rgb(8 6 14 / 34%) !important;
  }

  html body.home-page main#main#main section#contact.artist-cta .section-index {
    margin-bottom: 26px !important;
  }

  html body.home-page main#main#main section#contact.artist-cta h2 {
    max-width: 430px !important;
    margin: 0 0 24px !important;
    font-size: clamp(38px, 4vw, 62px) !important;
    line-height: .98 !important;
  }

  html body.home-page main#main#main section#contact.artist-cta p {
    max-width: 410px !important;
    margin: 0 0 28px !important;
    padding: 0 0 0 17px !important;
    border-left: 2px solid var(--b2b-gold) !important;
    background: transparent !important;
    color: rgb(255 255 255 / 82%) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 520 !important;
    line-height: 1.55 !important;
    text-align: left !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  html body.home-page main#main#main section#contact.artist-cta p::after {
    content: none !important;
  }

  html body.home-page main#main#main section#contact.artist-cta .button-row {
    display: grid !important;
    width: 100% !important;
    max-width: 410px !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html body.home-page main#main#main section#contact.artist-cta .button {
    width: 100% !important;
  }
}

@media (max-width: 760px) {
  html body.home-page main#main#main section.hero {
    margin-bottom: 0 !important;
    border-bottom: 1px solid rgb(240 200 120 / 48%) !important;
  }

  html body.home-page main#main#main section.hero .hero-bg {
    background-position: center top !important;
    background-size: auto 122% !important;
  }

  html body.home-page main#main#main section.hero .hero-content > p {
    padding: 10px 12px 11px !important;
    font-size: 15px !important;
    line-height: 1.48 !important;
  }

  html body.home-page main#main#main section#process {
    margin-top: 0 !important;
    padding-top: 38px !important;
  }

  html body.home-page main#main#main section#contact.artist-cta {
    display: flex !important;
    min-height: auto !important;
    padding: 0 !important;
    flex-direction: column !important;
    background: var(--b2b-ink) !important;
  }

  html body.home-page main#main#main section#contact.artist-cta > img {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: min(62svh, 560px) !important;
    object-fit: cover !important;
    object-position: 82% center !important;
  }

  html body.home-page main#main#main section#contact.artist-cta > div.shell {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 32px 18px 38px !important;
    border-top: 1px solid rgb(240 200 120 / 38%) !important;
    background: var(--b2b-ink) !important;
  }

  html body.home-page main#main#main section#contact.artist-cta .button-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html body.home-page main#main#main section#contact.artist-cta .button {
    width: 100% !important;
  }

  html body.home-page main#main#main section.universe-cta > div {
    margin: 0 !important;
    padding: 24px 16px !important;
  }
}

/* Browser feedback v30: ordered responsive hero typography */
html body.home-page main#main#main section.hero .hero-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
}

html body.home-page main#main#main section.hero h1 {
  width: min(100%, 860px) !important;
  max-width: 860px !important;
  margin: 0 0 16px !important;
  font-size: clamp(52px, 5.3vw, 78px) !important;
  font-weight: 500 !important;
  line-height: .94 !important;
  letter-spacing: -.045em !important;
  text-align: left !important;
  text-wrap: balance !important;
}

html body.home-page main#main#main section.hero .hero-title__line {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

html body.home-page main#main#main section.hero .hero-title__line + .hero-title__line {
  margin-top: .08em !important;
}

html body.home-page main#main#main section.hero .hero-title__line:nth-child(3) {
  color: var(--b2b-gold) !important;
  font-size: .92em !important;
  letter-spacing: -.035em !important;
}

html body.home-page main#main#main section.hero .hero-content > p {
  font-family: var(--font-body) !important;
  font-style: normal !important;
  font-weight: 620 !important;
  letter-spacing: .005em !important;
}

html body.home-page main#main#main section#process .process-heading .section-kicker {
  display: block !important;
  margin: 0 0 12px !important;
}

html body.home-page main#main#main section#process .process-heading h2 {
  margin-top: 0 !important;
}

@media (max-width: 760px) {
  html body.home-page main#main#main section.hero {
    min-height: 625px !important;
    height: max(625px, 100svh) !important;
    padding: 0 !important;
    align-items: flex-start !important;
  }

  html body.home-page main#main#main section.hero .hero-content {
    width: min(100% - 28px, 680px) !important;
    min-height: 0 !important;
    padding-top: 84px !important;
    padding-bottom: 24px !important;
    justify-content: flex-start !important;
  }

  html body.home-page main#main#main section.hero h1 {
    width: 100% !important;
    margin-bottom: 14px !important;
    font-size: clamp(34px, 10vw, 40px) !important;
    line-height: .96 !important;
    letter-spacing: -.04em !important;
  }

  html body.home-page main#main#main section.hero .hero-title__line {
    width: 100% !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  html body.home-page main#main#main section.hero .hero-title__line + .hero-title__line {
    margin-top: .07em !important;
  }

  html body.home-page main#main#main section.hero .hero-title__line:nth-child(3) {
    margin-top: .14em !important;
    font-size: .92em !important;
    line-height: 1 !important;
  }

  html body.home-page main#main#main section.hero .hero-content > p {
    max-width: 100% !important;
    margin: 0 0 16px !important;
    padding: 10px 12px 11px !important;
    font-size: clamp(13px, 3.8vw, 15px) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
  }

  html body.home-page main#main#main section.hero .button-row {
    display: grid !important;
    width: min(100%, 310px) !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding-bottom: 0 !important;
  }

  html body.home-page main#main#main section.hero .button-row::after {
    content: none !important;
  }

  html body.home-page main#main#main section.hero .button {
    width: 100% !important;
    min-height: 48px !important;
  }
}

/* v31 final cascade lock: keep supplied art visible after legacy theme layers */
html body.home-page .hero-bg {
  background-image: linear-gradient(90deg, rgba(6,8,12,.96) 0%, rgba(6,8,12,.76) 30%, rgba(6,8,12,.12) 77%), linear-gradient(0deg, rgba(6,8,12,.9), transparent 46%), url('images/b2b-crt-crown-broadcast.png') !important;
  background-position: center center !important;
  background-size: cover !important;
}
html body.home-page #process {
  background-image: linear-gradient(180deg, rgba(6,8,12,.95), rgba(6,8,12,.78) 48%, rgba(6,8,12,.98)), url('images/b2b-analog-time-machine.png') !important;
  background-size: cover !important;
}
html body.home-page .atelier {
  background-image: linear-gradient(90deg, rgba(6,8,12,.96), rgba(6,8,12,.72)), url('images/b2b-midnight-lens-boulevard.png') !important;
  background-size: cover !important;
}
html body.home-page #faq {
  background-image: linear-gradient(180deg, rgba(6,8,12,.97), rgba(6,8,12,.82)), url('images/b2b-paisley-frequency.png') !important;
  background-size: cover !important;
}
html body.catalog-page .catalog-scene,
html body.catalog-page .store-section {
  background-image: linear-gradient(180deg, rgba(6,8,12,.34), rgba(6,8,12,.94)), url('images/b2b-analog-time-machine.png') !important;
  background-size: cover !important;
}
html body.drumkits-page .drumkits-hero__media {
  background-image: url('images/b2b-crt-throne.png') !important;
  background-size: cover !important;
}
html body.drumkits-page .drumkits-final__media {
  background-image: url('images/b2b-crt-crown-broadcast.png') !important;
  background-size: cover !important;
}
@media (max-width: 900px) {
  html body.home-page .hero-bg { background-position: 61% center !important; }
  html body.drumkits-page .drumkits-hero__media { background-position: 63% center !important; }
}

/* v31 specificity lock for inherited mobile/theme rules */
html body.home-page main#main#main section.hero .hero-bg {
  background-image: linear-gradient(90deg, rgba(6,8,12,.96) 0%, rgba(6,8,12,.76) 30%, rgba(6,8,12,.12) 77%), linear-gradient(0deg, rgba(6,8,12,.9), transparent 46%), url('images/b2b-crt-crown-broadcast.png') !important;
  background-position: center center !important;
  background-size: cover !important;
  filter: saturate(.96) contrast(1.08) !important;
}
html body.home-page main#main#main section#process {
  background-image: linear-gradient(180deg, rgba(6,8,12,.95), rgba(6,8,12,.78) 48%, rgba(6,8,12,.98)), url('images/b2b-analog-time-machine.png') !important;
  background-size: cover !important;
}

/* v32 catalog polish: preserve art, remove bars, and keep controls compact */
html body.catalog-page main#main#main#main section.catalog-hero > img,
html body.catalog-page main#main#main#main section.catalog-art > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  image-rendering: auto !important;
  filter: none !important;
  opacity: 1 !important;
  transform: translateZ(0) !important;
}

html body.catalog-page main#main#main#main section.store-section {
  position: relative !important;
  isolation: isolate !important;
  min-height: 0 !important;
  padding-block: clamp(58px, 7vw, 92px) !important;
  background-color: #080810 !important;
  background-image: linear-gradient(90deg, rgba(6,8,12,.96), rgba(6,8,12,.76) 48%, rgba(6,8,12,.92)), url('images/b2b-analog-time-machine.png') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  filter: none !important;
}

html body.catalog-page main#main#main#main section.store-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(6,8,12,.18), rgba(6,8,12,.46)) !important;
}

html body.catalog-page main#main#main#main .store-embed.has-player {
  min-height: 1080px !important;
  height: 1080px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 1px solid rgba(240,200,120,.42) !important;
  box-shadow: 0 24px 72px rgba(0,0,0,.44) !important;
}

html body.catalog-page main#main#main#main .store-embed.has-player iframe {
  display: block !important;
  width: 100% !important;
  height: 1080px !important;
  border: 0 !important;
  background: transparent !important;
}

html body.catalog-page main#main#main#main section#license-path {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #10101c 0%, #171125 52%, #0d1420 100%) !important;
  background-color: #10101c !important;
  border: 1px solid rgba(240,200,120,.54) !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
}

html body.catalog-page main#main#main#main section#license-path::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 8% 12%, rgba(240,200,120,.16), transparent 26%), radial-gradient(circle at 92% 86%, rgba(42,170,255,.14), transparent 32%) !important;
}

html body.catalog-page main#main#main#main section#license-path > div,
html body.catalog-page main#main#main#main section#license-path > ol {
  position: relative !important;
  z-index: 1 !important;
}

html body.catalog-page main#main#main#main section#license-path .section-index {
  color: #f0c878 !important;
  text-shadow: 0 0 18px rgba(240,200,120,.22) !important;
}

html body.catalog-page main#main#main#main section#license-path h2 {
  color: #fbf7ef !important;
  text-shadow: 0 10px 34px rgba(0,0,0,.48) !important;
}

html body.catalog-page main#main#main#main section#license-path > div > p {
  color: rgba(251,247,239,.82) !important;
}

html body.catalog-page main#main#main#main section#license-path li {
  border-top-color: rgba(255,255,255,.2) !important;
  border-bottom-color: rgba(240,200,120,.36) !important;
  transition: transform .24s ease, border-color .24s ease, background-color .24s ease !important;
}

html body.catalog-page main#main#main#main section#license-path li:hover,
html body.catalog-page main#main#main#main section#license-path li:focus-within {
  background: rgba(240,200,120,.07) !important;
  border-color: rgba(240,200,120,.76) !important;
  transform: translateX(6px) !important;
}

html body.catalog-page main#main#main#main section#license-path li > span {
  color: #080810 !important;
  background: #f0c878 !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  box-shadow: 0 10px 26px rgba(240,200,120,.18) !important;
}

html body.catalog-page main#main#main#main section#license-path li:nth-child(2) > span {
  color: #fbf7ef !important;
  background: #2a1338 !important;
}

html body.catalog-page main#main#main#main section#license-path li:nth-child(3) > span {
  color: #080810 !important;
  background: #2aaaff !important;
}

html body.catalog-page main#main#main#main section#license-path li strong {
  color: #fbf7ef !important;
}

html body .site-header .brand,
html body .site-header .brand > span {
  color: #fbf7ef !important;
  transition: color .24s ease, transform .24s ease, text-shadow .24s ease !important;
}

html body .site-header .brand > span > span {
  color: #f0c878 !important;
}

html body .site-header .brand:hover,
html body .site-header .brand:focus-visible {
  color: #2aaaff !important;
  transform: translateY(-1px) !important;
  text-shadow: 0 0 18px rgba(42,170,255,.32) !important;
}

html body .site-header .brand:hover > span > span,
html body .site-header .brand:focus-visible > span > span {
  color: #2aaaff !important;
}

html body .desktop-nav a {
  color: rgba(251,247,239,.72) !important;
  transition: color .22s ease, transform .22s ease, text-shadow .22s ease !important;
}

html body .desktop-nav a:hover,
html body .desktop-nav a:focus-visible,
html body .desktop-nav a[aria-current="page"] {
  color: #2aaaff !important;
  transform: translateY(-2px) !important;
  text-shadow: 0 0 16px rgba(42,170,255,.3) !important;
}

@keyframes b2b-menu-arrive {
  from { opacity: 0; transform: translate3d(0,-12px,0) scale(.98); }
  to { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}

@keyframes b2b-menu-link-arrive {
  from { opacity: 0; transform: translate3d(-8px,0,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}

@media (max-width: 900px) {
  html body.menu-open nav#mobile-menu,
  html body.catalog-page.menu-open nav#mobile-menu {
    inset: 70px 14px auto auto !important;
    width: min(86vw, 332px) !important;
    height: auto !important;
    max-height: calc(100dvh - 92px) !important;
    min-height: 0 !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-rows: none !important;
    gap: 3px !important;
    overflow-y: auto !important;
    border: 1px solid rgba(240,200,120,.62) !important;
    border-radius: 20px 8px 20px 20px !important;
    background: linear-gradient(145deg, #11101c, #0a101a) !important;
    box-shadow: 0 24px 64px rgba(0,0,0,.58), 0 0 0 1px rgba(42,170,255,.12) inset !important;
    backdrop-filter: blur(10px) !important;
    transform-origin: top right !important;
    animation: b2b-menu-arrive .24s cubic-bezier(.2,.8,.2,1) both !important;
  }

  html body.menu-open nav#mobile-menu a,
  html body.catalog-page.menu-open nav#mobile-menu a {
    min-height: 48px !important;
    padding: 10px 9px !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 11px !important;
    color: rgba(251,247,239,.86) !important;
    font-family: var(--font-body) !important;
    font-size: 19px !important;
    letter-spacing: .02em !important;
    line-height: 1.1 !important;
    transition: color .2s ease, background-color .2s ease, transform .2s ease, padding-left .2s ease !important;
    animation: b2b-menu-link-arrive .25s ease both !important;
  }

  html body.menu-open nav#mobile-menu a:nth-child(2) { animation-delay: 20ms !important; }
  html body.menu-open nav#mobile-menu a:nth-child(3) { animation-delay: 40ms !important; }
  html body.menu-open nav#mobile-menu a:nth-child(4) { animation-delay: 60ms !important; }
  html body.menu-open nav#mobile-menu a:nth-child(5) { animation-delay: 80ms !important; }
  html body.menu-open nav#mobile-menu a:nth-child(6) { animation-delay: 100ms !important; }

  html body.menu-open nav#mobile-menu a:hover,
  html body.menu-open nav#mobile-menu a:focus-visible,
  html body.menu-open nav#mobile-menu a[aria-current="page"] {
    color: #2aaaff !important;
    background: linear-gradient(90deg, rgba(42,170,255,.16), rgba(240,200,120,.08)) !important;
    padding-left: 15px !important;
    transform: translateX(3px) !important;
  }

  html body.catalog-page main#main#main#main section#license-path {
    margin-inline: 14px !important;
    padding-inline: 18px !important;
    border-radius: 20px !important;
  }

  html body.catalog-page main#main#main#main section.store-section {
    padding-block: 54px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.menu-open nav#mobile-menu,
  html body.menu-open nav#mobile-menu a {
    animation: none !important;
  }
  html body.catalog-page main#main#main#main section#license-path li,
  html body .site-header .brand,
  html body .desktop-nav a {
    transition: none !important;
  }
}

/* v33 final cascade lock: the catalog player uses a graphic audio field, never a photo */
html body.catalog-page main#main#main#main section.store-section {
  background-image: radial-gradient(circle at 8% 18%, rgba(42,170,255,.18), transparent 28%), radial-gradient(circle at 91% 12%, rgba(240,200,120,.14), transparent 24%), linear-gradient(135deg, #0b0c15 0%, #19102a 54%, #08121b 100%) !important;
  background-color: #0b0c15 !important;
}

html body.catalog-page main#main#main#main section.store-section::before {
  background: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px), radial-gradient(ellipse at 12% 44%, transparent 0 20%, rgba(42,170,255,.15) 20.2%, transparent 20.8%, transparent 28%, rgba(240,200,120,.1) 28.2%, transparent 28.8%) !important;
  background-size: 42px 42px, 42px 42px, 100% 100% !important;
  opacity: .7 !important;
}

html body.catalog-page::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* v36 catalog art layer: keep the approved layout, add a restrained owner image */
html body.catalog-page main#main#main#main section.store-section {
  background-image: linear-gradient(90deg, rgba(7,10,18,.94) 0%, rgba(15,12,28,.82) 48%, rgba(7,10,18,.91) 100%), url('images/b2b-paisley-frequency.png') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  image-rendering: auto !important;
}

html body.catalog-page main#main#main#main section.catalog-hero > .shell {
  position: relative !important;
  z-index: 2 !important;
  isolation: isolate !important;
  width: min(calc(100% - 48px), 980px) !important;
  max-width: 980px !important;
  margin-inline: max(24px, calc((100% - 1320px) / 2)) auto !important;
  padding: 30px 34px 34px !important;
  border-left: 3px solid #f0c878 !important;
  border-top: 1px solid rgba(42,170,255,.48) !important;
  border-radius: 20px 7px 20px 20px !important;
  background: linear-gradient(112deg, rgba(7,10,18,.94) 0%, rgba(18,13,34,.86) 68%, rgba(18,13,34,.35) 100%) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body.catalog-page main#main#main#main section.catalog-hero > .shell::before {
  content: "" !important;
  position: absolute !important;
  inset: 12px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border: 1px solid rgba(240,200,120,.16) !important;
  border-radius: 13px 4px 13px 13px !important;
  background: repeating-linear-gradient(135deg, transparent 0 26px, rgba(255,255,255,.026) 27px, transparent 28px 54px) !important;
}

html body.catalog-page main#main#main#main section.catalog-hero > .shell::after {
  content: "" !important;
  position: absolute !important;
  left: 34px !important;
  right: 34px !important;
  bottom: 16px !important;
  height: 3px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, #f0c878 0 28%, transparent 28% 32%, #2aaaff 32% 66%, transparent 66% 70%, #f0c878 70% 100%) !important;
  box-shadow: 0 0 18px rgba(42,170,255,.24) !important;
}

html body.catalog-page main#main#main#main section.catalog-hero > .shell > * {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 600px) {
  html body.catalog-page main#main#main#main section.catalog-hero > .shell {
    width: calc(100% - 28px) !important;
    margin-inline: 14px !important;
    padding: 24px 18px 28px !important;
  }

  html body.catalog-page main#main#main#main section.catalog-hero > .shell::after {
    left: 18px !important;
    right: 18px !important;
  }
}

/* v37 final: the player section shows only the selected owner image */
html body.catalog-page main#main#main#main section.store-section {
  background-image: url('images/b2b-paisley-frequency.png') !important;
  background-color: #080810 !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-blend-mode: normal !important;
}

html body.catalog-page main#main#main#main section.store-section::before,
html body.catalog-page main#main#main#main section.store-section::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* v38 final: the CRT throne leads the homepage and the former banner moves to process step 03 */
html body.home-page main#main#main section.hero .hero-bg {
  background-image: linear-gradient(90deg, rgba(6,8,12,.96) 0%, rgba(6,8,12,.76) 30%, rgba(6,8,12,.12) 77%), linear-gradient(0deg, rgba(6,8,12,.9), transparent 46%), url('images/b2b-crt-throne.png') !important;
  background-position: center center !important;
  background-size: cover !important;
  filter: saturate(.96) contrast(1.08) !important;
}

html body.home-page main#main#main section#process .process-step:nth-child(3) .process-image img {
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
}

/* v39 final: give the studio and contact chapters their own signature visual language */
html body.home-page main#main#main section.atelier .atelier-one > img {
  object-position: center center !important;
  filter: none !important;
}

html body.home-page main#main#main section#contact.artist-cta > img {
  object-position: 52% center !important;
  filter: none !important;
}

@media (max-width: 900px) {
  html body.home-page main#main#main section#contact.artist-cta > img {
    object-position: 36% center !important;
  }
}

/* v40 final: three distinct catalog chapters, each with its own supplied artwork */
html body.catalog-page main#main#main#main section.catalog-hero > img {
  object-position: center center !important;
  filter: none !important;
}

html body.catalog-page main#main#main#main section.store-section {
  background-image: url('images/b2b-tattoo-flash-sound-wall.png') !important;
  background-color: #080810 !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-blend-mode: normal !important;
}

html body.catalog-page main#main#main#main section.store-section::before,
html body.catalog-page main#main#main#main section.store-section::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

html body.catalog-page main#main#main#main section#license-path.license-section {
  background-image: url('images/b2b-forged-chrome-chain.png') !important;
  background-color: #06080c !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-blend-mode: normal !important;
  text-shadow: 0 3px 22px rgba(0,0,0,.78) !important;
}

html body.catalog-page main#main#main#main section#license-path.license-section::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

html body.catalog-page main#main#main#main section.catalog-art > img {
  object-position: center center !important;
  filter: none !important;
}

html body.catalog-page main#main#main#main section.catalog-art {
  align-items: flex-end !important;
  padding-bottom: 48px !important;
}

html body.catalog-page main#main#main#main section.catalog-hero > img,
html body.catalog-page main#main#main#main section.catalog-art > img {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

@media (max-width: 900px) {
  html body.catalog-page main#main#main#main section.catalog-hero > img {
    object-position: center center !important;
  }

  html body.catalog-page main#main#main#main section.store-section {
    background-position: 58% center !important;
  }

  html body.catalog-page main#main#main#main section#license-path.license-section {
    background-position: 58% center !important;
  }

  html body.catalog-page main#main#main#main section.catalog-art > img {
    object-position: center center !important;
  }

  html body.catalog-page main#main#main#main section.catalog-art {
    padding-bottom: 28px !important;
  }
}

/* v41 final lock: these unique-gallery rules intentionally live at EOF */
html body.home-page main#main#main .hero-bg {
  background-image: linear-gradient(90deg, rgba(4,6,12,.38), rgba(4,6,12,.08) 56%, rgba(4,6,12,.28)), url('images/b2b-crt-throne.png') !important;
  background-size: cover !important;
  background-position: center !important;
  filter: none !important;
}
html body.home-page main#main#main section#process {
  background-image: linear-gradient(180deg, rgba(6,8,12,.96), rgba(6,8,12,.86) 48%, rgba(6,8,12,.98)), url('images/vocal-booth.webp') !important;
  background-size: cover !important;
  background-position: center !important;
}
html body.home-page main#main#main section.atelier {
  background-image: linear-gradient(180deg, rgba(6,8,12,.98), rgba(18,13,34,.92)) !important;
}
html body.home-page main#main#main section#faq.faq-section {
  background-image: linear-gradient(180deg, rgba(6,8,12,.94), rgba(6,8,12,.82)), url('images/b2b-liquid-diamond-frequency.png') !important;
  background-size: cover !important;
  background-position: center !important;
}
html body.home-page main#main#main section#faq .shell {
  position: relative !important;
  z-index: 1 !important;
  padding: clamp(22px, 3vw, 42px) !important;
  background: rgba(4,6,12,.64) !important;
  border: 1px solid rgba(240,200,120,.34) !important;
  box-shadow: 0 24px 72px rgba(0,0,0,.34) !important;
}
html body.home-page main#main#main section#atelier .atelier-one { overflow: hidden !important; }
html body.home-page main#main#main section#atelier .atelier-one > img {
  filter: saturate(.88) contrast(1.08) !important;
  transition: transform .75s cubic-bezier(.22,1,.36,1), filter .55s ease !important;
}
html body.home-page main#main#main section#atelier .atelier-one:hover > img,
html body.home-page main#main#main section#atelier .atelier-one:focus-within > img {
  transform: scale(1.045) !important;
  filter: saturate(1.2) contrast(1.12) brightness(1.05) !important;
}
html body.home-page main#main#main section#contact.artist-cta { isolation: isolate !important; }
html body.home-page main#main#main section#contact.artist-cta > img {
  object-position: center !important;
  filter: saturate(.94) contrast(1.08) !important;
  transition: transform .8s cubic-bezier(.22,1,.36,1), filter .6s ease !important;
}
html body.home-page main#main#main section#contact.artist-cta:hover > img,
html body.home-page main#main#main section#contact.artist-cta:focus-within > img {
  transform: scale(1.04) !important;
  filter: saturate(1.2) contrast(1.12) brightness(1.06) !important;
}
html body.home-page main#main#main section.universe-cta { background: linear-gradient(135deg, #070a12, #18112b) !important; }
html body.home-page main#main#main section.universe-cta > img {
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.04) contrast(1.06) !important;
}
html body.home-page main#main#main section.universe-cta > div {
  background: linear-gradient(135deg, rgba(6,8,12,.86), rgba(21,13,41,.74)) !important;
  border: 1px solid rgba(240,200,120,.56) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.44) !important;
}
html body.catalog-page main#main#main#main section#license-path.license-section {
  background-image: linear-gradient(90deg, rgba(4,6,12,.9), rgba(4,6,12,.58) 52%, rgba(4,6,12,.78)), url('images/b2b-forged-chrome-chain.png') !important;
  background-size: cover !important;
  background-position: center !important;
}
html body.catalog-page main#main#main#main section#license-path.license-section > div,
html body.catalog-page main#main#main#main section#license-path.license-section > ol { position: relative !important; z-index: 1 !important; }
html body.catalog-page main#main#main#main section#license-path.license-section > div {
  max-width: 650px !important;
  padding: 28px 30px !important;
  background: rgba(4,6,12,.7) !important;
  border-left: 3px solid #f0c878 !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.36) !important;
  border-radius: 4px 18px 18px 4px !important;
}
html body.catalog-page main#main#main#main section#license-path.license-section p {
  color: #fff !important;
  font-size: clamp(17px,1.7vw,20px) !important;
  line-height: 1.68 !important;
  font-weight: 600 !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.94) !important;
}
html body.catalog-page main#main#main#main section#license-path.license-section li strong {
  color: #fff !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.92) !important;
}
html body.drumkits-page main#main#main .drumkits-hero__media {
  background-image: linear-gradient(90deg, rgba(4,6,12,.78) 0%, rgba(4,6,12,.28) 48%, rgba(4,6,12,.08) 100%), url('images/hero-portal.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 1 !important;
  filter: none !important;
}
html body.drumkits-page main#main#main .drumkits-hero { isolation: isolate !important; }
html body.drumkits-page main#main#main .drumkits-hero > .drumkits-hero__content {
  max-width: 760px !important;
  padding: 38px 42px !important;
  background: linear-gradient(135deg, rgba(4,6,12,.9), rgba(10,10,18,.66)) !important;
  border: 1px solid rgba(240,200,120,.58) !important;
  border-left: 4px solid #f0c878 !important;
  border-radius: 4px 22px 22px 4px !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.48) !important;
  backdrop-filter: blur(4px) !important;
}
html body.drumkits-page main#main#main .drumkits-hero > .drumkits-hero__content h1,
html body.drumkits-page main#main#main .drumkits-hero > .drumkits-hero__content p {
  color: #fff !important;
  text-shadow: 0 3px 20px rgba(0,0,0,.94) !important;
}
html body.drumkits-page main#main#main section#gravesignal .kit-env {
  background-image: linear-gradient(90deg, rgba(0,0,0,.94), rgba(0,0,0,.6), rgba(0,0,0,.88)), url('images/dark-corridor.webp') !important;
  opacity: .64 !important;
}
html body.drumkits-page main#main#main section#gravesignal .kit-copy {
  background: rgba(0,0,0,.56) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  padding: 30px !important;
  border-radius: 4px 18px 18px 4px !important;
  backdrop-filter: blur(3px) !important;
}
html body.drumkits-page main#main#main section#shadowslide .kit-env {
  background-image: linear-gradient(90deg, rgba(4,6,12,.9), rgba(4,6,12,.58), rgba(4,6,12,.9)), url('images/midnight-workspace.webp') !important;
  opacity: .72 !important;
}
html body.drumkits-page main#main#main section#ghostrideknock .kit-env {
  background-image: linear-gradient(90deg, rgba(10,6,16,.9), rgba(10,6,16,.46), rgba(10,6,16,.9)), url('images/ghostride-detail.webp') !important;
  opacity: .76 !important;
}
html body.drumkits-page main#main#main .drumkits-final__media {
  background-image: linear-gradient(90deg, rgba(4,6,12,.9), rgba(4,6,12,.42), rgba(4,6,12,.12)), url('images/neon-palms.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 1 !important;
  filter: none !important;
}
html body.drumkits-page main#main#main .drumkits-final { isolation: isolate !important; }
html body.drumkits-page main#main#main .drumkits-final > .drumkits-final__content {
  max-width: 720px !important;
  padding: 34px 42px !important;
  background: rgba(4,6,12,.76) !important;
  border: 1px solid rgba(240,200,120,.54) !important;
  border-left: 4px solid #f0c878 !important;
  box-shadow: 0 24px 78px rgba(0,0,0,.44) !important;
  border-radius: 4px 20px 20px 4px !important;
}
html body.drumkits-page main#main#main .drumkits-final > .drumkits-final__content h2,
html body.drumkits-page main#main#main .drumkits-final > .drumkits-final__content p {
  color: #fff !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.94) !important;
}
html body.drumkits-page main#main#main .kit-stage .kit-copy h2,
html body.drumkits-page main#main#main .product-card__body h3 { color: #f1cf87 !important; text-shadow: 0 2px 16px rgba(0,0,0,.9) !important; }
html body.drumkits-page main#main#main .kit-stage .kit-genre,
html body.drumkits-page main#main#main .product-card__genre { color: #29aaff !important; }
html body.drumkits-page main#main#main .kit-stage .kit-copy p,
html body.drumkits-page main#main#main .product-card__body p,
html body.drumkits-page main#main#main .product-card__body small { color: rgba(255,255,255,.9) !important; }
html body.drumkits-page main#main#main .kit-facts span,
html body.drumkits-page main#main#main .product-card__facts span {
  color: #f1cf87 !important;
  border-color: rgba(240,200,120,.52) !important;
  background: rgba(4,6,12,.62) !important;
}
@media (max-width: 900px) {
  html body.drumkits-page main#main#main .drumkits-hero > .drumkits-hero__content { max-width: calc(100% - 28px) !important; margin-inline: 14px !important; padding: 26px 22px !important; }
  html body.drumkits-page main#main#main section#gravesignal .kit-copy { padding: 22px !important; }
  html body.drumkits-page main#main#main .drumkits-final > .drumkits-final__content { max-width: calc(100% - 28px) !important; margin-inline: 14px !important; padding: 24px 22px !important; }
  html body.catalog-page main#main#main#main section#license-path.license-section > div { padding: 22px !important; }
}

/* v41 final lock: contact copy contrast */
html body.home-page main#main#main section#contact.artist-cta > div.shell {
  position: relative !important;
  z-index: 2 !important;
  background: linear-gradient(135deg, rgba(4,6,12,.9), rgba(20,10,27,.78)) !important;
  border: 1px solid rgba(240,200,120,.56) !important;
  border-left: 4px solid #f0c878 !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.48) !important;
}
html body.home-page main#main#main section#contact.artist-cta > div.shell h2,
html body.home-page main#main#main section#contact.artist-cta > div.shell p {
  color: #fff !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.94) !important;
}
html body.home-page main#main#main section#contact.artist-cta > div.shell .section-index { color: #f0c878 !important; }

/* v42 final: compact menu, musical brand motion and mobile-first wallpaper clarity */
html body.menu-open nav#mobile-menu {
  position: fixed !important;
  inset: auto 16px auto auto !important;
  top: 76px !important;
  width: min(340px, calc(100vw - 32px)) !important;
  max-height: calc(100svh - 96px) !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding: 12px !important;
  background: rgba(4,6,12,.94) !important;
  border: 1px solid rgba(240,200,120,.62) !important;
  border-radius: 4px 20px 20px 20px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.52), 0 0 0 1px rgba(42,170,255,.14) inset !important;
  backdrop-filter: blur(12px) !important;
  z-index: 1000 !important;
}
html body.menu-open nav#mobile-menu[hidden] { display: none !important; }
html body.menu-open nav#mobile-menu a {
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 11px !important;
  font-family: var(--font-body) !important;
  font-size: 18px !important;
  letter-spacing: .02em !important;
  transition: color .2s ease, background-color .2s ease, transform .2s ease, padding-left .2s ease !important;
}
html body.menu-open nav#mobile-menu a:hover,
html body.menu-open nav#mobile-menu a:focus-visible,
html body.menu-open nav#mobile-menu a[aria-current="page"] {
  color: #f0c878 !important;
  background: linear-gradient(90deg, rgba(42,170,255,.16), rgba(240,200,120,.12)) !important;
  padding-left: 20px !important;
  transform: translateX(2px) !important;
}
html body.home-page .site-header .brand,
html body.catalog-page .site-header .brand,
html body.drumkits-page .site-header .brand { position: relative !important; }
html body.home-page .site-header .brand > img,
html body.catalog-page .site-header .brand > img,
html body.drumkits-page .site-header .brand > img {
  transition: transform .65s cubic-bezier(.22,1,.36,1), filter .45s ease !important;
}
html body.home-page .site-header .brand > span,
html body.catalog-page .site-header .brand > span,
html body.drumkits-page .site-header .brand > span {
  color: #f3d58f !important;
  transition: color .35s ease, letter-spacing .35s ease, text-shadow .35s ease !important;
}
html body.home-page .site-header .brand > span > span,
html body.catalog-page .site-header .brand > span > span,
html body.drumkits-page .site-header .brand > span > span { color: #2aaaff !important; }
html body.home-page .site-header .brand::after,
html body.catalog-page .site-header .brand::after,
html body.drumkits-page .site-header .brand::after {
  content: '♪ 〰' !important;
  position: absolute !important;
  right: -24px !important;
  top: -11px !important;
  color: #2aaaff !important;
  font-size: 12px !important;
  letter-spacing: .1em !important;
  opacity: 0 !important;
  transform: translate(-8px, 7px) rotate(-8deg) !important;
  transition: opacity .3s ease, transform .45s cubic-bezier(.22,1,.36,1) !important;
  pointer-events: none !important;
}
html body.home-page .site-header .brand:hover > img,
html body.catalog-page .site-header .brand:hover > img,
html body.drumkits-page .site-header .brand:hover > img,
html body.home-page .site-header .brand:focus-visible > img,
html body.catalog-page .site-header .brand:focus-visible > img,
html body.drumkits-page .site-header .brand:focus-visible > img {
  transform: rotate(8deg) scale(1.12) !important;
  filter: drop-shadow(0 0 8px rgba(42,170,255,.72)) drop-shadow(0 0 14px rgba(240,200,120,.44)) !important;
}
html body.home-page .site-header .brand:hover > span,
html body.catalog-page .site-header .brand:hover > span,
html body.drumkits-page .site-header .brand:hover > span,
html body.home-page .site-header .brand:focus-visible > span,
html body.catalog-page .site-header .brand:focus-visible > span,
html body.drumkits-page .site-header .brand:focus-visible > span {
  color: #fff !important;
  letter-spacing: .1em !important;
  text-shadow: 0 0 12px rgba(42,170,255,.46) !important;
}
html body.home-page .site-header .brand:hover::after,
html body.catalog-page .site-header .brand:hover::after,
html body.drumkits-page .site-header .brand:hover::after,
html body.home-page .site-header .brand:focus-visible::after,
html body.catalog-page .site-header .brand:focus-visible::after,
html body.drumkits-page .site-header .brand:focus-visible::after {
  opacity: 1 !important;
  transform: translate(0,0) rotate(-8deg) !important;
}
html body.home-page main#main#main .process-step {
  background: linear-gradient(135deg, rgba(4,6,12,.96), rgba(9,30,49,.9)) !important;
  border: 1px solid rgba(240,200,120,.64) !important;
  border-left: 4px solid #2aaaff !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.34) !important;
}
html body.home-page main#main#main .process-step h3 { color: #f3d58f !important; text-shadow: 0 2px 12px rgba(0,0,0,.9) !important; }
html body.home-page main#main#main .process-step p { color: rgba(255,255,255,.9) !important; }
html body.catalog-page main#main#main#main .catalog-hero > picture {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  z-index: 0 !important;
}
html body.catalog-page main#main#main#main .catalog-hero > picture > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
}
html body.catalog-page main#main#main#main .catalog-art > div {
  position: relative !important;
  z-index: 2 !important;
  max-width: 620px !important;
  padding: 30px 34px !important;
  background: linear-gradient(135deg, rgba(4,6,12,.9), rgba(15,12,28,.76)) !important;
  border: 1px solid rgba(240,200,120,.62) !important;
  border-left: 4px solid #2aaaff !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.46) !important;
}
html body.catalog-page main#main#main#main .catalog-art > div h2 {
  color: #fff !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.94) !important;
}
html body.catalog-page main#main#main#main footer.site-footer .copyright {
  color: #f3d58f !important;
  border-top: 1px solid rgba(42,170,255,.52) !important;
  padding-top: 14px !important;
  letter-spacing: .08em !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.8) !important;
}
html body.drumkits-page main#main#main .drumkits-hero__media {
  background-image: url('images/quilted-frame.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}
html body.drumkits-page main#main#main .drumkits-hero::before,
html body.drumkits-page main#main#main .drumkits-hero::after { content: none !important; display: none !important; background: none !important; }
html body.drumkits-page main#main#main .drumkits-hero > .drumkits-hero__content {
  width: min(760px, calc(100% - 28px)) !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: center !important;
  margin: auto !important;
  background: rgba(4,6,12,.68) !important;
  backdrop-filter: blur(9px) !important;
  -webkit-backdrop-filter: blur(9px) !important;
}
html body.drumkits-page main#main#main .drumkits-final__media {
  background-image: linear-gradient(90deg, rgba(4,6,12,.74), rgba(4,6,12,.22), rgba(4,6,12,.08)), url('images/gold-planet.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 1 !important;
  filter: none !important;
}
@media (max-width: 900px) {
  html body.menu-open nav#mobile-menu { top: 70px !important; right: 12px !important; width: calc(100vw - 24px) !important; max-width: 320px !important; max-height: calc(100svh - 86px) !important; }
  html body.catalog-page main#main#main#main .store-section { background-image: url('images/la-collage.webp') !important; background-position: center !important; background-size: cover !important; }
  html body.catalog-page main#main#main#main .catalog-art { min-height: min(82svh, 700px) !important; }
  html body.catalog-page main#main#main#main .catalog-art > img { object-fit: contain !important; object-position: center !important; background: #06080c !important; }
  html body.catalog-page main#main#main#main .catalog-art > div { max-width: calc(100% - 28px) !important; margin-inline: 14px !important; padding: 22px !important; }
  html body.catalog-page main#main#main#main .catalog-hero > picture > img { object-position: center !important; }
  html body.drumkits-page main#main#main .drumkits-hero__media { background-position: 58% center !important; }
  html body.drumkits-page main#main#main .drumkits-hero__media {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #02040a !important;
  }
}

/* v42 hero split: transparent canvas plus one focused text card */
html body.drumkits-page main#main#main .drumkits-hero > .drumkits-hero__content {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.drumkits-page main#main#main .drumkits-hero__copy {
  width: min(760px, calc(100% - 28px)) !important;
  max-width: 760px !important;
  padding: 38px 42px !important;
  background: rgba(4,6,12,.72) !important;
  border: 1px solid rgba(240,200,120,.58) !important;
  border-left: 4px solid #f0c878 !important;
  border-radius: 4px 22px 22px 4px !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.48) !important;
  backdrop-filter: blur(9px) !important;
  -webkit-backdrop-filter: blur(9px) !important;
}
@media (max-width: 900px) {
  html body.drumkits-page main#main#main .drumkits-hero__copy {
    width: calc(100% - 40px) !important;
    max-width: 760px !important;
    padding: 22px 20px !important;
    background: rgba(4,6,12,.56) !important;
  }
  html body.drumkits-page main#main#main .drumkits-hero__copy h1 {
    font-size: clamp(34px, 8.6vw, 52px) !important;
    line-height: .98 !important;
  }
  html body.drumkits-page main#main#main .drumkits-hero__copy p {
    max-width: 480px !important;
    font-size: 15px !important;
    line-height: 1.48 !important;
  }
}

/* v42 specificity lock for mobile catalog and footer treatment */
html body.catalog-page footer.site-footer > p.copyright {
  color: #f3d58f !important;
  border-top: 1px solid #2aaaff !important;
  padding-top: 14px !important;
  letter-spacing: .08em !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.8) !important;
}
@media (max-width: 900px) {
  html body.catalog-page main#main#main#main section.store-section.section.shell {
    background-image: url('images/la-collage.webp') !important;
    background-position: center !important;
    background-size: cover !important;
  }
html body.catalog-page main#main#main#main section.catalog-art.section > img {
    object-fit: contain !important;
    object-position: center !important;
    background: #06080c !important;
  }
}

/* v43 final language control override */
html body .site-header .header-actions .lang-switch {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 72px !important;
  min-height: 38px !important;
  height: 38px !important;
  color: #fff !important;
  background: rgba(4,6,12,.82) !important;
  border: 1px solid rgba(240,200,120,.55) !important;
  border-radius: 999px !important;
}
html body .site-header .header-actions .lang-switch .lang-current { color: #f3d58f !important; }
html body .site-header .header-actions .lang-switch .lang-next { color: rgba(255,255,255,.72) !important; }
@media (max-width: 520px) {
  html body .site-header .header-actions .lang-switch { min-width: 48px !important; width: 48px !important; padding-inline: 6px !important; }
  html body .site-header .header-actions .lang-switch .lang-next { display: none !important; }
}

/* v44 EOF lock: overrides all earlier art-direction experiments */
html body.catalog-page main#main#main#main section.store-section.section.shell {
  background-color: #030508 !important;
  background-image: linear-gradient(90deg, rgba(3,5,8,.9) 0%, rgba(3,5,8,.48) 38%, rgba(3,5,8,.84) 100%), url('images/b2b-beats-medallion.png') !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: min(100%, 980px) auto !important;
}
html body.catalog-page main#main#main#main section#license-path.license-section {
  background-image: linear-gradient(90deg, rgba(4,6,12,.94) 0%, rgba(4,6,12,.7) 52%, rgba(4,6,12,.9) 100%), url('images/b2b-tattoo-flash-sound-wall.png') !important;
  background-size: cover !important;
  background-position: center !important;
}
html body.catalog-page main#main#main#main section.catalog-art.section {
  background-color: #02040a !important;
  background-image: linear-gradient(90deg, rgba(2,4,10,.9), rgba(2,4,10,.44) 48%, rgba(2,4,10,.88)), url('images/b2b-custom-speaker-medallion.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: min(100%, 980px) auto !important;
}
html body.catalog-page main#main#main#main section.catalog-art.section > img { opacity: 0 !important; visibility: hidden !important; }
html body.drumkits-page main#main#main .drumkits-hero__media {
  background-image: linear-gradient(90deg, rgba(4,6,12,.8) 0%, rgba(4,6,12,.32) 50%, rgba(4,6,12,.12) 100%), url('images/b2b-drumkits-originals-banner.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: 1 !important;
  filter: none !important;
}
html body.home-page main#main#main section#process .process-heading {
  position: relative !important;
  max-width: 760px !important;
  padding: 28px 30px 30px !important;
  background: linear-gradient(135deg, rgba(3,7,14,.97), rgba(8,25,42,.9)) !important;
  border: 1px solid rgba(42,170,255,.58) !important;
  border-left: 4px solid #f0c878 !important;
  box-shadow: 0 24px 72px rgba(0,0,0,.46), inset 0 1px rgba(255,255,255,.08) !important;
}
html body.home-page main#main#main section#process .process-heading::after { content: '' !important; position: absolute !important; left: 30px !important; bottom: 12px !important; width: 150px !important; height: 2px !important; background: linear-gradient(90deg, #f0c878, #2aaaff, transparent) !important; }
html body.home-page main#main#main section#process .process-heading .section-kicker { color: #f0c878 !important; letter-spacing: .22em !important; text-shadow: 0 2px 14px rgba(0,0,0,.92) !important; }
html body .site-header .header-actions .lang-switch {
  min-width: 86px !important;
  width: auto !important;
  padding: 4px 9px !important;
  gap: 5px !important;
  background: linear-gradient(135deg, rgba(5,17,31,.96), rgba(4,6,12,.92)) !important;
  border: 1px solid rgba(42,170,255,.8) !important;
  box-shadow: inset 0 0 0 1px rgba(240,200,120,.16), 0 8px 24px rgba(0,0,0,.28) !important;
}
html body .site-header .header-actions .lang-switch .lang-current { padding: 5px 8px !important; color: #06101a !important; background: linear-gradient(135deg, #f5d98f, #d6a85b) !important; border-radius: 999px !important; font-weight: 800 !important; }
html body .site-header .header-actions .lang-switch .lang-next { color: #f0c878 !important; font-weight: 700 !important; }
html body .site-header .header-actions .lang-switch > i { background: #2aaaff !important; }
@media (max-width: 900px) {
  html body.catalog-page main#main#main#main section.store-section.section.shell { background-image: none !important; background-color: #030508 !important; }
  html body.catalog-page main#main#main#main section.catalog-art.section { background-size: contain !important; background-position: center top !important; }
  html body.drumkits-page main#main#main .drumkits-hero__media { background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: #02040a !important; }
  html body.home-page main#main#main section#process .process-heading { width: calc(100% - 28px) !important; padding: 22px 20px 26px !important; }
  html body.home-page main#main#main section#process .process-heading::after { left: 20px !important; }
  html body .site-header .header-actions .lang-switch { min-width: 72px !important; width: 72px !important; padding-inline: 5px !important; }
}

/* v53 actual tail lock */
html body.home-page main#main#main section#process .process-image { position: relative !important; isolation: isolate !important; overflow: hidden !important; background: #05070d !important; }
html body.home-page main#main#main section#process .process-image::after { content: '' !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important; background: linear-gradient(180deg, rgba(3,7,14,.22), rgba(3,7,14,.7)), linear-gradient(135deg, rgba(42,170,255,.13), transparent 42%, rgba(240,200,120,.16)) !important; opacity: .96 !important; transition: opacity .38s ease !important; }
html body.home-page main#main#main section#process .process-image img { position: relative !important; z-index: 0 !important; filter: saturate(.78) contrast(1.08) brightness(.62) !important; transform: scale(1.012) !important; transition: filter .46s ease, transform .46s cubic-bezier(.2,.7,.2,1) !important; }
html body.home-page main#main#main section#process .process-image > span { z-index: 2 !important; }
html body.home-page main#main#main section#process .process-step:hover .process-image img, html body.home-page main#main#main section#process .process-step:focus-within .process-image img { filter: saturate(.96) contrast(1.1) brightness(.74) !important; transform: scale(1.045) !important; }
html body.home-page main#main#main section#process .process-step:hover .process-image::after, html body.home-page main#main#main section#process .process-step:focus-within .process-image::after { opacity: .78 !important; }
html body.home-page main#main#main section#process .process-step:nth-child(2) .process-image::after { background: linear-gradient(180deg, rgba(2,10,8,.2), rgba(2,10,8,.72)), linear-gradient(135deg, rgba(38,198,128,.2), transparent 46%, rgba(240,200,120,.12)) !important; }
html body.home-page main#main#main section#process .process-step:nth-child(3) .process-image::after { background: linear-gradient(180deg, rgba(3,6,18,.2), rgba(3,6,18,.72)), linear-gradient(135deg, rgba(42,170,255,.2), transparent 46%, rgba(112,82,210,.16)) !important; }
html body.home-page main#main#main section#custom-beats > img { object-position: center center !important; filter: brightness(.72) saturate(.92) contrast(1.08) !important; }
html body.home-page main#main#main section#custom-beats::after { background: linear-gradient(90deg, rgba(3,5,10,.78), rgba(3,5,10,.22) 58%, rgba(3,5,10,.58)) !important; opacity: 1 !important; }
html body.home-page main#main#main section#custom-beats > .shell > h2 { max-width: 820px !important; padding: clamp(18px, 2.4vw, 32px) clamp(18px, 3vw, 38px) !important; background: linear-gradient(135deg, rgba(3,7,14,.94), rgba(8,18,30,.76)) !important; border: 1px solid rgba(42,170,255,.58) !important; border-left: 4px solid #f0c878 !important; box-shadow: 0 24px 70px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.08) !important; text-shadow: 0 3px 18px rgba(0,0,0,.92) !important; }
html body.home-page main#main#main section.universe-cta > img { opacity: .98 !important; filter: brightness(.86) saturate(1.08) contrast(1.04) !important; }
html body.home-page main#main#main section.universe-cta::after { background: linear-gradient(180deg, rgba(3,7,14,.12), rgba(3,7,14,.42)) !important; opacity: .72 !important; }
html body.home-page main#main#main section.universe-cta > div { background: rgba(3,7,14,.34) !important; border-color: rgba(240,200,120,.46) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; }
html body.catalog-page main#main#main#main .catalog-hero > picture > img { object-fit: contain !important; object-position: center center !important; background: #020306 !important; }
html body.catalog-page main#main#main#main .catalog-hero::after { background: linear-gradient(90deg, rgba(2,4,10,.64), rgba(2,4,10,.18) 55%, rgba(2,4,10,.52)) !important; }
html body.catalog-page main#main#main#main section.store-section.section.shell { background-color: transparent !important; background-image: none !important; }
html body.catalog-page main#main#main#main section.store-section::before, html body.catalog-page main#main#main#main section.store-section::after { display: none !important; content: none !important; }
@media (max-width: 900px) {
  html body.catalog-page { overflow-x: hidden !important; }
  html body.catalog-page .site-header, html body.catalog-page .site-header.scrolled { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
  html body.catalog-page .site-header::after { display: none !important; content: none !important; }
  html body.catalog-page main#main#main#main .catalog-hero { min-height: min(760px, 100svh) !important; background: #020306 !important; }
  html body.catalog-page main#main#main#main .catalog-hero > picture { background: #020306 !important; }
  html body.catalog-page main#main#main#main .catalog-hero > picture > img { object-fit: contain !important; object-position: center center !important; filter: none !important; }
  html body.catalog-page main#main#main#main .catalog-hero::after { background: linear-gradient(90deg, rgba(2,4,10,.48), rgba(2,4,10,.12) 52%, rgba(2,4,10,.44)) !important; }
  html body.catalog-page main#main#main#main section.store-section.section.shell { display: block !important; position: relative !important; min-height: 0 !important; padding: 30px 14px 52px !important; margin: 0 !important; background: transparent !important; }
  html body.catalog-page main#main#main#main section.store-section .store-copy { position: relative !important; inset: auto !important; top: auto !important; width: 100% !important; margin: 0 0 18px !important; padding: 22px 18px !important; background: rgba(3,7,14,.74) !important; border: 1px solid rgba(240,200,120,.5) !important; box-shadow: 0 18px 44px rgba(0,0,0,.42) !important; backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; z-index: 2 !important; }
  html body.catalog-page main#main#main#main section.store-section .store-embed { position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; z-index: 3 !important; }
  html body.catalog-page main#main#main#main section.store-section .store-embed iframe { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: 1080px !important; margin: 0 !important; border: 0 !important; }
  html body.home-page main#main#main section#custom-beats > .shell > h2 { max-width: calc(100% - 28px) !important; }
}
/* v58 eof marker */
/* v58 final cascade: this is deliberately the last rule set */
html body.home-page main#main section.hero .hero-bg { background-image: url('images/b2b-crt-crown-broadcast.png') !important; background-size: cover !important; background-position: center center !important; filter: none !important; opacity: 1 !important; }
html body.home-page main#main section.hero::before,
html body.home-page main#main section.hero::after { display: none !important; opacity: 0 !important; content: none !important; }
html body.home-page main#main section#process { background-image: url('images/b2b-paisley-frequency.png') !important; background-size: cover !important; background-position: center center !important; }
html body.home-page main#main section#process .process-image img { object-fit: contain !important; object-position: center center !important; filter: saturate(.92) contrast(1.06) brightness(.9) !important; transform: none !important; }
html body.home-page main#main section#process .process-step:hover .process-image img,
html body.home-page main#main section#process .process-step:focus-within .process-image img { filter: saturate(1.12) contrast(1.1) brightness(1) drop-shadow(0 0 22px rgba(42,170,255,.22)) !important; transform: scale(1.018) !important; }
html body.home-page main#main section#custom-beats > img { object-fit: cover !important; filter: none !important; opacity: 1 !important; }
html body.home-page main#main section#custom-beats > .shell > h2 { color: #fff !important; font-family: var(--font-body) !important; font-weight: 900 !important; background: linear-gradient(135deg, rgba(3,7,14,.94), rgba(14,20,34,.82)) !important; border: 1px solid rgba(240,200,120,.62) !important; border-left: 4px solid #2aaaff !important; }
html body.home-page main#main section.universe-cta > img { opacity: 1 !important; filter: none !important; }
html body.home-page main#main section.universe-cta::after { display: none !important; opacity: 0 !important; content: none !important; }
html body.home-page main#main section.universe-cta > div { background: rgba(3,7,14,.76) !important; border: 1px solid rgba(240,200,120,.72) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html body.home-page main#main section.universe-cta > div h2 { color: #f3d58f !important; font-family: var(--font-body) !important; font-weight: 900 !important; }
html body.drumkits-page main#main section#shadowslide .kit-env { background-image: linear-gradient(90deg, rgba(4,6,12,.72), rgba(4,6,12,.2), rgba(4,6,12,.68)), url('images/b2b-crt-throne.png') !important; background-size: cover !important; background-position: center center !important; opacity: 1 !important; filter: none !important; }
html body.drumkits-page main#main section#ghostrideknock .kit-env { background-image: linear-gradient(90deg, rgba(8,5,14,.72), rgba(8,5,14,.2), rgba(8,5,14,.66)), url('images/b2b-torn-royalty-archive.png') !important; background-size: cover !important; background-position: center center !important; opacity: 1 !important; filter: none !important; }
html body.drumkits-page main#main section#shadowslide .kit-copy,
html body.drumkits-page main#main section#ghostrideknock .kit-copy { background: rgba(4,6,12,.78) !important; backdrop-filter: blur(7px) !important; -webkit-backdrop-filter: blur(7px) !important; }
html body.catalog-page main#main section.catalog-hero > picture > img { object-fit: contain !important; object-position: 78% 18% !important; filter: none !important; opacity: 1 !important; }
html body.catalog-page main#main section.catalog-hero::after { opacity: .08 !important; }

/* v64 terminal cascade: responsive artwork and layout values */
html body.catalog-page main#main#main#main#main section.store-section.section.shell { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }
html body.home-page main#main#main#main section#process { background-size: contain !important; background-position: center top !important; background-repeat: no-repeat !important; }
html body.home-page main#main#main#main section.universe-cta > img { object-fit: contain !important; object-position: center center !important; filter: none !important; opacity: 1 !important; }
html body.drumkits-page main#main#main#main section#ghostrideknock .kit-env { background-image: linear-gradient(90deg, rgba(4,7,14,.72), rgba(4,7,14,.18), rgba(4,7,14,.68)), url('images/b2b-custom-midnight-lowrider-workspace.png') !important; background-size: cover !important; background-position: center center !important; filter: none !important; opacity: 1 !important; }

/* v65: merge custom-beat CTA into the Vienna close and keep the image-led rhythm */
html body.home-page main#main#main#main section#custom-beats.universe-cta {
  min-height: clamp(720px, 82svh, 980px) !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(32px, 6vw, 78px) !important;
}
html body.home-page main#main#main#main section#custom-beats.universe-cta > .universe-cta__content {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 1040px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  gap: clamp(20px, 3vw, 36px) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__custom-copy,
html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__brand-copy {
  position: relative !important;
  padding: clamp(22px, 4vw, 46px) !important;
  background: rgba(3,7,14,.82) !important;
  border: 1px solid rgba(42,170,255,.58) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.46), inset 0 1px rgba(255,255,255,.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__custom-copy { border-left: 4px solid #2aaaff !important; }
html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__brand-copy { border-color: rgba(240,200,120,.68) !important; border-left: 4px solid #f0c878 !important; text-align: center !important; }
html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__custom-copy h2,
html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__brand-copy h2 { color: #fff !important; font-family: var(--font-body) !important; font-weight: 900 !important; text-shadow: 0 3px 18px rgba(0,0,0,.92) !important; }
html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__brand-copy h2 { color: #f3d58f !important; }
html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__custom-copy p { max-width: 760px !important; color: #eaf2ff !important; }
html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__custom-copy .button-row { justify-content: flex-start !important; }
html body.home-page main#main#main#main section#custom-beats.universe-cta > img { object-fit: contain !important; object-position: center center !important; filter: none !important; opacity: 1 !important; }

/* v65: distinct GhostRideKnock art, no repeated wallpaper */
html body.drumkits-page main#main#main#main section#ghostrideknock .kit-env {
  background-image: linear-gradient(90deg, rgba(8,5,14,.72), rgba(8,5,14,.18), rgba(8,5,14,.66)), url('images/b2b-beats-graffiti-banner.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: 1 !important;
  filter: none !important;
}

/* v65: readable collection intro while preserving the artwork behind it */
html body.drumkits-page main#main#main#main section.producer-shop .producer-shop__intro {
  position: relative !important;
  z-index: 2 !important;
  width: min(100%, 920px) !important;
  margin: 0 auto clamp(26px, 4vw, 50px) !important;
  padding: clamp(24px, 4vw, 46px) !important;
  background: linear-gradient(135deg, rgba(3,7,14,.9), rgba(8,18,30,.7)) !important;
  border: 1px solid rgba(42,170,255,.62) !important;
  border-left: 4px solid #f0c878 !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.drumkits-page main#main#main#main section.producer-shop .producer-shop__intro h2 { color: #fff !important; font-family: var(--font-body) !important; font-weight: 900 !important; text-shadow: 0 3px 18px rgba(0,0,0,.92) !important; }
html body.drumkits-page main#main#main#main section.producer-shop .producer-shop__intro p { max-width: 760px !important; margin-top: 18px !important; padding: 14px 18px !important; color: #eaf2ff !important; background: rgba(3,7,14,.62) !important; border-left: 2px solid #2aaaff !important; text-shadow: 0 2px 12px rgba(0,0,0,.9) !important; }

/* v65: full, sharp hero wallpaper on mobile; only the text surface stays dark */
html body.drumkits-page main#main#main#main .drumkits-hero__media {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.drumkits-page main#main#main#main .drumkits-hero__copy {
  background: rgba(4,6,12,.58) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
@media (max-width: 900px) {
  html body.home-page main#main#main#main section#custom-beats.universe-cta { min-height: 760px !important; padding: 24px 14px !important; }
  html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__content { gap: 18px !important; }
  html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__custom-copy,
  html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__brand-copy { padding: 22px 18px !important; }
  html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__custom-copy .button-row { justify-content: center !important; flex-wrap: wrap !important; }
  html body.drumkits-page main#main#main#main section.producer-shop .producer-shop__intro { width: calc(100% - 28px) !important; padding: 22px 18px !important; }
  html body.drumkits-page main#main#main#main .drumkits-hero__media { background-size: contain !important; background-position: center center !important; }
}

/* v66 terminal lock: focus the custom close and lift the process artwork */
html body.home-page main#main#main#main section#custom-beats.universe-cta {
  min-height: clamp(560px, 64svh, 820px) !important;
  padding: clamp(28px, 5vw, 64px) !important;
}
html body.home-page main#main#main#main section#custom-beats.universe-cta > .universe-cta__content {
  display: block !important;
  width: min(100%, 920px) !important;
}
html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__custom-copy {
  width: min(100%, 860px) !important;
  margin: 0 auto !important;
}
html body.home-page main#main#main#main section#custom-beats.universe-cta > img {
  object-fit: contain !important;
  object-position: center center !important;
  background: #020306 !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.home-page main#main#main#main section#process {
  padding-block: clamp(58px, 8vw, 110px) !important;
}
html body.home-page main#main#main#main section#process > .shell {
  width: min(100% - 28px, 1240px) !important;
  margin-inline: auto !important;
}
html body.home-page main#main#main#main section#process .process-heading {
  width: min(100%, 920px) !important;
  margin: 0 auto clamp(28px, 4vw, 52px) !important;
  padding: clamp(24px, 4vw, 42px) !important;
  text-align: center !important;
  background: rgba(3,7,14,.56) !important;
  border: 1px solid rgba(42,170,255,.72) !important;
  border-left: 4px solid #f0c878 !important;
  box-shadow: 0 22px 64px rgba(0,0,0,.44), inset 0 1px rgba(255,255,255,.1) !important;
  backdrop-filter: blur(11px) !important;
  -webkit-backdrop-filter: blur(11px) !important;
}
html body.home-page main#main#main#main section#process .process-heading h2 {
  color: #fff !important;
  font-family: var(--font-body) !important;
  font-weight: 900 !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.94) !important;
  -webkit-text-stroke: .35px rgba(42,170,255,.7) !important;
}
html body.home-page main#main#main#main section#process .process-steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2.4vw, 32px) !important;
  align-items: stretch !important;
}
html body.home-page main#main#main#main section#process .process-step {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}
html body.home-page main#main#main#main section#process .process-image {
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  background: #05070d !important;
}
html body.home-page main#main#main#main section#process .process-image::after {
  background: linear-gradient(180deg, rgba(3,7,14,.06), rgba(3,7,14,.24)) !important;
  opacity: .52 !important;
}
html body.home-page main#main#main#main section#process .process-image img {
  object-fit: contain !important;
  object-position: center center !important;
  filter: saturate(1) contrast(1.06) brightness(1.06) !important;
  transform: none !important;
}
html body.home-page main#main#main#main section#process .process-step:hover .process-image img,
html body.home-page main#main#main#main section#process .process-step:focus-within .process-image img {
  filter: saturate(1.12) contrast(1.08) brightness(1.12) drop-shadow(0 0 22px rgba(42,170,255,.22)) !important;
  transform: scale(1.018) !important;
}
html body.home-page main#main#main#main section#process .process-step > div:nth-child(2) {
  flex: 1 1 auto !important;
  padding: clamp(18px, 2.2vw, 28px) !important;
  background: rgba(3,7,14,.42) !important;
  border: 1px solid rgba(42,170,255,.68) !important;
  border-top: 0 !important;
  border-left: 3px solid #f0c878 !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.36), inset 0 1px rgba(255,255,255,.08) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
html body.home-page main#main#main#main section#process .process-step > div:nth-child(2) h3 {
  color: #fff !important;
  font-family: var(--font-body) !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.94) !important;
  -webkit-text-stroke: .25px rgba(42,170,255,.7) !important;
}
html body.home-page main#main#main#main section#process .process-step > div:nth-child(2) p {
  color: #f1f5ff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.92) !important;
}
@media (max-width: 900px) {
  html body.home-page main#main#main#main section#custom-beats.universe-cta {
    min-height: 560px !important;
    padding: 24px 14px !important;
  }
  html body.home-page main#main#main#main section#custom-beats.universe-cta .universe-cta__custom-copy {
    padding: 22px 18px !important;
  }
  html body.home-page main#main#main#main section#process > .shell {
    width: min(100% - 28px, 620px) !important;
  }
  html body.home-page main#main#main#main section#process .process-heading {
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 24px !important;
    padding: 22px 18px 28px !important;
  }
  html body.home-page main#main#main#main section#process .process-steps {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}