:root {
  --ink: #07090d;
  --ink-soft: #10131a;
  --paper: #f4f1ea;
  --white: #fff;
  --muted: #a9adb7;
  --line: rgba(255,255,255,.14);
  --blue: #60aefc;
  --cyan: #7ef4e4;
  --sun: #ffb15c;
  --coral: #ff6b58;
  --shell: min(1320px, calc(100vw - 40px));
  --radius: 2px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--white); background: var(--ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.shell { width: var(--shell); margin-inline: auto; }
.site-main { overflow: hidden; }
.skip-link { position: fixed; z-index: 999; top: 10px; left: 10px; padding: 10px 16px; color: var(--ink); background: var(--white); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

.site-header { position: absolute; z-index: 30; inset: 0 0 auto; border-bottom: 1px solid var(--line); }
.header-inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.brand { display: inline-flex; align-items: center; gap: 13px; }
.custom-logo-link, .custom-logo { display: block; max-height: 52px; width: auto; }
.brand-mark { width: 36px; height: 34px; display: flex; align-items: flex-end; justify-content: center; gap: 4px; }
.brand-mark i { display: block; width: 6px; border-radius: 4px; background: linear-gradient(180deg,var(--cyan),var(--blue)); }
.brand-mark i:nth-child(1) { height: 52%; }
.brand-mark i:nth-child(2) { height: 100%; background: linear-gradient(180deg,var(--sun),var(--coral)); }
.brand-mark i:nth-child(3) { height: 72%; }
.brand-name { font-size: 17px; letter-spacing: .08em; text-transform: uppercase; }
.brand-name b { display: block; margin-top: -6px; font-size: 11px; letter-spacing: .34em; color: var(--muted); }
.primary-nav .menu { display: flex; align-items: center; gap: 34px; padding: 0; margin: 0; list-style: none; }
.primary-nav a { position: relative; font-size: 13px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.primary-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-10px; height:1px; background:var(--cyan); transition:right .25s ease; }
.primary-nav a:hover::after, .primary-nav .current-menu-item a::after { right:0; }
.menu-toggle { display: none; color: var(--white); background: none; border: 0; cursor: pointer; }

.eyebrow { margin: 0 0 16px; color: var(--cyan); font-size: 11px; font-weight: 750; letter-spacing: .19em; text-transform: uppercase; }
.button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 0 25px; color: var(--ink); background: var(--cyan); border: 1px solid var(--cyan); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; transition: transform .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); background: var(--white); border-color: var(--white); }
.button-small { min-height: 44px; padding-inline: 20px; }
.button-light { background: var(--ink); border-color: var(--ink); color: var(--white); }
.button-row { display: flex; align-items: center; flex-wrap: wrap; gap: 28px; margin-top: 42px; }
.text-link { display: inline-flex; gap: 10px; align-items: center; font-size: 12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.text-link span { color: var(--cyan); transition: transform .2s ease; }
.text-link:hover span { transform: translate(3px,-3px); }

.home-hero { position: relative; min-height: 850px; padding: 180px 0 110px; display: flex; flex-direction: column; justify-content: center; isolation: isolate; background: radial-gradient(circle at 75% 40%, #162137 0, #0a0d14 36%, var(--ink) 70%); }
.hero-atmosphere { position:absolute; inset:0; overflow:hidden; z-index:-1; opacity:.55; }
.hero-atmosphere::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to bottom,black,transparent 88%); }
.hero-atmosphere i { position:absolute; width:400px; height:400px; border-radius:50%; filter:blur(110px); opacity:.3; }
.hero-atmosphere i:nth-child(1) { right:8%; top:10%; background:var(--blue); }
.hero-atmosphere i:nth-child(2) { right:25%; bottom:10%; width:250px; height:250px; background:var(--coral); }
.hero-atmosphere i:nth-child(3) { left:-10%; bottom:0; background:#12695f; }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr); align-items:center; gap:70px; }
.hero-copy { position:relative; z-index:2; }
.hero-copy h1 { max-width: 900px; margin: 0; font-size: clamp(62px, 7.6vw, 124px); line-height: .89; letter-spacing: -.065em; font-weight: 650; }
.hero-copy h1 em { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.62); font-family: Georgia, serif; font-weight: 400; }
.hero-intro { max-width: 630px; margin: 34px 0 0; color: #c6c9d0; font-size: 18px; line-height: 1.75; }
.hero-visual { position:relative; min-height:560px; display:grid; place-items:center; }
.orb { width:min(33vw,460px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 35% 28%,#fff7d9 0,#ffbd68 8%,#e9543e 30%,#4d244e 57%,#101729 71%); box-shadow:0 0 100px rgba(255,107,88,.22); }
.record-rings { position:absolute; width:min(42vw,580px); aspect-ratio:1; border-radius:50%; border:1px solid rgba(255,255,255,.12); box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.015); animation:spin 28s linear infinite; }
.record-rings::after { content:""; position:absolute; width:10px; height:10px; border-radius:50%; top:8%; left:24%; background:var(--cyan); box-shadow:0 0 18px var(--cyan); }
.frequency { position:absolute; bottom:38px; left:4%; right:4%; height:100px; display:flex; align-items:center; justify-content:center; gap:9px; transform:rotate(-7deg); }
.frequency i { display:block; width:5px; height:var(--h,45%); background:rgba(255,255,255,.72); border-radius:4px; }
.frequency i:nth-child(2),.frequency i:nth-child(8){--h:75%}.frequency i:nth-child(3),.frequency i:nth-child(7){--h:42%}.frequency i:nth-child(4){--h:95%}.frequency i:nth-child(5){--h:58%}.frequency i:nth-child(6){--h:82%}.frequency i:nth-child(9){--h:26%}
.hero-stamp { position:absolute; right:0; top:70px; width:86px; height:86px; display:grid; place-items:center; text-align:center; border:1px solid rgba(255,255,255,.4); border-radius:50%; color:rgba(255,255,255,.65); font-size:9px; letter-spacing:.14em; transform:rotate(12deg); }
.marquee { position:absolute; left:0; right:0; bottom:0; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.marquee div { width:max-content; padding:17px 0; color:rgba(255,255,255,.42); font-size:11px; letter-spacing:.22em; text-transform:uppercase; animation:marquee 35s linear infinite; }
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes marquee{to{transform:translateX(-50%)}}

.section { padding: 125px 0; }
.statement { background:var(--paper); color:var(--ink); }
.section-heading { margin-bottom:55px; display:flex; justify-content:space-between; align-items:end; gap:30px; }
.section-heading h2, .contact-strip h2 { margin:0; max-width:850px; font-size:clamp(42px,5.2vw,78px); line-height:1; letter-spacing:-.05em; font-weight:600; }
.artists-section { background:var(--ink-soft); }
.artist-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.artist-card:nth-child(even) { margin-top:90px; }
.card-media { position:relative; min-height:560px; display:block; overflow:hidden; background:#151a24; }
.card-media img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; filter:saturate(.78) contrast(1.08); transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .4s; }
.artist-roberto .card-media img { object-position:center top; }
.artist-verberate .card-media img { object-position:72% center; }
.card-media::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.42),transparent 45%); }
.artist-card:hover img { transform:scale(1.035); filter:saturate(1) contrast(1.05); }
.media-placeholder,.cover-placeholder { display:block; width:100%; height:100%; min-height:inherit; background:radial-gradient(circle at 60% 35%,#324360,#161b26 42%,#0f1219 72%); }
.media-placeholder i { position:absolute; inset:18%; border:1px solid rgba(255,255,255,.16); border-radius:50%; }
.card-index { position:absolute; z-index:2; left:28px; bottom:24px; color:rgba(255,255,255,.5); font-family:Georgia,serif; font-style:italic; font-size:13px; }
.card-body { padding-top:24px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.card-body .eyebrow { margin-bottom:7px; }
.card-body h3 { margin:0; font-size:clamp(28px,3vw,42px); line-height:1; letter-spacing:-.04em; font-weight:550; }
.round-link { width:48px; height:48px; flex:0 0 auto; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; transition:.2s; }
.round-link:hover { color:var(--ink); background:var(--cyan); border-color:var(--cyan); transform:rotate(8deg); }

.releases-section { background:var(--ink); }
.release-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:55px 22px; }
.release-cover { position:relative; aspect-ratio:1; display:block; overflow:hidden; background:#141823; }
.release-cover img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease,filter .35s; }
.release-card:hover .release-cover img { transform:scale(1.035); filter:brightness(.68); }
.cover-placeholder { position:relative; min-height:0; background:conic-gradient(from 220deg at 48% 52%,#121a2b,#70424b,#f09a54,#315f72,#121a2b); }
.cover-placeholder i { position:absolute; inset:20%; border:1px solid rgba(255,255,255,.22); border-radius:50%; box-shadow:0 0 0 35px rgba(255,255,255,.035); }
.play-mark { position:absolute; inset:50% auto auto 50%; width:54px; height:54px; display:grid; place-items:center; border-radius:50%; color:var(--ink); background:var(--cyan); opacity:0; transform:translate(-50%,-42%); transition:.25s; font-size:13px; }
.release-card:hover .play-mark { opacity:1; transform:translate(-50%,-50%); }
.release-info { display:flex; justify-content:space-between; gap:15px; padding-top:17px; border-top:1px solid var(--line); margin-top:15px; }
.release-info h3 { margin:0; font-size:18px; line-height:1.25; }
.release-info p,.release-info time { margin:3px 0 0; color:var(--muted); font-size:12px; }
.empty-state { min-height:240px; display:grid; place-items:center; border:1px solid var(--line); color:var(--muted); }

.contact-strip { color:var(--ink); background:var(--sun); }
.contact-grid { display:grid; grid-template-columns:.6fr 2fr auto; align-items:center; gap:35px; }
.contact-strip .eyebrow { color:var(--ink); }
.contact-strip h2 { font-size:clamp(38px,4.5vw,66px); }

.site-footer { padding:90px 0 28px; background:#050609; border-top:1px solid var(--line); }
.footer-main { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.footer-main>div:first-child p { max-width:400px; margin:30px 0 0; color:var(--muted); }
.footer-socials { display:flex; flex-wrap:wrap; gap:24px; margin-top:24px; }
.footer-socials .text-link { font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.footer-cta { padding-left:60px; border-left:1px solid var(--line); }
.footer-cta h2 { max-width:520px; margin:0 0 30px; font-size:clamp(32px,4vw,54px); line-height:1.05; letter-spacing:-.04em; font-weight:500; }
.footer-bottom { margin-top:90px; padding-top:25px; display:flex; justify-content:space-between; gap:30px; border-top:1px solid var(--line); color:#777d89; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.footer-bottom p { margin:0; }
.footer-bottom .menu { display:flex; flex-wrap:wrap; gap:22px; padding:0; margin:0; list-style:none; }

.page-hero { padding:210px 0 100px; background:radial-gradient(circle at 80% 10%,#192941,var(--ink) 48%); border-bottom:1px solid var(--line); }
.compact-hero h1 { margin:0; font-size:clamp(70px,10vw,150px); line-height:.82; letter-spacing:-.07em; font-weight:620; }
.compact-hero>div>p:last-child { max-width:600px; margin:38px 0 0; color:var(--muted); font-size:18px; }
.archive-grid { margin-top:10px; }
.navigation.pagination { margin-top:70px; }
.nav-links { display:flex; gap:12px; }
.page-numbers { min-width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--line); }
.page-numbers.current { color:var(--ink); background:var(--cyan); border-color:var(--cyan); }

.artist-hero { position:relative; min-height:850px; display:flex; align-items:flex-end; padding:190px 0 100px; overflow:hidden; background:#11151c; }
.artist-backdrop { position:absolute; inset:0; }
.artist-backdrop img { width:100%; height:100%; object-fit:cover; object-position:center 10%; filter:saturate(.8) contrast(1.08); }
.artist-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,7,10,.85),rgba(5,7,10,.1) 65%),linear-gradient(to top,rgba(5,7,10,.9),transparent 55%); }
.artist-hero-copy { position:relative; z-index:1; }
.artist-hero-copy h1 { max-width:1050px; margin:0; font-size:clamp(74px,11vw,170px); line-height:.82; letter-spacing:-.075em; font-weight:620; }
.artist-hero-copy>p:last-child { max-width:580px; margin:35px 0 0; font-size:20px; color:#d3d4d8; }
.artist-content-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(240px,.7fr); gap:120px; }
.artist-links { display:flex; flex-direction:column; align-items:flex-start; gap:20px; padding-top:8px; }
.artist-links .eyebrow { margin-bottom:12px; }
.related-releases { background:var(--ink-soft); }

.release-detail { padding-top:190px; min-height:780px; background:radial-gradient(circle at 15% 40%,#1e293d,var(--ink) 45%); }
.release-detail-grid { display:grid; grid-template-columns:minmax(320px,600px) minmax(0,1fr); gap:clamp(55px,8vw,130px); align-items:center; }
.release-artwork { aspect-ratio:1; box-shadow:0 30px 80px rgba(0,0,0,.4); }
.release-artwork img { width:100%; height:100%; object-fit:cover; }
.release-copy h1 { margin:0; font-size:clamp(60px,8vw,116px); line-height:.88; letter-spacing:-.065em; font-weight:620; }
.release-by { margin:25px 0 38px; color:var(--muted); font-size:18px; }
.release-by a { color:var(--cyan); }
.platform-links { margin-top:45px; display:flex; align-items:center; flex-wrap:wrap; gap:25px; }

.prose { color:#c8cbd2; font-size:17px; line-height:1.9; }
.prose>*:first-child { margin-top:0; }
.prose h2,.prose h3 { color:var(--white); line-height:1.1; letter-spacing:-.035em; }
.prose h2 { margin-top:2em; font-size:clamp(35px,4vw,56px); }
.prose a { color:var(--cyan); text-decoration:underline; text-underline-offset:4px; }
.prose-large { max-width:1100px; color:var(--ink); font-size:clamp(28px,4vw,54px); line-height:1.25; letter-spacing:-.035em; }
.page-prose { max-width:850px; }
.post-list { max-width:960px; }
.post-row { padding:40px 0; border-bottom:1px solid var(--line); }
.post-row time { color:var(--cyan); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.post-row h2 { margin:10px 0; font-size:clamp(28px,4vw,50px); line-height:1.1; }
.post-row p { color:var(--muted); }
.error-page { min-height:100vh; display:grid; align-items:center; padding:180px 0 100px; background:radial-gradient(circle at 80% 30%,#253e55,var(--ink) 52%); }
.error-page h1 { max-width:950px; margin:0; font-size:clamp(70px,10vw,150px); line-height:.85; letter-spacing:-.07em; }
.error-page>div>p:nth-of-type(2) { color:var(--muted); font-size:18px; margin:35px 0; }

.editorial-hero { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr); align-items:end; gap:70px; }
.editorial-hero h1 { max-width:940px; margin:0; font-size:clamp(58px,7.4vw,112px); line-height:.9; letter-spacing:-.065em; font-weight:600; }
.editorial-hero>p { margin:0 0 8px; color:#c5c8cf; font-size:20px; line-height:1.65; }
.about-hero,.demo-hero { padding-bottom:105px; }
.split-story { display:grid; grid-template-columns:.6fr 2fr; gap:60px; }
.route-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); }
.route-card { min-height:430px; padding:50px; background:var(--ink-soft); display:flex; flex-direction:column; align-items:flex-start; }
.route-card>span { color:var(--muted); font:italic 14px Georgia,serif; }
.route-card h2 { max-width:500px; margin:80px 0 18px; font-size:clamp(38px,4vw,58px); line-height:1; letter-spacing:-.05em; }
.route-card p { max-width:520px; margin:0 0 35px; color:var(--muted); }
.route-card .text-link,.route-card .button { margin-top:auto; }
.route-card-accent { color:var(--ink); background:var(--sun); }
.route-card-accent p,.route-card-accent>span { color:rgba(7,9,13,.68); }
.form-section { padding-top:0; }.form-shell { max-width:850px; }
.form-shell>h2 { margin:0 0 42px; font-size:clamp(42px,5vw,72px); line-height:1; letter-spacing:-.05em; }
.site-form { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.site-form .field label { display:block; margin:0 0 8px; color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.site-form .field small { font-size:10px; font-weight:400; text-transform:none; }
.site-form input,.site-form textarea { width:100%; padding:15px 16px; color:var(--white); background:var(--ink-soft); border:1px solid rgba(255,255,255,.22); border-radius:0; outline:none; resize:vertical; }
.site-form select { width:100%; height:54px; padding:0 16px; color:var(--white); background:var(--ink-soft); border:1px solid rgba(255,255,255,.22); border-radius:0; outline:none; font:inherit; }
.site-form select:focus { border-color:var(--cyan); box-shadow:0 0 0 1px var(--cyan); }
.site-form input { height:54px; }.site-form input:focus,.site-form textarea:focus { border-color:var(--cyan); box-shadow:0 0 0 1px var(--cyan); }
.site-form .field-wide { grid-column:1/-1; }.site-form .button { justify-self:start; }
.site-form .consent { display:flex; gap:10px; align-items:flex-start; color:var(--muted); font-size:12px; line-height:1.5; }
.site-form .consent input { width:auto; height:auto; flex:0 0 auto; margin:3px 0 0; accent-color:var(--cyan); }.site-form .consent a { color:var(--white); text-decoration:underline; }
.playlist-routes { grid-template-columns:repeat(3,minmax(0,1fr)); }
.playlist-card { min-height:0; padding:24px; }
.playlist-card img { width:100%; aspect-ratio:1; margin-bottom:28px; object-fit:cover; }
.playlist-card h3 { margin:0 0 28px; font-size:24px; line-height:1.15; letter-spacing:-.03em; }
.captcha-note { margin:8px 0 0; max-width:620px; color:var(--muted); font-size:11px; }.captcha-note a { color:var(--white); text-decoration:underline; }
.form-notice { margin:0 0 28px; padding:16px 18px; border:1px solid var(--line); }.form-notice.is-success { color:var(--ink); background:var(--cyan); }.form-notice.is-error { background:#5a2025; }
.demo-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr); gap:100px; align-items:start; }
.number-list { padding:0; margin:40px 0 0; list-style:none; counter-reset:demo; }
.number-list li { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:35px; padding:28px 0 28px 70px; border-top:1px solid var(--line); counter-increment:demo; }
.number-list li::before { content:'0' counter(demo); position:absolute; left:0; color:var(--cyan); font:italic 13px Georgia,serif; }
.number-list b { font-size:20px; }.number-list span { color:var(--muted); }
.action-panel { padding:42px; color:var(--ink); background:var(--cyan); }
.action-panel p { margin:0 0 30px; font-size:20px; line-height:1.55; }
.action-panel .button { color:var(--white); background:var(--ink); border-color:var(--ink); }
.newsletter-page { min-height:100vh; padding:180px 0 110px; display:grid; place-items:center; background:radial-gradient(circle at 75% 35%,#293e58,var(--ink) 58%); }
.newsletter-panel { max-width:1000px; text-align:center; }
.newsletter-panel h1 { margin:0; font-size:clamp(68px,10vw,150px); line-height:.84; letter-spacing:-.075em; }
.newsletter-panel>p:not(.eyebrow) { max-width:630px; margin:38px auto; color:#c8cbd1; font-size:19px; }
.newsletter-embed { max-width:650px; margin:45px auto 0; text-align:left; }.setup-note { padding:18px; border:1px solid var(--line); }
.newsletter-form { position:relative; display:grid; grid-template-columns:1fr 1.35fr auto; gap:14px; align-items:end; max-width:940px; margin:48px auto 0; text-align:left; }
.newsletter-form .field label { display:block; margin:0 0 7px; color:var(--muted); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.newsletter-form .field small { font-size:10px; text-transform:none; }
.newsletter-form input[type="text"],.newsletter-form input[type="email"] { width:100%; height:54px; padding:0 16px; color:var(--white); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.24); border-radius:0; outline:none; }
.newsletter-form input:focus { border-color:var(--cyan); box-shadow:0 0 0 1px var(--cyan); }
.newsletter-form .consent { grid-column:1/-1; display:flex; gap:10px; align-items:flex-start; color:var(--muted); font-size:12px; line-height:1.5; }
.newsletter-form .consent input { margin-top:3px; accent-color:var(--cyan); }.newsletter-form .consent a { color:var(--white); text-decoration:underline; }
.newsletter-form .captcha-cell { grid-column:1/3; }.newsletter-form>.button { grid-column:3; align-self:center; }
.honeypot { position:absolute; width:1px; height:1px; overflow:hidden; left:-10000px; }

@media (prefers-reduced-motion:no-preference) {
  .reveal { animation:reveal .7s both; animation-timeline:view(); animation-range:entry 5% cover 28%; }
  @keyframes reveal { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:none} }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.record-rings,.marquee div{animation:none} }

@media (max-width: 980px) {
  :root { --shell:min(100% - 32px,760px); }
  .header-inner { min-height:76px; }
  .menu-toggle { display:flex; align-items:center; gap:12px; z-index:2; }
  .menu-toggle i,.menu-toggle i::before { display:block; content:""; width:22px; height:1px; background:currentColor; transition:.2s; }
  .menu-toggle i::before { transform:translateY(-6px); }
  .menu-open .menu-toggle i { transform:rotate(45deg); }.menu-open .menu-toggle i::before { transform:rotate(90deg); }
  .primary-nav { position:fixed; inset:0; display:grid; place-items:center; visibility:hidden; opacity:0; background:rgba(7,9,13,.98); transition:.25s; }
  .menu-open .primary-nav { visibility:visible; opacity:1; }
  .primary-nav .menu { flex-direction:column; gap:24px; }
  .primary-nav a { font-size:30px; letter-spacing:-.02em; text-transform:none; }
  .hero-grid { grid-template-columns:1fr; }
  .home-hero { min-height:900px; padding-top:150px; }
  .hero-copy h1 { font-size:clamp(58px,12vw,96px); }
  .hero-visual { position:absolute; width:60vw; right:-15vw; bottom:40px; min-height:auto; opacity:.6; z-index:-1; }
  .orb { width:100%; }.record-rings{width:120%}.frequency,.hero-stamp{display:none}
  .section { padding:90px 0; }
  .card-media { min-height:440px; }
  .release-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .contact-grid { grid-template-columns:1fr; }
  .contact-grid .button { justify-self:start; }
  .footer-main { grid-template-columns:1fr; }.footer-cta{padding:50px 0 0;border-left:0;border-top:1px solid var(--line)}
  .artist-content-grid { grid-template-columns:1fr; gap:60px; }
  .release-detail-grid { grid-template-columns:1fr; max-width:680px; }
  .release-copy { padding-top:10px; }
  .editorial-hero,.split-story,.demo-layout { grid-template-columns:1fr; gap:50px; }
  .route-grid,.playlist-routes { grid-template-columns:1fr; }
}

@media (max-width: 620px) {
  :root { --shell:calc(100% - 28px); }
  .brand-name { font-size:15px; }
  .home-hero { min-height:780px; padding:130px 0 90px; }
  .hero-copy h1 { font-size:clamp(52px,16vw,75px); }
  .hero-intro { font-size:16px; line-height:1.65; }
  .hero-visual { width:80vw; right:-34vw; bottom:60px; }
  .button-row { align-items:flex-start; flex-direction:column; gap:22px; margin-top:34px; }
  .marquee div { padding:13px 0; }
  .section { padding:72px 0; }
  .section-heading { margin-bottom:34px; }
  .section-heading h2 { font-size:42px; }
  .desktop-link { display:none; }
  .artist-grid,.release-grid { grid-template-columns:1fr; }
  .artist-card:nth-child(even) { margin-top:28px; }
  .card-media { min-height:430px; }
  .release-grid { gap:42px; }
  .contact-strip h2 { font-size:42px; }
  .site-footer { padding-top:70px; }
  .footer-bottom { margin-top:60px; flex-direction:column; }
  .footer-bottom .menu { gap:12px 18px; }
  .page-hero { padding:155px 0 70px; }
  .compact-hero h1 { font-size:70px; }
  .compact-hero>div>p:last-child { margin-top:25px; font-size:16px; }
  .artist-hero { min-height:720px; padding-bottom:70px; }
  .artist-hero-copy h1 { font-size:65px; }
  .artist-hero-copy>p:last-child { font-size:17px; }
  .release-detail { padding-top:140px; }
  .release-copy h1 { font-size:58px; }
  .platform-links { align-items:flex-start; flex-direction:column; }
  .prose { font-size:16px; }
  .prose-large { font-size:30px; }
  .editorial-hero h1 { font-size:58px; }.editorial-hero>p { font-size:17px; }
  .route-card { min-height:390px; padding:32px 26px; }.route-card h2 { margin-top:60px; }
  .number-list li { grid-template-columns:1fr; gap:8px; padding-left:48px; }
  .newsletter-page { padding-top:140px; }.newsletter-panel h1 { font-size:68px; }
  .newsletter-form { grid-template-columns:1fr; }.newsletter-form .consent { grid-column:auto; }.newsletter-form .button { width:100%; }
  .site-form { grid-template-columns:1fr; }.site-form .field-wide { grid-column:auto; }
  .newsletter-form .captcha-cell,.newsletter-form>.button { grid-column:auto; }
}