@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --black:#070707;--black2:#101014;--paper:#eee7db;--cream:#f8f4ec;--muted:#9f9a91;
  --purple:#6d35ff;--violet:#9b62ff;--blue:#2d88ff;--orange:#ff5a28;--amber:#f2a63b;--lime:#d4eb3a;
  --line:rgba(248,244,236,.15);--darkline:rgba(12,12,12,.15);
  --display:'Barlow Condensed',Impact,sans-serif;--body:'Inter',system-ui,sans-serif;--mono:'DM Mono',monospace;
  --max:1500px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font-family:var(--body);line-height:1.5;overflow-x:hidden}
body.paper{background:var(--paper);color:#121212}
body.cursor-lite, body.cursor-lite *{cursor:url('assets/mg-cursor.svg') 4 4,auto}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button{color:inherit}
::selection{background:var(--lime);color:#111}
.top-stripe{height:5px;background:linear-gradient(90deg,var(--orange),var(--purple),var(--blue),var(--amber))}
.site-nav{position:sticky;top:0;z-index:50;height:80px;background:rgba(7,7,7,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:var(--max);margin:auto;height:100%;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:220px}
.brand-logo{height:38px;width:auto;max-width:220px;object-fit:contain;object-position:left center}
.brand-fallback{font:900 25px/.9 var(--display);letter-spacing:.02em}
.nav-links{display:flex;gap:26px;font:500 10px/.9 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.nav-links a{opacity:.8;position:relative;padding:10px 0}.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--lime)}
.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--lime)}
.nav-book{border:1px solid var(--cream);padding:11px 15px;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.nav-book:hover{background:var(--cream);color:#111}
.mobile-menu{display:none;background:none;border:0;width:42px;height:42px;font-size:20px}
.shell{max-width:var(--max);margin:auto}
.kicker{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--orange)}
.mono{font-family:var(--mono)}
.display{font-family:var(--display);text-transform:uppercase;font-weight:900;letter-spacing:-.035em}

/* shared music dock */
.music-dock{position:fixed;z-index:45;left:18px;right:18px;bottom:18px;background:#101012;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 55px rgba(0,0,0,.42);min-height:72px;display:grid;grid-template-columns:230px 1fr 220px;align-items:stretch}
.music-meta{padding:13px 16px;border-right:1px solid var(--line);min-width:0}.music-meta .mini{font:500 9px var(--mono);color:var(--lime);text-transform:uppercase;letter-spacing:.1em}.music-title{font:700 22px/.95 var(--display);text-transform:uppercase;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-artist{font:10px var(--mono);color:#aaa39a;margin-top:3px}
.music-main{display:flex;align-items:center;gap:18px;padding:12px 18px;min-width:0}.wave{display:flex;align-items:center;gap:3px;flex:1;min-width:120px;height:36px}.wave i{display:block;width:3px;background:linear-gradient(#ff5a28,#6d35ff);border-radius:4px;opacity:.85}.wave i:nth-child(1){height:14px}.wave i:nth-child(2){height:29px}.wave i:nth-child(3){height:21px}.wave i:nth-child(4){height:35px}.wave i:nth-child(5){height:19px}.wave i:nth-child(6){height:27px}.wave i:nth-child(7){height:15px}.wave i:nth-child(8){height:33px}.wave i:nth-child(9){height:24px}.wave i:nth-child(10){height:17px}.wave i:nth-child(11){height:31px}.wave i:nth-child(12){height:20px}.wave i:nth-child(13){height:36px}.wave i:nth-child(14){height:15px}.wave i:nth-child(15){height:28px}.wave i:nth-child(16){height:22px}.wave i:nth-child(17){height:34px}.wave i:nth-child(18){height:18px}
.music-controls{display:flex;align-items:center;gap:7px}.music-controls button{border:1px solid rgba(255,255,255,.18);background:transparent;width:31px;height:31px;display:grid;place-items:center;font-size:12px}.music-controls .play{width:40px;height:40px;border-radius:50%;background:var(--orange);border-color:var(--orange);color:#111;font-weight:800}
.spotify-launch{border-left:1px solid var(--line);padding:12px;display:flex;align-items:center}.spotify-launch a{width:100%;text-align:center;border:1px solid rgba(255,255,255,.25);padding:11px 8px;font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.07em}.spotify-launch strong{color:var(--lime)}
.embed-panel{position:fixed;z-index:44;right:28px;bottom:105px;width:min(390px,calc(100vw - 40px));background:#111;border:1px solid rgba(255,255,255,.18);padding:10px;display:none;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.embed-panel.open{display:block}.embed-panel iframe{width:100%;height:152px;border:0;display:block}.embed-note{font:500 9px var(--mono);color:#aaa;text-transform:uppercase;padding:8px 2px 2px}

/* common sections */
.page-hero{padding:85px 28px 70px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.page-hero .hero-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr .7fr;gap:48px;align-items:end}
.page-hero h1{font:900 clamp(86px,12vw,190px)/.76 var(--display);text-transform:uppercase;letter-spacing:-.05em;margin:16px 0 0;max-width:950px}
.page-hero h1 .stroke{color:transparent;-webkit-text-stroke:1.5px var(--cream)}
.hero-note{max-width:420px;color:#aaa39a;font-size:14px;line-height:1.65}.hero-note strong{color:var(--cream)}
.section{padding:90px 28px}.section.paper{background:var(--paper);color:#121212}.section-inner{max-width:var(--max);margin:auto}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:32px}.section-head h2{font:900 clamp(60px,8vw,125px)/.78 var(--display);margin:6px 0 0;text-transform:uppercase;letter-spacing:-.045em}.section-copy{max-width:430px;color:#908a81;font-size:13px;line-height:1.7}.paper .section-copy{color:#6c675f}

/* home */
.home-hero{min-height:890px;padding:70px 28px 40px;position:relative;overflow:hidden}.home-hero-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;min-height:770px}
.home-kicker{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);display:flex;align-items:center;gap:10px}.home-kicker:before{content:"";width:34px;height:1px;background:var(--lime)}
.home-title{font:900 clamp(95px,14.5vw,220px)/.73 var(--display);text-transform:uppercase;letter-spacing:-.055em;margin:22px 0}.home-title span{display:block}.home-title .outline{color:transparent;-webkit-text-stroke:2px var(--cream);margin-left:8vw}.home-title .orange{color:var(--orange);margin-left:3vw}.home-intro{max-width:545px;color:#b8b1a8;font-size:15px;line-height:1.7}.home-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 17px;border:1px solid var(--cream);font:500 10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.btn.fill{background:var(--cream);color:#111}.btn.orange{background:var(--orange);border-color:var(--orange);color:#111}.btn:hover{transform:translateY(-1px)}
.hero-orbit{position:relative;min-height:610px;display:grid;place-items:center}.hero-glow{position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.18),transparent 4%),radial-gradient(circle at 45% 38%,rgba(109,53,255,.82),transparent 27%),radial-gradient(circle at 67% 68%,rgba(45,136,255,.75),transparent 34%),radial-gradient(circle at 32% 66%,rgba(255,90,40,.72),transparent 33%);filter:blur(4px)}
.vinyl{position:absolute;width:450px;height:450px;border-radius:50%;background:repeating-radial-gradient(circle,#0e0e10 0 6px,#141419 7px 8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 80px rgba(0,0,0,.45);display:grid;place-items:center;transform:rotate(-10deg)}.vinyl:before{content:"";width:170px;height:170px;border-radius:50%;background:linear-gradient(145deg,#ff5a28,#6d35ff 65%,#2d88ff);border:5px solid #080808}.vinyl:after{content:"MG";position:absolute;font:900 46px var(--display);letter-spacing:-.05em;color:#f6f2ea}.sticker{position:absolute;right:2%;top:10%;background:var(--lime);color:#111;padding:14px 18px 11px;font:900 27px/.8 var(--display);text-transform:uppercase;transform:rotate(8deg);box-shadow:8px 10px 0 rgba(0,0,0,.35)}.orbit-note{position:absolute;left:2%;bottom:13%;font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#aaa39a;writing-mode:vertical-rl}
.ticker{overflow:hidden;background:var(--lime);color:#111;border-top:1px solid #111;border-bottom:1px solid #111}.ticker-track{white-space:nowrap;font:900 40px/.95 var(--display);text-transform:uppercase;padding:8px 0}.ticker-track span{padding:0 18px}.ticker-track .dot{font-size:20px}
.home-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.art-panel{min-height:520px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,#0a0a0b,#18111f 48%,#23130d)}.art-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(155,98,255,.65),transparent 22%),radial-gradient(circle at 32% 62%,rgba(255,90,40,.66),transparent 25%),linear-gradient(140deg,transparent 20%,rgba(255,255,255,.05) 21% 22%,transparent 23%)}.art-panel .cover-text{position:absolute;left:25px;bottom:25px;font:900 clamp(70px,10vw,150px)/.75 var(--display);text-transform:uppercase}.art-panel .cover-meta{position:absolute;top:20px;right:20px;font:500 9px var(--mono);text-transform:uppercase;writing-mode:vertical-rl}.split-stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}.split-card{padding:26px;border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden;background:#131316}.split-card.orange{background:linear-gradient(145deg,#ff5a28,#a93631)}.split-card.purple{background:linear-gradient(145deg,#1e0e3e,#6d35ff)}.split-card h3{font:900 58px/.8 var(--display);text-transform:uppercase;margin:18px 0 0;letter-spacing:-.035em}.split-card p{max-width:290px;font-size:12px;color:rgba(255,255,255,.72);line-height:1.5}.split-card .mini-link{position:absolute;right:20px;bottom:20px;font:500 9px var(--mono);text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}

/* music */
.music-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.music-card{min-height:310px;padding:22px;position:relative;overflow:hidden;border:1px solid var(--darkline);background:#fff}.music-card:nth-child(2){background:#dddffb}.music-card:nth-child(3){background:#ffd1b9}.music-card .index{font:500 9px var(--mono)}.music-card h3{position:absolute;left:20px;bottom:55px;font:900 58px/.8 var(--display);text-transform:uppercase;margin:0;max-width:85%}.music-card .meta{position:absolute;left:20px;bottom:20px;font:500 9px var(--mono);text-transform:uppercase}.music-card .shape{position:absolute;right:-20px;top:45px;width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,#ff5a28,#6d35ff);opacity:.95}.music-card .shape.blue{background:linear-gradient(145deg,#2d88ff,#d4eb3a)}.music-card .shape.black{background:linear-gradient(145deg,#111,#6d35ff)}
.platforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.platform{border:1px solid rgba(0,0,0,.2);padding:12px 16px;font:500 10px var(--mono);text-transform:uppercase}.platform:hover{background:#111;color:#fff}
.player-large{border:1px solid rgba(0,0,0,.18);padding:24px;background:#f7f3eb;margin-top:30px}.player-large iframe{width:100%;height:352px;border:0;background:#111}.embed-placeholder{min-height:300px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#0c0b10,#24144c 50%,#bf4729);color:#fff;padding:30px}.embed-placeholder strong{font:900 60px/.8 var(--display);text-transform:uppercase;display:block}.embed-placeholder p{max-width:440px;color:#d6d0c7;font-size:13px}.embed-placeholder code{font:500 11px var(--mono);color:var(--lime)}

/* live */
.event-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.event-list{display:grid;gap:7px}.event-row{display:grid;grid-template-columns:88px 1fr auto;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.event-row .date{font:900 36px/.8 var(--display)}.event-row .month{font:500 9px var(--mono);color:var(--muted);text-transform:uppercase}.event-row strong{font:800 25px/.9 var(--display);text-transform:uppercase;display:block}.event-row span{font-size:10px;color:var(--muted)}.event-row a{font:500 9px var(--mono);border:1px solid rgba(255,255,255,.2);padding:8px 10px;text-transform:uppercase}.live-note{padding:18px 0;font-size:11px;color:#8e8880;border-top:1px solid var(--line);margin-top:20px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery-card{min-height:230px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13)}.gallery-card:nth-child(1){background:linear-gradient(145deg,#16101d,#6d35ff 46%,#ff5a28)}.gallery-card:nth-child(2){background:linear-gradient(145deg,#08212a,#2d88ff 52%,#d4eb3a)}.gallery-card:nth-child(3){background:linear-gradient(145deg,#211007,#f2a63b 45%,#ff5a28)}.gallery-card:nth-child(4){background:linear-gradient(145deg,#0c0914,#8e50ff 50%,#2f1f70)}.gallery-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.2),transparent 4%),linear-gradient(140deg,transparent 28%,rgba(0,0,0,.7));}.gallery-card span{position:absolute;left:14px;bottom:12px;font:900 32px/.83 var(--display);text-transform:uppercase;z-index:2}.gallery-card small{position:absolute;right:14px;top:12px;font:500 8px var(--mono);text-transform:uppercase;z-index:2}
.timeline{display:grid;grid-template-columns:100px 1fr;gap:20px;border-left:1px solid rgba(0,0,0,.2);margin-left:26px;padding-left:26px}.milestone{padding:0 0 34px;position:relative}.milestone:before{content:"";position:absolute;left:-33px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--orange);border:3px solid var(--paper)}.milestone .year{font:900 31px/.85 var(--display)}.milestone h3{font:900 43px/.8 var(--display);text-transform:uppercase;margin:0 0 8px}.milestone p{max-width:620px;color:#66615a;font-size:13px}

/* story */
.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.story-lead{font:900 clamp(65px,8vw,120px)/.8 var(--display);text-transform:uppercase;letter-spacing:-.045em}.story-copy{font-size:16px;line-height:1.85;color:#afaaa2;max-width:680px}.story-copy p{margin-top:0}.quote{font:900 clamp(55px,7vw,100px)/.8 var(--display);text-transform:uppercase;max-width:1000px;padding:80px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* contact */
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.contact-card{border:1px solid var(--line);padding:28px}.contact-card.dark{background:#101012}.contact-card.paper{background:var(--paper);color:#111;border-color:rgba(0,0,0,.16)}.contact-card h3{font:900 72px/.78 var(--display);text-transform:uppercase;margin:14px 0 18px}.contact-card p{color:#928c83;font-size:13px;max-width:560px}.contact-email{font:500 clamp(18px,2.3vw,29px) var(--mono);border-bottom:1px solid currentColor;display:inline-block;padding-bottom:7px;margin:22px 0}.contact-list{display:grid;gap:14px;margin-top:25px}.contact-item{display:flex;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:12px}.contact-item span:first-child{font:500 9px var(--mono);text-transform:uppercase;color:#8f8981}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font:500 9px var(--mono);text-transform:uppercase;color:#66615b}.field input,.field textarea{background:transparent;border:1px solid rgba(0,0,0,.22);padding:13px 12px;color:#111;outline:none}.field textarea{min-height:150px;resize:vertical}.submit{margin-top:14px;border:1px solid #111;background:#111;color:#fff;padding:13px 17px;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.07em}

/* footer */
.site-footer{border-top:1px solid var(--line);padding:25px 28px 100px;background:#050505}.footer-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.footer-brand{font:900 clamp(45px,7vw,90px)/.75 var(--display);text-transform:uppercase}.footer-meta{display:flex;flex-wrap:wrap;gap:22px;font:500 9px var(--mono);color:#8d8881;text-transform:uppercase}.footer-meta a:hover{color:var(--lime)}

@media(max-width:1050px){.nav-links{display:none}.mobile-menu{display:block}.nav-book{display:none}.home-hero-inner,.page-hero .hero-grid,.home-feature,.event-layout,.story-grid,.contact-grid{grid-template-columns:1fr}.hero-orbit{min-height:500px}.music-dock{grid-template-columns:190px 1fr}.spotify-launch{display:none}.music-main{padding-right:15px}.music-title{font-size:19px}.timeline{margin-left:0}}
@media(max-width:720px){.nav-inner{padding:0 17px}.brand{min-width:0}.brand-logo{height:31px;max-width:175px}.top-stripe{height:4px}.site-nav{height:70px}.home-hero{padding:40px 18px 30px}.page-hero{padding:60px 18px 55px}.section{padding:70px 18px}.home-title{font-size:24vw}.home-title .outline{margin-left:6vw}.home-title .orange{margin-left:2vw}.hero-orbit{min-height:410px}.vinyl{width:320px;height:320px}.vinyl:before{width:120px;height:120px}.vinyl:after{font-size:34px}.sticker{font-size:21px}.home-feature{gap:12px}.split-stack{gap:12px}.music-cards{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.player-large iframe{height:260px}.music-dock{left:8px;right:8px;bottom:8px;grid-template-columns:1fr;min-height:0}.music-meta{border-right:0;border-bottom:1px solid var(--line);padding:10px 12px}.music-main{padding:10px 12px}.wave{display:none}.music-controls{margin-left:auto}.music-controls button:nth-child(1),.music-controls button:nth-child(4){display:none}.footer-inner{display:block}.footer-meta{margin-top:20px;gap:15px}.contact-card h3{font-size:60px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.timeline{grid-template-columns:1fr}.timeline .year{margin-bottom:7px}}
