:root{
  --black:#0D0705;
  --black-2:#16100C;
  --blue:#81C5EE;
  --blue-2:#69B4E4;
  --blue-deep:#519ED8;
  --blue-light:#9ED5F4;
  --orange:#D55328;
  --orange-dark:#8F3014;
  --cyan:#00FFF2;
  --off:#ECE5E3;
  --muted:#AEA39F;
  --line:rgba(129,197,238,.22);
  --card:rgba(14,26,34,.72);
  --radius:22px;
  --shadow:0 20px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;background:var(--black)}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--off);
  background:
    radial-gradient(900px 620px at 75% -5%, rgba(105,180,228,.28), transparent 58%),
    radial-gradient(760px 620px at 8% 22%, rgba(81,158,216,.15), transparent 55%),
    linear-gradient(180deg,#07131d 0%,#0b1115 36%,#0D0705 100%);
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(158,213,244,.72);outline-offset:3px}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
.shell{width:min(1120px,100%);margin:0 auto;padding:0 18px}
.topbar .shell{position:relative}
.topbar{
  position:sticky;top:0;z-index:20;
  backdrop-filter:blur(18px);
  background:linear-gradient(180deg,rgba(7,19,29,.92),rgba(7,19,29,.58));
  border-bottom:1px solid rgba(255,255,255,.05)
}
.topbar-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{width:auto;height:56px;max-width:200px;object-fit:contain}
.menu-btn{
  width:46px;height:46px;border-radius:14px;border:1px solid var(--line);
  background:rgba(255,255,255,.03);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:6px;color:var(--off);cursor:pointer;
  padding:10px 0
}
.menu-btn span{display:block;width:18px;height:1.7px;background:currentColor;border-radius:999px;flex:0 0 auto}
.menu-btn span{margin:0}
.mobile-menu{
  display:none;position:absolute;left:18px;right:18px;top:88px;z-index:30;
  padding:10px;border:1px solid rgba(129,197,238,.18);border-radius:22px;
  background:linear-gradient(180deg,rgba(7,19,29,.96),rgba(9,16,20,.94));
  backdrop-filter:blur(22px);box-shadow:0 22px 60px rgba(0,0,0,.34)
}
.mobile-menu.open{display:grid;gap:10px}
.mobile-menu a{
  padding:16px 18px;border:1px solid rgba(129,197,238,.16);border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
  font-size:1.08rem;font-weight:700;display:flex;align-items:center;justify-content:space-between
}
.mobile-menu a::after{content:"›";color:var(--blue);font-size:1.35rem}
.mobile-menu a:hover{border-color:rgba(0,255,242,.45)}
.hero{
  min-height:calc(100svh - 82px);
  display:grid;align-items:end;
  position:relative;overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.05)
}
.hero-media{position:absolute;inset:0}
.hero-media:before{
  content:"";position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,rgba(4,10,15,.96) 0%,rgba(5,14,21,.83) 37%,rgba(5,14,21,.16) 69%,rgba(4,9,12,.12) 100%),
    linear-gradient(0deg,rgba(13,7,5,1) 0%,transparent 34%);
}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.hero-content{
  position:relative;z-index:2;padding:clamp(80px,14vh,150px) 0 54px;
  width:min(620px,88%)
}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--blue-light);text-transform:uppercase;letter-spacing:.34em;font-size:.78rem;font-weight:800}
.eyebrow:after{content:"";width:52px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(3.1rem,12vw,7rem);line-height:.88;letter-spacing:-.065em;margin:18px 0 18px;font-weight:900;text-transform:uppercase}
h1 span{display:block;color:var(--blue)}
.lead{font-size:clamp(1.02rem,2.6vw,1.35rem);color:rgba(236,229,227,.86);max-width:480px}
.sublead{
  color:var(--blue-light);font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;font-size:.92rem;margin-top:10px
}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:54px;padding:0 22px;border-radius:999px;border:1px solid transparent;
  font-weight:850;letter-spacing:.08em;text-transform:uppercase;font-size:.88rem;
  transition:transform .2s ease,filter .2s ease,border-color .2s ease,background .2s ease
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#E6672E,#F18448);color:var(--black);box-shadow:0 16px 45px rgba(213,83,40,.25)}
.btn-secondary{border-color:rgba(0,255,242,.55);background:rgba(7,26,36,.55);color:var(--off)}
.btn-small{min-height:46px;padding:0 18px;font-size:.78rem}
.section{padding:72px 0}
.section-title{font-size:clamp(2rem,6vw,4rem);letter-spacing:-.04em;margin-bottom:12px}
.section-copy{color:var(--muted);max-width:680px;line-height:1.7}
.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.social-card,.nav-card,.release-card,.private-card,.panel{
  border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,38,50,.72),rgba(7,16,22,.72));
  box-shadow:var(--shadow);border-radius:var(--radius)
}
.social-card{padding:18px;display:flex;align-items:center;gap:14px;min-height:80px}
.social-card>span:last-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.social-card .meta{display:inline-flex;align-items:center;gap:10px}
.social-card .meta::after{content:"|";color:rgba(129,197,238,.38);font-weight:400;letter-spacing:0}
.social-card .title{display:inline-block;margin:0}
.social-card:hover,.nav-card:hover{border-color:rgba(0,255,242,.55);transform:translateY(-2px)}
.social-card,.nav-card{transition:.2s ease}
.icon{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  background:rgba(129,197,238,.11);border:1px solid rgba(129,197,238,.18);color:var(--blue-light);flex:0 0 auto
}
.icon svg{width:22px;height:22px}
.meta{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-light);font-weight:800}
.title{font-size:1.02rem;font-weight:800;margin-top:4px}
.nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nav-card{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:92px}
.nav-card.wide{grid-column:1/-1}
.nav-left{display:flex;align-items:center;gap:14px}
.arrow{color:var(--blue);font-size:1.4rem}
.release-card{
  padding:26px;position:relative;overflow:hidden;
  background:
   radial-gradient(520px 220px at 90% 10%,rgba(129,197,238,.20),transparent 60%),
   linear-gradient(160deg,rgba(19,45,60,.92),rgba(13,7,5,.88))
}
.release-card:after{content:"";position:absolute;right:-40px;bottom:-90px;width:200px;height:200px;border-radius:50%;border:1px solid rgba(0,255,242,.22);box-shadow:0 0 55px rgba(0,255,242,.08)}
.release-card h3{font-size:clamp(1.8rem,5vw,3rem);margin:12px 0 12px}
.release-card p{color:var(--muted);max-width:580px;line-height:1.7}
.about-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:22px;align-items:stretch}
.statement-card{
  min-height:260px;border:1px solid rgba(0,255,242,.20);border-radius:30px;
  padding:24px;position:relative;overflow:hidden;
  background:
    radial-gradient(240px 170px at 78% 20%, rgba(129,197,238,.17), transparent 60%),
    radial-gradient(300px 220px at 18% 100%, rgba(213,83,40,.08), transparent 62%),
    linear-gradient(180deg,rgba(8,18,24,.92),rgba(5,10,14,.95));
  box-shadow:inset 0 0 60px rgba(0,255,242,.03),0 25px 70px rgba(0,0,0,.34)
}
.statement-card::before{
  content:"";position:absolute;inset:auto -70px -90px auto;width:220px;height:220px;
  border-radius:50%;border:1px solid rgba(0,255,242,.18)
}
.statement-card .mini{
  color:var(--blue-light);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:900
}
.statement-card .headline{
  font-size:1.45rem;line-height:1.02;font-weight:900;letter-spacing:-.04em;
  margin:12px 0 16px;color:var(--off)
}
.statement-card .headline span{color:var(--blue)}
.genre-row{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px
}
.genre-chip{
  display:flex;align-items:center;justify-content:center;text-align:center;
  padding:9px 8px;border-radius:999px;border:1px solid rgba(129,197,238,.20);
  background:rgba(255,255,255,.03);color:var(--off);font-size:.70rem;
  text-transform:uppercase;letter-spacing:.10em;font-weight:850;white-space:nowrap
}
.spectrum-wrap{
  position:relative;padding:16px 14px 12px;border-radius:20px;
  border:1px solid rgba(129,197,238,.10);
  background:linear-gradient(180deg,rgba(129,197,238,.045),rgba(255,255,255,.012));
}
.spectrum-wrap::after{
  content:"";position:absolute;left:14px;right:14px;bottom:11px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,255,242,.22),transparent)
}
.spectrum{
  height:58px;display:flex;align-items:end;justify-content:space-between;gap:5px;
  position:relative;z-index:1
}
.spectrum span{
  flex:1 1 0;max-width:10px;min-width:4px;border-radius:999px 999px 4px 4px;
  background:linear-gradient(180deg,var(--orange) 0%,#EDA385 38%,var(--blue) 100%);
  box-shadow:0 0 14px rgba(129,197,238,.10);opacity:.92
}
.spectrum span:nth-child(1){height:18%}
.spectrum span:nth-child(2){height:38%}
.spectrum span:nth-child(3){height:72%}
.spectrum span:nth-child(4){height:46%}
.spectrum span:nth-child(5){height:88%}
.spectrum span:nth-child(6){height:58%}
.spectrum span:nth-child(7){height:34%}
.spectrum span:nth-child(8){height:68%}
.spectrum span:nth-child(9){height:94%}
.spectrum span:nth-child(10){height:52%}
.spectrum span:nth-child(11){height:78%}
.spectrum span:nth-child(12){height:42%}
.spectrum span:nth-child(13){height:84%}
.spectrum span:nth-child(14){height:60%}
.spectrum span:nth-child(15){height:28%}
.spectrum-caption{
  margin-top:10px;color:rgba(236,229,227,.48);font-size:.62rem;
  text-transform:uppercase;letter-spacing:.18em;font-weight:750;text-align:center
}
.private-card{padding:20px;display:flex;gap:14px;align-items:flex-start}
.lock{color:var(--orange);font-size:1.5rem}
.private-card p{margin:0;color:var(--muted);line-height:1.6}
.private-card strong{color:var(--off)}
.footer{border-top:1px solid rgba(255,255,255,.08);padding:34px 0 46px;color:var(--muted)}
.footer-inner{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.footer a:hover{color:var(--blue)}
.page-hero{padding:76px 0 34px}
.page-hero h1{font-size:clamp(2.8rem,10vw,6rem);margin-bottom:12px}
.panel{padding:22px}
.stack{display:grid;gap:16px}
.embed{border:0;border-radius:18px;width:100%;min-height:352px;background:#111}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field{display:grid;gap:8px}
.field.full{grid-column:1/-1}
label{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-light);font-weight:800}
input,textarea,select{
  width:100%;border:1px solid var(--line);border-radius:14px;
  padding:14px 15px;background:rgba(255,255,255,.035);color:var(--off);outline:none
}
textarea{min-height:130px;resize:vertical}
input:focus,textarea:focus,select:focus{border-color:rgba(0,255,242,.6);box-shadow:0 0 0 3px rgba(0,255,242,.08)}
.note{font-size:.92rem;color:var(--muted);line-height:1.6}
.kicker{color:var(--orange);text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:.75rem}
.link-list{display:grid;gap:10px}
.link-item{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:space-between}
code{color:var(--blue-light)}
.menu-btn{width:44px;height:44px;gap:6px;padding:10px 0}
  .menu-btn span{width:17px}
  .genre-chip{font-size:.64rem;letter-spacing:.08em;padding:8px 6px}
  .statement-card{padding:20px}

  .section{padding:58px 0}
  .cta-row{display:grid}
  .btn{width:100%}
  .hero{min-height:820px}
  .hero-content{padding-bottom:34px}
  .lead{max-width:340px}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important}
}



/* --- V2.3 production hardening & responsive fixes --- */
.brand-link{display:inline-flex;align-items:center;min-width:0;flex:0 0 auto}
.logo{height:52px;width:auto;max-width:190px;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.desktop-nav a{padding:10px 12px;border-radius:999px;color:rgba(236,229,227,.78);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.2s ease}
.desktop-nav a:hover{color:var(--off);background:rgba(129,197,238,.08)}
.menu-btn{display:none}
.mobile-menu{display:none!important}
.professional-card{align-items:center;flex-wrap:wrap}
.professional-card .lock{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(213,83,40,.11);border:1px solid rgba(213,83,40,.18);font-size:1.05rem}
.professional-card p{flex:1 1 360px}
.text-link{margin-left:auto;color:var(--blue-light);font-size:.78rem;text-transform:uppercase;letter-spacing:.10em;font-weight:900;white-space:nowrap}
.text-link:hover{color:var(--cyan)}

@media (max-width:960px){
  .desktop-nav{display:none}
  .menu-btn{display:flex}
  .mobile-menu{
    display:none!important;position:absolute;left:18px;right:18px;top:84px;z-index:30;
    padding:10px;border:1px solid rgba(129,197,238,.18);border-radius:22px;
    background:linear-gradient(180deg,rgba(7,19,29,.98),rgba(9,16,20,.97));
    backdrop-filter:blur(22px);box-shadow:0 22px 60px rgba(0,0,0,.38)
  }
  .mobile-menu.open{display:grid!important;gap:10px}
  .about-grid{grid-template-columns:1fr}
  .statement-card{min-height:auto}
}

@media (max-width:760px){
  .topbar-inner{height:76px}
  .logo{height:46px;max-width:168px}
  .hero{min-height:800px}
  .hero-content{padding-top:335px;padding-bottom:30px;width:100%}
  .hero h1{font-size:clamp(3rem,15vw,4.85rem);line-height:.88}
  .hero h1 span{font-size:.82em;letter-spacing:-.055em}
  .cta-row{margin-top:22px}
  .social-grid,.nav-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
}

@media (max-width:430px){
  .shell{padding-left:16px;padding-right:16px}
  .mobile-menu{left:16px;right:16px;top:80px}
  .menu-btn{width:44px;height:44px;gap:7px;padding:10px 0}
  .menu-btn span{width:16px;height:1.6px}
  .hero h1{font-size:clamp(2.85rem,14.6vw,4.2rem)}
  .hero h1 span{font-size:.80em}
  .sublead{font-size:.78rem;letter-spacing:.13em}
  .btn{min-height:50px}
  .genre-row{gap:6px}
  .genre-chip{font-size:.62rem;padding:8px 5px;letter-spacing:.07em}
  .spectrum{height:50px}
  .professional-card{padding:18px}
  .text-link{margin-left:54px}
}

@media (max-width:430px) and (max-height:720px){
  .hero{min-height:690px}
  .hero-media img{object-position:58% 17%}
  .hero-content{padding-top:245px;padding-bottom:22px}
  .hero h1{margin-top:12px;margin-bottom:12px}
  .hero .lead{font-size:.98rem;margin-bottom:8px}
  .hero .sublead{font-size:.72rem;margin-bottom:0}
  .hero .cta-row{margin-top:16px;gap:9px}
  .hero .btn{min-height:46px;font-size:.74rem}
}

@media (max-width:340px){
  .hero h1{font-size:2.7rem}
  .hero h1 span{font-size:.76em}
  .genre-row{grid-template-columns:1fr 1fr}
  .genre-chip:last-child{grid-column:1/-1}
}


/* Final mobile viewport polish */

@media (max-width:430px) and (max-height:720px){
  .hero{align-items:start;min-height:690px}
  .hero-content{padding-top:205px;padding-bottom:18px}
}

@media (max-width:430px) and (max-height:620px){
  .hero{align-items:start;min-height:610px}
  .hero-content{padding-top:135px;padding-bottom:14px}
  .hero h1{font-size:2.55rem}
  .hero h1 span{font-size:.76em}
  .hero .lead{font-size:.9rem}
  .hero .sublead{font-size:.66rem;letter-spacing:.11em}
  .hero .cta-row{margin-top:12px;gap:7px}
  .hero .btn{min-height:44px;font-size:.70rem}
}


/* V2.4 utilities */
.pt-0{padding-top:0!important}
.pt-20{padding-top:20px!important}
.skip-link{
  position:fixed;left:12px;top:12px;z-index:1000;transform:translateY(-160%);
  background:var(--off);color:var(--black);padding:10px 14px;border-radius:12px;
  font-weight:900;transition:transform .18s ease
}
.skip-link:focus{transform:translateY(0)}
.desktop-nav a[aria-current="page"],.mobile-menu a[aria-current="page"]{
  color:var(--off);background:rgba(129,197,238,.11);border-color:rgba(129,197,238,.24)
}
.social-card.media-wide{grid-column:1/-1;position:relative;overflow:hidden}
.social-card.media-wide::after{
  content:"";position:absolute;width:170px;height:170px;border-radius:50%;
  right:-72px;top:-88px;border:1px solid rgba(0,255,242,.18);
  box-shadow:0 0 50px rgba(0,255,242,.06)
}
.social-card .card-arrow{margin-left:auto;color:var(--blue);font-size:1.35rem;position:relative;z-index:1}

/* MEDIA */
.media-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:end}
.media-note{
  border:1px solid var(--line);border-radius:20px;padding:18px;
  background:rgba(255,255,255,.025);color:var(--muted);line-height:1.65
}
.media-carousel{
  position:relative;overflow:hidden;border-radius:30px;border:1px solid var(--line);
  background:#071018;box-shadow:var(--shadow);touch-action:pan-y
}
.media-track{display:flex;transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform}
.media-slide{position:relative;flex:0 0 100%;min-width:0;aspect-ratio:4/5;background:#071018;overflow:hidden}
.media-slide img,.media-slide video{width:100%;height:100%;object-fit:cover}
.media-slide video{background:#071018}
.media-overlay{
  position:absolute;inset:auto 0 0 0;padding:56px 22px 20px;
  background:linear-gradient(180deg,transparent,rgba(6,10,13,.88));
  display:flex;align-items:end;justify-content:space-between;gap:14px
}
.media-overlay strong{font-size:1.08rem}
.media-overlay span{font-size:.72rem;color:var(--blue-light);letter-spacing:.12em;text-transform:uppercase;font-weight:850}
.media-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.media-btn{
  width:44px;height:44px;border-radius:50%;border:1px solid var(--line);
  background:rgba(255,255,255,.025);color:var(--off);cursor:pointer;font-size:1.35rem
}
.media-btn:hover{border-color:rgba(0,255,242,.48)}
.media-dots{display:flex;gap:8px;align-items:center;justify-content:center;flex:1}
.media-dot{
  width:8px;height:8px;border-radius:999px;border:0;padding:0;background:rgba(236,229,227,.25);cursor:pointer;
  transition:width .2s ease,background .2s ease
}
.media-dot.active{width:28px;background:var(--blue)}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.media-thumb{
  border:1px solid var(--line);border-radius:18px;overflow:hidden;aspect-ratio:1/1;
  background:rgba(255,255,255,.025);position:relative
}
.media-thumb img{width:100%;height:100%;object-fit:cover}
.media-thumb.placeholder{display:grid;place-items:center;text-align:center;padding:16px;color:var(--muted)}
.media-thumb.placeholder strong{color:var(--off);display:block;margin-bottom:6px}
.media-help{
  margin-top:20px;padding:20px;border-radius:20px;border:1px dashed rgba(129,197,238,.24);
  color:var(--muted);line-height:1.65;background:rgba(129,197,238,.025)
}
.media-help strong{color:var(--off)}
@media (max-width:760px){
  .media-intro{grid-template-columns:1fr}
  .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:430px){
  .media-slide{aspect-ratio:3/4}
  .media-overlay{padding:48px 16px 16px}
  .media-grid{grid-template-columns:1fr 1fr}
}


/* --- V2.5 dynamic architecture additions --- */

/* HOME social card proportion */
.social-card.media-wide > span:nth-child(2){
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0
}
.social-card.media-wide > span:nth-child(2) .meta{
  display:inline-flex;align-items:center;gap:10px
}
.social-card.media-wide > span:nth-child(2) .meta::after{
  content:"|";color:rgba(129,197,238,.38);font-weight:400;letter-spacing:0
}
.social-card.media-wide > span:nth-child(2) .title{margin:0}
.bio-link{display:inline-flex;margin-top:18px;margin-left:0}

/* EVENTS */
.upcoming-events[hidden]{display:none!important}
.section-head-row{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.compact-title{margin-bottom:0}
.events-list{display:grid;gap:12px}
.event-card{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;
  padding:18px;border:1px solid var(--line);border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(17,38,50,.72),rgba(7,16,22,.72));
  box-shadow:var(--shadow);transition:.2s ease
}
a.event-card:hover{transform:translateY(-2px);border-color:rgba(0,255,242,.45)}
.event-date{
  width:66px;height:66px;border-radius:18px;display:grid;place-items:center;
  align-content:center;background:rgba(129,197,238,.08);border:1px solid rgba(129,197,238,.2)
}
.event-date strong{font-size:1.45rem;line-height:1;color:var(--off)}
.event-date span{margin-top:5px;font-size:.65rem;letter-spacing:.14em;color:var(--blue-light);font-weight:900}
.event-body h3{margin:0 0 5px;font-size:1.08rem}
.event-body p{margin:0;color:var(--muted)}
.event-time{display:inline-block;margin-top:6px;color:var(--blue-light);font-size:.78rem;font-weight:800;letter-spacing:.08em}
.event-arrow{color:var(--blue);font-size:1.35rem}

/* MEDIA cleaned + lightbox */
.media-intro-clean{max-width:760px}
.media-thumb-button{padding:0;cursor:pointer;color:inherit}
.media-thumb-button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.media-play-badge{
  position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:rgba(13,7,5,.76);border:1px solid rgba(236,229,227,.4);color:var(--off);
  backdrop-filter:blur(10px)
}
.media-slide img.contain-media{object-fit:contain;background:#071018}
.lightbox[hidden]{display:none!important}
.lightbox{
  position:fixed;inset:0;z-index:2000;background:rgba(5,8,10,.96);
  display:grid;grid-template-columns:64px minmax(0,1fr) 64px;
  grid-template-rows:64px minmax(0,1fr) 48px;
  align-items:center;gap:10px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  backdrop-filter:blur(18px)
}
.lightbox-content{
  grid-column:2;grid-row:2;width:100%;height:100%;min-height:0;
  display:grid;place-items:center
}
.lightbox-content img,.lightbox-content video{
  max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:18px
}
.lightbox-close{
  grid-column:3;grid-row:1;justify-self:end;width:44px;height:44px;border-radius:50%;
  border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--off);font-size:1.6rem;cursor:pointer
}
.lightbox-nav{
  width:48px;height:48px;border-radius:50%;border:1px solid var(--line);
  background:rgba(255,255,255,.04);color:var(--off);font-size:1.6rem;cursor:pointer
}
.lightbox-prev{grid-column:1;grid-row:2}
.lightbox-next{grid-column:3;grid-row:2}
.lightbox-counter{
  grid-column:2;grid-row:3;text-align:center;color:var(--muted);
  font-size:.75rem;letter-spacing:.14em;font-weight:800
}
body.lightbox-open{overflow:hidden}
.lightbox{margin:0;border:0;width:100%;height:100%;max-width:none;max-height:none;color:var(--off)}
.lightbox::backdrop{background:rgba(5,8,10,.96)}
.media-slide-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in}
.media-carousel[hidden],.media-controls[hidden]{display:none!important}
.media-dots{flex-wrap:wrap;min-width:0}
.media-dot{position:relative;min-width:24px;min-height:24px;background:transparent}
.media-dot::after{content:"";position:absolute;inset:8px;border-radius:50%;background:rgba(236,229,227,.35)}
.media-dot.active::after{background:var(--blue)}
.media-dot.active{background:transparent}
.mobile-menu{max-height:calc(100dvh - 100px);overflow-y:auto}
input,textarea,select{font-size:16px;min-width:0}
.event-body,.download-card,.rider-template-card{min-width:0;overflow-wrap:anywhere}
.lightbox-content img,.lightbox-content video{max-height:calc(100dvh - 160px)}

/* BIO */
.bio-hero{padding-bottom:44px}
.bio-hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:28px;align-items:center}
.bio-sublead{margin-top:16px}
.bio-portrait{margin:0;border-radius:30px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);aspect-ratio:4/5}
.bio-portrait img{width:100%;height:100%;object-fit:cover}
.bio-editorial{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}
.bio-copy h2{font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:-.04em;margin:14px 0}
.bio-copy p{color:var(--muted);line-height:1.75}
.bio-placeholder{padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:.92rem}
.bio-vibe{min-height:auto}
.bio-motion-placeholder{
  min-height:230px;padding:26px;border-radius:30px;border:1px solid var(--line);
  background:radial-gradient(420px 240px at 90% 10%,rgba(129,197,238,.18),transparent 60%),rgba(255,255,255,.025);
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;overflow:hidden
}
.bio-motion-placeholder h2{font-size:clamp(1.6rem,4vw,2.7rem);margin:12px 0}
.bio-motion-placeholder p{color:var(--muted);max-width:650px;line-height:1.7}
.motion-mark{
  width:110px;height:110px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(0,255,242,.24);color:var(--blue);font-size:1.5rem;
  box-shadow:inset 0 0 50px rgba(0,255,242,.05),0 0 50px rgba(0,255,242,.05)
}

/* PROFESSIONAL GATE */
.professional-gate-page{
  min-height:100svh;display:grid;place-items:center;
  background:radial-gradient(720px 520px at 72% 8%,rgba(81,158,216,.24),transparent 60%),linear-gradient(180deg,#07131d,#0D0705)
}
.gate-shell{width:min(620px,100%);padding:24px}
.gate-logo{display:block;width:190px;margin:0 auto 22px}
.gate-logo img{width:100%;height:auto}
.gate-card{
  border:1px solid var(--line);border-radius:30px;padding:28px;
  background:linear-gradient(180deg,rgba(17,38,50,.84),rgba(7,16,22,.88));box-shadow:var(--shadow)
}
.gate-card h1{font-size:clamp(2.2rem,9vw,4.2rem);margin:14px 0 14px}
.gate-card > p{color:var(--muted);line-height:1.7}
.gate-form{display:grid;gap:12px;margin-top:24px}
.gate-form .btn{margin-top:4px}
.gate-status{min-height:24px;margin:0;color:var(--blue-light);font-size:.9rem}
.turnstile-box{min-height:65px}
.gate-meta{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:.75rem;letter-spacing:.06em}
.pro-logout{
  margin-left:auto;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);
  color:var(--off);padding:10px 14px;font-weight:800;cursor:pointer
}
.pro-asset-group{margin-top:26px}
.pro-asset-group h2{font-size:1.35rem}
.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.download-card{
  min-height:120px;padding:18px;border-radius:20px;border:1px solid var(--line);
  background:rgba(255,255,255,.025);display:grid;align-content:center;gap:7px;transition:.2s ease
}
.download-card:hover{border-color:rgba(0,255,242,.45);transform:translateY(-2px)}
.download-card small{color:var(--muted)}
.pro-empty{padding:22px;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}
.pro-long-bio p{color:var(--muted);line-height:1.75}
.rider-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:28px}
.rider-template-card{
  border:1px solid var(--line);border-radius:22px;padding:20px;background:rgba(255,255,255,.025)
}
.rider-template-card span{color:var(--orange);font-size:.72rem;letter-spacing:.14em;font-weight:900}
.rider-template-card strong{display:block;margin:9px 0;font-size:1.15rem}
.rider-template-card p{margin:0;color:var(--muted);line-height:1.6}

@media (max-width:760px){
  .event-card{grid-template-columns:auto 1fr;gap:14px}
  .event-arrow{display:none}
  .bio-hero-grid,.bio-editorial{grid-template-columns:1fr}
  .bio-portrait{max-height:520px}
  .bio-motion-placeholder{grid-template-columns:1fr}
  .motion-mark{width:84px;height:84px}
  .download-grid,.rider-template-grid{grid-template-columns:1fr}
  .lightbox{grid-template-columns:48px minmax(0,1fr) 48px}
}
@media (max-width:430px){
  .social-card.media-wide > span:nth-child(2){gap:8px}
  .social-card.media-wide > span:nth-child(2) .meta{gap:8px}
  .event-card{padding:15px}
  .event-date{width:58px;height:58px;border-radius:16px}
  .lightbox{grid-template-columns:42px minmax(0,1fr) 42px;padding:10px}
  .lightbox-nav{width:38px;height:38px}
  .lightbox-close{width:40px;height:40px}
  .gate-card{padding:22px}
}


/* V2.5 final polish */
.event-card.has-image{grid-template-columns:82px auto 1fr auto}
.event-poster{width:82px;height:82px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#071018}
.event-poster img{width:100%;height:100%;object-fit:cover}
button.event-poster{padding:0;cursor:zoom-in}
.bio-motion-live{grid-template-columns:minmax(0,1fr) minmax(180px,320px)}
.bio-loop{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;border:1px solid var(--line);background:#071018}
@media(max-width:760px){
  .event-card.has-image{grid-template-columns:auto 1fr}.event-card.has-image .event-poster{grid-column:1/-1;width:100%;height:auto;aspect-ratio:16/9}
  .bio-motion-live{grid-template-columns:1fr}.bio-loop{max-height:280px}
}