*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --black:#0A0A0A;--white:#F4F1EC;
  --orange:#FF5F1F;--orange-d:#CC4200;
  --lemon:#BCFF00;
  --s0:#141414;--s1:#1C1C1C;--s2:#242424;
  --ph:80px;
  --fg:'Space Grotesk',sans-serif;
  --fm:'IBM Plex Mono',monospace;
}
/* LIGHT MODE OVERRIDES */
[data-theme="light"]{
  --black:#F4F1EC;--white:#0A0A0A;
  --s0:#E8E4DC;--s1:#DDD9D0;--s2:#D0CCC3;
}
[data-theme="light"] body{background:#F4F1EC;color:#0A0A0A}
[data-theme="light"] .nav.scrolled{background:rgba(244,241,236,.92)}
[data-theme="light"] .nav-logo,[data-theme="light"] .nav-links a{color:rgba(10,10,10,.6)}
[data-theme="light"] .nav-links a:hover{color:#0A0A0A}
[data-theme="light"] .hero-right{background:var(--s1)}
[data-theme="light"] .hero-img-overlay{background:linear-gradient(135deg,#F4F1EC 0%,transparent 50%)}
[data-theme="light"] .hero-float-card{background:rgba(232,228,220,.95)}
[data-theme="light"] .hfc-title{color:#0A0A0A}
[data-theme="light"] .hfc-cat{color:rgba(10,10,10,.45)}
[data-theme="light"] .hero-desc{color:rgba(10,10,10,.55)}
[data-theme="light"] .mq-word{-webkit-text-stroke:1px rgba(10,10,10,.15)}
[data-theme="light"] .mq-divider{background:#F4F1EC}
[data-theme="light"] .card{background:var(--s0)}
[data-theme="light"] .card-meta{color:rgba(10,10,10,.38)}
[data-theme="light"] .card-excerpt{color:rgba(10,10,10,.5)}
[data-theme="light"] .card-overlay{background:linear-gradient(0deg,rgba(244,241,236,.8) 0%,transparent 65%)}
[data-theme="light"] .view-all{color:rgba(10,10,10,.38)}
[data-theme="light"] .events-section{background:var(--s0)}
[data-theme="light"] .bento-card{background:var(--s1)}
[data-theme="light"] .bento-overlay{background:linear-gradient(0deg,rgba(244,241,236,.65) 0%,transparent 60%)}
[data-theme="light"] .bento-venue{color:rgba(10,10,10,.38)}
[data-theme="light"] .radio-section{background:#F4F1EC}
[data-theme="light"] .radio-desc{color:rgba(10,10,10,.5)}
[data-theme="light"] .track-card{background:var(--s0)}
[data-theme="light"] .track-card:hover{background:var(--s1)}
[data-theme="light"] .tk-artist{color:rgba(10,10,10,.38)}
[data-theme="light"] .btn-ghost{border-color:rgba(10,10,10,.25);color:#0A0A0A}
[data-theme="light"] .btn-ghost:hover{border-color:#0A0A0A}
[data-theme="light"] .footer{background:var(--s0)}
[data-theme="light"] .footer-logo{color:#0A0A0A}
[data-theme="light"] .footer-tagline{color:rgba(10,10,10,.45)}
[data-theme="light"] .footer-col a{color:rgba(10,10,10,.45)}
[data-theme="light"] .footer-col a:hover{color:#0A0A0A}
[data-theme="light"] .footer-bottom{border-top:1px solid rgba(10,10,10,.08)}
[data-theme="light"] .footer-copy{color:rgba(10,10,10,.28)}
[data-theme="light"] .fs{color:rgba(10,10,10,.32)}
[data-theme="light"] .player{background:rgba(244,241,236,.97)}
[data-theme="light"] .player-title{color:#0A0A0A}
[data-theme="light"] .player-artist{color:rgba(10,10,10,.45)}
[data-theme="light"] .player-btn{color:rgba(10,10,10,.45)}
[data-theme="light"] .player-btn:hover{color:#0A0A0A}
[data-theme="light"] .player-time{color:rgba(10,10,10,.4)}
[data-theme="light"] .spotify-badge{color:rgba(10,10,10,.32)}
[data-theme="light"] .modal{background:var(--s1)}
[data-theme="light"] .modal-input{background:var(--s0);color:#0A0A0A;border-bottom-color:rgba(10,10,10,.1)}
[data-theme="light"] .modal-input::placeholder{color:rgba(10,10,10,.25)}
[data-theme="light"] .modal-close{color:rgba(10,10,10,.35)}
[data-theme="light"] .modal-close:hover{color:#0A0A0A}
[data-theme="light"] .meta-item{background:var(--s0)}
[data-theme="light"] .mi-label{color:rgba(10,10,10,.32)}
[data-theme="light"] ::-webkit-scrollbar-track{background:#F4F1EC}
[data-theme="light"] #cursor{mix-blend-mode:normal}
[data-theme="light"] .book-btn{color:#0A0A0A}
[data-theme="light"] .nl-submit{color:#F4F1EC}

/* THEME TOGGLE */
.theme-toggle{background:none;border:1.5px solid rgba(244,241,236,.25);color:var(--white);cursor:none;font-family:var(--fm);font-size:.62rem;letter-spacing:.1em;padding:.3rem .7rem;transition:border-color .2s,color .2s;margin-right:.75rem}
.theme-toggle:hover{border-color:var(--orange);color:var(--orange)}
[data-theme="light"] .theme-toggle{border-color:rgba(10,10,10,.2);color:#0A0A0A}
[data-theme="light"] .theme-toggle:hover{border-color:var(--orange);color:var(--orange)}

html{scroll-behavior:smooth;font-size:16px}
body{background:var(--black);color:var(--white);font-family:var(--fg);cursor:none;overflow-x:hidden;padding-bottom:var(--ph)}
body::before{content:'';position:fixed;inset:0;z-index:99997;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.028;mix-blend-mode:overlay}
a{text-decoration:none;color:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:var(--black)}
::-webkit-scrollbar-thumb{background:var(--orange)}

/* CURSOR */
#cursor,#cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);border-radius:50%}
#cursor{width:10px;height:10px;background:var(--orange);transition:width .15s,height .15s;mix-blend-mode:difference}
#cursor-ring{width:36px;height:36px;border:1.5px solid var(--orange);z-index:99998;transition:width .18s,height .18s,opacity .2s;opacity:.5}
body.ch #cursor{width:22px;height:22px}
body.ch #cursor-ring{width:56px;height:56px;opacity:.2}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:64px;display:flex;align-items:center;padding:0 2.5rem;transition:background .3s,backdrop-filter .3s}
.nav.scrolled{background:rgba(10,10,10,.88);backdrop-filter:blur(20px)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;margin:0 auto}
.nav-logo{font-weight:700;font-size:1rem;letter-spacing:.12em;display:flex;align-items:center;gap:.5rem}
.logo-dot{width:8px;height:8px;background:var(--orange);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5);opacity:.5}}
.nav-links{display:flex;list-style:none;gap:2.5rem}
.nav-links a{font-family:var(--fm);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,241,236,.5);transition:color .2s}
.nav-links a:hover{color:var(--white)}
.nav-cta{font-family:var(--fm);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.5rem 1.25rem;background:var(--orange);border:2px solid var(--orange);transition:background .2s,color .2s}
.nav-cta:hover{background:transparent;color:var(--orange)}
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;margin-left:.5rem}
.nav-hamburger span{width:22px;height:2px;background:var(--white);display:block;transition:transform .25s,opacity .25s}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* TICKER */
.ticker{overflow:hidden;background:var(--orange);padding:.45rem 0;margin-top:64px}
.ticker-track{display:inline-flex;animation:tick 28s linear infinite;will-change:transform}
.ti{font-family:var(--fm);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--black);padding:0 2rem}
.tsep{color:var(--black);opacity:.4}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* HERO */
.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding:5rem 3.5rem 5rem 4rem;position:relative;z-index:2}
.hero-tag{font-family:var(--fm);font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--lemon);margin-bottom:1.5rem;display:flex;align-items:center;gap:.625rem}
.hero-headline{font-size:clamp(3rem,6.5vw,6rem);font-weight:700;line-height:.93;letter-spacing:-.04em;margin-bottom:2rem}
.hero-headline em{font-style:normal;color:var(--orange);display:block}
.hero-desc{font-size:1rem;line-height:1.7;color:rgba(244,241,236,.55);max-width:42ch;margin-bottom:2.5rem}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}
.hero-right{position:relative;overflow:hidden;background:var(--s1)}
.hero-img-wrap{width:100%;height:100%;position:relative;min-height:560px}
.hero-img{transition:transform 8s ease-out}
.hero-img-overlay{position:absolute;inset:0;background:linear-gradient(135deg,var(--black) 0%,transparent 50%)}
.hero-float-card{position:absolute;bottom:2.5rem;right:2.5rem;background:rgba(20,20,20,.9);backdrop-filter:blur(12px);padding:1rem 1.25rem;border-left:3px solid var(--orange);z-index:3;max-width:220px}
.hfc-label{font-family:var(--fm);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:.375rem}
.hfc-title{font-size:.875rem;font-weight:700;color:var(--white);line-height:1.2;margin-bottom:.25rem}
.hfc-cat{font-family:var(--fm);font-size:.6rem;color:rgba(244,241,236,.4);letter-spacing:.1em}

/* BUTTONS */
.btn-primary,.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--fm);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.875rem 1.75rem;transition:all .2s;position:relative;overflow:hidden}
.btn-primary{background:var(--orange);border:2px solid var(--orange);color:var(--white)}
.btn-primary:hover{background:var(--orange-d);border-color:var(--orange-d)}
.btn-ghost{background:transparent;border:2px solid rgba(244,241,236,.25);color:var(--white)}
.btn-ghost:hover{border-color:var(--white)}

/* MARQUEE DIVIDER */
.mq-divider{overflow:hidden;padding:1.25rem 0;background:var(--black)}
.mq-track{display:inline-flex;gap:2.5rem;animation:tick 18s linear infinite;will-change:transform}
.mq-word{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(244,241,236,.12);white-space:nowrap}
.mq-dot.accent{font-size:2rem;color:var(--orange)}

/* SECTION HEADER */
.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1rem}
.section-label{font-family:var(--fm);font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:.375rem}
.section-title{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;letter-spacing:-.03em}
.view-all{font-family:var(--fm);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(244,241,236,.35);transition:color .2s;align-self:flex-end;display:flex;align-items:center;gap:.375rem}
.view-all:hover{color:var(--orange)}

/* FEED / MASONRY */
.feed-section{padding:6rem 4rem;max-width:1440px;margin:0 auto}
.masonry{columns:3;column-gap:1.5rem}
.card{break-inside:avoid;margin-bottom:1.5rem;background:var(--s0);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;cursor:none}
.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(255,95,31,.08)}
.card-img-wrap{position:relative;overflow:hidden;aspect-ratio:4/3}
.card.featured .card-img-wrap{aspect-ratio:2/3}
.card.tall .card-img-wrap{aspect-ratio:3/4}
.card-img-wrap img{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}
.card:hover .card-img-wrap img{transform:scale(1.06)}
.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.85) 0%,transparent 65%)}
.badge{position:absolute;top:1rem;left:0;font-family:var(--fm);font-size:.58rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:.25rem .75rem;z-index:2}
.badge.music{background:var(--orange);color:var(--white)}
.badge.fashion,.badge.lifestyle{background:var(--lemon);color:var(--black)}
.badge.csws{background:var(--s2);color:var(--lemon)}
.card-body{padding:1.25rem}
.card-meta{font-family:var(--fm);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,241,236,.35);margin-bottom:.5rem}
.card-title{font-size:1.05rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:.625rem}
.card.featured .card-title{font-size:1.4rem}
.card-excerpt{font-size:.875rem;line-height:1.6;color:rgba(244,241,236,.5);margin-bottom:.875rem}
.card-link{font-family:var(--fm);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);display:inline-flex;align-items:center;gap:.375rem;transition:gap .2s}
.card:hover .card-link{gap:.625rem}

/* EVENTS */
.events-section{background:var(--s0);padding:6rem 0}
.events-inner{max-width:1440px;margin:0 auto;padding:0 4rem}
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}
.bento-card{background:var(--s1);overflow:hidden;transition:transform .3s;position:relative;cursor:none}
.bento-card:hover{transform:translateY(-3px)}
.bc-large{grid-column:span 5;grid-row:span 2}
.bento-card:nth-child(2){grid-column:span 4}
.bento-card:nth-child(3){grid-column:span 3}
.bento-card:nth-child(4){grid-column:span 4}
.bento-card:nth-child(5){grid-column:span 3}
.bc-wide{grid-column:span 7}
.bento-img-wrap{overflow:hidden;position:relative}
.bc-large .bento-img-wrap{height:280px}
.bento-card:not(.bc-large):not(.bc-wide) .bento-img-wrap{height:160px}
.bc-wide .bento-img-wrap{height:160px}
.bento-img-wrap img{transition:transform .5s ease}
.bento-card:hover .bento-img-wrap img{transform:scale(1.06)}
.bento-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.7) 0%,transparent 60%)}
.bento-body{padding:1.25rem}
.bento-date{font-family:var(--fm);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--orange);margin-bottom:.375rem}
.bento-title{font-size:1rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.375rem}
.bc-large .bento-title{font-size:1.25rem}
.bento-venue{font-family:var(--fm);font-size:.62rem;color:rgba(244,241,236,.35);letter-spacing:.08em;margin-bottom:.875rem}
.book-btn{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--fm);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.45rem 1rem;background:var(--lemon);color:var(--black);border:none;cursor:none;transition:background .2s,transform .15s}
.book-btn:hover{background:#d4ff00;transform:translateX(3px)}

/* RADIO */
.radio-section{padding:6rem 4rem;background:var(--black)}
.radio-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.radio-bars{display:flex;gap:4px;align-items:flex-end;height:48px;margin-bottom:1.75rem}
.rb{width:4px;background:var(--orange);animation:rb 1.2s ease-in-out infinite;transform-origin:bottom}
.rb:nth-child(2n){animation-delay:.2s;background:var(--lemon)}
.rb:nth-child(3n){animation-delay:.4s}
.rb:nth-child(4n){animation-delay:.1s}
@keyframes rb{0%,100%{height:20%}50%{height:100%}}
.radio-title{font-size:clamp(2.5rem,4.5vw,3.75rem);font-weight:700;letter-spacing:-.04em;line-height:.95;margin:1rem 0}
.radio-title span{color:var(--orange)}
.radio-desc{font-size:1rem;line-height:1.7;color:rgba(244,241,236,.5);max-width:40ch;margin-bottom:2rem}
.tracks-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}
.track-card{background:var(--s0);padding:1rem;transition:background .2s;position:relative;overflow:hidden;cursor:none}
.track-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange);transform:scaleY(0);transform-origin:bottom;transition:transform .25s}
.track-card:hover::before{transform:scaleY(1)}
.track-card:hover{background:var(--s1)}
.tk-num{font-family:var(--fm);font-size:.58rem;color:var(--orange);letter-spacing:.1em;margin-bottom:.25rem}
.tk-name{font-size:.9rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}
.tk-artist{font-family:var(--fm);font-size:.62rem;color:rgba(244,241,236,.35);letter-spacing:.08em}

/* NEWSLETTER */
.newsletter-section{background:var(--orange);padding:5.5rem 4rem;position:relative;overflow:hidden}
.nl-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.nl-title{font-size:clamp(2rem,4vw,3.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.0;color:var(--black);margin-top:.5rem}
.nl-form{display:flex;flex-direction:column;gap:.875rem}
.nl-input{background:rgba(0,0,0,.12);border:none;border-bottom:2px solid rgba(0,0,0,.25);padding:.875rem .5rem;font-family:var(--fg);font-size:1rem;color:var(--black);outline:none;transition:border-color .2s}
.nl-input::placeholder{color:rgba(0,0,0,.4)}
.nl-input:focus{border-color:var(--black)}
.nl-submit{align-self:flex-start;font-family:var(--fm);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.875rem 2rem;background:var(--black);color:var(--white);border:none;cursor:none;transition:transform .2s,background .2s}
.nl-submit:hover{transform:translateY(-2px);background:var(--s0)}
.nl-terms{font-family:var(--fm);font-size:.58rem;color:rgba(0,0,0,.4);letter-spacing:.08em;line-height:1.5}
.nl-bg-text{position:absolute;bottom:-2rem;right:-1rem;font-size:22rem;font-weight:900;color:rgba(0,0,0,.08);line-height:1;pointer-events:none;z-index:0;letter-spacing:-.05em}

/* FOOTER */
.footer{background:var(--s0);padding:4rem 4rem 2rem}
.footer-inner{max-width:1440px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem}
.footer-logo{font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.875rem;color:var(--white)}
.footer-tagline{font-size:.875rem;line-height:1.6;color:rgba(244,241,236,.4);max-width:32ch}
.fc-title{font-family:var(--fm);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:1.125rem}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.footer-col a{font-size:.875rem;color:rgba(244,241,236,.45);transition:color .2s}
.footer-col a:hover{color:var(--white)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(244,241,236,.06)}
.footer-copy{font-family:var(--fm);font-size:.58rem;letter-spacing:.1em;color:rgba(244,241,236,.25);text-transform:uppercase}
.footer-socials{display:flex;gap:1.25rem}
.fs{font-family:var(--fm);font-size:.65rem;letter-spacing:.1em;color:rgba(244,241,236,.3);transition:color .2s}
.fs:hover{color:var(--orange)}

/* PLAYER */
.player{position:fixed;bottom:0;left:0;right:0;height:var(--ph);background:rgba(10,10,10,.96);backdrop-filter:blur(24px);border-top:3px solid var(--orange);z-index:900;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 2rem;gap:2rem}
.player-track{display:flex;align-items:center;gap:.875rem}
.player-thumb{width:44px;height:44px;flex-shrink:0;overflow:hidden}
.player-thumb img{width:44px;height:44px;object-fit:cover}
.player-title{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-artist{font-family:var(--fm);font-size:.62rem;color:rgba(244,241,236,.4);letter-spacing:.08em}
.player-center{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.player-controls{display:flex;align-items:center;gap:1.25rem}
.player-btn{background:none;border:none;color:rgba(244,241,236,.45);cursor:none;font-size:.875rem;transition:color .2s,transform .15s;padding:.25rem}
.player-btn:hover{color:var(--white);transform:scale(1.1)}
.player-play{width:36px;height:36px;background:var(--orange);color:var(--white);border:none;cursor:none;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s}
.player-play:hover{background:var(--orange-d);transform:scale(1.05)}
.player-waveform{width:100%;height:28px}
.player-right{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem}
.player-time{font-family:var(--fm);font-size:.62rem;color:rgba(244,241,236,.4);letter-spacing:.06em}
.spotify-badge{display:flex;align-items:center;gap:.375rem;font-family:var(--fm);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,241,236,.3)}
.sp-dot{width:6px;height:6px;background:#1DB954;border-radius:50%;animation:pulse 2s infinite}

/* MODAL */
.modal-overlay{position:fixed;inset:0;background:rgba(10,10,10,.86);backdrop-filter:blur(14px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
.modal-overlay.active{opacity:1;pointer-events:all}
.modal{background:var(--s1);width:90%;max-width:520px;max-height:88vh;overflow-y:auto;transform:translateY(24px);transition:transform .3s}
.modal-overlay.active .modal{transform:translateY(0)}
.modal-head{padding:2rem 2rem 1.5rem;position:relative}
.modal-badge{font-family:var(--fm);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lemon);margin-bottom:.5rem}
.modal-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}
.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:rgba(244,241,236,.35);cursor:none;font-size:1.1rem;transition:color .2s}
.modal-close:hover{color:var(--white)}
.modal-body{padding:0 2rem 2rem;display:flex;flex-direction:column;gap:.875rem}
.modal-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;margin-bottom:.5rem}
.meta-item{background:var(--s0);padding:.75rem}
.mi-label{font-family:var(--fm);font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,241,236,.3);margin-bottom:.25rem}
.mi-val{font-size:.875rem;font-weight:600}
.modal-form-label{font-family:var(--fm);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-top:.25rem}
.modal-input{background:var(--s0);border:none;border-bottom:2px solid rgba(244,241,236,.08);padding:.875rem .5rem;font-family:var(--fg);font-size:.95rem;color:var(--white);outline:none;transition:border-color .2s}
.modal-input::placeholder{color:rgba(244,241,236,.2)}
.modal-input:focus{border-color:var(--orange)}
.modal-submit{margin-top:.375rem;font-family:var(--fm);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:1rem 2rem;background:var(--orange);color:var(--white);border:none;cursor:none;transition:background .2s}
.modal-submit:hover{background:var(--orange-d)}
.modal-submit:disabled{opacity:.6;cursor:not-allowed}
.modal-error{font-family:var(--fm);font-size:.7rem;color:var(--orange);margin-top:.5rem;letter-spacing:.05em}

