@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Cormorant+Garamond:wght@500;600;700&display=swap');
:root{--bg:#030303;--panel:rgba(255,255,255,.04);--line:rgba(255,255,255,.1);--text:rgba(255,255,255,.88);--muted:rgba(255,255,255,.6);--soft:rgba(255,255,255,.35);--red:#ef4444;--red2:#dc2626;--orange:#fb923c;--max:1200px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%),radial-gradient(circle at top,rgba(255,255,255,.03),transparent 30%)}
.ambient{position:fixed;border-radius:999px;filter:blur(85px);opacity:.55;pointer-events:none}.ambient.a1{top:8rem;left:-3rem;width:18rem;height:18rem;background:rgba(239,68,68,.16)}.ambient.a2{right:-5rem;top:18rem;width:24rem;height:24rem;background:rgba(244,63,94,.13)}.ambient.a3{bottom:4rem;left:35%;width:18rem;height:18rem;background:rgba(251,146,60,.08)}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);background-size:100% 3px,3px 100%;mix-blend-mode:soft-light}
.container{width:min(calc(100% - 32px),var(--max));margin:0 auto}.section{padding:88px 0;border-bottom:1px solid var(--line)}
header{position:sticky;top:0;z-index:40;background:rgba(5,5,5,.86);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand img{height:42px;width:42px;border-radius:16px;border:1px solid var(--line);padding:6px;background:rgba(255,255,255,.05);box-shadow:0 0 40px rgba(239,68,68,.18)}.eyebrow{font-size:.72rem;letter-spacing:.35em;text-transform:uppercase;color:var(--soft)}.brand-title{font-family:'Cormorant Garamond',serif;font-size:2rem;line-height:1;color:#fff}
nav.links{display:flex;align-items:center;gap:24px}.nav-link,.footer-link{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.56)}.nav-link:hover,.footer-link:hover{color:#fff}.button,.button-alt{display:inline-flex;align-items:center;gap:12px;padding:15px 22px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;transition:.22s ease all}.button{background:linear-gradient(135deg,rgba(248,113,113,.98),rgba(220,38,38,.96));border:1px solid rgba(248,113,113,.28);box-shadow:0 18px 60px rgba(220,38,38,.36);color:#fff}.button:hover,.button-alt:hover,.card-link:hover,.contact-row:hover{transform:translateY(-2px)}.button-alt{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.hero{padding:42px 0 92px;display:grid;grid-template-columns:1.06fr .94fr;gap:32px}.glass{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.03));backdrop-filter:blur(18px);box-shadow:0 24px 80px rgba(0,0,0,.24);border-radius:32px}.badge{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;border:1px solid rgba(239,68,68,.2);background:rgba(239,68,68,.1);font-size:.68rem;letter-spacing:.35em;text-transform:uppercase;color:rgba(254,202,202,.9)}.dot{height:8px;width:8px;border-radius:50%;background:#f87171;box-shadow:0 0 20px rgba(248,113,113,.8)}.hero h1,.title{font-family:'Cormorant Garamond',serif;color:#fff}.hero h1{font-size:clamp(4rem,8vw,6.8rem);line-height:.9;margin:18px 0 12px}.gradient{background:linear-gradient(90deg,#fda4af,#ef4444,#fdba74);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:42rem;font-size:1.16rem;line-height:1.9;color:var(--muted)}.stack{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.stat{padding:20px 18px}.stat small{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.35em;color:var(--soft)}.stat strong{display:block;margin-top:12px;font-size:1.08rem;color:#fff;font-weight:500}
.video-wrap{padding:18px;position:relative;overflow:hidden}.video-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(239,68,68,.22),transparent 42%)}.video{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:32px;border:1px solid var(--line);background:#000;box-shadow:0 24px 80px rgba(0,0,0,.45)}iframe{width:100%;height:100%;border:0}.now{position:relative;margin-top:18px;padding:18px 20px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.03);display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.now .label{font-size:.68rem;text-transform:uppercase;letter-spacing:.3em;color:rgba(254,202,202,.8)}.now .track{font-family:'Cormorant Garamond',serif;font-size:2rem;color:#fff}.feed{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.feed-item{padding:18px 20px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);line-height:1.8}
.marquee{overflow:hidden;padding:18px 0;background:rgba(255,255,255,.03);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.marquee-track{display:flex;white-space:nowrap;width:max-content;animation:marquee 30s linear infinite}.marquee span{margin:0 24px;font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-style:italic;color:rgba(255,255,255,.72)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.section-head p{max-width:40rem;color:var(--muted);line-height:1.9}.kicker{font-size:.78rem;letter-spacing:.35em;text-transform:uppercase;color:rgba(254,202,202,.7);margin-bottom:8px}.title{font-size:clamp(3rem,5vw,5rem);line-height:.95;margin:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.track-card{position:relative;overflow:hidden;border-radius:32px;border:1px solid var(--line);padding:28px;background:#000}.track-card:before{content:"";position:absolute;inset:0;opacity:.82}.track-card.t1:before{background:linear-gradient(135deg,rgba(244,63,94,.22),rgba(127,29,29,.04))}.track-card.t2:before{background:linear-gradient(135deg,rgba(249,115,22,.18),transparent)}.track-card.t3:before{background:linear-gradient(135deg,rgba(217,70,239,.16),transparent)}.track-card.t4:before{background:linear-gradient(135deg,rgba(239,68,68,.2),transparent)}.track-inner{position:relative;display:flex;flex-direction:column;gap:30px;height:100%}.track-top{display:flex;justify-content:space-between;gap:12px}.track-num{font-size:.68rem;text-transform:uppercase;letter-spacing:.35em;color:var(--soft)}.track-card h3{font-family:'Cormorant Garamond',serif;font-size:2.35rem;margin:12px 0 0;color:#fff}.duration{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted)}.mood{font-size:.78rem;text-transform:uppercase;letter-spacing:.35em;color:rgba(254,202,202,.82)}.desc{line-height:1.9;color:var(--muted)}.card-link{display:inline-flex;align-items:center;gap:12px;font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:#fff}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.icon-card,.quote-card,.platforms,.contact-box{padding:28px}.icon-badge{height:48px;width:48px;border-radius:18px;border:1px solid rgba(239,68,68,.15);background:rgba(239,68,68,.1);display:grid;place-items:center;color:rgba(254,202,202,.9);font-size:1.1rem}.icon-card h3,.quote-card h3,.platforms h3,.contact-box h3{font-family:'Cormorant Garamond',serif;font-size:2.3rem;color:#fff;margin:18px 0 0}.icon-card p,.quote-card p,.contact-box p{line-height:1.9;color:var(--muted)}.quote-big{font-family:'Cormorant Garamond',serif;font-size:2rem;line-height:1.15;color:#fff;margin-top:14px}.mini{margin-top:18px;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--soft)}
.mix-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.platform-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.platform{padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.platform small{display:block;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--soft)}.platform strong{display:block;margin-top:10px;font-family:'Cormorant Garamond',serif;font-size:1.9rem;color:#fff}.contact-list{display:grid;gap:12px;margin-top:26px}.contact-row{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:rgba(255,255,255,.85)}
footer{padding:36px 0}.foot{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid var(--line);padding-top:24px;flex-wrap:wrap}.foot .logo{font-family:'Cormorant Garamond',serif;font-size:2rem;color:#fff}.tiny{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--soft)}.muted{color:var(--soft)}
.fab{position:fixed;right:18px;bottom:18px;z-index:39;background:rgba(239,68,68,.96);border:1px solid rgba(248,113,113,.3);box-shadow:0 20px 60px rgba(220,38,38,.4)}
.menu-btn{display:none;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff;border-radius:999px;padding:12px 16px}.mobile-menu{display:none;gap:12px;padding:0 0 18px}.mobile-menu a{padding:15px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:.8rem;text-transform:uppercase;letter-spacing:.28em;color:var(--muted)}
@media (max-width:980px){nav.links{display:none}.menu-btn{display:block}.hero,.grid-2,.grid-3,.mix-grid{grid-template-columns:1fr}.stats,.feed,.platform-list{grid-template-columns:1fr 1fr}.hero h1{font-size:4.25rem}.section{padding:72px 0}}
@media (max-width:680px){.container{width:min(calc(100% - 24px),var(--max))}.hero{padding-bottom:72px}.stats,.feed,.platform-list{grid-template-columns:1fr}.section-head,.foot{display:block}.title{font-size:3rem}.hero h1{font-size:3.3rem}.mobile-menu.show{display:grid}.button,.button-alt{justify-content:center;width:100%}.stack{display:grid;grid-template-columns:1fr}.fab{display:inline-flex}.ambient{filter:blur(70px);opacity:.45}}
@media (min-width:681px){.fab{display:none}}
