:root{
  --black:#050505;--black2:#0b0b0b;--gold:#d9b45b;--gold2:#a98a3e;--ivory:#f4f1e8;
  --muted:#a6a39a;--line:rgba(217,180,91,.22);--max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;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='.55'/%3E%3C/svg%3E");z-index:20}
.noise{position:fixed;inset:0;pointer-events:none;z-index:19;background:radial-gradient(circle at 70% 20%,rgba(217,180,91,.06),transparent 30%),radial-gradient(circle at 20% 80%,rgba(255,255,255,.025),transparent 25%)}
.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(217,180,91,.08),transparent 68%);transform:translate(-50%,-50%);transition:opacity .3s}
.site-header{position:fixed;z-index:30;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(5,5,5,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05)}
.brand{display:flex;align-items:center;gap:12px;color:var(--ivory);text-decoration:none;font-weight:800;letter-spacing:.03em}.brand-mark{width:34px;height:34px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-family:Montserrat;font-size:15px}.brand-mark span{font-size:10px;margin-left:-2px}.brand-text{font-family:Montserrat;font-size:18px}.nav{display:flex;gap:34px}.nav a,.nav-cta{color:var(--muted);text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.18em}.nav a:hover{color:var(--gold)}.nav-cta{border:1px solid var(--gold2);padding:11px 16px;color:var(--gold)}.nav-cta span{margin-left:8px}
.hero{min-height:100vh;position:relative;padding:130px 4vw 70px;display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 48%,rgba(217,180,91,.10),transparent 34%),linear-gradient(135deg,#050505,#090909 55%,#050505)}
.hero-grid{max-width:var(--max);width:100%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.eyebrow{font-size:11px;letter-spacing:.28em;color:var(--gold);font-weight:700;margin:0 0 22px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px var(--gold);margin-right:10px}
h1,h2,h3{font-family:Montserrat,Inter,sans-serif;margin:0;line-height:.92;letter-spacing:-.055em}h1{font-size:clamp(52px,7.2vw,108px);font-weight:800}h1 em,h2 span{color:var(--gold);font-style:normal}.hero-lede{max-width:560px;color:#b7b4ac;font-size:16px;line-height:1.8;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:12px;padding:15px 20px;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800}.button-gold{background:var(--gold);color:#050505}.button-ghost{border:1px solid rgba(255,255,255,.18);color:var(--ivory)}.button-ghost:hover{border-color:var(--gold);color:var(--gold)}
.hero-visual{position:relative;min-height:620px;display:grid;place-items:center}.portrait-wrap{position:relative;width:min(520px,88vw);aspect-ratio:1;overflow:hidden;border-radius:50%;border:1px solid rgba(217,180,91,.45);box-shadow:0 0 90px rgba(217,180,91,.08)}.portrait-wrap:after{content:"";position:absolute;inset:4%;border:1px solid rgba(217,180,91,.25);border-radius:50%}.portrait-wrap img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.08)}.portrait-scan{position:absolute;left:0;right:0;top:-10%;height:2px;background:var(--gold);box-shadow:0 0 25px var(--gold);opacity:.6;animation:scan 5s linear infinite}.orbit{position:absolute;border:1px solid rgba(217,180,91,.16);border-radius:50%;animation:spin 20s linear infinite}.orbit-one{width:72%;height:72%;border-left-color:transparent}.orbit-two{width:94%;height:94%;border-right-color:transparent;animation-duration:28s;animation-direction:reverse}.hero-tag{position:absolute;bottom:20px;right:0;color:var(--gold);font-size:9px;letter-spacing:.22em;writing-mode:vertical-rl}.scroll-line{position:absolute;bottom:26px;left:4vw;display:flex;align-items:center;gap:15px;color:#6f6c65;font-size:9px;letter-spacing:.25em}.scroll-line i{width:55px;height:1px;background:var(--gold)}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080808}.marquee-track{display:flex;align-items:center;gap:30px;width:max-content;padding:18px 0;animation:marquee 26s linear infinite;color:var(--gold);font-family:Montserrat;font-weight:700;font-size:12px;letter-spacing:.22em}.marquee-track b{font-size:9px;color:var(--ivory)}
.section{max-width:var(--max);margin:auto;padding:130px 4vw}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:60px}.section-head h2{font-size:clamp(46px,6vw,82px)}.section-note{max-width:310px;color:#77746d;line-height:1.7;font-size:13px}
.release{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:7vw;align-items:center}.art-frame{position:relative;max-width:620px}.art-frame:before{content:"";position:absolute;inset:-14px;border:1px solid rgba(217,180,91,.18);transform:rotate(-1.2deg)}.art-frame:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.12);pointer-events:none}.art-frame img{display:block;width:100%;height:auto;position:relative;z-index:1}.art-corner{position:absolute;z-index:2;bottom:16px;left:16px;background:#050505cc;border:1px solid var(--gold);padding:9px 12px;font:800 12px/1 Montserrat;color:var(--gold);letter-spacing:.08em}.art-corner small{font:500 8px Inter;color:var(--ivory);letter-spacing:.2em}
.release-kicker{color:var(--gold);font-size:10px;letter-spacing:.24em;font-weight:800}.release-info h3{font-size:clamp(40px,4.5vw,68px);margin:12px 0 20px}.release-desc{color:#aaa79f;line-height:1.8;font-size:14px;max-width:550px}
.player{margin-top:32px;padding:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#101010,#080808);box-shadow:0 25px 70px rgba(0,0,0,.35)}.player-top{display:flex;align-items:center;gap:15px}.play{width:48px;height:48px;border:0;background:var(--gold);color:#050505;font-size:15px;cursor:pointer;border-radius:50%}.track-meta{display:flex;flex-direction:column;gap:5px;flex:1}.track-meta strong{font-size:13px}.track-meta span,.time{font-size:10px;color:#777;letter-spacing:.08em}.progress-wrap{height:8px;margin:20px 0 12px;background:#242424;cursor:pointer;position:relative}.progress{height:100%;width:0;background:linear-gradient(90deg,var(--gold2),var(--gold));box-shadow:0 0 15px rgba(217,180,91,.25)}.wave-mini{height:38px;display:flex;align-items:center;justify-content:center;gap:3px;opacity:.55}.wave-mini i{width:2px;background:var(--gold);border-radius:2px;animation:wave 1.1s ease-in-out infinite}.stream-links{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap}.stream-links a{color:#777;text-decoration:none;text-transform:uppercase;font-size:9px;letter-spacing:.18em}.stream-links a:hover{color:var(--gold)}
.visual-break{min-height:75vh;position:relative;overflow:hidden;display:grid;place-items:center;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.visual-break-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,5,5,.9),rgba(5,5,5,.25),rgba(5,5,5,.9)),url("/assets/img/i-miss-when-we-were-bored.webp");background-size:cover;background-position:center;filter:grayscale(.35) contrast(1.15);transform:scale(1.04);animation:slowZoom 18s ease-in-out infinite alternate}.visual-copy{position:relative;text-align:center;z-index:2;text-shadow:0 5px 35px #000}.visual-copy span{display:block;color:var(--gold);font-size:10px;letter-spacing:.35em;font-weight:800}.visual-copy strong{display:block;font:800 clamp(68px,12vw,170px)/.78 Montserrat;letter-spacing:-.08em;margin:22px 0}
.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw}.big-copy{font:700 clamp(26px,3vw,44px)/1.2 Montserrat;color:var(--ivory);max-width:760px}.about-copy>p:not(.big-copy){max-width:680px;color:#9d9a92;line-height:1.9;font-size:15px}.signature{font:800 42px/1 Montserrat;color:var(--gold);margin-top:36px;font-style:italic}.signature span{font:500 9px Inter;letter-spacing:.22em;margin-left:10px;font-style:normal;color:#777}.manifesto{border-left:1px solid var(--line)}.manifesto div{display:flex;justify-content:space-between;padding:22px 0 22px 25px;border-bottom:1px solid rgba(255,255,255,.08)}.manifesto b{color:var(--gold);font-size:10px}.manifesto span{font:700 12px Montserrat;letter-spacing:.15em}
.statement{padding:160px 4vw;background:radial-gradient(circle at center,rgba(217,180,91,.08),transparent 45%);text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement-small{font-size:9px;color:var(--gold);letter-spacing:.3em}.statement h2{font-size:clamp(50px,8vw,120px);margin:35px 0}.statement h2 em{color:var(--gold);font-style:italic}.statement-wave{width:min(500px,80vw);height:35px;margin:auto;background:repeating-linear-gradient(90deg,transparent 0 6px,var(--gold) 7px 8px,transparent 9px 13px);mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);animation:pulse 2s ease-in-out infinite}
.social-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.1)}.social-grid a{padding:30px;border-bottom:1px solid rgba(255,255,255,.1);text-decoration:none;color:var(--ivory);display:grid;grid-template-columns:1fr auto;gap:9px;transition:.25s}.social-grid a:nth-child(odd){border-right:1px solid rgba(255,255,255,.1)}.social-grid a:hover{background:#0c0c0c;color:var(--gold)}.social-grid small{grid-column:1;font-size:9px;letter-spacing:.25em;color:var(--gold)}.social-grid strong{font:700 22px Montserrat}.social-grid span{grid-row:1/3;grid-column:2;align-self:center;font-size:20px}
.contact-card{margin-top:70px;border:1px solid var(--line);padding:30px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(100deg,#0b0b0b,#090909)}.contact-card small{display:block;color:#777;font-size:8px;letter-spacing:.22em;margin-bottom:12px}.contact-card a{font:700 clamp(20px,3vw,34px) Montserrat;color:var(--ivory);text-decoration:none}.contact-card a:hover{color:var(--gold)}.contact-mark{font:800 48px Montserrat;color:var(--gold)}
.footer{padding:35px 4vw;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:end;color:#6d6a64}.footer-brand span{display:block;font:800 22px Montserrat;color:var(--ivory)}.footer-brand small{font-size:8px;letter-spacing:.2em;color:var(--gold)}.footer-links{display:flex;gap:22px}.footer-links a{color:#777;text-decoration:none;font-size:10px}.footer-links a:hover{color:var(--gold)}.copyright{font-size:9px;letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes scan{0%{transform:translateY(0)}100%{transform:translateY(550px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slowZoom{to{transform:scale(1.12)}}@keyframes wave{0%,100%{height:8px}50%{height:32px}}@keyframes pulse{0%,100%{opacity:.45;transform:scaleX(.9)}50%{opacity:1;transform:scaleX(1)}}
@media(max-width:900px){.nav{display:none}.hero{padding-top:110px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-lede{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{min-height:520px}.hero-tag{right:5px}.section-head{align-items:flex-start;flex-direction:column}.release{grid-template-columns:1fr}.release-art{max-width:700px;margin:auto}.about-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.footer-links{order:3}.copyright{order:4}.contact-card{align-items:flex-start}.contact-mark{display:none}}
@media(max-width:560px){.site-header{height:68px}.brand-text{font-size:15px}.nav-cta{padding:9px 12px}.hero{padding-left:5vw;padding-right:5vw}.hero-visual{min-height:410px}.portrait-wrap{width:88vw}.section{padding:90px 5vw}.social-grid{grid-template-columns:1fr}.social-grid a:nth-child(odd){border-right:0}.statement{padding:110px 5vw}.footer{padding-left:5vw;padding-right:5vw}.stream-links{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.orbit,.portrait-scan,.visual-break-bg,.statement-wave,.wave-mini i{animation:none}.reveal{opacity:1;transform:none}}