/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.rd1{transition-delay:.1s}.rd2{transition-delay:.2s}.rd3{transition-delay:.3s}.rd4{transition-delay:.4s}

/* RESPONSIVE */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-right{height:460px}
  .hero-left{padding:3.5rem 2rem}
  .masonry{columns:2}
  .feed-section,.events-section .events-inner,.radio-section,.newsletter-section,.footer{padding-left:2rem;padding-right:2rem}
  .radio-inner{grid-template-columns:1fr;gap:2.5rem}
  .nl-inner{grid-template-columns:1fr;gap:2rem}
  .footer-top{grid-template-columns:1fr 1fr;gap:2rem}
  .bc-large,.bc-wide{grid-column:span 12}
  .bento-card:nth-child(2),.bento-card:nth-child(3),.bento-card:nth-child(4),.bento-card:nth-child(5){grid-column:span 6}
  .player{grid-template-columns:1fr 1fr}
  .player-right{display:none}
}
@media(max-width:640px){
  .nav-links{display:none}
  .nav-links.open{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;background:rgba(10,10,10,.97);backdrop-filter:blur(20px);padding:2rem 2rem 2.5rem;gap:1.75rem;z-index:999}
  .nav-hamburger{display:flex}
  .masonry{columns:1}
  .bento-card{grid-column:span 12!important}
  .hero-left{padding:2.5rem 1.5rem}
  .footer-top{grid-template-columns:1fr}
  .player{grid-template-columns:1fr auto;padding:0 1rem}
  .feed-section,.events-section .events-inner,.radio-section{padding:3rem 1.5rem}
  .newsletter-section{padding:3.5rem 1.5rem}
  .nl-bg-text{font-size:10rem}
  .footer{padding:3rem 1.5rem 1.5rem}
}
/* ── SKELETON LOADING ───────────────────────── */
@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.skeleton-block{background:var(--s1);position:relative;overflow:hidden}
.skeleton-block::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(244,241,236,.05),transparent);animation:shimmer 1.6s infinite}

/* ── INNER PAGES ─────────────────────────────── */
#pageView{padding-top:64px}
.inner-page{min-height:calc(100vh - 64px);animation:pageIn .35s cubic-bezier(.16,1,.3,1)}
@keyframes pageIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

/* Back button (shared) */
.page-back{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--fm);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,241,236,.4);transition:color .2s;cursor:none;background:none;border:none;padding:0;margin-bottom:2rem}
.page-back:hover{color:var(--orange)}
[data-theme="light"] .page-back{color:rgba(10,10,10,.38)}
[data-theme="light"] .page-back:hover{color:var(--orange)}

/* ── ARTICLE DETAIL PAGE ────────────────────── */
.article-hero{width:100%;height:60vh;min-height:360px;position:relative;overflow:hidden;background:var(--s1)}
.article-hero img{width:100%;height:100%;object-fit:cover}
.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,var(--black) 0%,transparent 55%)}
.article-content-wrap{max-width:1440px;margin:0 auto;padding:3rem 4rem;display:grid;grid-template-columns:1fr 340px;gap:5rem;align-items:start}
.article-back-wrap{margin-bottom:2rem}
.article-cat-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}
.article-headline{font-size:clamp(2rem,5vw,4rem);font-weight:700;letter-spacing:-.04em;line-height:.95;margin-bottom:1.5rem}
.article-headline em{font-style:normal;color:var(--orange)}
.article-byline{display:flex;align-items:center;gap:1.5rem;font-family:var(--fm);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,241,236,.35);margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(244,241,236,.07)}
[data-theme="light"] .article-byline{border-bottom-color:rgba(10,10,10,.07);color:rgba(10,10,10,.35)}
.article-body{font-size:1.05rem;line-height:1.8;color:rgba(244,241,236,.75);max-width:68ch}
[data-theme="light"] .article-body{color:rgba(10,10,10,.7)}
.article-body h2{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:var(--white);margin:2.5rem 0 1rem}
[data-theme="light"] .article-body h2{color:#0A0A0A}
.article-body h3{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--white);margin:2rem 0 .75rem}
[data-theme="light"] .article-body h3{color:#0A0A0A}
.article-body p{margin-bottom:1.5rem}
.article-body strong{color:var(--white);font-weight:600}
[data-theme="light"] .article-body strong{color:#0A0A0A}
.article-body em{font-style:italic;color:var(--orange)}
.article-body a{color:var(--orange);border-bottom:1px solid rgba(255,95,31,.3);transition:border-color .2s}
.article-body a:hover{border-bottom-color:var(--orange)}
.article-body blockquote{border-left:3px solid var(--orange);padding:.75rem 0 .75rem 1.5rem;margin:2rem 0;font-size:1.15rem;font-style:italic;color:rgba(244,241,236,.6)}
[data-theme="light"] .article-body blockquote{color:rgba(10,10,10,.5)}
.article-body img{width:100%;margin:2rem 0}
.article-no-body{font-family:var(--fm);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,241,236,.2);padding:3rem 0}
[data-theme="light"] .article-no-body{color:rgba(10,10,10,.25)}
/* Article sidebar */
.sidebar-section{margin-bottom:3rem}
.sidebar-label{font-family:var(--fm);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:1.25rem}
.related-card{display:flex;gap:.875rem;margin-bottom:1.25rem;cursor:none;transition:opacity .2s}
.related-card:hover{opacity:.7}
.related-thumb{width:72px;height:60px;flex-shrink:0;overflow:hidden;background:var(--s1)}
.related-thumb img{width:100%;height:100%;object-fit:cover}
.related-cat{font-family:var(--fm);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:var(--orange);margin-bottom:.25rem}
.related-title{font-size:.85rem;font-weight:600;line-height:1.25;letter-spacing:-.01em}
.ext-link-banner{display:flex;align-items:center;justify-content:space-between;background:var(--s1);padding:1rem 1.25rem;gap:1rem}
.elb-text{font-family:var(--fm);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,241,236,.5)}
[data-theme="light"] .elb-text{color:rgba(10,10,10,.4)}
.elb-btn{font-family:var(--fm);font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.5rem 1rem;background:var(--orange);color:var(--white);flex-shrink:0;transition:background .2s}
.elb-btn:hover{background:var(--orange-d)}

/* ── EVENTS PAGE ─────────────────────────────── */
.events-page-wrap{max-width:1440px;margin:0 auto;padding:3rem 4rem 6rem}
.events-page-header{margin-bottom:3rem}
.events-page-header .section-title{font-size:clamp(2.5rem,5vw,4.5rem)}
.events-filter{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}
.ef-btn{font-family:var(--fm);font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.4rem 1rem;background:transparent;border:1.5px solid rgba(244,241,236,.15);color:rgba(244,241,236,.45);cursor:none;transition:all .2s}
.ef-btn:hover,.ef-btn.active{background:var(--orange);border-color:var(--orange);color:var(--white)}
[data-theme="light"] .ef-btn{border-color:rgba(10,10,10,.15);color:rgba(10,10,10,.45)}
.events-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.event-page-card{background:var(--s0);overflow:hidden;transition:transform .3s;cursor:none;position:relative}
.event-page-card:hover{transform:translateY(-4px)}
.epc-img{height:240px;overflow:hidden;position:relative}
.epc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.event-page-card:hover .epc-img img{transform:scale(1.05)}
.epc-img-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.75) 0%,transparent 60%)}
.epc-body{padding:1.5rem}
.epc-date{font-family:var(--fm);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--orange);margin-bottom:.5rem}
.epc-title{font-size:1.3rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:.5rem}
.epc-venue{font-family:var(--fm);font-size:.62rem;color:rgba(244,241,236,.35);letter-spacing:.08em;margin-bottom:.375rem}
[data-theme="light"] .epc-venue{color:rgba(10,10,10,.38)}
.epc-price{font-family:var(--fm);font-size:.65rem;font-weight:600;letter-spacing:.1em;color:var(--lemon);margin-bottom:1.25rem}
.epc-time{font-family:var(--fm);font-size:.6rem;color:rgba(244,241,236,.3);letter-spacing:.1em;margin-bottom:1.25rem}
[data-theme="light"] .epc-time{color:rgba(10,10,10,.32)}

/* ── RADIO PAGE ──────────────────────────────── */
.radio-page-wrap{background:var(--black);min-height:100vh}
.radio-page-header{padding:3rem 4rem 0;max-width:1440px;margin:0 auto}
.radio-now-playing{background:var(--s0);padding:3rem 4rem;text-align:center;position:relative;overflow:hidden}
.rnp-inner{max-width:640px;margin:0 auto;position:relative;z-index:1}
.rnp-label{font-family:var(--fm);font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--orange);margin-bottom:1.5rem}
.rnp-art{width:160px;height:160px;margin:0 auto 1.5rem;overflow:hidden;background:var(--s1)}
.rnp-art img{width:100%;height:100%;object-fit:cover}
.rnp-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;letter-spacing:-.03em;margin-bottom:.375rem}
.rnp-artist{font-family:var(--fm);font-size:.75rem;color:rgba(244,241,236,.45);letter-spacing:.1em;margin-bottom:1.5rem}
[data-theme="light"] .rnp-artist{color:rgba(10,10,10,.4)}
.rnp-art-placeholder{width:100%;height:100%;background:var(--s2)}
.rnp-controls{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-bottom:1.25rem}
.rnp-ctrl{background:none;border:1.5px solid rgba(244,241,236,.15);color:var(--white);font-size:.75rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:none;transition:border-color .2s,color .2s}
.rnp-ctrl:hover{border-color:var(--orange);color:var(--orange)}
.rnp-play{width:56px;height:56px;font-size:1rem;border-color:var(--orange);color:var(--orange)}
.rnp-play.is-playing{background:var(--orange);color:var(--black)}
.rnp-progress-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}
.rnp-progress-bar{flex:1;height:3px;background:rgba(244,241,236,.1);position:relative;overflow:hidden}
.rnp-progress-fill{height:100%;background:var(--orange);width:0%;transition:width .5s linear}
.rnp-time,.rnp-duration{font-family:var(--fm);font-size:.6rem;color:rgba(244,241,236,.35);letter-spacing:.05em;min-width:2.5rem}
.rnp-duration{text-align:right}
[data-theme="light"] .rnp-ctrl{color:var(--black);border-color:rgba(10,10,10,.15)}
.radio-embed-section{background:var(--black);padding:2.5rem 4rem}
.radio-embed-inner{max-width:700px;margin:0 auto}
.radio-embed-inner .section-label{margin-bottom:1rem}
.rth-count{font-family:var(--fm);font-size:.65rem;color:rgba(244,241,236,.3);letter-spacing:.1em}
.rnp-bars{display:flex;gap:4px;align-items:flex-end;height:32px;justify-content:center;margin-bottom:0}
.rnp-bars .rb{width:4px;background:var(--orange)}
.rnp-bars .rb:nth-child(2n){background:var(--lemon)}
.rnp-bg{position:absolute;inset:0;font-size:16rem;font-weight:900;color:rgba(244,241,236,.02);display:flex;align-items:center;justify-content:center;letter-spacing:-.05em;pointer-events:none}
.radio-tracklist-section{max-width:1440px;margin:0 auto;padding:3rem 4rem 6rem}
.radio-tracklist-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem}
.radio-full-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}
.track-card-full{background:var(--s0);padding:1.25rem 1.25rem 1.25rem 1rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.875rem;transition:background .2s;cursor:none;position:relative;overflow:hidden}
.track-card-full::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange);transform:scaleY(0);transform-origin:bottom;transition:transform .25s}
.track-card-full:hover::before{transform:scaleY(1)}
.track-card-full:hover{background:var(--s1)}
.track-card-full.is-playing{background:var(--s1)}
.track-card-full.is-playing::before{transform:scaleY(1)}
.tcf-art{width:52px;height:52px;overflow:hidden;background:var(--s2);flex-shrink:0}
.tcf-art img{width:100%;height:100%;object-fit:cover}
.tcf-num{font-family:var(--fm);font-size:.55rem;color:var(--orange);letter-spacing:.1em;margin-bottom:.2rem}
.tcf-title{font-size:.9rem;font-weight:700;line-height:1.2;margin-bottom:.2rem}
.tcf-artist{font-family:var(--fm);font-size:.6rem;color:rgba(244,241,236,.35);letter-spacing:.08em}
[data-theme="light"] .tcf-artist{color:rgba(10,10,10,.38)}
.tcf-spotify{color:rgba(244,241,236,.2);transition:color .2s;font-family:var(--fm);font-size:.65rem;letter-spacing:.06em}
.tcf-spotify:hover{color:#1DB954}

/* ── ABOUT PAGE ──────────────────────────────── */
.about-page-wrap{max-width:1440px;margin:0 auto;padding:3rem 4rem 6rem}
.about-hero-text{padding:4rem 0 5rem;border-bottom:1px solid rgba(244,241,236,.07)}
[data-theme="light"] .about-hero-text{border-bottom-color:rgba(10,10,10,.07)}
.about-statement{font-size:clamp(2rem,5vw,4.5rem);font-weight:700;letter-spacing:-.04em;line-height:.93;max-width:18ch}
.about-statement em{font-style:normal;color:var(--orange)}
.about-sub{font-size:1.05rem;line-height:1.8;color:rgba(244,241,236,.5);max-width:52ch;margin-top:2rem}
[data-theme="light"] .about-sub{color:rgba(10,10,10,.5)}
.about-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:4rem 0;border-bottom:1px solid rgba(244,241,236,.07)}
[data-theme="light"] .about-pillars{border-bottom-color:rgba(10,10,10,.07)}
.pillar{background:var(--s0);padding:2rem}
.pillar-icon{font-size:1.5rem;margin-bottom:1rem;color:var(--orange)}
.pillar-name{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}
.pillar-desc{font-size:.875rem;line-height:1.6;color:rgba(244,241,236,.45)}
[data-theme="light"] .pillar-desc{color:rgba(10,10,10,.45)}
.about-mission{padding:4rem 0;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;border-bottom:1px solid rgba(244,241,236,.07)}
[data-theme="light"] .about-mission{border-bottom-color:rgba(10,10,10,.07)}
.am-label{font-family:var(--fm);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:1rem}
.am-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:1.5rem}
.am-body{font-size:1rem;line-height:1.8;color:rgba(244,241,236,.5)}
[data-theme="light"] .am-body{color:rgba(10,10,10,.5)}
.am-stats{display:flex;flex-direction:column;gap:2rem}
.stat{border-left:3px solid var(--orange);padding-left:1.5rem}
.stat-num{font-size:3rem;font-weight:700;letter-spacing:-.05em;line-height:1;color:var(--orange)}
.stat-label{font-family:var(--fm);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(244,241,236,.35);margin-top:.25rem}
[data-theme="light"] .stat-label{color:rgba(10,10,10,.38)}
.about-connect{padding:4rem 0}
.about-connect-title{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;letter-spacing:-.03em;margin-bottom:2rem}
.about-socials{display:flex;gap:1rem;flex-wrap:wrap}
.about-social-link{font-family:var(--fm);font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.6rem 1.5rem;border:1.5px solid rgba(244,241,236,.15);color:rgba(244,241,236,.6);transition:all .2s}
.about-social-link:hover{border-color:var(--orange);color:var(--orange)}
[data-theme="light"] .about-social-link{border-color:rgba(10,10,10,.15);color:rgba(10,10,10,.5)}

/* ── SERVICES PAGE ───────────────────────────── */
.services-page-wrap{max-width:1440px;margin:0 auto;padding:3rem 4rem 6rem}
.services-back-wrap{margin-bottom:1rem}
.services-hero{padding:4rem 0 5rem;border-bottom:1px solid rgba(244,241,236,.07)}
[data-theme="light"] .services-hero{border-bottom-color:rgba(10,10,10,.07)}
.services-hero-title{font-size:clamp(2rem,5vw,4.5rem);font-weight:700;letter-spacing:-.04em;line-height:.93;max-width:18ch}
.services-hero-title em{font-style:normal;color:var(--orange)}
.services-hero-sub{font-size:1.05rem;line-height:1.8;color:rgba(244,241,236,.5);max-width:56ch;margin-top:2rem}
[data-theme="light"] .services-hero-sub{color:rgba(10,10,10,.5)}
.services-section{padding:4rem 0;border-bottom:1px solid rgba(244,241,236,.07)}
[data-theme="light"] .services-section{border-bottom-color:rgba(10,10,10,.07)}
.services-grid{padding:0!important;border-bottom:none!important;margin-top:2rem}
.pillar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}
.pillar-list li{font-family:var(--fm);font-size:.65rem;letter-spacing:.08em;color:rgba(244,241,236,.45);padding-left:.75rem;position:relative}
.pillar-list li::before{content:'—';position:absolute;left:0;color:var(--orange);opacity:.6}
[data-theme="light"] .pillar-list li{color:rgba(10,10,10,.45)}
.services-case-section{padding:4rem 0;border-bottom:1px solid rgba(244,241,236,.07)}
[data-theme="light"] .services-case-section{border-bottom-color:rgba(10,10,10,.07)}
.case-studies-row{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.case-studies-row::-webkit-scrollbar{display:none}
.case-study-card{background:var(--s0);padding:2rem;min-width:240px;flex-shrink:0;border-top:2px solid var(--orange);transition:background .2s}
.case-study-card:hover{background:var(--s1)}
.cs-label{font-family:var(--fm);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:.75rem}
.cs-title{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:.5rem}
.cs-artist{font-family:var(--fm);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,241,236,.35)}
[data-theme="light"] .cs-artist{color:rgba(10,10,10,.35)}
.services-testimonials{padding:4rem 0;border-bottom:1px solid rgba(244,241,236,.07)}
[data-theme="light"] .services-testimonials{border-bottom-color:rgba(10,10,10,.07)}
.testimonials-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.testimonial-card{background:var(--s0);padding:2.5rem}
.tc-quote{font-size:.95rem;line-height:1.8;color:rgba(244,241,236,.6);margin-bottom:2rem;font-style:italic}
[data-theme="light"] .tc-quote{color:rgba(10,10,10,.6)}
.tc-meta{border-top:1px solid rgba(244,241,236,.07);padding-top:1.25rem}
[data-theme="light"] .tc-meta{border-top-color:rgba(10,10,10,.07)}
.tc-name{font-weight:700;font-size:.9rem;letter-spacing:-.01em}
.tc-company{font-family:var(--fm);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-top:.25rem}
.services-cta-strip{background:var(--lemon);color:var(--black);padding:5rem 4rem;margin-top:4rem;position:relative;overflow:hidden}
.services-cta-inner{max-width:56ch;position:relative;z-index:1}
.services-cta-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.04em;line-height:.95;margin-bottom:1.25rem;color:var(--black)}
.services-cta-desc{font-size:1rem;line-height:1.7;color:rgba(0,0,0,.55);margin-bottom:2.5rem}
.services-cta-strip .btn-primary{color:#fff}
.services-cta-bg{position:absolute;right:-2rem;top:50%;transform:translateY(-50%);font-size:clamp(8rem,18vw,16rem);font-weight:900;color:rgba(0,0,0,.06);letter-spacing:-.05em;pointer-events:none;line-height:1}

/* ── QUIZ CTA STRIP ──────────────────────────── */
.quiz-cta-strip{background:var(--lemon);color:var(--black);padding:5rem 4rem;position:relative;overflow:hidden}
.quiz-cta-strip__inner{max-width:1440px;margin:0 auto;position:relative;z-index:1;max-width:56ch}
.quiz-cta-strip__label{font-family:var(--fm);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(0,0,0,.45);margin-bottom:1rem}
.quiz-cta-strip__title{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.04em;line-height:.95;margin-bottom:1.25rem;color:var(--black)}
.quiz-cta-strip__desc{font-size:1rem;line-height:1.7;color:rgba(0,0,0,.55);margin-bottom:2.5rem;max-width:44ch}
.quiz-cta-strip .btn-primary{color:#fff}
.quiz-cta-strip__bg{position:absolute;right:-2rem;top:50%;transform:translateY(-50%);font-size:clamp(8rem,18vw,16rem);font-weight:900;color:rgba(0,0,0,.06);letter-spacing:-.05em;pointer-events:none;line-height:1;white-space:nowrap}

/* ── QUIZ PAGE ───────────────────────────────── */
.quiz-page-wrap{max-width:1440px;margin:0 auto;padding:3rem 4rem 6rem}
.quiz-page-header{padding-bottom:3rem}
.quiz-page-title{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;letter-spacing:-.04em;line-height:.95;margin-top:.75rem;margin-bottom:.75rem}
.quiz-page-sub{font-size:.95rem;color:rgba(244,241,236,.45);line-height:1.6}
[data-theme="light"] .quiz-page-sub{color:rgba(10,10,10,.45)}

/* ── QUIZ PROGRESS ───────────────────────────── */
.quiz-progress{height:3px;background:rgba(244,241,236,.08);margin-bottom:0}
[data-theme="light"] .quiz-progress{background:rgba(10,10,10,.08)}
.quiz-progress__bar{height:100%;background:var(--orange);transition:width .4s ease}

/* ── QUIZ STEP ───────────────────────────────── */
.quiz-step-wrap{max-width:680px;margin:0 auto}
.quiz-step{padding:3rem 0 4rem}
.quiz-step__counter{font-family:var(--fm);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:1rem}
.quiz-step__prompt{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem}
.quiz-step__sub{font-size:.875rem;color:rgba(244,241,236,.45);margin-bottom:2rem}
[data-theme="light"] .quiz-step__sub{color:rgba(10,10,10,.45)}

/* ── QUIZ OPTIONS ────────────────────────────── */
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.quiz-option{background:var(--s0);border:2px solid transparent;padding:1.75rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.625rem;cursor:none;transition:border-color .2s,background .2s,color .2s;text-align:center;font-family:inherit}
.quiz-option:hover{border-color:var(--orange)}
.quiz-option--selected{background:var(--orange);color:var(--black);border-color:var(--orange)}
.quiz-option__icon{font-size:2rem;line-height:1}
.quiz-option__label{font-family:var(--fm);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
[data-theme="light"] .quiz-option{background:var(--s0)}
[data-theme="light"] .quiz-option--selected{background:var(--orange);color:#fff}

/* ── QUIZ LOADING ────────────────────────────── */
.quiz-loading{text-align:center;padding:6rem 2rem}
.quiz-loading__bars{display:flex;gap:4px;align-items:flex-end;height:36px;justify-content:center;margin-bottom:1.5rem}
.quiz-loading__bars .rb{width:5px;background:var(--orange)}
.quiz-loading__bars .rb:nth-child(2n){background:var(--lemon)}
.quiz-loading__text{font-family:var(--fm);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,241,236,.35)}
[data-theme="light"] .quiz-loading__text{color:rgba(10,10,10,.35)}

/* ── QUIZ RESULTS ────────────────────────────── */
.quiz-results-wrap{max-width:1440px;margin:0 auto;padding:3rem 4rem 6rem}
.quiz-results-header{padding-bottom:4rem;border-bottom:1px solid rgba(244,241,236,.07)}
[data-theme="light"] .quiz-results-header{border-bottom-color:rgba(10,10,10,.07)}
.quiz-results__archetype{font-size:clamp(2.5rem,6vw,5.5rem);font-weight:700;letter-spacing:-.05em;line-height:.95;margin:.75rem 0 1.25rem}
.quiz-results__desc{font-size:1.05rem;line-height:1.75;color:rgba(244,241,236,.55);max-width:48ch;margin-bottom:1.5rem}
[data-theme="light"] .quiz-results__desc{color:rgba(10,10,10,.55)}
.quiz-results__cats{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}
.quiz-retake{font-family:var(--fm);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.75rem 1.75rem;background:none;border:1.5px solid rgba(244,241,236,.2);color:rgba(244,241,236,.6);cursor:none;transition:border-color .2s,color .2s}
.quiz-retake:hover{border-color:var(--orange);color:var(--orange)}
[data-theme="light"] .quiz-retake{border-color:rgba(10,10,10,.2);color:rgba(10,10,10,.5)}
[data-theme="light"] .quiz-retake:hover{border-color:var(--orange);color:var(--orange)}
.quiz-results-section{padding-top:4rem}

/* ── POP-UP MODALS ───────────────────────────── */
.popup-overlay{position:fixed;inset:0;background:rgba(10,10,10,.88);backdrop-filter:blur(16px);z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s}
.popup-overlay.active{opacity:1;pointer-events:all}
.popup{position:relative;background:var(--s1);max-height:92vh;overflow-y:auto;transform:translateY(20px);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.popup-overlay.active .popup{transform:translateY(0)}
.popup-close{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;color:rgba(244,241,236,.3);cursor:none;font-size:1rem;transition:color .2s;z-index:1}
.popup-close:hover{color:var(--white)}
[data-theme="light"] .popup-close{color:rgba(10,10,10,.3)}
[data-theme="light"] .popup-close:hover{color:#0A0A0A}

/* Welcome modal */
.popup-welcome{width:100vw;height:100vh;max-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--black);padding:3rem}
.pw-dot{margin-bottom:2rem}
.pw-logo{font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:-.05em;line-height:1;margin-bottom:.875rem}
.pw-tagline{font-family:var(--fm);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:2rem}
.pw-desc{font-size:1rem;line-height:1.7;color:rgba(244,241,236,.45);max-width:44ch;margin-bottom:3rem}
.pw-enter{font-family:var(--fm);font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:1rem 2.5rem;background:var(--orange);color:var(--white);border:2px solid var(--orange);cursor:none;transition:background .2s,color .2s}
.pw-enter:hover{background:transparent;color:var(--orange)}

/* Newsletter modal */
.popup-newsletter{width:90%;max-width:520px;padding:0}
.pn-header{background:var(--orange);padding:2rem 2rem 1.5rem}
.pn-header .section-label{color:rgba(0,0,0,.5)}
.pn-title{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:var(--black);margin-top:.375rem}
.pn-desc{padding:1.5rem 2rem .5rem;font-size:.9rem;line-height:1.7;color:rgba(244,241,236,.5)}
[data-theme="light"] .pn-desc{color:rgba(10,10,10,.5)}
.popup-newsletter form{padding:0 2rem}
.pn-input{background:var(--s0);border:none;border-bottom:2px solid rgba(244,241,236,.1);padding:.875rem .5rem;font-family:var(--fg);font-size:.95rem;color:var(--white);outline:none;transition:border-color .2s;width:100%;margin-bottom:.875rem}
.pn-input:focus{border-color:var(--orange)}
[data-theme="light"] .pn-input{background:var(--s0);color:#0A0A0A;border-bottom-color:rgba(10,10,10,.1)}
.pn-submit{font-family:var(--fm);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.875rem 2rem;background:var(--orange);color:var(--white);border:none;cursor:none;transition:background .2s;margin-bottom:1rem}
.pn-submit:hover{background:var(--orange-d)}
.pn-skip{display:block;width:100%;padding:1rem 2rem;background:none;border:none;font-family:var(--fm);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,241,236,.25);cursor:none;transition:color .2s;text-align:left;margin-bottom:.5rem}
.pn-skip:hover{color:rgba(244,241,236,.5)}
[data-theme="light"] .pn-skip{color:rgba(10,10,10,.25)}

/* Confirm modals (subscribe + booking) */
.popup-confirm{width:90%;max-width:420px;padding:3rem 2.5rem;text-align:center}
.pc-icon{font-size:2.5rem;color:var(--orange);margin-bottom:1rem;font-weight:700}
.pc-title{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.75rem}
.pc-event-info{background:var(--s0);padding:1rem 1.25rem;margin:.75rem 0;text-align:left}
.pce-name{font-size:1rem;font-weight:700;margin-bottom:.25rem}
.pce-meta{font-family:var(--fm);font-size:.6rem;color:rgba(244,241,236,.4);letter-spacing:.08em}
[data-theme="light"] .pce-meta{color:rgba(10,10,10,.38)}
.pc-desc{font-size:.875rem;line-height:1.6;color:rgba(244,241,236,.45);margin-bottom:2rem}
[data-theme="light"] .pc-desc{color:rgba(10,10,10,.45)}
.pc-close{font-family:var(--fm);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.75rem 2rem;background:var(--orange);color:var(--white);border:none;cursor:none;transition:background .2s}
.pc-close:hover{background:var(--orange-d)}

/* Light mode popup adjustments */
[data-theme="light"] .popup{background:var(--s1)}
[data-theme="light"] .popup-welcome{background:#F4F1EC}
[data-theme="light"] .pw-desc{color:rgba(10,10,10,.45)}
[data-theme="light"] .pn-input{color:#0A0A0A}
[data-theme="light"] .pc-event-info{background:var(--s0)}

/* ── RESPONSIVE: INNER PAGES ─────────────────── */
@media(max-width:1024px){
  .article-content-wrap{grid-template-columns:1fr;gap:3rem;padding:2rem 2rem 4rem}
  .article-sidebar{display:none}
  .events-page-grid{grid-template-columns:1fr}
  .events-page-wrap,.radio-tracklist-section,.radio-page-header,.about-page-wrap,.quiz-page-wrap,.quiz-results-wrap,.services-page-wrap{padding-left:2rem;padding-right:2rem}
  .quiz-cta-strip,.services-cta-strip{padding-left:2rem;padding-right:2rem}
  .radio-full-grid{grid-template-columns:1fr}
  .about-pillars{grid-template-columns:1fr 1fr}
  .about-mission{grid-template-columns:1fr;gap:2.5rem}
  .radio-now-playing{padding:2.5rem 2rem}
  .radio-embed-section{padding:2rem}
  .testimonials-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .article-content-wrap{padding:1.5rem 1.5rem 3rem}
  .events-page-wrap,.radio-tracklist-section,.radio-page-header,.about-page-wrap,.quiz-page-wrap,.quiz-results-wrap,.services-page-wrap{padding-left:1.5rem;padding-right:1.5rem}
  .quiz-cta-strip,.services-cta-strip{padding-left:1.5rem;padding-right:1.5rem}
  .quiz-options{grid-template-columns:1fr 1fr}
  .about-pillars{grid-template-columns:1fr}
  .services-cta-strip{padding-top:3.5rem;padding-bottom:3.5rem}
  .events-filter{gap:.375rem}
  .radio-now-playing{padding:2rem 1.5rem}
  .radio-embed-section{padding:1.5rem}
  .rnp-progress-wrap{flex-wrap:wrap}
  .popup-newsletter,.popup-confirm{width:94%}
  .pw-desc{max-width:32ch}
}