@charset "UTF-8";
/* Shared layer for the new landing and three genre homes. Home-2 never loads it. */
body.new-site { --accent:#30ceff; --accent-glow:rgb(48 206 255 / 23%); --accent-dark:#101f38; padding-bottom:0; }
body.new-site[data-album="electro"] { --accent:#ff3bce; --accent-glow:rgb(255 59 206 / 23%); --accent-dark:#21102e; }
body.new-site[data-album="country"] { --accent:#f6bd6b; --accent-glow:rgb(246 189 107 / 23%); --accent-dark:#2d1d17; }
body.new-site[data-album="house-tech"] { --accent:#ae8bff; --accent-glow:rgb(174 139 255 / 24%); --accent-dark:#171331; }
.new-site .main-nav a[aria-current="page"] { color:var(--accent); }
.new-site .main-nav a[aria-current="page"]::after { right:0; background:var(--accent); }
.new-site .site-header { gap:clamp(12px,2vw,30px); }
.new-site .main-nav { gap:clamp(12px,2vw,32px); }
.new-site .main-nav a { letter-spacing:.075em; }
.new-site .header-listen { color:var(--accent); border-color:var(--accent); }
.new-site .header-listen:hover { background:var(--accent); color:#05050b; }
.new-site .hero { min-height:max(840px,100svh); }
.new-site .album-hero { background:#04040b; }
.new-site .album-backdrop { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; object-position:50% 48%; opacity:.32; filter:saturate(.88) contrast(1.13); }
.new-site .album-hero::after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(180deg,rgb(3 4 10 / 66%),rgb(3 4 10 / 34%) 39%,rgb(3 4 10 / 56%) 69%,#05050b 100%),linear-gradient(90deg,rgb(3 4 10 / 50%),transparent 85%); }
.new-site[data-album="country"] .album-backdrop { object-position:center 50%; opacity:.86; filter:brightness(var(--scene-light,1)) saturate(1.04) contrast(1.02); animation:country-landscape-drift 18s ease-in-out infinite alternate; }
.new-site[data-album="country"] .album-hero::after { background:linear-gradient(180deg,rgb(5 5 9 / 61%) 0%,rgb(5 5 9 / 20%) 31%,rgb(5 5 9 / 51%) 63%,#05050b 100%),linear-gradient(90deg,rgb(4 5 9 / 44%),transparent 86%); }
.new-site[data-album="country"] .album-hero .hero-stage,
.new-site[data-album="country"] .album-hero .bass-shockwave,
.new-site[data-album="country"] .album-hero .hero-beams,
.new-site[data-album="country"] .album-hero .hero-perspective { display:none; }
.new-site[data-album="country"] .album-hero .hero-lightfield { z-index:2; opacity:.3; background:radial-gradient(circle 16% at 50% 40%,rgb(255 214 137 / 36%),transparent 74%),linear-gradient(0deg,transparent 50%,rgb(255 169 87 / 10%) 57%,transparent 66%); mix-blend-mode:screen; animation:country-sun-beat 1.92s ease-out infinite; }
.new-site[data-album="country"] .album-hero .hero-lightfield::before { content:""; position:absolute; inset:26% -10% 40%; background:linear-gradient(110deg,transparent 30%,rgb(255 197 112 / 19%) 50%,transparent 70%); animation:country-sun-pass 5.76s ease-in-out infinite alternate; pointer-events:none; }
.new-site[data-album="country"] .album-hero .particle-field { opacity:.22; filter:sepia(.85); }
.new-site[data-album="country"] .album-hero h1 { text-shadow:0 7px 38px rgb(0 0 0 / 78%); }
.new-site[data-album="country"] .album-hero .button--bright { background:var(--accent); border-color:var(--accent); color:#130e09; }
.new-site[data-album="country"] .album-hero .button--ghost { border-color:rgb(246 189 107 / 75%); }
.new-site[data-album="country"] .album-hero .scroll-line { background:linear-gradient(90deg,rgb(246 189 107 / 65%),transparent); }
.new-site[data-album="house-tech"] .album-backdrop { object-position:52% 47%; opacity:.83; filter:brightness(var(--scene-light,1)) saturate(1.08) contrast(1.06); animation:house-tower-drift 18s ease-in-out infinite alternate; }
.new-site[data-album="house-tech"] .album-hero::after { background:linear-gradient(180deg,rgb(3 4 11 / 64%) 0%,rgb(3 4 11 / 16%) 28%,rgb(3 4 11 / 42%) 60%,#05050b 100%),linear-gradient(90deg,rgb(3 4 11 / 55%) 0%,rgb(3 4 11 / 25%) 53%,rgb(3 4 11 / 7%) 100%); }
.new-site[data-album="house-tech"] .album-hero .hero-stage,
.new-site[data-album="house-tech"] .album-hero .bass-shockwave,
.new-site[data-album="house-tech"] .album-hero .hero-beams,
.new-site[data-album="house-tech"] .album-hero .hero-perspective { display:none; }
.new-site[data-album="house-tech"] .album-hero .hero-lightfield { z-index:2; opacity:.39; background:linear-gradient(0deg,transparent 18%,rgb(174 139 255 / 24%) 51%,transparent 79%),repeating-linear-gradient(90deg,transparent 0 13%,rgb(80 208 255 / 17%) 13.05% 13.14%,transparent 13.3% 20%); animation:house-signal-rise 5.76s ease-in-out infinite alternate; }
.new-site[data-album="house-tech"] .album-hero .hero-lightfield::before { content:""; position:absolute; inset:0; opacity:.75; background:linear-gradient(180deg,transparent 30%,rgb(88 207 255 / 27%) 49%,transparent 65%); -webkit-mask-image:linear-gradient(90deg,transparent 33%,#000 53%,#000 79%,transparent 89%); mask-image:linear-gradient(90deg,transparent 33%,#000 53%,#000 79%,transparent 89%); animation:house-signal-sweep 1.92s linear infinite; pointer-events:none; }
.new-site[data-album="house-tech"] .album-hero .particle-field { opacity:.33; }
.new-site[data-album="house-tech"] .album-hero h1 { text-shadow:0 7px 40px rgb(0 0 0 / 80%); }
.new-site[data-album="house-tech"] .album-hero .button--bright { background:var(--accent); border-color:var(--accent); color:#0b0915; }
.new-site[data-album="house-tech"] .album-hero .button--ghost { border-color:rgb(174 139 255 / 77%); }
.new-site[data-album="house-tech"] .album-hero .scroll-line { background:linear-gradient(90deg,rgb(174 139 255 / 74%),rgb(48 206 255 / 34%),transparent); }
.new-site .hero-lightfield { z-index:1; }
.new-site .hero-perspective,.new-site .hero-beams { z-index:1; }
.new-site .hero-stage { z-index:2; top:41%; width:min(69vw,610px); }
.new-site .bass-shockwave { top:41%; }
@media (min-width:761px) {
  .new-site .album-hero .hero-stage,.new-site .album-hero .bass-shockwave { top:32%; }
}
.new-site .hero-topline { top:222px; }
.new-site .hero-content { bottom:122px; }
.new-site .landing-hero .hero-content { bottom:132px; }
.new-site .album-hero .hero-content { max-width:760px; }
.new-site .album-hero h1 { font-size:clamp(120px,14vw,205px); line-height:.74; }
.new-site .album-hero h1 em { color:var(--accent); }
.new-site .album-hero .micro-label,.new-site .album-hero .hero-tagline { color:#e3f3ff; }
.new-site .hero-side-note { top:48%; }
.new-site .genre-rail { position:absolute; z-index:8; top:90px; left:clamp(22px,4vw,68px); right:clamp(22px,4vw,68px); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.new-site .genre-rail-link { display:flex; align-items:center; gap:11px; min-width:0; min-height:82px; padding:8px; border:1px solid rgb(185 213 243 / 26%); background:rgb(5 9 19 / 83%); backdrop-filter:blur(16px); box-shadow:0 12px 38px rgb(0 0 0 / 20%); transition:border-color .22s ease,transform .22s ease,background .22s ease; }
.new-site .genre-rail-link:hover,.new-site .genre-rail-link:focus-visible { border-color:var(--accent); background:#111a2d; transform:translateY(-2px); }
.new-site .genre-rail-link img { flex:none; width:61px; height:61px; object-fit:cover; }
.new-site .genre-rail-link span { min-width:0; display:flex; flex-direction:column; gap:7px; }
.new-site .genre-rail-link small { color:#c1cfde; font:500 9px/1.1 var(--mono); letter-spacing:.04em; white-space:nowrap; }
.new-site .genre-rail-link .explicit-badge { margin-left:0; font-size:7px; }
.new-site .genre-rail-link strong { overflow:hidden; color:#fff; font:800 clamp(17px,1.9vw,27px)/.88 var(--font); letter-spacing:.035em; white-space:nowrap; text-overflow:ellipsis; }
.new-site .genre-rail-link > b { flex:none; margin-left:auto; color:var(--blue); font:20px var(--mono); }
.new-site .album-card { --portal-accent:var(--blue); }
.new-site .album-card--electro { --portal-accent:#ff3bce; }
.new-site .album-card--country { --portal-accent:#f6bd6b; }
.new-site .album-card--house-tech { --portal-accent:#ae8bff; }
.new-site .album-card:hover { border-color:var(--portal-accent); box-shadow:0 18px 60px rgb(0 0 0 / 52%),0 0 26px var(--portal-accent); }
.new-site .album-card-info > span { border-color:var(--portal-accent); }
.new-site .album-card-info > span b { color:var(--portal-accent); }
.new-site .album-card--house-tech .album-card-info strong { font-size:clamp(49px,4.2vw,73px); }
.new-site .albums--portal { padding-bottom:120px; }
.new-site .album-card-info { padding-bottom:26px; }
.new-site .album-card-count { line-height:1.6; }
.new-site .phase--two { background:radial-gradient(circle at 75% 55%,var(--accent-glow),transparent 38%),#060810; }
.new-site[data-album="country"] .phase--two { background-image:linear-gradient(100deg,rgb(5 6 10 / 95%) 0%,rgb(9 8 11 / 83%) 48%,rgb(11 7 7 / 65%) 100%),var(--country-scene); background-position:center,center 56%; background-size:cover; }
.new-site[data-album="country"] .phase--two::before,.new-site[data-album="house-tech"] .phase--two::before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; mix-blend-mode:screen; }
.new-site[data-album="country"] .phase--two::before { background:linear-gradient(110deg,transparent 25%,rgb(255 191 103 / 18%) 50%,transparent 75%); animation:country-field-sweep 7.68s ease-in-out infinite alternate; }
.new-site[data-album="country"] .phase--two .phase-two-layout,.new-site[data-album="house-tech"] .phase--two .phase-two-layout,.new-site[data-album="country"] .phase--two .phase-bottom,.new-site[data-album="house-tech"] .phase--two .phase-bottom { position:relative; z-index:1; }
.new-site[data-album="country"] .phase--two .two-ring { display:none; }
.new-site[data-album="country"] .phase--two .two-cell { background:linear-gradient(145deg,rgb(79 51 27 / 26%),rgb(6 6 10 / 54%)); border-color:rgb(246 189 107 / 30%); }
.new-site[data-album="house-tech"] .phase--two { background-image:linear-gradient(100deg,rgb(4 5 15 / 94%) 0%,rgb(6 7 19 / 83%) 50%,rgb(7 6 19 / 69%) 100%),var(--house-scene); background-position:center,52% 51%; background-size:cover; }
.new-site[data-album="house-tech"] .phase--two::before { background:linear-gradient(90deg,transparent 38%,rgb(104 210 255 / 17%) 50%,transparent 62%); animation:house-field-sweep 3.84s ease-in-out infinite alternate; }
.new-site[data-album="house-tech"] .phase--two .two-ring { display:none; }
.new-site[data-album="house-tech"] .phase--two .two-cell { background:linear-gradient(140deg,rgb(85 63 151 / 25%),rgb(5 7 19 / 60%)); border-color:rgb(174 139 255 / 36%); }
.new-site .phase-two-copy h2 span,.new-site .phase-four-head h2 span,.new-site .rooms-intro h2 span,.new-site .artist-copy h2 span,.new-site .outro h2 span { color:var(--accent); }
.new-site .two-cell span,.new-site .phase-bottom span,.new-site .phase-four-foot a { color:var(--accent); }
.new-site .two-ring { box-shadow:0 0 0 15px var(--accent-glow),0 0 60px var(--accent-glow); }
.new-site .sequencer span.is-beat { background:var(--accent-dark); border-color:var(--accent); box-shadow:0 0 22px var(--accent-glow); }
.new-site .phase--four { background:radial-gradient(circle at 78% 60%,var(--accent-glow),transparent 45%),#040612; }
.new-site .phase-four-head h2 { max-width:900px; }
.new-site .phase-four-copy { max-width:350px; }
/* Source-ordered tracks remain in initial HTML; only the player is deferred. */
.new-site .track-collection { padding:92px clamp(24px,5vw,80px) 110px; background:linear-gradient(150deg,#060a15,var(--accent-dark) 130%); }
.new-site .collection-intro { display:flex; align-items:end; justify-content:space-between; gap:40px; padding:42px 0 48px; }
.new-site .collection-intro h2 { margin:16px 0 0; font:900 clamp(105px,12vw,174px)/.75 var(--font); letter-spacing:-.048em; }
.new-site .collection-intro h2 span { color:var(--accent); }
.new-site .collection-intro > p { max-width:390px; margin:0 0 4px; color:#b9c8d8; font:16px/1.65 var(--body); }
.new-site .collection-intro .explicit-badge { font-size:9px; padding:4px 6px; }
.new-site .collection-stage { display:grid; grid-template-columns:minmax(0,.74fr) minmax(0,1fr); align-items:start; gap:clamp(26px,5vw,90px); }
.new-site .collection-art { position:sticky; top:100px; min-width:0; overflow:hidden; border:1px solid rgb(206 223 246 / 25%); box-shadow:0 24px 75px rgb(0 0 0 / 35%); }
.new-site .collection-art::after { content:""; position:absolute; z-index:1; inset:35% 0 0; background:linear-gradient(transparent,rgb(2 4 10 / 81%)); pointer-events:none; }
.new-site .collection-art img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.new-site .collection-art > span { position:absolute; z-index:2; left:18px; bottom:18px; right:18px; color:#fff; font:500 10px/1.4 var(--mono); letter-spacing:.14em; text-shadow:0 3px 8px #000; }
.new-site .collection-list { min-width:0; border-top:1px solid var(--accent); }
.new-site .collection-list-head { display:flex; justify-content:space-between; gap:15px; padding:18px 0 15px; color:var(--accent); font:500 10px/1.4 var(--mono); letter-spacing:.12em; }
.new-site .collection-list ol { list-style:none; padding:0; margin:0; }
.new-site .collection-list li { min-width:0; }
.new-site .track-select:not(.room-link) { display:grid; grid-template-columns:38px minmax(0,1fr) 24px; align-items:center; gap:16px; width:100%; min-height:69px; padding:10px 3px; border:0; border-bottom:1px solid rgb(191 217 241 / 21%); background:transparent; color:var(--white); text-align:left; transition:background .2s ease,padding .2s ease,color .2s ease; }
.new-site .track-select:not(.room-link):hover,.new-site .track-select:not(.room-link):focus-visible { background:var(--accent-glow); padding-left:12px; }
.new-site .track-select.is-selected { background:var(--accent-glow); }
.new-site .track-number { color:var(--accent); font:500 10px var(--mono); letter-spacing:.1em; }
.new-site .track-select strong { font:700 clamp(20px,2.2vw,30px)/1.08 var(--font); letter-spacing:.015em; overflow-wrap:anywhere; }
.new-site .track-arrow { color:var(--accent); font-size:15px; text-align:right; }
.new-site .album-access { max-width:380px; margin:25px 0 0; color:#cbd7e5; font:11px/1.6 var(--mono); letter-spacing:.03em; }
.new-site .album-play-all { width:100%; margin-top:26px; background:var(--accent); border-color:var(--accent); color:#090815; }
.new-site .album-play-all:hover { box-shadow:0 0 28px var(--accent-glow); }
.new-site .rooms-intro { background:linear-gradient(150deg,#03040a,var(--accent-dark)); }
.new-site .album-room { --room-accent:var(--accent); background:#070811; }
.new-site .album-room:nth-of-type(even) { grid-template-columns:44% 56%; }
.new-site .album-room:nth-of-type(even) .room-art { order:2; }
.new-site .album-room:nth-of-type(even) .room-copy { order:1; padding-left:clamp(25px,6vw,110px); }
.new-site .album-room::before { background:linear-gradient(90deg,rgb(3 5 11 / 14%) 0%,rgb(3 5 11 / 29%) 42%,rgb(3 5 11 / 80%) 63%,rgb(3 5 11 / 94%) 100%); }
.new-site .album-room:nth-of-type(even)::before { background:linear-gradient(90deg,rgb(3 5 11 / 94%) 0%,rgb(3 5 11 / 80%) 39%,rgb(3 5 11 / 35%) 65%,rgb(3 5 11 / 15%) 100%); }
.new-site .album-room .room-cover { object-position:center 45%; opacity:.93; filter:brightness(.82) saturate(1.03); }
.new-site[data-album="country"] #room-1 .room-cover { object-position:center top; }
.new-site[data-album="country"] .album-room .room-cover { transform-origin:center; animation:country-room-float 7.68s ease-in-out infinite alternate; }
.new-site[data-album="house-tech"] .album-room:not(#room-3) .room-cover { transform-origin:center; animation:house-room-float 7.68s ease-in-out infinite alternate; }
.new-site[data-album="house-tech"] #room-3 .room-cover { width:55%; height:100%; object-fit:cover; object-position:center 48%; transform:none; opacity:.96; filter:brightness(.92) saturate(1.07); mask-image:linear-gradient(90deg,#000 0%,#000 76%,transparent 100%); -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 76%,transparent 100%); }
.new-site[data-album="electro"] .album-room:nth-of-type(2) .room-cover { object-position:center 17%; opacity:.96; filter:brightness(.78) saturate(1.05); }
.new-site .album-room .room-copy { min-width:0; }
.new-site .album-room .room h3,.new-site .album-room h3 { font-size:clamp(82px,10vw,158px); overflow-wrap:anywhere; }
.new-site .genre-room-art { min-height:630px; background:radial-gradient(circle,var(--accent-glow),transparent 52%); }
.new-site .genre-ring { position:absolute; width:min(40vw,520px); aspect-ratio:1; border:2px solid var(--accent); border-radius:50%; box-shadow:0 0 32px var(--accent-glow),inset 0 0 45px var(--accent-glow); opacity:.76; animation:genre-ring-spin 20s linear infinite; }
.new-site .genre-ring--two { width:min(26vw,330px); border-width:1px; opacity:.8; animation-duration:15s; animation-direction:reverse; }
.new-site .genre-point { width:14px; height:14px; border-radius:50%; background:#fff; box-shadow:0 0 28px 10px var(--accent),0 0 95px 38px var(--accent-glow); animation:genre-point-beat 1.92s ease-out infinite; }
.new-site[data-album="country"] .genre-room-art { background:linear-gradient(90deg,rgb(246 189 107 / 11%),transparent 70%); }
.new-site[data-album="country"] .genre-room-art::before { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 17%,rgb(255 203 124 / 15%) 49%,transparent 73%); animation:country-light-shift 6s ease-in-out infinite alternate; }
.new-site[data-album="country"] .genre-ring,.new-site[data-album="country"] .genre-point { display:none; }
.new-site[data-album="house-tech"] .genre-room-art { background:linear-gradient(90deg,rgb(86 120 245 / 11%),transparent 69%); }
.new-site[data-album="house-tech"] .genre-room-art::before { content:""; position:absolute; inset:12%; border:1px solid rgb(174 139 255 / 27%); background:linear-gradient(130deg,transparent 39%,rgb(174 139 255 / 13%) 40%,transparent 42%),repeating-linear-gradient(90deg,transparent 0 18%,rgb(76 190 255 / 12%) 18.1% 18.2%,transparent 18.3% 23%); clip-path:polygon(50% 0,90% 27%,82% 86%,50% 100%,18% 86%,10% 27%); animation:house-facet-rise 5.76s ease-in-out infinite alternate; }
.new-site[data-album="house-tech"] .genre-room-art::after { content:""; position:absolute; top:12%; left:50%; width:1px; height:76%; background:linear-gradient(transparent,rgb(125 218 255 / 75%),transparent); box-shadow:0 0 18px rgb(48 206 255 / 50%); animation:house-scan 3.84s ease-in-out infinite alternate; }
.new-site[data-album="house-tech"] .genre-ring,.new-site[data-album="house-tech"] .genre-point { display:none; }
.new-site .album-room .room-link.track-select { display:flex; align-items:center; justify-content:space-between; gap:12px; max-width:390px; width:100%; background:rgb(3 6 15 / 70%); padding:9px 14px; text-align:left; }
.new-site .album-room .room-link.track-select strong { flex:1; font:700 19px/1.05 var(--font); letter-spacing:.02em; overflow-wrap:anywhere; }
.new-site .album-room .room-link.track-select .track-number,.new-site .album-room .room-link.track-select .track-arrow { color:var(--room-accent); }
.new-site .album-room .room-link.track-select:hover .track-number,.new-site .album-room .room-link.track-select:hover .track-arrow { color:#05050b; }
.new-site .artist { background:linear-gradient(130deg,#050712,var(--accent-dark) 180%); }
.new-site[data-album="country"] .artist { background:radial-gradient(circle at 76% 38%,rgb(199 126 54 / 18%),transparent 39%),linear-gradient(120deg,#05060b,#1c1512 100%); }
.new-site[data-album="country"] .artist-portrait { background:radial-gradient(circle at 50% 36%,rgb(166 96 39 / 29%),#211915 56%,#09090b 85%); border-color:rgb(246 189 107 / 31%); }
.new-site[data-album="country"] .artist-portrait img { filter:drop-shadow(0 4px 30px rgb(246 189 107 / 18%)); }
.new-site[data-album="house-tech"] .artist { background:radial-gradient(circle at 77% 36%,rgb(100 77 215 / 23%),transparent 40%),linear-gradient(120deg,#050712,#101225 100%); }
.new-site[data-album="house-tech"] .artist-portrait { background:radial-gradient(circle at 51% 39%,rgb(67 104 181 / 29%),#151831 55%,#080a14 86%); border-color:rgb(174 139 255 / 34%); }
.new-site[data-album="house-tech"] .artist-portrait img { filter:drop-shadow(0 4px 34px rgb(113 92 242 / 21%)); }
.new-site .portrait-halo { border-color:var(--accent); box-shadow:0 0 85px var(--accent-glow); }
.new-site .portrait-credit { border-left-color:var(--accent); }
.new-site .portrait-credit i,.new-site .artist-links a { color:var(--accent); }
.new-site .outro-core { border-color:var(--accent-glow); }
.new-site .outro-links .button--bright { background:var(--accent); border-color:var(--accent); }
.new-site .outro-links .button--ghost { border-color:var(--accent); }
.new-site .footer-genres { display:flex; flex-wrap:wrap; gap:10px; }
.new-site .footer-follow { display:flex; flex-wrap:wrap; gap:15px; }
.new-site .site-footer a:hover,.new-site .site-footer a:focus-visible { color:var(--white); }
.new-site .embedded-player { border-color:var(--accent); }
.new-site .embedded-provider,.new-site .embedded-foot a { color:var(--accent); }
.new-site .embedded-foot a[hidden] { display:none; }
.new-site .age-dialog { border-color:var(--accent); }
.new-site .age-dialog h2 span,.new-site .age-dialog-top strong { color:var(--accent); }
.new-site .age-dialog .button--bright { background:var(--accent); border-color:var(--accent); }
.new-site .age-dialog .button--ghost { border-color:var(--accent); }
.new-site .hero.is-offscreen .orbit,.new-site .hero.is-offscreen .acid-ribbon,.new-site .album-room:not(.is-visible) .genre-ring,.new-site .album-room:not(.is-visible) .genre-point { animation-play-state:paused; }
.new-site[data-album="country"] .hero.is-offscreen .album-backdrop,.new-site[data-album="country"] .hero.is-offscreen .hero-lightfield,.new-site[data-album="country"] .hero.is-offscreen .hero-lightfield::before,.new-site[data-album="country"] .phase--two:not(.is-visible)::before,.new-site[data-album="country"] .album-room:not(.is-visible) .room-cover,.new-site[data-album="country"] .album-room:not(.is-visible) .genre-room-art::before { animation-play-state:paused; }
.new-site[data-album="house-tech"] .hero.is-offscreen .album-backdrop,.new-site[data-album="house-tech"] .hero.is-offscreen .hero-lightfield,.new-site[data-album="house-tech"] .hero.is-offscreen .hero-lightfield::before,.new-site[data-album="house-tech"] .phase--two:not(.is-visible)::before,.new-site[data-album="house-tech"] .album-room:not(.is-visible) .room-cover,.new-site[data-album="house-tech"] .album-room:not(.is-visible) .genre-room-art::before,.new-site[data-album="house-tech"] .album-room:not(.is-visible) .genre-room-art::after { animation-play-state:paused; }
html[data-motion="clean"] .new-site .genre-ring { animation-duration:35s; opacity:.47; }
html[data-motion="clean"] .new-site .genre-point { animation-duration:3s; opacity:.65; }
html[data-motion="clean"] .new-site[data-album="country"] .album-backdrop { animation-duration:32s; }
html[data-motion="clean"] .new-site[data-album="country"] .album-hero .hero-lightfield { animation-name:country-sun-soft; animation-duration:3.84s; }
html[data-motion="clean"] .new-site[data-album="country"] .album-hero .hero-lightfield::before { animation-duration:11.52s; opacity:.42; }
html[data-motion="clean"] .new-site[data-album="country"] .phase--two::before { animation-duration:15.36s; opacity:.34; }
html[data-motion="clean"] .new-site[data-album="country"] .album-room .room-cover { animation-name:country-room-soft; animation-duration:15.36s; }
html[data-motion="clean"] .new-site[data-album="country"] .genre-room-art::before { animation-duration:12s; opacity:.42; }
html[data-motion="clean"] .new-site[data-album="house-tech"] .album-backdrop { animation-duration:32s; opacity:.78; }
html[data-motion="clean"] .new-site[data-album="house-tech"] .hero-lightfield { animation-duration:12s; opacity:.2; }
html[data-motion="clean"] .new-site[data-album="house-tech"] .hero-lightfield::before { animation-duration:3.84s; opacity:.3; }
html[data-motion="clean"] .new-site[data-album="house-tech"] .phase--two::before { animation-duration:9s; opacity:.3; }
html[data-motion="clean"] .new-site[data-album="house-tech"] .album-room:not(#room-3) .room-cover { animation-name:house-room-soft; animation-duration:15.36s; }
html[data-motion="clean"] .new-site[data-album="house-tech"] .genre-room-art::before,html[data-motion="clean"] .new-site[data-album="house-tech"] .genre-room-art::after { animation-duration:12s; opacity:.32; }
html[data-motion="reduced"] .new-site[data-album="country"] .album-hero .hero-lightfield,html[data-motion="reduced"] .new-site[data-album="house-tech"] .album-hero .hero-lightfield,html[data-motion="reduced"] .new-site[data-album="country"] .phase--two::before,html[data-motion="reduced"] .new-site[data-album="house-tech"] .phase--two::before { opacity:0!important; }
@keyframes country-landscape-drift { from { scale:1; } to { scale:1.035; } }
@keyframes country-sun-beat { 0%,100% { opacity:.18; filter:brightness(.9); } 18% { opacity:.56; filter:brightness(1.25); } 38% { opacity:.22; filter:brightness(1); } 55% { opacity:.4; filter:brightness(1.1); } 74% { opacity:.18; filter:brightness(.9); } }
@keyframes country-sun-soft { 0%,100% { opacity:.09; filter:brightness(.7); } 22% { opacity:.25; filter:brightness(.95); } 55% { opacity:.16; filter:brightness(.82); } }
@keyframes country-sun-pass { from { transform:translateX(-55%); } to { transform:translateX(50%); } }
@keyframes country-field-sweep { from { transform:translateX(-70%); } to { transform:translateX(70%); } }
@keyframes country-room-float { from { transform:scale(1.006); } to { transform:scale(1.032); } }
@keyframes country-room-soft { from { transform:scale(1.006); } to { transform:scale(1.015); } }
@keyframes country-light-shift { from { transform:translateX(-18%); opacity:.35; } to { transform:translateX(16%); opacity:.8; } }
@keyframes house-tower-drift { from { transform:scale(1.015) translateY(0); } to { transform:scale(1.04) translateY(-.7%); } }
@keyframes house-signal-rise { from { background-position:0 28px,0 35px; } to { background-position:0 -38px,0 -35px; } }
@keyframes house-signal-sweep { from { transform:translateY(-85%); } to { transform:translateY(75%); } }
@keyframes house-field-sweep { from { transform:translateX(-75%); } to { transform:translateX(75%); } }
@keyframes house-room-float { from { transform:scale(1.006); } to { transform:scale(1.026); } }
@keyframes house-room-soft { from { transform:scale(1.006); } to { transform:scale(1.014); } }
@keyframes house-facet-rise { from { transform:translateY(10px); opacity:.26; } to { transform:translateY(-10px); opacity:.7; } }
@keyframes house-scan { from { transform:translateX(-155px); opacity:.2; } to { transform:translateX(155px); opacity:.68; } }
@keyframes genre-ring-spin { to { rotate:360deg; } }
@keyframes genre-grid-spin { from { transform:rotate(45deg); } to { transform:rotate(405deg); } }
@keyframes genre-point-beat { 0%,100% { scale:.84; opacity:.5; } 15% { scale:1.2; opacity:1; } 48% { scale:1; opacity:.7; } }

@media (max-width:1150px) {
  .new-site .header-listen { display:none; }
  .new-site .main-nav { gap:15px; }
  .new-site .album-hero h1 { font-size:clamp(105px,14vw,170px); }
  .new-site .genre-rail-link strong { font-size:19px; }
  .new-site .album-card-info strong { font-size:clamp(48px,5vw,72px); }
}
@media (max-width:760px) {
  .new-site .site-header { grid-template-columns:auto 1fr; }
  .new-site .main-nav { justify-content:flex-start; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; gap:19px; }
  .new-site .main-nav a { flex:none; }
  .new-site[data-album="house-tech"] #room-3 .room-cover { width:100%; object-position:center center; mask-image:none; -webkit-mask-image:none; }
  .new-site[data-album="house-tech"] .album-backdrop { object-position:70% 47%; }
  .new-site[data-album="house-tech"] .phase--two { background-position:center,70% 51%; }
  .new-site .genre-rail { top:118px; left:18px; right:18px; display:flex; gap:6px; overflow-x:auto; padding-bottom:5px; scroll-snap-type:x mandatory; scrollbar-width:thin; }
  .new-site .genre-rail-link { flex:0 0 clamp(260px,76vw,320px); min-height:67px; padding:5px; scroll-snap-align:start; }
  .new-site .genre-rail-link img { width:55px; height:55px; }
  .new-site .genre-rail-link strong { font-size:clamp(16px,4.4vw,18px); }
  .new-site .hero-topline { top:214px; }
  .new-site .hero-stage,.new-site .bass-shockwave { top:43%; }
  .new-site .hero-content,.new-site .landing-hero .hero-content { bottom:118px; }
  .new-site .album-hero h1 { font-size:clamp(92px,17vw,140px); }
  .new-site .collection-intro { align-items:start; flex-direction:column; gap:20px; }
  .new-site .collection-intro h2 { font-size:clamp(100px,16vw,145px); }
  .new-site .collection-stage { grid-template-columns:1fr; gap:25px; }
  .new-site .collection-art { position:relative; top:0; max-width:520px; width:100%; justify-self:center; }
  .new-site .track-collection { padding:80px 24px; }
  .new-site .album-room,.new-site .album-room:nth-of-type(even) { grid-template-columns:1fr; }
  .new-site .album-room .room-art,.new-site .album-room:nth-of-type(even) .room-art { order:1; min-height:410px; }
  .new-site .album-room .room-copy,.new-site .album-room:nth-of-type(even) .room-copy { order:2; padding:36px 24px 80px; }
  .new-site .album-room::before,.new-site .album-room:nth-of-type(even)::before { background:linear-gradient(180deg,rgb(3 5 11 / 20%) 0%,rgb(3 5 11 / 55%) 45%,rgb(3 5 11 / 95%) 72%); }
  .new-site .genre-ring { width:min(90vw,420px); }
  .new-site .genre-ring--two { width:min(65vw,300px); }
  .new-site .album-room h3 { font-size:clamp(86px,18vw,135px); }
  .new-site .albums--portal { padding-bottom:84px; }
}
@media (max-width:430px) {
  .new-site .header-controls { gap:0; }
  .new-site .genre-rail { left:13px; right:13px; top:114px; }
  .new-site .hero-topline { top:204px; }
  .new-site .hero { min-height:810px; }
  .new-site .hero-stage { width:485px; max-width:126vw; top:43%; }
  .new-site .bass-shockwave { top:43%; }
  .new-site .hero-content,.new-site .landing-hero .hero-content { left:19px; right:19px; bottom:105px; }
  .new-site .landing-hero h1 { font-size:clamp(95px,22vw,130px); }
  .new-site .album-hero h1 { font-size:clamp(88px,22vw,119px); }
  .new-site .hero-tagline { font-size:17px; }
  .new-site .albums-intro h2 { font-size:clamp(70px,20vw,84px); }
  .new-site .album-card--house-tech .album-card-info strong { font-size:clamp(49px,10vw,68px); }
  .new-site .album-card-info strong { font-size:clamp(52px,11vw,75px); }
  .new-site .track-collection { padding-inline:19px; }
  .new-site .collection-intro h2 { font-size:clamp(96px,20vw,120px); }
  .new-site .track-select strong { font-size:20px; }
  .new-site .track-select:not(.room-link) { gap:9px; grid-template-columns:28px minmax(0,1fr) 20px; }
  .new-site .collection-list-head { font-size:8px; }
  .new-site .album-room h3 { font-size:clamp(78px,18vw,100px); }
  .new-site .footer-genres { order:3; width:100%; }
  .new-site .embedded-foot { flex-wrap:wrap; }
  .new-site .age-dialog-actions { flex-direction:column-reverse; }
}
