*{box-sizing:border-box}
:root{
  --bg:#0b090a;--paper:#f2ede7;--ink:#171214;--muted:#b8aca4;
  --accent:#ff5b32;--accent2:#ffb18f;--line:rgba(242,237,231,.14);
  --display:"Space Grotesk",sans-serif;--body:"DM Sans",sans-serif;
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--body);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 80% 15%,rgba(255,91,50,.12),transparent 30%),radial-gradient(circle at 10% 75%,rgba(255,177,143,.08),transparent 25%);pointer-events:none;z-index:-2}
.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;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='.7'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.nav{height:76px;position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid transparent;transition:.3s;background:linear-gradient(to bottom,rgba(11,9,10,.85),transparent)}
.nav.scrolled{background:rgba(11,9,10,.88);backdrop-filter:blur(14px);border-color:var(--line)}
.brand{display:flex;gap:10px;align-items:center;font-family:var(--display);font-weight:700;letter-spacing:.15em}
.brand-mark{width:34px;height:34px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:13px}
.nav nav{display:flex;align-items:center;gap:28px;font-size:13px}
.nav nav a{opacity:.78;transition:.2s}.nav nav a:hover{opacity:1;color:var(--accent2)}
.nav-cta{padding:10px 15px;border:1px solid rgba(255,91,50,.6);border-radius:999px;color:#fff!important;opacity:1!important}
.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;padding:0 7vw 9vh;overflow:hidden}
.hero-media,.hero-gradient{position:absolute;inset:0}
.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.9) contrast(1.05)}
.hero-gradient{background:linear-gradient(90deg,rgba(8,6,7,.94) 0%,rgba(8,6,7,.62) 38%,rgba(8,6,7,.12) 75%),linear-gradient(0deg,rgba(8,6,7,.92),transparent 55%)}
.hero-content{position:relative;max-width:820px;z-index:1}
.eyebrow,.section-tag{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--accent);text-transform:uppercase}
.hero h1{font-family:var(--display);font-size:clamp(100px,18vw,260px);line-height:.72;margin:20px 0 25px;letter-spacing:-.09em}
.hero-kicker{font-family:var(--display);font-size:clamp(25px,3.3vw,48px);line-height:1.02;margin:0 0 18px;letter-spacing:-.035em}
.hero-copy{max-width:610px;color:#ded5cf;font-size:17px;line-height:1.6}
.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border-radius:999px;font-weight:700;font-size:13px;transition:.25s}
.button-primary{background:var(--accent);color:#130b09}.button-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.button-ghost{border:1px solid rgba(242,237,231,.25)}.button-ghost:hover{border-color:var(--accent2);color:var(--accent2)}
.hero-scroll{position:absolute;right:5vw;bottom:7vh;font-size:10px;letter-spacing:.18em;writing-mode:vertical-rl;opacity:.6}
.section{padding:120px 7vw;position:relative}
.section-tag{margin-bottom:50px}
.about{background:var(--paper);color:var(--ink)}
.about .section-tag,.about .quote-mark{color:var(--accent)}
.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}
h2{font-family:var(--display);font-size:clamp(48px,6.4vw,96px);line-height:.92;letter-spacing:-.06em;margin:0}
h2 em{font-style:normal;color:var(--accent)}
.about-text{font-size:17px;line-height:1.7;max-width:620px}
.lead{font-size:24px;line-height:1.35;font-family:var(--display);letter-spacing:-.02em}
.quote{margin-top:100px;border-top:1px solid rgba(23,18,20,.18);padding-top:35px;display:flex;gap:20px;align-items:flex-start}
.quote-mark{font-size:80px;line-height:.7;font-family:Georgia,serif}
.quote p{font-family:var(--display);font-size:clamp(28px,3.2vw,52px);line-height:1;letter-spacing:-.04em;max-width:950px;margin:0}
.live{background:#131011}
.live-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}
.live-head p{max-width:320px;color:var(--muted);line-height:1.6}
.video-wrap{border:1px solid var(--line);background:#050405;position:relative}
.video-wrap video{display:block;width:100%;max-height:78vh;object-fit:contain;background:#050405}
.video-caption{display:flex;justify-content:space-between;padding:13px 16px;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.video-caption span:first-child{color:var(--accent)}
.gallery-section{background:#f0ebe6;color:var(--ink)}
.gallery-section .section-tag{color:var(--accent)}
.gallery-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px;gap:40px}
.gallery-head p{max-width:340px;line-height:1.6;color:#6d625d}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:90px;gap:14px}
.g{margin:0;overflow:hidden;cursor:zoom-in;background:#ddd}
.g img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.g:hover img{transform:scale(1.04)}
.g1{grid-column:span 7;grid-row:span 7}.g2{grid-column:span 5;grid-row:span 5}
.g3{grid-column:span 5;grid-row:span 6}.g4{grid-column:span 7;grid-row:span 6}
.g5{grid-column:span 4;grid-row:span 6}.g6{grid-column:span 8;grid-row:span 6}
.g7{grid-column:span 5;grid-row:span 7}.g8{grid-column:span 7;grid-row:span 5}
.g9{grid-column:span 4;grid-row:span 5}.g10{grid-column:span 4;grid-row:span 5}.g11{grid-column:span 4;grid-row:span 5}.g12{grid-column:span 4;grid-row:span 5}
.press{background:#151112}
.press-grid{display:grid;grid-template-columns:1fr .8fr;gap:9vw;align-items:center}
.press .lead{color:#ddd0ca}.press p:not(.lead){color:var(--muted);line-height:1.7;max-width:600px}
.press-card{margin:0;border:1px solid var(--line);padding:12px;background:#0c0a0b}
.press-card img{width:100%;display:block}.press-card figcaption{font-size:11px;color:var(--muted);padding:12px 4px 3px}
.milestones{background:var(--paper);color:var(--ink)}
.milestones-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.timeline{border-top:1px solid rgba(23,18,20,.2)}
.timeline div{display:grid;grid-template-columns:100px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid rgba(23,18,20,.2);line-height:1.55}
.timeline b{color:var(--accent);font-family:var(--display)}
.contact{min-height:70vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,rgba(255,91,50,.18),transparent 40%),#0b090a}
.contact-inner{max-width:900px}.contact h2{margin-top:20px}.contact p:not(.eyebrow){max-width:560px;margin:30px auto 0;color:var(--muted);line-height:1.7}.contact-actions{justify-content:center}
footer{border-top:1px solid var(--line);padding:25px 5vw;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.12em}
footer a{color:var(--accent)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:50;display:none;place-items:center;padding:5vw}
.lightbox.open{display:grid}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}.lightbox-close{position:absolute;right:25px;top:20px;border:0;background:none;color:white;font-size:40px;cursor:pointer}
@media(max-width:800px){
 .nav{padding:0 20px}.nav nav a:not(.nav-cta){display:none}.nav nav{gap:8px}
 .hero{padding:0 24px 50px}.hero-gradient{background:linear-gradient(0deg,rgba(8,6,7,.96),rgba(8,6,7,.25) 65%,rgba(8,6,7,.05))}
 .hero-img{object-position:60% center}.hero-scroll{display:none}
 .section{padding:80px 24px}.about-grid,.press-grid,.milestones-grid{grid-template-columns:1fr;gap:45px}
 .live-head,.gallery-head{display:block}.live-head p,.gallery-head p{margin-top:20px}
 .gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px;gap:9px}
 .g{grid-column:span 1!important;grid-row:span 1!important}.g1,.g4,.g6,.g8{grid-column:span 2!important}
 .g1,.g4,.g6,.g8{grid-row:span 2!important}
 .quote{margin-top:60px}.timeline div{grid-template-columns:80px 1fr;gap:15px}
}

.milestones-intro{max-width:430px;color:#6d625d;font-size:18px;line-height:1.6;margin-top:28px}
.timeline span{display:block}
.timeline strong{display:block;font-family:var(--display);font-size:17px;letter-spacing:-.02em}
.timeline small{display:block;margin-top:6px;color:#756b65;font-size:13px;line-height:1.4}

.music{background:#f2ede7;color:#171214}
.music .section-tag{color:var(--accent)}
.music-head{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;margin-bottom:55px}
.music-intro{max-width:460px}.music-intro .lead{font-size:20px;color:#655b57}
.tracks{border-top:1px solid rgba(23,18,20,.18);margin-top:35px}
.track{display:grid;grid-template-columns:55px 1fr 150px 30px;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid rgba(23,18,20,.18);transition:.25s}
.track:hover{padding-left:14px;padding-right:14px;background:rgba(255,255,255,.42)}
.track span,.track small{color:#796e68;font-size:12px}.track strong{font-family:var(--display);font-size:24px;letter-spacing:-.035em}.track small{text-align:right}.track b{text-align:right;color:var(--accent)}
.streaming-card{margin-top:55px;background:#171214;color:var(--paper);padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end}
.streaming-card .eyebrow{color:var(--accent)}.streaming-card h3{font-family:var(--display);font-size:clamp(30px,4vw,54px);line-height:.95;letter-spacing:-.05em;margin:15px 0 0}
.platforms{display:flex;gap:10px;flex-wrap:wrap;align-self:start}
.platforms span{border:1px solid rgba(242,237,231,.2);border-radius:999px;padding:9px 13px;font-size:12px;color:#d8cec8}
.streaming-link{grid-column:2;color:var(--accent2);font-weight:700;font-size:13px}
@media(max-width:800px){
 .music-head{grid-template-columns:1fr;gap:25px}.track{grid-template-columns:35px 1fr 24px}.track small{display:none}
 .streaming-card{grid-template-columns:1fr;padding:28px}.streaming-link{grid-column:auto}
}

.contact-details{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:25px}
.contact-details a{font-family:var(--display);font-size:clamp(18px,2vw,25px);color:var(--accent2);border-bottom:1px solid rgba(255,177,143,.35);padding-bottom:4px}
.contact-details a:hover{color:#fff;border-color:#fff}

.extra-live{margin-top:28px}