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

:root { --ink:#f3e8db; --night:#100c13; --plum:#211326; --wine:#821c42; --ember:#f25b32; --gold:#e9b55c; --muted:#b9a8b2; --line:rgba(243,232,219,.19); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; overflow-x:hidden; background:var(--night); color:var(--ink); font-family:Manrope,sans-serif; line-height:1.6; }
a { color:inherit; text-decoration-color:rgba(233,181,92,.7); text-underline-offset:4px; } a:hover { color:var(--gold); }
:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
.skip { position:absolute; z-index:20; top:-4rem; left:1rem; padding:.7rem 1rem; color:#28151a; background:var(--gold); }.skip:focus { top:1rem; }
.grain { position:fixed; inset:0; z-index:5; pointer-events:none; opacity:.1; 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='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.top,.hero-inner,.wrap { width:min(1400px,calc(100% - 40px)); margin:auto; }.top { position:relative; z-index:7; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:25px 0; }.aura { font:700 13px "DM Mono",monospace; letter-spacing:.18em; text-decoration:none; }.aura i { color:var(--ember); font-style:normal; }.top a:not(.aura) { font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.hero { position:relative; isolation:isolate; min-height:760px; overflow:hidden; background:radial-gradient(circle at 78% 38%,#7b1e44 0,rgba(123,30,68,.37) 17%,transparent 42%),linear-gradient(120deg,#100c13 20%,#211326 100%); }.hero:after { position:absolute; inset:0; z-index:-1; content:""; opacity:.48; background:repeating-linear-gradient(102deg,transparent 0 44px,rgba(233,181,92,.1) 45px 46px,transparent 47px 91px); }
.hero-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(400px,.82fr); min-height:650px; margin-top:50px; }.crumbs { grid-column:1/-1; align-self:start; color:var(--muted); font:12px "DM Mono",monospace; }.hero-copy { z-index:2; align-self:center; padding:88px 0 90px; }.kicker,.side-label { margin:0 0 18px; color:var(--gold); font:500 12px "DM Mono",monospace; letter-spacing:.19em; text-transform:uppercase; }.hero h1,.section-title { margin:0; font-family:"Barlow Condensed",sans-serif; line-height:.82; letter-spacing:-.035em; text-transform:uppercase; }.hero h1 { max-width:800px; font-size:clamp(5.3rem,13vw,12.5rem); }.hero h1 span { display:block; color:transparent; -webkit-text-stroke:1px rgba(243,232,219,.68); }.intro { max-width:590px; margin:32px 0; color:#e0cfd1; font-size:clamp(1rem,1.45vw,1.25rem); }.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:33px; }.button { display:inline-flex; align-items:center; justify-content:center; min-height:51px; padding:0 22px; border:1px solid var(--gold); font:700 12px "DM Mono",monospace; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; transition:transform .25s,background .25s,color .25s; }.button:hover { transform:translateY(-3px); color:#28151a; background:var(--gold); }.button.ghost { border-color:var(--line); background:rgba(16,12,19,.25); }.button.ghost:hover { color:var(--night); background:var(--ink); }
.portrait-zone { position:relative; min-height:630px; }.portrait { position:absolute; right:-4%; bottom:-1px; z-index:2; width:auto; height:min(735px,58vw); max-width:100%; object-fit:contain; object-position:bottom; filter:drop-shadow(-20px 15px 25px rgba(0,0,0,.34)); }.mic-label { position:absolute; top:10%; right:0; z-index:3; color:var(--gold); font:500 11px "DM Mono",monospace; letter-spacing:.19em; writing-mode:vertical-rl; }.arena-number { position:absolute; right:18%; bottom:3%; z-index:1; color:rgba(242,91,50,.12); font:900 clamp(10rem,22vw,22rem)/.7 "Barlow Condensed"; }
.marquee { display:flex; align-items:center; overflow:hidden; border-block:1px solid var(--line); color:#26131a; background:var(--gold); white-space:nowrap; }.marquee-copy { display:inline-block; flex:1; padding:14px 0; font:800 16px "Barlow Condensed",sans-serif; letter-spacing:.12em; text-transform:uppercase; animation:scroll 4.5s linear 3 forwards; }.marquee-copy.is-paused { animation-play-state:paused; }.marquee-pause { flex:none; margin-right:12px; padding:.38rem .6rem; border:1px solid rgba(36,20,26,.55); color:#26131a; background:transparent; font:600 10px "DM Mono",monospace; text-transform:uppercase; cursor:pointer; } @keyframes scroll { to { transform:translateX(-50%); } }
.statement { display:grid; grid-template-columns:180px 1fr; gap:45px; padding:150px 0 125px; }.side-label { padding-top:16px; }.statement p:last-child { max-width:900px; margin:0; font:600 clamp(2rem,4.3vw,4.5rem)/1.03 "Barlow Condensed"; letter-spacing:-.02em; text-transform:uppercase; }.statement em { color:var(--ember); font-style:normal; }
.service-section { position:relative; padding:110px 0; background:var(--plum); }.section-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:44px; }.section-title { font-size:clamp(3.2rem,7vw,6.5rem); }.section-note { max-width:340px; margin:0; color:var(--muted); font-size:.9rem; }.services { display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.service { grid-column:span 2; min-height:285px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:background .25s; }.service:nth-child(4),.service:nth-child(5) { grid-column:span 3; }.service:hover,.service[open] { background:#40152f; }.service summary { display:grid; grid-template-columns:1fr auto; min-height:190px; padding:25px; cursor:pointer; list-style:none; }.service summary::-webkit-details-marker { display:none; }.num { color:var(--gold); font:500 11px "DM Mono",monospace; }.service h3 { align-self:end; max-width:230px; margin:0; font:700 clamp(1.65rem,2.5vw,2.45rem)/.95 "Barlow Condensed"; letter-spacing:.01em; text-transform:uppercase; }.plus { align-self:end; color:var(--ember); font-size:26px; line-height:1; }.plus:after { content:"+"; }.service[open] .plus:after { content:"−"; }.service>p { margin:0; padding:0 25px 28px; color:#dccbd1; font-size:.86rem; line-height:1.65; }.more-link { margin:28px 0 0; }
.lineup { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,10vw,150px); padding:145px 0; }.lineup-copy p:not(.kicker) { max-width:470px; color:#d6c7cf; font-size:1.04rem; }.booking-panel { position:relative; overflow:hidden; padding:clamp(30px,5vw,63px); background:linear-gradient(145deg,#7d1c42,#3a142e); }.booking-panel:before { position:absolute; right:-20px; bottom:-25px; color:rgba(16,12,19,.13); content:"ON THE MIC"; font:900 9rem/.8 "Barlow Condensed"; white-space:nowrap; }.booking-panel>* { position:relative; }.booking-panel h2 { margin:12px 0 25px; font:800 clamp(3.6rem,6vw,5.8rem)/.84 "Barlow Condensed"; letter-spacing:-.03em; text-transform:uppercase; }.booking-panel p { max-width:410px; color:#f4dfe2; }.booking-panel .button { color:#28151a; background:var(--gold); }.final { padding:105px 0 35px; color:#24141a; background:#e9b55c; }.final .kicker { color:#7d1c42; }.final h2 { max-width:1000px; margin:0 0 32px; font:900 clamp(4.3rem,11vw,10.5rem)/.8 "Barlow Condensed"; letter-spacing:-.04em; text-transform:uppercase; }.final p { max-width:590px; }.final .button { border-color:#24141a; }.final .button.ghost { color:#24141a; }.footer-line { display:flex; align-items:end; justify-content:space-between; gap:22px; margin-top:95px; padding-top:22px; border-top:1px solid rgba(36,20,26,.25); font:500 11px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
@media (max-width:760px) { .top,.hero-inner,.wrap { width:calc(100% - 30px); }.top { flex-wrap:wrap; }.hero { min-height:0; }.hero-inner { display:block; margin-top:25px; }.crumbs { padding-top:5px; }.hero-copy { padding:66px 0 0; }.hero h1 { font-size:clamp(4.5rem,22vw,7rem); }.intro { max-width:82%; }.portrait-zone { min-height:500px; }.portrait { right:-18%; height:500px; max-width:none; }.mic-label { top:23%; right:3%; }.arena-number { right:-12%; bottom:2%; font-size:13rem; }.actions .button { width:100%; }.statement { display:block; padding:85px 0; }.side-label { margin-bottom:26px; }.section-head { display:block; }.section-note { margin-top:21px; }.service-section { padding:78px 0; }.services { display:block; border-left:0; }.service,.service:nth-child(n) { min-height:0; border-right:0; }.service summary { min-height:0; padding:23px; }.service h3 { margin-top:32px; }.lineup { grid-template-columns:1fr; gap:50px; padding:85px 0; }.booking-panel { padding:38px 28px; }.footer-line { flex-direction:column; align-items:start; margin-top:65px; } }
@media (max-width:350px) { .top { align-items:flex-start; }.aura { font-size:11px; }.top a:not(.aura) { font-size:10px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }