:root {
  --ink: #030604;
  --paper: #f7f8f3;
  --paper-2: #e5ebe4;
  --gold: #35ff72;
  --green-glow: #35ff72;
  --deep-green: #003b2a;
  --forest: #06251c;
  --muted: #738078;
  --line: rgba(10,10,10,.2);
  --line-light: rgba(255,255,255,.22);
  --pad: clamp(20px, 3.2vw, 52px);
  --radius: 0px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--ink); background: var(--ink); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
img { display: block; width: 100%; }
::selection { color: var(--ink); background: var(--gold); }
a, button, [tabindex] { -webkit-tap-highlight-color: transparent; }

.ui-icon { display: inline-block; width: .9em; height: .9em; flex: 0 0 auto; background: currentColor; vertical-align: -.08em; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
.icon-play { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5 13 8l-9 5.5z' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5 13 8l-9 5.5z' fill='black'/%3E%3C/svg%3E"); }
.icon-external { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 13 13 3M7 3h6v6' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 13 13 3M7 3h6v6' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E"); }
.icon-left { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 8H3m4-4L3 8l4 4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M13 8H3m4-4L3 8l4 4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E"); }
.icon-right { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E"); }
.icon-down { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v11m-4-4 4 4 4-4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v11m-4-4 4 4 4-4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E"); }
.icon-up { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 14V3M4 7l4-4 4 4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 14V3M4 7l4-4 4 4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E"); }

.noise { position: fixed; inset: 0; pointer-events: none; opacity: .055; z-index: 200; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E"); mix-blend-mode: multiply; }
.light-section { background: var(--paper); }
.dark-section { background: linear-gradient(145deg, var(--ink), var(--forest)); color: var(--paper); }

.site-header { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 78px; display: flex; align-items: center; justify-content: space-between; padding: 0 var(--pad); color: var(--paper); mix-blend-mode: difference; pointer-events: none; }
.site-header a, .site-header button { pointer-events: auto; }
.wordmark { font-size: 28px; font-weight: 900; letter-spacing: -.07em; line-height: 1; }
.wordmark span { font-size: 8px; vertical-align: top; margin-left: 4px; letter-spacing: 0; }
.desktop-nav { display: flex; gap: clamp(22px, 3vw, 48px); }
.desktop-nav a { display: flex; gap: 6px; text-transform: uppercase; font-size: 11px; letter-spacing: .04em; position: relative; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; bottom: -5px; width: 0; height: 1px; background: currentColor; transition: width .4s cubic-bezier(.2,.8,.2,1); }
.desktop-nav a:hover::after { width: 100%; }
.desktop-nav sup { font-size: 7px; opacity: .65; }
.menu-toggle { display: none; align-items: center; gap: 10px; color: inherit; background: none; border: 0; text-transform: uppercase; font-size: 11px; }
.menu-toggle i, .menu-toggle i::after { display: block; width: 18px; height: 1px; background: currentColor; content: ""; transition: transform .3s; }
.menu-toggle i::after { transform: translateY(5px); }
.menu-open .menu-toggle i { transform: rotate(45deg); }
.menu-open .menu-toggle i::after { transform: rotate(-90deg); }

.mobile-menu { position: fixed; inset: 0; z-index: 90; background: var(--gold); padding: 110px var(--pad) 40px; transform: translateY(-105%); transition: transform .65s cubic-bezier(.77,0,.18,1); display: flex; flex-direction: column; justify-content: space-between; }
.mobile-menu[aria-hidden="false"] { transform: translateY(0); }
.mobile-menu nav { display: grid; }
.mobile-menu nav a { font-size: clamp(48px, 15vw, 84px); font-weight: 900; letter-spacing: -.075em; line-height: .95; border-bottom: 1px solid var(--ink); padding: 10px 0; display: flex; justify-content: space-between; }
.mobile-menu nav sup { font-size: 12px; letter-spacing: 0; }

.hero { min-height: 100svh; padding-top: 78px; position: relative; overflow: hidden; }
.hero-grid { min-height: calc(100svh - 132px); display: grid; grid-template-columns: 58% 42%; border-top: 1px solid var(--line); }
.hero-copy { padding: 42px var(--pad) 36px; display: flex; flex-direction: column; justify-content: space-between; }
.eyebrow, .kicker { margin: 0; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.hero-title { margin: auto 0; font-size: clamp(88px, 12.5vw, 205px); line-height: .75; letter-spacing: -.095em; font-weight: 900; text-transform: uppercase; }
.hero-title span { display: block; }
.hero-title .outline { color: transparent; -webkit-text-stroke: 2px var(--ink); transform: translateX(8%); }
.hero-bottom { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 40px; }
.hero-bottom > p { max-width: 430px; font-size: clamp(16px, 1.45vw, 22px); line-height: 1.2; letter-spacing: -.02em; margin: 0; }
.round-link { width: 104px; height: 104px; background: var(--ink); color: var(--paper); border-radius: 50%; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; font-size: 11px; text-transform: uppercase; transition: background .3s, color .3s, transform .3s; }
.round-link b { align-self: end; font-size: 20px; }
.round-link:hover { background: var(--gold); color: var(--ink); transform: rotate(-5deg); }

.hero-media { position: relative; min-height: 600px; overflow: hidden; background: var(--deep-green); color: var(--paper); border-left: 1px solid var(--ink); isolation: isolate; }
.liquid-canvas { position: absolute; z-index: 1; inset: -10%; width: 120%; height: 120%; display: block; cursor: crosshair; }
.liquid-fallback { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.7) contrast(1.05); }
.liquid-hero.webgl-ready .liquid-fallback { opacity: 0; }
.liquid-hero.webgl-failed .liquid-canvas { display: none; }
.placeholder-grid { position: absolute; z-index: 2; inset: 0; pointer-events: none; opacity: .42; mix-blend-mode: soft-light; background: linear-gradient(rgba(53,255,114,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(53,255,114,.18) 1px, transparent 1px); background-size: 48px 48px; }
.hero-status { position: absolute; z-index: 4; top: 18px; left: 18px; right: 18px; display: flex; justify-content: space-between; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; text-shadow: 0 1px 8px rgba(0,0,0,.5); }
.hero-orbit { width: 210px; height: 210px; z-index: 4; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; position: absolute; right: -42px; bottom: 30px; animation: spin 18s linear infinite; mix-blend-mode: difference; }
.hero-orbit::after { content: "✦"; position: absolute; font-size: 32px; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.hero-orbit span { position: absolute; width: 100%; text-align: center; top: 12px; font-size: 9px; letter-spacing: .28em; }
@keyframes spin { to { transform: rotate(360deg); } }
.hero-ticker { height: 54px; border-top: 1px solid var(--ink); overflow: hidden; display: flex; align-items: center; }
.ticker-track { display: flex; align-items: center; gap: 30px; width: max-content; animation: marquee 22s linear infinite; font-size: 12px; font-weight: 700; white-space: nowrap; }
.ticker-track i { color: #778f00; }
@keyframes marquee { to { transform: translateX(-50%); } }

.section-label { min-height: 64px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: 0 var(--pad); text-transform: uppercase; font-size: 10px; letter-spacing: .06em; }
.section-label span:nth-child(2) { text-align: center; }
.section-label span:last-child { text-align: right; }
.section-label.inverse { border-color: var(--line-light); }

.about { padding: 110px 0 140px; }
.statement { padding: 90px var(--pad) 120px; }
.statement p { margin: 0; font-size: clamp(38px, 6.3vw, 102px); font-weight: 800; letter-spacing: -.07em; line-height: .92; }
.statement p:nth-child(2) { text-indent: 8vw; }
.statement em { font-family: Georgia, serif; font-weight: 400; }
.about-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(40px, 8vw, 140px); padding: 0 var(--pad); align-items: start; }
.about-portrait { position: relative; overflow: hidden; aspect-ratio: 1.25; }
.about-portrait img { height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.8,.2,1); }
.about-portrait:hover img { transform: scale(1.04); }
.asset-note { position: absolute; left: 0; bottom: 0; background: var(--gold); padding: 8px 10px; font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.about-copy { max-width: 560px; }
.about-copy > p:not(.kicker) { font-size: clamp(16px, 1.35vw, 21px); line-height: 1.35; letter-spacing: -.02em; }
.text-link { margin-top: 36px; border-bottom: 1px solid; padding: 12px 0; display: flex; justify-content: space-between; text-transform: uppercase; font-size: 11px; }

.music { padding: 110px 0 130px; }
.music-intro { padding: 72px var(--pad) 56px; display: flex; align-items: end; justify-content: space-between; }
.music-intro h2, .catalog-heading h2, .media-heading h2, .actions > h2, .signup h2, .tour-empty h2 { margin: 0; font-size: clamp(70px, 13vw, 210px); font-weight: 900; line-height: .72; letter-spacing: -.09em; }
.music-intro h2 span { display: inline-block; font-size: 11px; letter-spacing: .03em; vertical-align: top; margin-left: 16px; }
.pill { border: 1px solid var(--paper); border-radius: 99px; padding: 15px 22px; font-size: 11px; text-transform: uppercase; transition: all .3s; }
.pill:hover { color: var(--ink); background: var(--gold); border-color: var(--gold); }
.release-stage { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); align-items: center; gap: clamp(50px, 8vw, 130px); padding: 40px var(--pad) 100px; }
.vinyl-wrap { position: relative; aspect-ratio: 1; max-width: 760px; }
.vinyl { position: absolute; width: 91%; height: 91%; border-radius: 50%; background: repeating-radial-gradient(circle at center, #111 0 3px, #202020 4px 5px); top: 4.5%; left: 9%; transition: transform 1s cubic-bezier(.2,.8,.2,1); }
.vinyl::after { content: ""; position: absolute; width: 24%; height: 24%; border-radius: 50%; background: var(--gold); top: 38%; left: 38%; box-shadow: inset 0 0 0 7px #111; }
.cover-art { position: absolute; left: 0; top: 0; width: 83%; height: 83%; object-fit: cover; box-shadow: 0 35px 80px rgba(0,0,0,.5); transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.vinyl-wrap:hover .vinyl { transform: translateX(10%) rotate(28deg); }
.vinyl-wrap:hover .cover-art { transform: translateX(-2%) rotate(-2deg); }
.play-disc { position: absolute; right: 0; bottom: 5%; width: 84px; height: 84px; border-radius: 50%; border: 0; background: var(--gold); color: var(--ink); cursor: pointer; font-size: 22px; }
.release-copy h3 { font-size: clamp(42px, 5vw, 78px); letter-spacing: -.065em; line-height: .9; margin: 24px 0 30px; }
.release-copy > p:not(.kicker) { font-size: 18px; line-height: 1.4; color: #b8b7b1; }
.release-facts { margin-top: 45px; border-top: 1px solid var(--line-light); }
.release-facts div { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--line-light); font-size: 11px; text-transform: uppercase; }
.release-facts span { color: #8b8a84; }
.button-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.button { display: inline-flex; justify-content: space-between; min-width: 160px; padding: 17px 20px; color: var(--ink); background: var(--gold); text-transform: uppercase; font-size: 11px; border: 1px solid var(--gold); }
.button.ghost { color: var(--paper); background: transparent; border-color: var(--paper); }
.button.light { background: var(--paper); border-color: var(--paper); }
.button.ghost-light { background: transparent; color: var(--paper); border-color: var(--paper); }
.story-strip { margin: 0 var(--pad); padding: 42px 0 0; border-top: 1px solid var(--line-light); display: grid; grid-template-columns: 1fr 2fr; gap: 50px; }
.story-strip > p:last-child { font-size: clamp(24px, 3vw, 48px); line-height: 1.05; letter-spacing: -.04em; margin: 0; }

.catalog { padding: 110px 0 140px; position: relative; }
.catalog-heading, .media-heading { padding: 72px var(--pad); display: flex; justify-content: space-between; align-items: end; }
.catalog-heading p, .media-heading p { max-width: 330px; font-size: 16px; }
.track-list { border-top: 1px solid var(--ink); }
.track { min-height: 112px; display: grid; grid-template-columns: 70px 1fr 150px 90px 30px; align-items: center; gap: 20px; padding: 0 var(--pad); border-bottom: 1px solid var(--ink); position: relative; transition: color .25s, padding .35s; }
.track::before { content: ""; position: absolute; inset: 0; background: var(--gold); transform: scaleY(0); transform-origin: bottom; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.track > * { position: relative; z-index: 1; }
.track:hover::before { transform: scaleY(1); }
.track:hover { padding-left: calc(var(--pad) + 14px); }
.track h3 { margin: 0; font-size: clamp(30px, 4vw, 62px); letter-spacing: -.055em; }
.track p, .track time, .track > span { text-transform: uppercase; font-size: 10px; }
.floating-preview { position: fixed; z-index: 20; width: 320px; aspect-ratio: 16/10; overflow: hidden; pointer-events: none; opacity: 0; transform: translate(-50%,-50%) scale(.85) rotate(-3deg); transition: opacity .25s, transform .25s; }
.floating-preview.visible { opacity: 1; transform: translate(-50%,-50%) scale(1) rotate(-3deg); }
.floating-preview img { width: 100%; height: 100%; object-fit: cover; }

.highlights { padding: 110px 0 130px; }
.highlight-stack { padding: 80px var(--pad) 0; display: grid; gap: 18px; }
.highlight-card { min-height: 360px; position: sticky; top: 100px; background: #07130e; border: 1px solid var(--line-light); display: grid; grid-template-columns: .75fr 1.25fr; align-items: end; padding: clamp(24px, 3.4vw, 58px); transform-origin: center top; overflow: hidden; }
.highlight-card:nth-child(2) { top: 125px; background: var(--deep-green); }
.highlight-card:nth-child(3) { top: 150px; background: var(--gold); color: var(--ink); }
.giant-number { position: absolute; right: 1vw; top: -4vw; font-size: clamp(180px, 29vw, 440px); font-weight: 900; line-height: 1; letter-spacing: -.12em; opacity: .08; }
.highlight-card > div { grid-column: 2; max-width: 620px; position: relative; }
.highlight-card h3 { font-size: clamp(42px, 5vw, 78px); line-height: .9; letter-spacing: -.065em; margin: 20px 0; }
.highlight-card p:last-child { font-size: 17px; line-height: 1.4; max-width: 550px; }

.milestones { padding: 110px 0 130px; }
.metric-grid { display: grid; grid-template-columns: repeat(2,1fr); padding: 70px var(--pad); }
.metric-grid article { min-height: 330px; border: 1px solid var(--ink); margin: -1px 0 0 -1px; padding: 34px; position: relative; }
.metric-grid strong { font-size: clamp(100px, 14vw, 200px); line-height: .8; letter-spacing: -.09em; }
.metric-grid sup { font-size: 10px; margin-left: 12px; }
.metric-grid h3 { margin-top: 70px; font-size: 18px; }
.metric-grid p { max-width: 380px; color: #555; }
.verification-note { margin: 0 var(--pad); font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }

.media { padding: 110px 0 130px; overflow: hidden; }
.media-heading h2 { font-size: clamp(82px, 14vw, 220px); }
.media-rail { display: flex; gap: 18px; overflow-x: auto; padding: 0 var(--pad) 30px; cursor: grab; scrollbar-width: none; scroll-snap-type: x mandatory; }
.media-rail::-webkit-scrollbar { display: none; }
.media-rail:active { cursor: grabbing; }
.media-card { flex: 0 0 min(55vw, 720px); scroll-snap-align: start; margin: 0; }
.media-card:nth-child(even) { flex-basis: min(36vw, 500px); }
.media-card img, .ph-visual { height: min(62vh, 670px); object-fit: cover; filter: grayscale(100%); transition: filter .5s, transform .6s; }
.media-card:hover img { filter: grayscale(0); transform: scale(.99); }
.media-card figcaption { display: flex; justify-content: space-between; border-top: 1px solid var(--line-light); padding: 14px 0; text-transform: uppercase; font-size: 10px; }
.ph-visual { background: var(--deep-green); border: 1px solid #3f5d50; display: flex; flex-direction: column; justify-content: space-between; padding: 22px; font-size: clamp(54px, 8vw, 120px); font-weight: 900; letter-spacing: -.08em; overflow: hidden; }
.ph-visual::after { content: ""; width: 120%; height: 1px; background: #555; transform: rotate(-45deg); transform-origin: left; }
.ph-visual i { font-style: normal; align-self: end; font-size: 48px; }
.placeholder-card.gold .ph-visual { background: var(--gold); color: var(--ink); border-color: var(--gold); }

.video { padding: 110px 0 130px; }
.video-frame { display: block; position: relative; margin: 70px var(--pad) 0; overflow: hidden; }
.video-frame img { aspect-ratio: 16/8.3; object-fit: cover; filter: grayscale(100%) contrast(1.1); transition: transform 1.1s cubic-bezier(.2,.8,.2,1), filter .5s; }
.video-frame:hover img { transform: scale(1.035); filter: grayscale(0); }
.video-overlay { position: absolute; inset: 0; display: flex; align-items: end; justify-content: space-between; padding: 25px; background: linear-gradient(transparent 45%,rgba(0,0,0,.65)); color: white; text-transform: uppercase; font-size: 11px; }
.video-overlay b { display: grid; place-items: center; width: 80px; height: 80px; background: var(--gold); color: var(--ink); border-radius: 50%; }

.press { padding: 110px 0 140px; }
.press-grid { margin-top: 70px; border-top: 1px solid var(--ink); }
.press-item { display: grid; grid-template-columns: 70px 1fr 200px 80px 30px; gap: 20px; min-height: 130px; align-items: center; padding: 0 var(--pad); border-bottom: 1px solid var(--ink); transition: background .3s; }
.press-item:hover { background: var(--paper-2); }
.press-item h3 { font-size: clamp(22px, 3vw, 44px); letter-spacing: -.04em; margin: 0; }
.press-item span, .press-item p, .press-item time { text-transform: uppercase; font-size: 10px; }

.tour { padding: 110px 0 140px; min-height: 90vh; }
.tour-empty { padding: 100px var(--pad) 0; max-width: 1200px; }
.tour-empty h2 { margin: 28px 0 44px; }
.tour-empty > p:not(.kicker) { max-width: 620px; font-size: 18px; color: #aaa; line-height: 1.4; }

.actions { padding: 110px 0 140px; }
.actions > h2 { padding: 80px var(--pad); }
.action-grid { margin: 0 var(--pad); display: grid; grid-template-columns: repeat(3,1fr); }
.action-card { min-height: 310px; border: 1px solid var(--ink); margin: -1px 0 0 -1px; padding: 25px; display: flex; flex-direction: column; position: relative; transition: background .35s, color .35s; }
.action-card:hover { background: var(--ink); color: var(--paper); }
.action-card:nth-child(3):hover { background: var(--gold); color: var(--ink); }
.action-card > span { font-size: 10px; }
.action-card h3 { margin: auto 0 8px; font-size: clamp(28px, 3vw, 46px); letter-spacing: -.05em; }
.action-card p { margin: 0; font-size: 12px; }
.action-card b { position: absolute; right: 22px; top: 20px; font-size: 20px; }
.action-card.disabled { color: #999; cursor: not-allowed; background: var(--paper-2); }

.signup { padding: 120px var(--pad); display: grid; grid-template-columns: 1.25fr .75fr; gap: 80px; align-items: end; }
.signup h2 { font-size: clamp(70px, 10vw, 160px); margin-top: 30px; }
.signup-form label { display: block; font-size: 10px; text-transform: uppercase; margin-bottom: 14px; }
.signup-form > div { display: grid; grid-template-columns: 1fr auto; border-bottom: 1px solid var(--paper); }
.signup-form input { background: transparent; color: var(--paper); border: 0; outline: 0; padding: 20px 0; font-size: 22px; min-width: 0; }
.signup-form button { border: 0; color: var(--ink); background: var(--gold); padding: 0 30px; cursor: pointer; text-transform: uppercase; font-size: 11px; }
.form-note { font-size: 10px; color: #888; }

.footer { padding: 110px 0 30px; }
.footer-cta { padding: 90px var(--pad) 120px; }
.footer-cta p { text-transform: uppercase; font-size: 10px; }
.footer-cta > a { display: inline-block; font-size: clamp(46px, 8.5vw, 140px); line-height: .82; letter-spacing: -.075em; font-weight: 900; border-bottom: .06em solid var(--paper); }
.footer-cta small { display: block; color: #777; margin-top: 26px; }
.contact-grid { margin: 0 var(--pad) 80px; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line-light); }
.contact-grid > div { min-height: 110px; padding: 18px; border-right: 1px solid var(--line-light); display: flex; flex-direction: column; justify-content: space-between; }
.contact-grid span { font-size: 10px; text-transform: uppercase; color: #777; }
.contact-grid a, .contact-grid b { font-size: 12px; font-weight: 400; }
.socials { display: flex; flex-wrap: wrap; gap: 10px 26px; padding: 0 var(--pad) 60px; text-transform: uppercase; font-size: 10px; }
.socials a { border-bottom: 1px solid transparent; }
.socials a:hover { border-color: currentColor; }
.footer-bottom { border-top: 1px solid var(--line-light); margin: 0 var(--pad); padding-top: 22px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: end; }
.footer-bottom > span { font-size: clamp(65px, 10vw, 150px); line-height: .75; font-weight: 900; letter-spacing: -.085em; }
.footer-bottom p { text-align: center; font-size: 10px; color: #777; }
.footer-bottom a { text-align: right; font-size: 10px; text-transform: uppercase; }

.reveal { opacity: 0; transform: translateY(38px); transition: opacity .9s cubic-bezier(.2,.8,.2,1), transform .9s cubic-bezier(.2,.8,.2,1); }
.reveal.visible { opacity: 1; transform: translateY(0); }
.cursor-dot { width: 7px; height: 7px; background: var(--gold); border-radius: 50%; position: fixed; left: 0; top: 0; z-index: 500; pointer-events: none; transform: translate(-50%,-50%); }
.cursor-ring { width: 52px; height: 52px; border: 1px solid currentColor; color: var(--paper); border-radius: 50%; position: fixed; left: 0; top: 0; z-index: 499; pointer-events: none; transform: translate(-50%,-50%); transition: width .25s,height .25s,background .25s,color .25s; display: grid; place-items: center; mix-blend-mode: difference; }
.cursor-ring span { font-size: 8px; letter-spacing: .08em; opacity: 0; }
.cursor-ring.active { width: 80px; height: 80px; background: var(--gold); color: var(--ink); mix-blend-mode: normal; border-color: var(--gold); }
.cursor-ring.active span { opacity: 1; }

@media (max-width: 980px) {
  .desktop-nav { display: none; }
  .menu-toggle { display: flex; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { min-height: 65svh; }
  .hero-media { min-height: 52svh; border-left: 0; border-top: 1px solid var(--ink); }
  .hero-title { font-size: 19vw; }
  .hero-title .outline { transform: none; }
  .about-layout, .release-stage, .signup { grid-template-columns: 1fr; }
  .about-copy { margin-left: auto; }
  .music-intro, .catalog-heading, .media-heading { align-items: start; gap: 35px; flex-direction: column; }
  .release-stage { gap: 30px; }
  .release-copy { max-width: 680px; }
  .story-strip { grid-template-columns: 1fr; }
  .action-grid { grid-template-columns: repeat(2,1fr); }
  .contact-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 680px) {
  :root { --pad: 18px; }
  .site-header { height: 64px; }
  .hero { padding-top: 64px; }
  .hero-copy { padding-top: 24px; min-height: 58svh; }
  .hero-bottom { grid-template-columns: 1fr; gap: 24px; }
  .hero-bottom > p { max-width: 88%; }
  .round-link { width: 84px; height: 84px; padding: 15px; }
  .hero-media { min-height: 44svh; }
  .hero-orbit { width: 130px; height: 130px; }
  .section-label { min-height: 50px; }
  .about, .music, .catalog, .highlights, .milestones, .media, .video, .press, .tour, .actions, .footer { padding-top: 72px; }
  .statement { padding: 58px var(--pad) 70px; }
  .statement p { font-size: 11.2vw; }
  .statement p:nth-child(2) { text-indent: 0; }
  .about-layout { gap: 32px; }
  .about-portrait { aspect-ratio: .95; }
  .music-intro, .catalog-heading, .media-heading { padding: 50px var(--pad) 36px; }
  .release-stage { grid-template-columns: 1fr; padding: 20px var(--pad) 70px; }
  .play-disc { width: 60px; height: 60px; }
  .story-strip > p:last-child { font-size: 28px; }
  .track { grid-template-columns: 34px 1fr 50px 20px; min-height: 86px; gap: 8px; }
  .track p { display: none; }
  .track h3 { font-size: 27px; }
  .floating-preview { display: none; }
  .highlight-stack { padding-top: 50px; }
  .highlight-card, .highlight-card:nth-child(2), .highlight-card:nth-child(3) { position: relative; top: auto; min-height: 390px; grid-template-columns: 1fr; }
  .highlight-card > div { grid-column: 1; }
  .highlight-card h3 { font-size: 42px; }
  .metric-grid { grid-template-columns: 1fr; padding-top: 48px; }
  .metric-grid article { min-height: 270px; }
  .metric-grid h3 { margin-top: 50px; }
  .media-card, .media-card:nth-child(even) { flex-basis: 82vw; }
  .media-card img, .ph-visual { height: 62vh; }
  .video-frame { margin-top: 48px; }
  .video-frame img { aspect-ratio: 4/5; }
  .video-overlay b { width: 58px; height: 58px; }
  .press-item { grid-template-columns: 35px 1fr 26px; min-height: 112px; gap: 10px; }
  .press-item p, .press-item time { display: none; }
  .press-item h3 { font-size: 24px; }
  .tour { min-height: auto; padding-bottom: 90px; }
  .tour-empty { padding-top: 70px; }
  .action-grid { grid-template-columns: 1fr; }
  .action-card { min-height: 210px; }
  .signup { padding-top: 85px; padding-bottom: 85px; gap: 50px; }
  .signup-form input { font-size: 17px; }
  .footer-cta { padding: 65px var(--pad) 90px; }
  .footer-cta > a { font-size: 13vw; }
  .contact-grid { grid-template-columns: 1fr; }
  .footer-bottom { grid-template-columns: 1fr auto; gap: 20px; }
  .footer-bottom p { display: none; }
  .cursor-dot, .cursor-ring { display: none; }
}

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

/* Focused artist / music / merch edition */
.focused-site { background: var(--paper); }
.focused-site .site-header { color: white; z-index: 120; }
.focused-site .site-header .wordmark { max-width: 230px; font-size: 15px; line-height: .92; letter-spacing: -.045em; white-space: nowrap; }
.focused-site .mobile-menu { background: var(--green-glow); }

.home-hero { min-height: 100svh; height: 100svh; position: relative; overflow: hidden; color: white; background: var(--deep-green); isolation: isolate; }
.home-hero .reveal { opacity: 1; transform: none; }
.home-hero .liquid-fallback { z-index: -4; filter: saturate(.68) contrast(1.12) brightness(.74); }
.home-hero .liquid-canvas { z-index: -3; inset: -10%; width: 120%; height: 120%; }
.home-hero .liquid-fallback, .home-hero .liquid-canvas { transform: translate3d(0,var(--hero-parallax-y,0px),0) scale(1.035); transform-origin: center; will-change: transform; }
.home-hero.webgl-ready .liquid-fallback { opacity: 0; }
.hero-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(1,8,5,.84) 0%, rgba(1,8,5,.35) 44%, rgba(1,8,5,.04) 72%), linear-gradient(0deg, rgba(0,0,0,.88) 0%, transparent 43%), linear-gradient(180deg, rgba(0,0,0,.43), transparent 35%); pointer-events: none; }
.hero-meta { position: absolute; z-index: 2; top: 102px; left: var(--pad); right: var(--pad); display: flex; justify-content: flex-end; text-transform: uppercase; letter-spacing: .09em; font-size: 10px; }
.hero-center-mark { position: absolute; z-index: 2; top: 29px; left: 50%; transform: translateX(-50%); font-size: 13px; font-weight: 900; letter-spacing: -.04em; }
.hero-lockup { position: absolute; z-index: 3; left: var(--pad); right: var(--pad); bottom: 32px; }
.hero-lockup h1 { margin: 0; font-size: clamp(130px,24vw,380px); line-height: .68; letter-spacing: -.1em; font-weight: 900; transform: translateX(-.035em); }
.hero-actions { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; gap: 24px; }
.hero-cta { min-width: 205px; display: flex; justify-content: space-between; align-items: center; padding: 17px 20px; background: var(--green-glow); color: var(--ink); text-transform: uppercase; font-size: 11px; font-weight: 700; border-radius: 3px; }
.hero-cta .ui-icon { width: 13px; height: 13px; }
.hero-text-link { font-size: 10px; text-transform: uppercase; border-bottom: 1px solid; padding: 10px 0; }
.scroll-cue { position: absolute; z-index: 3; right: var(--pad); top: 50%; transform: rotate(90deg) translateX(50%); transform-origin: right top; font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
.scroll-cue span { margin-left: 18px; }

.identity-ticker { height: 56px; overflow: hidden; display: flex; align-items: center; background: var(--green-glow); border-bottom: 1px solid var(--ink); color: var(--ink); }
.identity-ticker-track { --marquee-shift: -840px; --marquee-duration: 12s; width: max-content; display: flex; flex: none; white-space: nowrap; animation: identity-marquee var(--marquee-duration) linear infinite; will-change: transform; }
.identity-ticker-sequence { display: flex; flex: none; align-items: center; gap: 32px; padding-right: 32px; font-size: 11px; font-weight: 800; }
.identity-ticker i { font-style: normal; }
@keyframes identity-marquee { to { transform: translate3d(var(--marquee-shift),0,0); } }

.section-index { margin: 0 var(--pad); min-height: 64px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.section-index span:nth-child(2) { text-align: center; }
.section-index span:last-child { text-align: right; }
.section-index.inverse { border-color: var(--line-light); color: white; }
.micro-label { font-size: 10px !important; line-height: 1 !important; letter-spacing: .08em !important; text-transform: uppercase; }

.artist-section { padding: 110px 0 130px; background: var(--paper); }
.artist-statement { padding: 90px var(--pad) 120px; display: grid; grid-template-columns: 1.4fr .6fr; gap: 8vw; align-items: end; }
.artist-statement h2 { margin: 0; font-size: clamp(68px,11vw,172px); font-weight: 900; line-height: .8; letter-spacing: -.09em; }
.artist-statement h2 em, .merch-heading h2 em, .contact-lockup > a em { font-family: Georgia, serif; font-weight: 400; letter-spacing: -.065em; color: var(--deep-green); }
.artist-statement > p { margin: 0; max-width: 500px; font-size: clamp(22px,2.5vw,39px); line-height: 1.05; letter-spacing: -.045em; }
.artist-story { padding: 0 var(--pad) 100px; display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(48px,8vw,140px); align-items: start; }
.artist-photo { margin: 0; overflow: hidden; }
.artist-photo img { aspect-ratio: 1.2; object-fit: cover; filter: grayscale(1) contrast(1.08); transition: filter .5s, transform .9s cubic-bezier(.2,.8,.2,1); }
.artist-photo:hover img { filter: grayscale(0); transform: scale(1.025); }
.artist-photo figcaption { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--ink); padding-top: 10px; font-size: 9px; text-transform: uppercase; }
.artist-photo figcaption span { color: var(--muted); }
.story-copy { max-width: 600px; }
.story-copy > p:not(.micro-label) { font-size: clamp(17px,1.4vw,22px); line-height: 1.36; letter-spacing: -.02em; }
.story-copy > p:nth-child(2)::first-letter { float: left; font-size: 5em; line-height: .72; margin: .08em .08em 0 0; font-weight: 900; color: var(--deep-green); }
.story-links { margin-top: 38px; border-top: 1px solid; }
.story-links a { display: flex; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid; font-size: 10px; text-transform: uppercase; }
.career-strip { margin: 0 var(--pad); display: grid; grid-template-columns: repeat(4,1fr); }
.career-strip article { min-height: 220px; margin-left: -1px; padding: 22px; border: 1px solid var(--ink); display: flex; flex-direction: column; }
.career-strip span { color: var(--deep-green); font-size: clamp(50px,6vw,95px); font-weight: 900; letter-spacing: -.08em; line-height: .8; }
.career-strip h3 { margin: auto 0 8px; font-size: 18px; }
.career-strip p { margin: 0; font-size: 12px; color: #59625d; }
.press-line { margin: 56px var(--pad) 0; display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; text-transform: uppercase; font-size: 10px; }
.press-line span { color: var(--muted); }
.press-line a { border-bottom: 1px solid; padding-bottom: 3px; }

.music-world { position: relative; overflow: hidden; padding: 110px 0 130px; color: white; background: radial-gradient(circle at 75% 10%,#0b4a34 0%,var(--forest) 34%,var(--ink) 75%); }
.section-swirls { position: absolute; top: 0; left: -3%; width: 106%; height: 660px; opacity: .58; pointer-events: none; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.section-swirls path { fill: none; stroke: var(--green-glow); stroke-width: 16; vector-effect: non-scaling-stroke; stroke-linecap: round; }
.section-swirls path:nth-child(2) { stroke: #043d2b; stroke-width: 56; }
.section-swirls path:nth-child(3) { stroke: rgba(255,255,255,.28); stroke-width: 2; }
.music-feature { position: relative; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(380px,.92fr); gap: clamp(60px,8vw,140px); align-items: center; padding: 110px var(--pad) 120px; }
.release-browser { max-width: 700px; transition: opacity .32s ease, transform .32s ease; }
.release-browser:focus-visible { outline: 1px solid var(--green-glow); outline-offset: 12px; }
.release-browser-nav { min-height: 38px; margin-bottom: 18px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 15px; border-bottom: 1px solid var(--line-light); }
.release-browser-nav button { padding: 0 0 12px; border: 0; background: transparent; color: white; font: inherit; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; cursor: pointer; display: flex; align-items: center; gap: 6px; -webkit-appearance: none; appearance: none; touch-action: manipulation; }
.release-browser-nav button:first-child { text-align: left; }
.release-browser-nav button:last-child { text-align: right; justify-self: end; }
.release-browser-nav button:hover, .release-browser-nav button:focus-visible { color: var(--green-glow); }
.release-position { padding-bottom: 12px; color: #9eb0a7; font-size: 9px; letter-spacing: .08em; }
.release-art { position: relative; display: block; aspect-ratio: 1; max-width: 700px; }
.release-art > img { position: absolute; z-index: 2; inset: 0; width: 84%; height: 84%; object-fit: cover; box-shadow: 0 40px 100px rgba(0,0,0,.45); transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.record-disc { position: absolute; z-index: 1; top: 4%; left: 10%; width: 86%; height: 86%; border-radius: 50%; background: repeating-radial-gradient(circle,#0b0b0b 0 3px,#252525 4px 5px); transition: transform 1s cubic-bezier(.2,.8,.2,1); }
.record-disc::after { content: ""; position: absolute; inset: 39%; border-radius: 50%; background: var(--green-glow); box-shadow: inset 0 0 0 6px #111; }
.release-art:hover > img { transform: translateX(-2%) rotate(-2deg); }
.release-art:hover .record-disc { transform: translateX(10%) rotate(32deg); }
.art-play { position: absolute; z-index: 4; right: 0; bottom: 7%; width: 78px; height: 78px; display: grid; place-items: center; border-radius: 50%; background: var(--green-glow); color: var(--ink); }
.release-detail { transition: opacity .32s ease, transform .32s ease; }
.release-browser.release-enter, .release-detail.release-enter { animation: release-enter .34s cubic-bezier(.2,.8,.2,1); }
@keyframes release-enter { from { opacity: .38; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } }
.release-detail h2 { margin: 25px 0 32px; max-width: 8.4em; font-size: clamp(56px,6.4vw,105px); line-height: .8; letter-spacing: -.085em; overflow-wrap: anywhere; }
.release-lead { font-size: clamp(24px,2.7vw,42px); line-height: 1.02; letter-spacing: -.045em; }
.release-story { max-width: 620px; color: #aebbb4; font-size: 16px; line-height: 1.45; }
.stream-actions { margin-top: 40px; display: flex; align-items: center; gap: 22px; font-size: 10px; text-transform: uppercase; }
.primary-action { min-width: 190px; display: flex; justify-content: space-between; padding: 17px 20px; background: var(--green-glow); color: var(--ink); font-weight: 700; }
.stream-actions > a:not(.primary-action) { border-bottom: 1px solid; padding: 10px 0; }
.stream-actions [hidden] { display: none; }
.discography { position: relative; border-top: 1px solid var(--line-light); }
.discography > a { min-height: 105px; padding: 0 var(--pad); display: grid; grid-template-columns: 60px 1fr 90px 72px; gap: 20px; align-items: center; border-bottom: 1px solid var(--line-light); transition: background .3s,color .3s,padding .35s; }
.discography > a:hover { background: var(--green-glow); color: var(--ink); padding-left: calc(var(--pad) + 12px); }
.discography span, .discography p { font-size: 10px; text-transform: uppercase; }
.discography h3 { margin: 0; font-size: clamp(34px,4vw,62px); letter-spacing: -.055em; }
.discography h3 em { font-family: Georgia,serif; font-weight: 400; font-size: .55em; }
.discography b { font-size: 8px; font-weight: 700; text-align: right; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px; }
.music-utility { margin: 90px var(--pad) 0; display: grid; grid-template-columns: repeat(3,1fr); }
.music-utility > div { min-height: 210px; border: 1px solid var(--line-light); margin-left: -1px; padding: 22px; display: flex; flex-direction: column; }
.music-utility span { color: var(--green-glow); font-size: 10px; text-transform: uppercase; }
.music-utility h3 { margin: auto 0 10px; font-size: 25px; letter-spacing: -.04em; }
.music-utility p, .music-utility a { font-size: 11px; color: #b0bab4; }

.merch-section { padding: 110px 0 130px; background: var(--paper); color: var(--ink); overflow: hidden; }
.merch-heading { padding: 90px var(--pad) 100px; display: grid; grid-template-columns: 1.35fr .65fr; gap: 8vw; align-items: end; }
.merch-heading > * { min-width: 0; }
.merch-heading h2 { margin: 20px 0 0; font-size: clamp(80px,12vw,190px); line-height: .76; letter-spacing: -.095em; }
.merch-heading > p { font-size: clamp(21px,2.4vw,36px); line-height: 1.05; letter-spacing: -.04em; max-width: 560px; }
.product-grid { padding: 0 var(--pad); display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.product-card { transition: transform .15s ease; }
.product-visual { position: relative; aspect-ratio: .82; overflow: hidden; display: grid; place-items: center; }
.product-visual.black { background: #090c0a; color: white; }
.product-visual.white { background: white; color: var(--ink); border: 1px solid #d2d7d2; }
.product-visual.green { background: var(--green-glow); color: var(--ink); }
.product-visual svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.product-visual svg path { fill: none; stroke: var(--green-glow); stroke-width: 24; stroke-linecap: round; }
.product-visual.white svg path { stroke: var(--deep-green); }
.product-visual.green svg path { stroke: #06150e; }
.product-visual > span { position: relative; z-index: 2; font-size: clamp(62px,8vw,125px); font-weight: 900; letter-spacing: -.1em; transform: rotate(-7deg); mix-blend-mode: difference; color: white; }
.product-visual > b { position: absolute; top: 18px; right: 18px; font-size: 10px; }
.product-info { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0; border-top: 1px solid var(--ink); }
.product-info h3 { margin: 0 0 4px; font-size: 20px; }
.product-info p, .product-info > span { margin: 0; font-size: 9px; text-transform: uppercase; color: var(--muted); }
.drop-form { margin: 100px var(--pad) 0; padding: 60px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 22px 80px; align-items: end; background: var(--deep-green); color: white; }
.drop-form > div:first-child { grid-row: span 2; }
.drop-form h3 { margin: 22px 0 0; font-size: clamp(48px,6vw,90px); line-height: .82; letter-spacing: -.075em; }
.drop-promise { max-width: 540px; margin: 0; color: #b8c7bf; font-size: clamp(18px,2vw,28px); line-height: 1.15; letter-spacing: -.03em; }
.drop-link { min-height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; background: var(--green-glow); color: var(--ink); text-transform: uppercase; font-size: 10px; font-weight: 800; }
.drop-link span { font-size: 15px; }

.contact-footer { position: relative; overflow: hidden; padding: 110px 0 26px; background: var(--ink); color: white; }
.footer-swirl { position: absolute; left: -3%; top: 0; width: 106%; height: 560px; opacity: .65; pointer-events: none; }
.footer-swirl path { fill: none; stroke: var(--deep-green); stroke-width: 68; vector-effect: non-scaling-stroke; stroke-linecap: round; }
.footer-swirl path:last-child { stroke: var(--green-glow); stroke-width: 20; }
.contact-lockup { position: relative; padding: 90px var(--pad) 120px; }
.contact-lockup > p { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.contact-lockup > a { display: inline-block; margin: 24px 0; font-size: clamp(66px,12vw,190px); font-weight: 900; line-height: .72; letter-spacing: -.095em; }
.contact-lockup > a em { color: var(--green-glow); }
.contact-lockup small { display: block; color: #789086; }
.footer-links { margin: 0 var(--pad) 90px; display: grid; grid-template-columns: 2fr 1fr 1fr; border-top: 1px solid var(--line-light); }
.footer-links > * { min-height: 120px; padding: 18px; border-right: 1px solid var(--line-light); }
.footer-links nav { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 12px 22px; }
.footer-links a, .footer-links span, .footer-links b { font-size: 10px; text-transform: uppercase; }
.footer-links > div { display: flex; flex-direction: column; justify-content: space-between; }
.footer-links span { color: #6c7f75; }
.footer-links b { font-weight: 400; }
.footer-end { margin: 0 var(--pad); padding-top: 22px; border-top: 1px solid var(--line-light); display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: end; }
.footer-end strong { font-size: clamp(72px,11vw,160px); line-height: .7; letter-spacing: -.09em; }
.footer-end p { text-align: center; font-size: 9px; color: #65766d; text-transform: uppercase; }
.footer-end a { text-align: right; font-size: 9px; text-transform: uppercase; }

@media (max-width: 980px) {
  .artist-statement, .merch-heading { grid-template-columns: 1fr; gap: 48px; }
  .artist-statement > p, .merch-heading > p { margin-left: auto; max-width: 600px; }
  .artist-story, .music-feature { grid-template-columns: 1fr; }
  .story-copy { margin-left: auto; }
  .career-strip { grid-template-columns: repeat(2,1fr); }
  .music-feature { padding-top: 80px; }
  .release-browser, .release-art { width: min(90vw,680px); }
  .product-grid { grid-template-columns: repeat(2,1fr); }
  .product-card:last-child { grid-column: 1 / -1; width: calc(50% - 7px); }
  .drop-form { grid-template-columns: 1fr; padding: 46px; }
  .drop-form > div:first-child { grid-row: auto; }
}

@media (max-width: 680px) {
  .focused-site .site-header { color: #fff; mix-blend-mode: normal; background: linear-gradient(180deg,rgba(0,0,0,.42),transparent); }
  .focused-site .site-header .wordmark { max-width: 180px; font-size: 11px; letter-spacing: -.035em; }
  .focused-site .site-header .wordmark, .focused-site .menu-toggle { color: #fff; text-shadow: 0 1px 10px rgba(0,0,0,.45); }
  .home-hero { height: 100svh; min-height: 700px; }
  .home-hero .liquid-canvas { inset: -5%; width: 110%; height: 110%; }
  .home-hero .liquid-fallback { object-position: 58% center; }
  .hero-shade { background: linear-gradient(0deg,rgba(0,0,0,.9),transparent 65%),linear-gradient(90deg,rgba(0,28,19,.45),transparent); }
  .hero-meta { display: none; }
  .hero-center-mark, .scroll-cue { display: none; }
  .hero-lockup { bottom: 22px; }
  .hero-lockup h1 { font-size: 30vw; }
  .hero-actions { position: static; margin-top: 26px; justify-content: space-between; }
  .hero-cta { min-width: 175px; }
  .identity-ticker { height: 48px; }
  .section-index { min-height: 50px; }
  .artist-section, .music-world, .merch-section, .contact-footer { padding-top: 72px; }
  .artist-statement { padding: 58px var(--pad) 72px; gap: 34px; }
  .artist-statement h2 { font-size: 18vw; }
  .artist-statement > p { font-size: 26px; }
  .artist-story { padding-bottom: 72px; gap: 34px; }
  .artist-photo img { aspect-ratio: .9; }
  .story-copy > p:not(.micro-label) { font-size: 17px; }
  .career-strip { grid-template-columns: 1fr; }
  .career-strip article { min-height: 170px; }
  .press-line { gap: 12px 18px; }
  .section-swirls { height: 430px; opacity: .34; }
  .music-feature { padding: 48px var(--pad) 72px; gap: 38px; }
  .release-browser-nav { margin-bottom: 14px; }
  .release-browser, .release-art { width: 100%; }
  .art-play { width: 58px; height: 58px; }
  .release-detail h2 { max-width: 100%; font-size: min(21vw,82px); }
  .release-lead { font-size: 27px; }
  .stream-actions { flex-wrap: wrap; gap: 12px 20px; }
  .primary-action { width: 100%; }
  .discography > a { grid-template-columns: 30px 1fr 42px 58px; min-height: 86px; gap: 8px; }
  .discography h3 { font-size: 28px; }
  .discography h3 em { display: block; margin-top: 3px; }
  .music-utility { grid-template-columns: 1fr; margin-top: 65px; }
  .music-utility > div { min-height: 165px; }
  .merch-heading { padding: 58px var(--pad) 70px; gap: 34px; }
  .merch-heading h2 { font-size: 19vw; }
  .merch-heading > p { font-size: 26px; }
  .product-grid { grid-template-columns: 1fr; }
  .product-card:last-child { grid-column: auto; width: auto; }
  .drop-form { margin-top: 70px; padding: 34px 22px; }
  .contact-lockup { padding: 70px var(--pad) 90px; }
  .contact-lockup > a { display: block; width: 100%; font-size: clamp(52px,14.5vw,68px); line-height: .78; letter-spacing: -.075em; }
  .footer-links { grid-template-columns: 1fr; }
  .footer-end { grid-template-columns: 1fr auto; }
  .footer-end p { display: none; }
}

@media (hover: none), (pointer: coarse) {
  a, button, [tabindex], a:focus, button:focus, [tabindex]:focus, a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: 0 !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent !important; }
  .release-browser:focus-visible { outline: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .identity-ticker-track { animation: none; }
}