:root {
  --ink: #08080c;
  --ink-soft: #0f0d14;
  --paper: #f1edf7;
  --text: #f6f4f8;
  --muted: #aaa3ba;
  --line: rgba(255,255,255,.12);
  --blue: #4d7bff;
  --violet: #7a5cf4;
  --magenta: #cb52dd;
  --gradient: linear-gradient(105deg,var(--blue),var(--violet) 62%,var(--magenta));
  --max: 82rem;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); overflow-x:clip; }
body { margin: 0; overflow-x:clip; background: var(--ink); color: var(--text); font-family: Archivo, Inter, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
img { display: block; max-width: 100%; }
:focus-visible { outline: 3px solid #a690ff; outline-offset: 5px; }
.skip-link { position: fixed; top: .8rem; left: .8rem; z-index: 1000; padding: .8rem 1rem; background: #fff; color: #000; transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.site-header { position: fixed; inset: 0 0 auto; z-index: 100; height: 5rem; padding: 0 clamp(1.25rem,4vw,4rem); display: flex; align-items: center; justify-content: space-between; gap: 2rem; border-bottom: 1px solid transparent; transition: .3s ease; }
.site-header.is-scrolled { height: 5rem; background: rgba(8,8,12,.82); border-color: var(--line); backdrop-filter: blur(16px); }
.brand { --brand-wordmark-height:.75rem; --brand-wordmark-lift:.1rem; display: inline-flex; align-items: flex-end; gap: .35rem; flex:none; }
.brand span { display:block; position:relative; bottom:var(--brand-wordmark-lift); width:calc(var(--brand-wordmark-height) * 7.81); height:var(--brand-wordmark-height); flex:none; overflow:hidden; color:transparent; font-size:0; line-height:0; background:url('assets/logo-full.png') calc(var(--brand-wordmark-height) * -2.095) calc(var(--brand-wordmark-height) * -7.829) / calc(var(--brand-wordmark-height) * 11.943) auto no-repeat; mix-blend-mode:screen; }
.brand img, .brand span { transition:transform .25s ease,filter .25s ease,color .25s ease; }
.brand img { width: 2.1rem; height: auto; object-fit: contain; filter: drop-shadow(0 0 12px rgba(117,84,255,.5)); }
.site-header .brand { --brand-wordmark-height:2.1rem; --brand-wordmark-lift:.15rem; }
.site-header .brand img { width: 5.50368rem; height: auto; }
.subnav .brand { --brand-wordmark-height:1.42rem; --brand-wordmark-lift:.18rem; }
.subnav .brand img { width: 3.9312rem; height: auto; }
.desktop-nav { display: flex; align-items: center; gap: clamp(1.5rem,3vw,2.8rem); margin-left: auto; }
.desktop-nav a { font-size: .78rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #e8e4ed; }
.desktop-nav a:hover { color: #b89cff; }
.button { min-height: 3.2rem; padding: 0 1.55rem; border: 0; display: inline-flex; align-items: center; justify-content: center; gap: .8rem; background: var(--gradient); color: #fff; font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; cursor: pointer; clip-path: polygon(0 0,100% 0,94% 100%,0 100%); transition: transform .2s ease, filter .2s ease; }
.button:hover { transform: translateY(-2px); filter: brightness(1.12); }
.button--compact { min-height: 2.65rem; padding-inline: 1.35rem; }
.button--outline { background: linear-gradient(var(--ink),var(--ink)) padding-box,var(--gradient) border-box; border: 1px solid transparent; clip-path: none; }
.button--disabled { cursor: not-allowed; filter: grayscale(.25); opacity: .72; }
.menu-toggle, .mobile-menu { display: none; }
.hero { position: relative; min-height: 100svh; display: flex; align-items: flex-end; overflow: hidden; background: #040406; }
.hero__image { position:absolute; inset:0; overflow:hidden; background:radial-gradient(circle at 72% 40%,rgba(101,55,205,.34),transparent 38%),radial-gradient(circle at 35% 80%,rgba(40,89,192,.13),transparent 38%),#07070d; }
.hero__image::before { content:""; position:absolute; inset:0; background:linear-gradient(rgba(117,91,209,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(117,91,209,.07) 1px,transparent 1px); background-size:3.8rem 3.8rem; mask-image:linear-gradient(90deg,transparent,black 45%,black 88%,transparent); }
.hero__disc { position:absolute; top:45%; right:-9%; width:min(56vw,46rem); aspect-ratio:1; border:1px solid rgba(177,145,255,.35); border-radius:50%; transform:translateY(-50%); background:radial-gradient(circle at 35% 24%,rgba(141,113,255,.22),transparent 34%),repeating-radial-gradient(circle,#171523 0 2px,#0a0912 3px 6px,#211b36 7px 8px,#09090f 9px 13px); box-shadow:0 0 0 1.1rem rgba(93,62,185,.055),0 0 0 2.8rem rgba(93,62,185,.035),0 0 8rem rgba(83,43,177,.42),inset 0 0 3rem rgba(0,0,0,.78); }
.hero__disc::before { content:""; position:absolute; inset:8%; border:1px solid rgba(175,153,244,.17); border-radius:50%; box-shadow:0 0 0 1.5rem rgba(178,147,255,.03),inset 0 0 0 1.5rem rgba(178,147,255,.025); }
.hero__disc-core { position:absolute; inset:34%; display:grid; place-items:center; border:1px solid rgba(173,142,255,.55); border-radius:50%; background:radial-gradient(circle at 38% 30%,#342369,#150d2a 60%,#06050b); box-shadow:0 0 2.7rem rgba(125,79,245,.7),inset 0 0 1rem rgba(0,0,0,.8); }
.hero__disc-core img { width:78%; height:auto; filter:drop-shadow(0 0 1rem rgba(134,81,255,.7)); }
.hero__signal { position:absolute; z-index:2; right:clamp(2rem,7vw,7rem); bottom:8%; width:min(27rem,34vw); padding:.9rem 1.2rem; border:1px solid rgba(177,145,255,.3); background:rgba(8,7,16,.84); box-shadow:0 1rem 4rem rgba(0,0,0,.35); }
.hero__signal span { display:block; color:#d6c8ef; font-size:.57rem; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.hero__signal span:last-child { color:#988ab4; }
.hero__signal .hero__wave { height:2.6rem; margin:.5rem 0; gap:.12rem; }
.hero__signal .hero__wave i { width:.14rem; background:linear-gradient(var(--blue),var(--magenta)); }
.hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,4,8,.88),rgba(4,4,8,.22) 62%,rgba(4,4,8,.03)),linear-gradient(180deg,rgba(4,4,8,.04) 45%,#08080c 100%); }
.hero__content { position: relative; z-index: 2; width: 100%; max-width: 92rem; padding: 0 clamp(1.25rem,6vw,6.5rem) clamp(5.4rem,9vh,7.5rem); }
.eyebrow { display: flex; align-items: center; gap: .8rem; margin: 0 0 1.2rem; color: #ded9e8; font-size: clamp(.68rem,1.1vw,.82rem); font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.eyebrow span { width: 2.1rem; height: 1px; background: var(--gradient); }
.hero h1 { --hero-wordmark-width:min(76vw,52rem); width:var(--hero-wordmark-width); height:calc(var(--hero-wordmark-width) * .12805); margin:0; overflow:hidden; color:transparent; font-size:0; line-height:0; background:url('assets/logo-full.png') calc(var(--hero-wordmark-width) * -.2683) calc(var(--hero-wordmark-width) * -1.0024) / calc(var(--hero-wordmark-width) * 1.5293) auto no-repeat; mix-blend-mode:screen; }
.hero__tagline { margin: 1.8rem 0 0; width: fit-content; font-size: clamp(1.35rem,2.4vw,2.35rem); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; background: var(--gradient); -webkit-background-clip: text; color: transparent; }
.hero__descriptor { max-width:30rem; margin:1rem 0 0; color:#d5cde1; font:400 clamp(.95rem,1.25vw,1.1rem)/1.65 Inter,Arial,sans-serif; }
.actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
.scroll-cue { position: absolute; z-index: 3; left: 50%; bottom: 1.4rem; width: 2rem; height: 3rem; display: grid; place-items: center; transform: translateX(-50%); }
.scroll-cue span { width: 1px; height: 2.6rem; background: linear-gradient(transparent,rgba(255,255,255,.7)); animation: scroll-pulse 1.8s infinite; }
.section { padding: clamp(6rem,10vw,9rem) clamp(1.25rem,6vw,6.5rem); }
.section-heading { text-align: center; margin-bottom: 4rem; }
.section-kicker { margin: 0 0 1.1rem; color: #a99dc0; font-size: .78rem; font-weight: 700; letter-spacing: .23em; text-transform: uppercase; }
.section-heading h2, .release h2, .sound h2, .footer h2 { margin: 0; font-size: clamp(2.8rem,6vw,5.5rem); line-height: .95; letter-spacing: -.035em; text-transform: uppercase; font-weight: 900; }
.section-heading > p:last-child { color: var(--muted); font: 500 1rem/1.65 Inter, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.artists { background: #09090d; }
.artist-grid { max-width: var(--max); min-height: min(70vh,44rem); margin: 0 auto; display: flex; gap: .3rem; }
.artist-card { position: relative; flex: 1 1 0; min-width: 4rem; overflow: hidden; background: #141119; isolation: isolate; cursor: default; transition: flex .55s cubic-bezier(.16,1,.3,1); }
.artist-card::after { content:""; position:absolute; inset:0; z-index:1; background: linear-gradient(180deg,transparent 35%,rgba(3,3,6,.94) 100%); }
.artist-card::before { content:""; position:absolute; inset:0; z-index:1; opacity:.35; background: linear-gradient(180deg,transparent,var(--accent)); transition: opacity .45s ease; }
.artist-card img { width: 100%; height: 100%; object-fit: cover; object-position: center 10%; filter: brightness(.78) saturate(.85); transition: transform .6s ease, filter .6s ease; }
.artist-card:hover, .artist-card:focus-visible { flex-grow: 1.7; }
.artist-card:hover::before, .artist-card:focus-visible::before { opacity: .72; }
.artist-card:hover img, .artist-card:focus-visible img { transform: scale(1.055); filter: brightness(1) saturate(1.08); }
.artist-card--x { --accent: rgba(45,99,255,.62); }.artist-card--b { --accent: rgba(110,74,239,.62); }.artist-card--r { --accent: rgba(133,54,241,.62); }.artist-card--n { --accent: rgba(162,62,235,.62); }.artist-card--d { --accent: rgba(203,70,208,.62); }
.artist-card__letter { position: absolute; z-index: 2; top: 1.4rem; inset-inline: 0; text-align: center; font-size: 2rem; font-weight: 900; }
.artist-card__copy { position: absolute; z-index: 2; inset: auto 1rem 1.8rem; text-align: center; }
.artist-card__copy h3 { margin: 0 0 .6rem; font-size: clamp(1.05rem,1.8vw,1.5rem); text-transform: uppercase; }
.artist-card__copy p, .artist-card__copy span { margin: 0; color: #ddd7e9; font-size: .72rem; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; opacity: 0; transform: translateY(.6rem); transition: .35s ease; }
.artist-card__copy span { display: block; margin-top: .85rem; color: #cbb9ff; font-weight: 700; }
.artist-card:hover .artist-card__copy p, .artist-card:hover .artist-card__copy span, .artist-card:focus-visible .artist-card__copy p, .artist-card:focus-visible .artist-card__copy span { opacity: 1; transform: none; }
.swipe-hint { display: none; }
.release { background: linear-gradient(180deg,#09090d,#0e0b14); }
.release__layout { max-width: var(--max); margin: auto; display: grid; grid-template-columns: minmax(18rem,27rem) 1fr; align-items: center; gap: clamp(3rem,8vw,7rem); }
.release__layout--queue { grid-template-columns:minmax(14rem,23rem) minmax(0,1fr); }
.release__art { position: relative; aspect-ratio: 1; overflow: hidden; box-shadow: 0 2.5rem 6rem -1rem rgba(88,39,178,.42); }
.release__art img { width: 100%; height: 100%; object-fit: cover; }
.round-play { position: absolute; right: 1.5rem; bottom: 1.5rem; width: 4.5rem; aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); background: rgba(8,8,12,.65); backdrop-filter: blur(10px); color: white; cursor: pointer; }
.release h2 { margin-bottom: 2rem; }
.release__title { margin: 0; font-size: clamp(1.8rem,3vw,2.35rem); font-weight: 800; text-transform: uppercase; }
.release__artist { margin: .5rem 0 1.5rem; color: #bbb2ca; font-size: .9rem; font-weight: 700; letter-spacing: .16em; }
.release__description { max-width: 35rem; color: var(--muted); font: 400 1rem/1.7 Inter,sans-serif; }
.release__actions { margin-top:1.5rem; }
.release-queue { display:grid; max-width:46rem; margin:1.75rem 0 0; border-top:1px solid var(--line); }
.release-queue__item { display:grid; grid-template-columns:5.2rem minmax(0,1fr) auto; align-items:center; gap:1rem; min-height:5.65rem; padding:.85rem .1rem; border-bottom:1px solid var(--line); transition:background .25s ease,padding .25s ease; }
.release-queue__item:hover, .release-queue__item:focus-visible { padding-inline:.75rem; background:rgba(129,86,241,.1); }
.release-queue__date { color:#cfc4e1; font-size:.75rem; font-weight:900; letter-spacing:.09em; line-height:1.2; }
.release-queue__date small, .release-queue__item small { display:block; margin-top:.26rem; color:#9289a4; font-size:.64rem; font-weight:700; letter-spacing:.09em; line-height:1.35; text-transform:uppercase; }
.release-queue__item b { display:block; color:#fff; font-size:clamp(.95rem,1.6vw,1.15rem); letter-spacing:.02em; text-transform:uppercase; }
.release-queue__state { padding:.35rem .5rem; border:1px solid rgba(182,153,255,.38); color:#d8c8ff; font-size:.59rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.release-queue__item--featured .release-queue__state { border-color:rgba(91,127,255,.65); background:rgba(77,123,255,.14); color:#d8e0ff; }
.waveform, .equalizer { display: flex; align-items: center; gap: .2rem; height: 4rem; margin: 1.8rem 0 2rem; overflow: hidden; }
.waveform i, .equalizer i { display:block; width: .22rem; min-height: .4rem; background: linear-gradient(var(--blue),var(--violet)); animation: equalize var(--speed) ease-in-out var(--delay) infinite alternate; }
.release__note, .media-note { max-width: 40rem; color: #81798f; font-size: .78rem; line-height: 1.55; letter-spacing: .04em; }
.release__note--status { position:relative; max-width:34rem; margin:1.25rem 0 0; padding:1rem 1.15rem 1rem 3.1rem; border:1px solid rgba(167,132,255,.38); border-radius:.35rem; background:linear-gradient(110deg,rgba(77,123,255,.12),rgba(203,82,221,.1)); color:#ded5ee; font:600 .77rem/1.55 Inter,sans-serif; letter-spacing:.035em; }
.release__note--status::before { content:'◈'; position:absolute; left:1.1rem; top:50%; color:#bb9cff; font-size:1rem; transform:translateY(-50%); }
.release__note--status.release__note--active { border-color:rgba(219,190,255,.85); box-shadow:0 0 0 .25rem rgba(146,102,255,.09); }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.platform-strip { padding:1.5rem 0 1.7rem; border-block:1px solid var(--line); background:#0b0a10; overflow:hidden; scroll-margin-top:5rem; }
.platform-strip__label { margin:0 0 1rem; color:#a99dc0; font-size:.7rem; font-weight:700; letter-spacing:.22em; text-align:center; text-transform:uppercase; }
.platform-strip__viewport { overflow:hidden; }
.platform-strip__track { display:flex; width:max-content; animation:platform-flow 32s linear infinite; }
.platform-strip__group { display:flex; align-items:center; gap:1rem; flex:none; padding-right:1rem; }
.platform-pill { display:inline-flex; width:12rem; height:4rem; padding:.45rem .75rem; align-items:center; justify-content:center; gap:.65rem; border:1px solid var(--line); border-radius:.35rem; background:#15131d; color:#ded9e8; white-space:nowrap; }
.platform-pill img { display:block; width:auto; max-width:100%; height:2.35rem; min-height:2.35rem; object-fit:contain; opacity:1; visibility:visible; }
.platform-pill b { font-size:.82rem; font-weight:800; }
.platform-pill--light { background:#fff; color:#111; }
.platform-pill[aria-disabled="true"] { opacity:.48; cursor:not-allowed; }
@keyframes platform-flow { to { transform:translateX(-50%); } }
.sound { position: relative; padding: clamp(7rem,12vw,10rem) 1.5rem; overflow: hidden; text-align: center; color: #171120; background: #eeeaf4; }
.sound::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 82% 8%,rgba(120,72,255,.15),transparent 42%),radial-gradient(circle at 13% 93%,rgba(60,121,255,.1),transparent 38%); }
.sound > * { position: relative; }
.sound .section-kicker { color: #6d6185; }
.sound h2 { font-size: clamp(3.1rem,7vw,6rem); }
.sound__supporting { margin: 1.5rem 0 0; font-size: clamp(.9rem,1.4vw,1.1rem); font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.language-list { max-width: 38rem; margin: 1.25rem auto 0; font-size: clamp(.78rem,1.3vw,.95rem); font-weight: 800; letter-spacing: .12em; line-height: 1.8; text-transform: uppercase; }
.language-list span { display: inline-block; margin: 0 .35em; }
.chips { display: flex; justify-content: center; flex-wrap: wrap; gap: .8rem; margin: 2.4rem 0 0; }
.chips span { padding: .8rem 1.4rem; border: 1px solid rgba(23,17,32,.18); font-size: .78rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.sound .equalizer { max-width: 35rem; margin: 2.5rem auto; justify-content: center; }
.sound .equalizer i { width: .3rem; background: linear-gradient(var(--blue),var(--violet),var(--magenta)); }
.genres { color: #675d78; font-size: .85rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.sound__line { margin: 2rem 0 0; font-size: 1.25rem; line-height: 1.35; font-weight: 900; text-transform: uppercase; }
.videos { background: #09090d; }
.video-grid { max-width: var(--max); height: 40rem; margin: auto; display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: 1.25rem; }
.video-card { position: relative; overflow: hidden; background: #16131c; }
.video-card--feature { grid-row: 1/3; }
.video-card::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg,rgba(8,8,12,.06) 35%,rgba(8,8,12,.96)); }
.video-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.video-card:hover img { transform: scale(1.04); }
.video-card__tag { position: absolute; z-index: 2; top: 1.25rem; left: 1.25rem; padding: .5rem .75rem; border: 1px solid rgba(255,255,255,.35); background: rgba(8,8,12,.45); font-size: .66rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.video-card__play { position:absolute; z-index:2; top:45%; left:50%; width:3.8rem; aspect-ratio:1; display:grid; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(255,255,255,.08); transform:translate(-50%,-50%); }
.video-card > div { position:absolute; z-index:2; inset:auto 1.5rem 1.5rem; }
.video-card h3 { margin:0 0 .35rem; font-size:clamp(1.1rem,2vw,1.7rem); text-transform:uppercase; }
.video-card p { margin:0; color:#c5bdd2; font-size:.74rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.media-note { margin: 1.3rem auto 0; text-align: center; }
.footer { position:relative; padding:clamp(7rem,12vw,10rem) clamp(1.25rem,6vw,6.5rem) 2.5rem; overflow:hidden; text-align:center; background:#050507; }
.footer::before { content:""; position:absolute; inset:0; background:radial-gradient(ellipse 62% 50% at 50% 0,rgba(89,57,197,.24),transparent 70%); }
.footer__mark { position:absolute; top:48%; left:50%; width:min(56vw,42rem); opacity:.045; transform:translate(-50%,-50%); }
.footer > *:not(.footer__mark) { position:relative; }
.footer__lead p { color:#b5aec2; font-size:.95rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.social-links { display:flex; justify-content:center; flex-wrap:wrap; gap:.8rem; margin:2.5rem auto 3rem; }
.social-links a { display:inline-flex; align-items:center; gap:.55rem; min-height:2.75rem; padding:.65rem .9rem; border:1px solid rgba(255,255,255,.2); border-radius:999px; color:#f4f1f8; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.social-links a:hover, .social-links a:focus-visible { border-color:#fff; background:rgba(255,255,255,.1); transform:translateY(-2px); }
.social-links svg { width:1.05rem; height:1.05rem; fill:currentColor; }
.profile-hub { max-width:70rem; margin:0 auto 5rem; }
.profile-hub__eyebrow { margin:0 0 .65rem; color:#958ba6; font-size:.68rem; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.profile-hub h3 { margin:0 0 1.5rem; font-size:clamp(1.55rem,3vw,2.3rem); letter-spacing:-.02em; text-transform:uppercase; }
.profile-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); grid-auto-rows:5.6rem; gap:.75rem; }
.profile-link { display:flex; min-width:0; min-height:0; height:100%; padding:.8rem; align-items:center; gap:.8rem; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:.65rem; background:rgba(255,255,255,.035); color:#f4f1f8; text-align:left; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.profile-link:hover, .profile-link:focus-visible { border-color:rgba(197,166,255,.85); background:rgba(135,87,255,.1); transform:translateY(-3px); }
.profile-link__logo { display:grid; width:3.15rem; height:3.15rem; flex:0 0 3.15rem; place-items:center; overflow:hidden; border-radius:.5rem; background:#15131d; }
.profile-link__logo--light { background:#fff; }
.profile-link__logo img { display:block; width:2.5rem; height:2.5rem; object-fit:contain; }
.profile-link__logo--soundcloud img { width:2.85rem; height:auto; }
.profile-link__copy { min-width:0; overflow:hidden; }
.profile-link__copy b, .profile-link__copy small { display:block; }
.profile-link__copy b { overflow:hidden; color:#fff; font-size:.76rem; letter-spacing:.06em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.profile-link__copy small { margin-top:.25rem; color:#8e859d; font-size:.66rem; }
.footer__bottom { max-width:var(--max); margin:auto; padding-top:2rem; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.25rem; color:#81798f; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }
.analytics-consent { position:fixed; z-index:100; right:1rem; bottom:1rem; max-width:25rem; padding:1rem 1.1rem; border:1px solid rgba(196,178,255,.4); background:rgba(12,10,18,.96); box-shadow:0 1rem 3rem rgba(0,0,0,.45); color:#f6f2ff; font:500 .86rem/1.5 Inter,sans-serif; }
.analytics-consent p { margin:0 0 .75rem; }
.analytics-consent a { color:#d9c7ff; }
.analytics-consent div { display:flex; flex-wrap:wrap; gap:.6rem; }
.analytics-consent button { min-height:2.45rem; border:1px solid #a67afc; padding:.45rem .8rem; background:linear-gradient(110deg,#536bff,#c64fdf); color:#fff; font:700 .72rem/1 Archivo,sans-serif; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; }
.analytics-consent [data-analytics-reject] { background:transparent; border-color:#746c84; color:#eee9f6; }
.footer__bottom .brand { color:white; }
.footer__bottom a:not(.brand) { color:#b9b1c7; }
.footer__bottom a:not(.brand):hover, .footer__bottom a:not(.brand):focus-visible { color:#fff; }
.footer__contact { margin: 1.4rem auto 0; color:#c9c0d7; font-size:.78rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.footer__owner { margin: 1.5rem auto 0; color:#aca3b9; font:400 .8rem/1.5 Inter,sans-serif; }
.footer__owner a { color:#d9c8ff; text-decoration:underline; text-underline-offset:.24em; }
.footer__contact a { color:#fff; text-decoration:underline; text-decoration-color:rgba(203,82,221,.68); text-underline-offset:.28em; }
.footer__contact a:hover, .footer__contact a:focus-visible { color:#d8c6ff; }
.legal-page { max-width:48rem; margin:0 auto; padding:clamp(5rem,10vw,9rem) clamp(1.25rem,6vw,4rem); }
.legal-page h1 { margin:.7rem 0 1.5rem; font-size:clamp(3.3rem,9vw,7rem); line-height:.88; letter-spacing:-.05em; text-transform:uppercase; }
.legal-page h2 { margin:3rem 0 .8rem; font-size:1.15rem; letter-spacing:.04em; text-transform:uppercase; }
.legal-page p, .legal-page li { color:#c5bdd2; font:400 1rem/1.75 Inter,sans-serif; }
.legal-page ul { padding-left:1.2rem; }
.subpage { min-height:100vh; background:#09090d; }
.subnav { position:relative; z-index:20; height:5rem; padding:0 clamp(1rem,6vw,6.5rem); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:rgba(8,8,12,.92); }
.subnav .brand { gap:.35rem; }
.back-link { color:#aca2c1; font-size:.75rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.back-link:hover { color:#fff; }
@media (hover:hover) {
  .brand:hover img { transform:translateY(-2px) scale(1.06); filter:drop-shadow(0 0 18px rgba(136,104,255,.8)); }
  .brand:hover span { color:#d9c8ff; transform:translateY(-2px); }
  .desktop-nav a, .back-link, .footer__bottom a, .footer__contact a { transition:color .2s ease,text-shadow .2s ease,transform .2s ease; }
  .desktop-nav a:hover, .back-link:hover, .footer__bottom a:hover, .footer__contact a:hover { text-shadow:0 0 14px rgba(162,125,255,.55); }
  .video-card, .listing-card { transition:box-shadow .3s ease,transform .3s ease; }
  .video-card:hover, .listing-card:hover { transform:translateY(-4px); box-shadow:0 1.3rem 3rem rgba(84,49,167,.28); }
  .platform-strip__track:hover, .platform-strip__track:focus-within { animation-play-state:paused; }
  .platform-pill { transition:background .25s ease,box-shadow .25s ease,transform .25s ease; }
  a.platform-pill:hover, a.platform-pill:focus-visible { transform:translateY(-3px); box-shadow:0 .6rem 1.5rem rgba(102,70,186,.24); }
}
.page-hero { max-width:var(--max); margin:auto; padding:clamp(5rem,9vw,8rem) clamp(1.25rem,6vw,6.5rem) 4rem; }
.page-hero h1 { margin:.7rem 0 1.3rem; font-size:clamp(4rem,10vw,9rem); line-height:.84; letter-spacing:-.055em; text-transform:uppercase; }
.page-hero__intro { max-width:47rem; margin:0; color:#b5aec2; font:400 clamp(1.05rem,2vw,1.3rem)/1.7 Inter,sans-serif; }
.media-switch { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }
.artist-hero { position:relative; min-height:calc(100svh - 5rem); display:flex; align-items:flex-end; overflow:hidden; }
.artist-hero__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 12%; }
.artist-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,5,8,.18),rgba(5,5,8,.26) 45%,#09090d 100%); }
.artist-hero__copy { position:relative; z-index:2; width:100%; padding:0 clamp(1.25rem,6vw,6.5rem) clamp(4rem,8vw,7rem); }
.artist-hero h1 { margin:.8rem 0 1rem; font-size:clamp(4.4rem,12vw,10.5rem); line-height:.78; letter-spacing:-.055em; text-transform:uppercase; }
.artist-role { color:#d9d3e5; font-size:clamp(.72rem,1.2vw,.92rem); font-weight:700; line-height:1.7; letter-spacing:.13em; text-transform:uppercase; }
.artist-statement { max-width:58rem; margin:auto; padding:clamp(5rem,9vw,8rem) 1.5rem; text-align:center; }
.artist-statement p { margin:0; font-size:clamp(1.6rem,3vw,2.5rem); line-height:1.38; font-weight:750; }
.content-shell { max-width:var(--max); margin:auto; padding:0 clamp(1.25rem,6vw,6.5rem) clamp(6rem,10vw,9rem); }
.content-label { margin:0 0 1.5rem; color:#a99dc0; font-size:.78rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; }
.release-panel { display:grid; grid-template-columns:minmax(16rem,24rem) 1fr; align-items:center; gap:clamp(2.5rem,7vw,6rem); }
.release-panel__art { aspect-ratio:1; overflow:hidden; background:#15121b; }
.release-panel__art img { width:100%; height:100%; object-fit:cover; }
.release-panel h2 { margin:0 0 .5rem; font-size:clamp(2rem,4vw,3.4rem); text-transform:uppercase; }
.release-panel p { color:#a9a1b7; font:400 1rem/1.65 Inter,sans-serif; }
.availability { display:inline-flex; margin-top:1rem; padding:.8rem 1rem; border:1px solid rgba(170,145,255,.34); color:#c9b8fb; font-size:.72rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.catalog-note { margin-top:5rem; padding:2rem 0; border-block:1px solid var(--line); color:#8f879d; font:400 1rem/1.7 Inter,sans-serif; }
.listing-grid { max-width:var(--max); margin:auto; padding:0 clamp(1.25rem,6vw,6.5rem) clamp(6rem,10vw,9rem); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.4rem; }
.media-catalog { padding-bottom:clamp(4rem,8vw,7rem); }
.media-catalog + .media-catalog { padding-top:0; }
.listing-grid--catalog { max-width:none; padding:0; }
.catalog-heading { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; margin-bottom:1.8rem; }
.catalog-heading h2 { margin:0; font-size:clamp(2rem,4vw,3.6rem); line-height:.95; letter-spacing:-.04em; text-transform:uppercase; }
.listing-card { position:relative; min-height:25rem; overflow:hidden; background:#15121b; }
.listing-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 30%,rgba(6,6,9,.96)); }
.listing-card img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.listing-card:hover img { transform:scale(1.04); }
.listing-card__copy { position:absolute; z-index:2; inset:auto 1.6rem 1.6rem; }
.listing-card__copy h2 { margin:.35rem 0; font-size:clamp(1.5rem,3vw,2.5rem); text-transform:uppercase; }
.listing-card__copy p { margin:0; color:#bcb4ca; font-size:.78rem; line-height:1.6; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.about-statement { max-width:64rem; margin:auto; padding:clamp(5rem,9vw,8rem) 1.5rem 4rem; text-align:center; }
.about-statement h1 { margin:.8rem 0 2rem; font-size:clamp(3rem,7vw,6.2rem); line-height:1; letter-spacing:-.045em; text-transform:uppercase; }
.about-statement p { max-width:45rem; margin:auto; color:#b5aec2; font:400 clamp(1.05rem,2vw,1.25rem)/1.75 Inter,sans-serif; }
.about-grid { max-width:75rem; margin:auto; padding:1rem 1.25rem 8rem; display:grid; grid-template-columns:repeat(5,1fr); gap:.3rem; }
.about-grid .artist-card { min-height:25rem; }
.not-found { min-height:100svh; display:grid; place-items:center; overflow:hidden; text-align:center; background:radial-gradient(circle at 50% 45%,rgba(113,72,236,.2),transparent 35%),#08080c; }
.not-found__mark { position:absolute; width:min(60vw,34rem); opacity:.08; }
.not-found__copy { position:relative; z-index:2; padding:2rem; }
.not-found__copy h1 { margin:0; font-size:clamp(7rem,20vw,16rem); line-height:.8; background:var(--gradient); -webkit-background-clip:text; color:transparent; }
.not-found__copy p { margin:0 0 1.5rem; color:#aea4c1; font-size:.82rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase; }
@keyframes hero-drift { to { transform: scale(1.055) translate3d(-.7%,.5%,0); } }
@keyframes scroll-pulse { 0%,100%{opacity:.25;transform:scaleY(.65);transform-origin:top} 50%{opacity:1;transform:scaleY(1)} }
@keyframes equalize { from { height: 16%; } to { height: var(--height); } }
@media (max-width: 1000px) {
  .site-header { height: 5rem; padding-inline:1.2rem; }
  .site-header .brand { --brand-wordmark-height:1.6rem; --brand-wordmark-lift:.2rem; gap:.35rem; }
  .site-header .brand img { width:4.408rem; height:auto; }
  .desktop-nav, .desktop-listen { display:none; }
  .menu-toggle { width:2.5rem; height:2.5rem; padding:.5rem; border:0; background:transparent; display:flex; flex-direction:column; justify-content:center; gap:.45rem; cursor:pointer; }
  .menu-toggle span { display:block; width:100%; height:2px; background:#fff; transition:.25s ease; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(.225rem) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-.225rem) rotate(-45deg); }
  .mobile-menu { position:fixed; z-index:90; inset:0; padding:7rem 1.5rem 3rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2rem; background:rgba(7,7,11,.98); }
  .mobile-menu[hidden] { display:none; }
  .mobile-menu > a:not(.button) { font-size:clamp(2rem,10vw,4rem); font-weight:900; letter-spacing:-.03em; text-transform:uppercase; }
  .hero { min-height: 50rem; }
  .hero__disc { width:min(76vw,36rem); right:-12%; top:38%; }
  .hero__signal { display:none; }
  .hero__shade { background:linear-gradient(180deg,rgba(5,5,8,.03),rgba(5,5,8,.22) 48%,#08080c 92%); }
  .hero__content { padding:0 1.25rem 5.8rem; }
  .hero h1 { font-size:clamp(4.7rem,24vw,8rem); }
  .eyebrow { max-width:22rem; line-height:1.6; }
  .actions .button { flex:1 1 10rem; }
  .section { padding-inline:1.25rem; }
  .artist-grid { margin-inline:-1.25rem; padding:0 9vw .8rem; min-height:0; height:39rem; gap:.9rem; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .artist-grid::-webkit-scrollbar { display:none; }
  .artist-card { flex:0 0 82vw; min-width:0; scroll-snap-align:center; }
  .artist-card:hover, .artist-card:focus-visible { flex-grow:0; }
  .artist-card__copy p, .artist-card__copy span { opacity:1; transform:none; }
  .artist-card__letter { font-size:1.2rem; }
  .swipe-hint { display:block; margin:1.4rem 0 0; text-align:center; color:#81798f; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; }
  .release__layout { grid-template-columns:minmax(0,1fr); gap:3.5rem; }
  .release__art { width:min(100%,30rem); margin:auto; }
  .video-grid { height:auto; grid-template-columns:1fr; grid-template-rows:auto; }
  .video-card, .video-card--feature { grid-row:auto; aspect-ratio:16/10; }
  .footer__bottom { flex-direction:column; }
  .social-links { margin-bottom:4rem; }
  .profile-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:5.35rem; }
  .artist-hero { min-height:46rem; }
  .release-panel { grid-template-columns:1fr; }
  .release-panel__art { max-width:30rem; }
  .listing-grid { grid-template-columns:1fr; }
  .catalog-heading { align-items:flex-start; flex-direction:column; }
  .listing-card { min-height:22rem; }
  .about-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-inline:9vw; }
  .about-grid .artist-card { flex:0 0 76vw; scroll-snap-align:center; }
}
@media (max-width: 430px) {
  .media-switch { display:grid; grid-template-columns:1fr; }
  .media-switch .button { width:100%; }
}
@media (max-width:29rem) {
  .analytics-consent { right:.8rem; bottom:.8rem; left:.8rem; max-width:none; }
  .platform-strip { padding-block:1.1rem; }
  .platform-strip__label { margin-bottom:.7rem; font-size:.61rem; }
  .platform-strip__group { gap:.6rem; padding-right:.6rem; }
  .platform-pill { width:8.7rem; height:3rem; padding:.35rem .55rem; gap:.4rem; }
  .platform-pill img { height:1.72rem; min-height:1.72rem; }
  .platform-pill b { font-size:.66rem; }
  .profile-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:4.25rem; gap:.55rem; }
  .profile-link { padding:.55rem; gap:.5rem; border-radius:.55rem; }
  .profile-link__logo { width:2.65rem; height:2.65rem; flex-basis:2.65rem; border-radius:.4rem; }
  .profile-link__logo img { width:2.05rem; height:2.05rem; }
  .profile-link__logo--soundcloud img { width:2.35rem; }
  .profile-link__copy b { font-size:.61rem; letter-spacing:.035em; }
  .profile-link__copy small { display:none; }
  .release-queue__item { grid-template-columns:4.45rem minmax(0,1fr); gap:.7rem; min-height:5.15rem; }
  .release-queue__state { display:none; }
}
@media (max-width: 430px) {
  .site-header { gap:1rem; }
  .site-header .brand, .subnav .brand { --brand-wordmark-height:.95rem; --brand-wordmark-lift:.12rem; }
  .site-header .brand img, .subnav .brand img { width:2.6rem; }
  .subnav { gap:.5rem; }
  .page-hero h1 { font-size:clamp(2.8rem,12vw,3.2rem); }
  .release h2 { font-size:clamp(2rem,10vw,2.5rem); }
  .hero { min-height: 44rem; }
  .hero__disc { width:92vw; right:-25%; top:34%; }
  .eyebrow { font-size:.62rem; letter-spacing:.16em; }
  .hero__tagline { font-size:1.25rem; }
  .artist-grid { height:33rem; }
  .section-heading { margin-bottom:3rem; }
  .sound h2 { font-size:2.9rem; }
  .sound__supporting { margin-top:1.25rem; letter-spacing:.1em; }
  .language-list { max-width:22rem; margin-top:1rem; letter-spacing:.09em; line-height:1.9; }
  .language-list span { margin:0 .2em; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .platform-strip__track { animation:none; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}