/*Studio CSS*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --orange-light:#FFB37A;
  --orange:#BC5225;
  --orange-dark:#7A3010;
  --chrome:#C8C8D0;
  --chrome-dim:#9A9AA4;
  --ink:#070B1A;
  --ink-mid:#0C1124;
  --ink-lift:#101628;
  --ink-panel:#0E1320;
  --text:#F0EEEA;
  --text-muted:#9A9AA4;
  --text-dim:#4A4A52;
  --text-bright:#E4E2DE;
  --metal:linear-gradient(135deg,var(--orange-light) 0%,var(--orange) 40%,var(--orange-dark) 70%,var(--orange) 100%);
  --metal-text:linear-gradient(90deg,var(--orange-light),var(--orange),var(--orange-dark),var(--orange),var(--orange-light));
  --gap:2px;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:linear-gradient(160deg,#070B1A 0%,#0A0F22 50%,#070B1A 100%);background-attachment:fixed;color:var(--text);font-family:'Barlow',sans-serif;font-weight:400;overflow-x:hidden;cursor:none}

/* ════════════════════════════════════════
   CURSOR
════════════════════════════════════════ */
#cx,#cr{position:fixed;pointer-events:none;border-radius:50%;z-index:10000;transform:translate(-50%,-50%);top:0;left:0;transition-property:width,height,border-color}
#cx{width:8px;height:8px;background:var(--orange);transition-duration:.2s}
#cr{width:30px;height:30px;border:1px solid rgba(188,82,37,.5);transition:top .15s cubic-bezier(.23,1,.32,1),left .15s cubic-bezier(.23,1,.32,1),width .3s,height .3s,border-color .3s}
body:has(a:hover,button:hover,[data-h]:hover) #cx{width:14px;height:14px}
body:has(a:hover,button:hover,[data-h]:hover) #cr{width:48px;height:48px;border-color:var(--orange)}

/* ════════════════════════════════════════
   PROGRESS BAR
════════════════════════════════════════ */
#prog{position:fixed;top:0;left:0;height:1px;z-index:9999;background:var(--metal);width:0;transition:width .1s linear}

/* ════════════════════════════════════════
   NAV — matches homepage exactly
════════════════════════════════════════ */
nav{
  position:fixed;top:0;inset-inline:0;z-index:2000;
  display:flex;justify-content:space-between;align-items:center;
  padding:0 52px;height:72px;
  background:linear-gradient(to bottom,rgba(7,11,26,.97) 0%,rgba(7,11,26,0) 100%);
  transition:background .4s;
}
nav.scrolled{background:rgba(7,11,26,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04)}
.logo{display:flex;align-items:center;text-decoration:none;height:52px}
.logo img{height:100%;width:auto;object-fit:contain;display:block;filter:brightness(1.15)}
.logo-text-fallback{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#FFF;display:none;align-items:center}
.logo-x-fb{background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nav-links{display:flex;gap:0;list-style:none;align-items:center}
.nav-links li a{display:block;padding:0 15px;height:40px;line-height:40px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--chrome-dim);text-decoration:none;font-family:'Rajdhani',sans-serif;font-weight:600;transition:color .3s;white-space:nowrap}
.nav-links li a:hover,.nav-links li a.active{color:var(--orange)}
.nav-btn{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;background:transparent;border:1px solid var(--orange);color:var(--orange);padding:9px 22px;cursor:none;margin-left:20px;transition:background .3s,color .3s;text-decoration:none}
.nav-btn:hover{background:var(--orange);color:#FFF}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:none;padding:4px}
.hamburger span{display:block;width:22px;height:1px;background:var(--chrome);transition:all .3s}

/* ════════════════════════════════════════
   UTILITY CLASSES
════════════════════════════════════════ */
.metal-text{background:var(--metal-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200%;animation:shineText 5s linear infinite}
@keyframes shineText{0%{background-position:200%}100%{background-position:-200%}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}
.reveal-left.in{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(32px);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}
.reveal-right.in{opacity:1;transform:translateX(0)}
.section-eyebrow{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:14px;margin-bottom:10px}
.section-eyebrow::before{content:'';width:24px;height:1px;background:var(--orange)}
.section-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(32px,5vw,64px);letter-spacing:-.5px;line-height:1;color:#FFF;margin-bottom:18px}
.section-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:17px;color:var(--text-muted);line-height:1.7;max-width:560px}
.btn-primary{display:inline-flex;align-items:center;gap:10px;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:transparent;border:1px solid rgba(188,82,37,.65);color:var(--orange);padding:13px 32px;cursor:none;text-decoration:none;transition:all .3s}
.btn-primary:hover{background:var(--orange);color:#FFF;transform:translateY(-2px);box-shadow:0 10px 30px rgba(188,82,37,.3)}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-bright);padding:13px 32px;cursor:none;text-decoration:none;transition:all .3s}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange)}
.tag{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border:1px solid rgba(188,82,37,.3);color:rgba(255,179,122,.8)}
.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(188,82,37,.2),transparent);margin:0}

/* ════════════════════════════════════════
   HERO SECTION
════════════════════════════════════════ */
#hero{
  min-height:100vh;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:0 72px 80px;
  position:relative;overflow:hidden;
  background:var(--ink);
}
.hero-cinematic-bg{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(ellipse 80% 60% at 70% 30%, rgba(188,82,37,.08) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 20% 80%, rgba(188,82,37,.05) 0%, transparent 50%);
}
.hero-grid-lines{
  position:absolute;inset:0;z-index:0;
  background-image:
    linear-gradient(rgba(188,82,37,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(188,82,37,.04) 1px, transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 80%);
}
.hero-grain{
  position:absolute;inset:0;z-index:1;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  pointer-events:none;
}
.hero-video-frame{
  position:absolute;top:0;right:0;width:58%;height:100%;z-index:2;overflow:hidden;
  clip-path:polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
}
.hero-video-frame::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to right, var(--ink) 0%, rgba(7,11,26,.4) 30%, rgba(7,11,26,.1) 100%),
    linear-gradient(to top, rgba(7,11,26,.8) 0%, transparent 40%);
  z-index:2;
}
.hero-video-placeholder{
  width:100%;height:100%;
  background:
    linear-gradient(135deg, var(--ink-lift) 0%, var(--ink-mid) 100%);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
.hero-video-placeholder::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 60% at 60% 40%, rgba(188,82,37,.12), transparent 70%);
}
.hero-reel-label{
  font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;
  color:rgba(188,82,37,.4);position:relative;z-index:1;text-align:center;
}
.hero-play-btn{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;
  width:72px;height:72px;border-radius:50%;
  background:rgba(188,82,37,.15);border:1px solid rgba(188,82,37,.4);
  backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;
  cursor:none;transition:all .4s;
}
.hero-play-btn:hover{background:rgba(188,82,37,.3);transform:translate(-50%,-50%) scale(1.1)}
.hero-play-btn::after{content:'▶';color:var(--orange);font-size:18px;margin-left:3px}
.hero-content{position:relative;z-index:10;max-width:640px}
.hero-badge{
  font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:6px;text-transform:uppercase;
  color:rgba(255,179,122,.85);display:flex;align-items:center;gap:14px;margin-bottom:18px;
  animation:hFade .9s .2s both;
}
.hero-badge::before{content:'';width:36px;height:1px;background:var(--orange)}
.hero-h1{
  font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:clamp(52px,8.5vw,112px);
  line-height:.88;letter-spacing:-2px;color:#FFF;
  text-shadow:0 2px 32px rgba(0,0,0,.5);
  animation:hFade .9s .4s both;
}
.hero-h1 .line-accent{display:block}
.hero-sub{
  font-family:'Playfair Display',serif;font-style:italic;font-size:18px;
  color:rgba(240,238,234,.75);margin-top:18px;line-height:1.6;
  animation:hFade .9s .6s both;
}
.hero-ctas{display:flex;gap:14px;margin-top:36px;animation:hFade .9s .75s both;flex-wrap:wrap}
.hero-scroll-line{
  position:absolute;bottom:32px;right:72px;z-index:10;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  animation:hFade .9s 1.1s both;
}
.hero-scroll-line span{font-family:'Rajdhani',sans-serif;font-size:8px;letter-spacing:4px;text-transform:uppercase;color:var(--text-dim);writing-mode:vertical-rl}
.hero-scroll-line::before{content:'';width:1px;height:48px;background:linear-gradient(to bottom,var(--orange),transparent);animation:scrollPulse 2s ease-in-out infinite}
@keyframes scrollPulse{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes hFade{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.hero-stats-strip{
  position:absolute;bottom:0;left:0;right:0;z-index:10;
  display:flex;border-top:1px solid rgba(188,82,37,.1);
  background:linear-gradient(to right,rgba(7,11,26,.9),rgba(7,11,26,.6));
  backdrop-filter:blur(8px);
}
.hero-stat{
  flex:1;padding:18px 28px;border-right:1px solid rgba(255,255,255,.04);
  display:flex;flex-direction:column;gap:3px;
}
.hero-stat:last-child{border-right:none}
.hs-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1;background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hs-label{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--chrome-dim);font-weight:500}

/* ════════════════════════════════════════
   MARQUEE
════════════════════════════════════════ */
.marquee-strip{
  overflow:hidden;background:var(--orange);
  border-top:none;border-bottom:none;
  padding:12px 0;
}
.marquee-inner{display:flex;gap:0;animation:marquee 28s linear infinite;width:max-content}
.marquee-item{
  font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;
  color:rgba(7,11,26,.8);padding:0 40px;white-space:nowrap;display:flex;align-items:center;gap:20px;
}
.marquee-item::after{content:'✦';font-size:8px;opacity:.5}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ════════════════════════════════════════
   FEATURED PROJECT (HERO CASE STUDY)
════════════════════════════════════════ */
#featured{padding:120px 72px;background:var(--ink-mid);position:relative;overflow:hidden}
#featured::before{content:'01';position:absolute;top:-20px;right:60px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:200px;line-height:1;color:rgba(188,82,37,.04);pointer-events:none;user-select:none}
.featured-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1400px}
.featured-visual{position:relative}
.featured-frame{
  width:100%;aspect-ratio:16/10;background:var(--ink-lift);
  border:1px solid rgba(188,82,37,.15);overflow:hidden;position:relative;
}
.featured-frame-inner{
  width:100%;height:100%;
  background:linear-gradient(135deg, var(--ink-lift) 0%, rgba(16,22,40,.8) 100%);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
.featured-frame-inner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 40% 40%,rgba(188,82,37,.1),transparent 60%)}
.frame-placeholder-label{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:rgba(188,82,37,.35);position:relative;z-index:1;text-align:center}
.featured-frame-tag{
  position:absolute;top:20px;left:20px;z-index:3;
  background:rgba(188,82,37,.9);backdrop-filter:blur(8px);
  font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:#FFF;padding:5px 14px;
}
.featured-frame-num{
  position:absolute;bottom:20px;right:20px;z-index:3;
  font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;color:rgba(255,255,255,.35);
}
.featured-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;
  width:64px;height:64px;border-radius:50%;
  background:rgba(7,11,26,.6);border:1px solid rgba(188,82,37,.5);
  backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;
  cursor:none;transition:all .35s;opacity:0;
}
.featured-frame:hover .featured-play{opacity:1;transform:translate(-50%,-50%) scale(1.06)}
.featured-play::after{content:'▶';color:var(--orange);font-size:16px;margin-left:3px}
.featured-meta{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.featured-info{}
.feat-eyebrow{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:12px;margin-bottom:12px}
.feat-eyebrow::before{content:'';width:20px;height:1px;background:var(--orange)}
.feat-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(32px,4vw,52px);letter-spacing:0;line-height:1;color:#FFF;margin-bottom:16px}
.feat-desc{font-size:15px;line-height:1.85;color:var(--text-muted);margin-bottom:28px}
.feat-specs{display:flex;gap:var(--gap);margin-bottom:32px}
.feat-spec{padding:14px 20px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);flex:1;min-width:0}
.fs-label{font-family:'Rajdhani',sans-serif;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px}
.fs-value{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:600;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feat-cta{display:flex;gap:14px;align-items:center}

/* ════════════════════════════════════════
   CAPABILITIES — cinematic tile carousel
════════════════════════════════════════ */
#capabilities{padding:120px 72px;background:var(--ink)}
.cap-carousel-wrap{margin-top:56px;position:relative}
.cap-carousel{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;cursor:grab}
.cap-carousel::-webkit-scrollbar{display:none}
.cap-carousel:active{cursor:grabbing}
.cap-slide{
  flex:0 0 clamp(300px,32vw,420px);scroll-snap-align:start;
  position:relative;overflow:hidden;background:var(--ink-lift);
  border:1px solid rgba(255,255,255,.05);border-right:none;
  transition:background .4s;cursor:none;
  min-height:380px;display:flex;flex-direction:column;justify-content:flex-end;
}
.cap-slide:last-child{border-right:1px solid rgba(255,255,255,.05)}
.cap-slide::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 30% 30%,rgba(188,82,37,.08),transparent 65%);pointer-events:none}
.cap-slide-bar{position:absolute;top:0;left:0;right:0;height:2px;background:var(--metal);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.23,1,.32,1);z-index:3}
.cap-slide:hover .cap-slide-bar{transform:scaleX(1)}
.cap-slide-bg-num{position:absolute;top:16px;right:16px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:80px;line-height:1;color:rgba(188,82,37,.06);pointer-events:none;user-select:none;z-index:0;letter-spacing:-4px}
.cap-slide-content{position:relative;z-index:2;padding:36px 32px 40px;transition:transform .4s cubic-bezier(.23,1,.32,1)}
.cap-slide:hover .cap-slide-content{transform:translateY(-6px)}
.cap-slide-icon{font-size:32px;margin-bottom:20px;display:block;transition:transform .4s}
.cap-slide:hover .cap-slide-icon{transform:scale(1.15)}
.cap-slide-num{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:4px;color:rgba(188,82,37,.5);margin-bottom:12px}
.cap-slide-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:20px;letter-spacing:.5px;color:#FFF;margin-bottom:10px}
.cap-slide-desc{font-size:13px;line-height:1.75;color:var(--text-muted);margin-bottom:20px}
.cap-slide-services{display:flex;flex-direction:column;gap:5px;max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.23,1,.32,1)}
.cap-slide:hover .cap-slide-services{max-height:200px}
.cap-slide-service{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-bright);display:flex;align-items:center;gap:6px}
.cap-slide-service::before{content:'';width:3px;height:3px;border-radius:50%;background:var(--orange);flex-shrink:0}
/* Scroll hint arrows */
.cap-scroll-btns{display:flex;gap:8px;margin-top:20px;justify-content:flex-end}
.cap-scroll-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(188,82,37,.3);background:transparent;color:var(--orange);cursor:none;font-size:14px;transition:background .3s,border-color .3s;display:flex;align-items:center;justify-content:center}
.cap-scroll-btn:hover{background:var(--orange);color:#FFF;border-color:var(--orange)}
.cap-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:11px;letter-spacing:4px;color:rgba(188,82,37,.4);margin-bottom:20px;display:block}
.cap-icon{font-size:32px;margin-bottom:20px;display:block}
.cap-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:20px;letter-spacing:.5px;color:#FFF;margin-bottom:12px}
.cap-desc{font-size:14px;line-height:1.8;color:var(--text-muted)}
.cap-services{display:flex;flex-direction:column;gap:6px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}
.cap-service{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:8px}
.cap-service::before{content:'';width:4px;height:4px;border-radius:50%;background:rgba(188,82,37,.5);flex-shrink:0}
.cap-ghost{position:absolute;bottom:-12px;right:12px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:72px;line-height:1;color:rgba(255,255,255,.02);pointer-events:none;user-select:none}

/* ════════════════════════════════════════
   VIDEO GRID
════════════════════════════════════════ */
.vid-filter-row{display:flex;gap:2px;flex-wrap:wrap}
.vf-btn{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:8px 18px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--chrome-dim);cursor:none;transition:all .3s}
.vf-btn:hover{color:#FFF;border-color:rgba(255,255,255,.3)}
.vf-btn.active{background:var(--orange);border-color:transparent;color:#FFF}
.vid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.vid-card{background:var(--ink-lift);border:1px solid rgba(255,255,255,.04);overflow:hidden;position:relative;cursor:none;transition:border-color .35s,transform .35s;text-decoration:none;color:inherit;display:block}
.vid-card:hover{border-color:rgba(188,82,37,.35);transform:translateY(-4px)}
.vid-card.wide{grid-column:span 2}
/* Thumbnail / iframe wrapper */
.vid-thumb{position:relative;overflow:hidden;background:var(--ink-mid);aspect-ratio:16/9}
.vid-thumb iframe{width:100%;height:100%;border:none;display:block}
.vid-thumb-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .6s cubic-bezier(.23,1,.32,1),filter .4s}
.vid-card:hover .vid-thumb-img{transform:scale(1.04);filter:brightness(.8)}
.vid-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,11,26,.85) 0%,rgba(7,11,26,.15) 50%,transparent 80%);z-index:1;pointer-events:none}
.vid-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:52px;height:52px;border-radius:50%;background:rgba(7,11,26,.65);border:1px solid rgba(188,82,37,.55);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s,transform .3s}
.vid-play-btn::after{content:'▶';color:var(--orange);font-size:14px;margin-left:2px}
.vid-card:hover .vid-play-btn{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
.vid-cat-badge{position:absolute;top:14px;left:14px;z-index:3;font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:rgba(188,82,37,.9);color:#FFF;padding:4px 12px;backdrop-filter:blur(6px)}
.vid-info{padding:20px 22px 24px}
.vid-meta{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:7px}
.vid-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(14px,1.8vw,18px);letter-spacing:.5px;color:#FFF;margin-bottom:7px;line-height:1.15}
.vid-desc{font-size:12px;line-height:1.65;color:var(--text-muted)}
.vid-arrow{position:absolute;bottom:20px;right:20px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(188,82,37,.25);display:flex;align-items:center;justify-content:center;color:var(--orange);font-size:11px;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}
.vid-card:hover .vid-arrow{opacity:1;transform:translateX(0)}
/* Featured video embed */
.featured-vid-wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:0;border:1px solid rgba(188,82,37,.15);max-width:1200px}
.fv-embed{position:relative;overflow:hidden;background:var(--ink-lift)}
.fv-embed iframe{width:100%;display:block;aspect-ratio:16/9;border:none}
.fv-info{padding:40px 36px;background:var(--ink-lift);display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(188,82,37,.1)}
.fv-eyebrow{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:12px;margin-bottom:14px}
.fv-eyebrow::before{content:'';width:18px;height:1px;background:var(--orange)}
.fv-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(20px,2.5vw,32px);letter-spacing:.5px;color:#FFF;line-height:1.05;margin-bottom:14px}
.fv-desc{font-size:14px;line-height:1.75;color:var(--text-muted);margin-bottom:24px}
.fv-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.fv-tag{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border:1px solid rgba(188,82,37,.3);color:rgba(255,179,122,.8)}
@media(max-width:1100px){
  .featured-vid-wrap{grid-template-columns:1fr}
  .vid-grid{grid-template-columns:1fr 1fr}
  .vid-card.wide{grid-column:span 1}
}
@media(max-width:768px){
  #channel-intro,#featured-video,#videos,#channel-embed{padding:64px 24px}
  .vid-grid{grid-template-columns:1fr}
  .vid-card.wide{grid-column:span 1}
}
#projects{padding:120px 72px;background:var(--ink-mid)}
.projects-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px;gap:24px;flex-wrap:wrap}
.project-filter-row{display:flex;gap:var(--gap)}
.pf-btn{
  font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  padding:8px 20px;border:1px solid rgba(255,255,255,.1);background:transparent;
  color:var(--chrome-dim);cursor:none;transition:all .3s;
}
.pf-btn:hover{color:#FFF;border-color:rgba(255,255,255,.3)}
.pf-btn.active{background:var(--orange);border-color:transparent;color:#FFF}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.project-card{
  background:var(--ink-lift);border:1px solid rgba(255,255,255,.04);
  overflow:hidden;position:relative;cursor:none;
  transition:border-color .35s,transform .35s;
}
.project-card:hover{border-color:rgba(188,82,37,.3);transform:translateY(-4px)}
.project-card.wide{grid-column:span 2}
.project-card.featured-card{grid-column:span 3;display:grid;grid-template-columns:1fr 1fr}
.pc-visual{
  position:relative;overflow:hidden;
  background:var(--ink-mid);
}
.pc-visual.ratio-landscape{aspect-ratio:16/10}
.pc-visual.ratio-portrait{aspect-ratio:3/4}
.pc-visual.ratio-square{aspect-ratio:1}
.featured-card .pc-visual{aspect-ratio:unset;min-height:360px}
.pc-placeholder{
  width:100%;height:100%;min-height:200px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--ink-lift),var(--ink-mid));
  position:relative;overflow:hidden;
}
.pc-placeholder::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(188,82,37,.08),transparent 60%)}
.pc-ph-label{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:rgba(188,82,37,.3);z-index:1;text-align:center;padding:0 20px}
.pc-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .7s cubic-bezier(.23,1,.32,1),filter .5s}
.project-card:hover .pc-img{transform:scale(1.04);filter:brightness(.85)}
.pc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,11,26,.9) 0%,rgba(7,11,26,.3) 40%,transparent 70%);z-index:1;opacity:.7;transition:opacity .35s}
.project-card:hover .pc-overlay{opacity:1}
.pc-cat{
  position:absolute;top:18px;left:18px;z-index:3;
  font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  background:rgba(188,82,37,.85);color:#FFF;padding:4px 12px;backdrop-filter:blur(6px);
}
.pc-info{padding:24px 24px 28px;position:relative;z-index:2}
.featured-card .pc-info{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}
.pc-meta{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:8px}
.pc-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(16px,2vw,22px);letter-spacing:.5px;color:#FFF;margin-bottom:8px;line-height:1.1}
.pc-desc{font-size:13px;line-height:1.65;color:var(--text-muted);margin-bottom:16px}
.pc-tags{display:flex;gap:6px;flex-wrap:wrap}
.pc-tag{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);padding:3px 10px;border:1px solid rgba(255,255,255,.06)}
.pc-arrow{position:absolute;bottom:24px;right:24px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(188,82,37,.3);display:flex;align-items:center;justify-content:center;color:var(--orange);font-size:12px;opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s}
.project-card:hover .pc-arrow{opacity:1;transform:translateX(0)}
/* "Add project" slot */
.pc-add-slot{
  background:rgba(255,255,255,.01);border:1px dashed rgba(188,82,37,.2);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:260px;gap:14px;padding:32px;text-align:center;
  transition:background .3s,border-color .3s;cursor:none;
}
.pc-add-slot:hover{background:rgba(188,82,37,.04);border-color:rgba(188,82,37,.4)}
.pc-add-icon{font-size:28px;opacity:.3}
.pc-add-label{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(188,82,37,.4)}

/* ════════════════════════════════════════
   SHOWREEL / VIDEO SECTION
════════════════════════════════════════ */
#showreel{
  padding:120px 72px;background:var(--ink);position:relative;overflow:hidden;
}
#showreel::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(188,82,37,.06),transparent 65%);pointer-events:none}
.showreel-inner{max-width:1000px;margin:0 auto;text-align:center}
.showreel-frame{
  width:100%;aspect-ratio:16/9;background:var(--ink-lift);
  border:1px solid rgba(188,82,37,.15);position:relative;overflow:hidden;
  margin-top:56px;
}
.showreel-frame::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(188,82,37,.1),transparent 60%)}
.showreel-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;position:relative;z-index:1}
.showreel-ph-label{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:rgba(188,82,37,.35)}
.showreel-play{
  width:90px;height:90px;border-radius:50%;
  background:rgba(188,82,37,.12);border:1px solid rgba(188,82,37,.4);
  display:flex;align-items:center;justify-content:center;
  cursor:none;transition:all .4s;
}
.showreel-play:hover{background:rgba(188,82,37,.25);transform:scale(1.08)}
.showreel-play::after{content:'▶';color:var(--orange);font-size:24px;margin-left:4px}
.showreel-duration{position:absolute;bottom:20px;right:20px;font-family:'Rajdhani',sans-serif;font-size:11px;letter-spacing:2px;color:rgba(255,255,255,.3)}
.showreel-ticker{
  display:flex;justify-content:center;gap:40px;margin-top:32px;flex-wrap:wrap;
}
.st-item{display:flex;flex-direction:column;align-items:center;gap:4px}
.st-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:28px;background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.st-label{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim)}

/* ════════════════════════════════════════
   BTS — BEHIND THE SCENES
════════════════════════════════════════ */
#bts{padding:120px 72px;background:var(--ink-mid);overflow:hidden}
.bts-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.bts-gallery{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);position:relative}
.bts-frame{overflow:hidden;background:var(--ink-lift);cursor:none}
.bts-frame.tall{grid-row:span 2}
.bts-frame-inner{
  width:100%;height:100%;min-height:200px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--ink-lift),var(--ink-mid));
  position:relative;overflow:hidden;transition:transform .6s cubic-bezier(.23,1,.32,1);
}
.bts-frame.tall .bts-frame-inner{min-height:410px}
.bts-frame:hover .bts-frame-inner{transform:scale(1.03)}
.bts-frame-inner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 40% 40%,rgba(188,82,37,.08),transparent 60%)}
.bts-frame-label{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(188,82,37,.3);z-index:1;text-align:center;padding:16px}
.bts-label-bar{
  position:absolute;bottom:0;left:0;right:0;padding:12px 14px;z-index:2;
  background:linear-gradient(transparent,rgba(7,11,26,.8));
  font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.4);
}
.bts-info{}
.bts-process{margin-top:36px;display:flex;flex-direction:column;gap:var(--gap)}
.bts-step{
  display:flex;gap:20px;align-items:flex-start;padding:20px;
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);
  transition:background .3s,border-color .3s;cursor:none;
}
.bts-step:hover{background:rgba(188,82,37,.04);border-color:rgba(188,82,37,.15)}
.step-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:13px;letter-spacing:2px;color:var(--orange);flex-shrink:0;padding-top:2px;width:28px}
.step-body{}
.step-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:15px;letter-spacing:.5px;color:#FFF;margin-bottom:4px}
.step-desc{font-size:13px;line-height:1.7;color:var(--text-muted)}

/* ════════════════════════════════════════
   CREATIVE PROCESS
════════════════════════════════════════ */
#process{padding:120px 72px;background:var(--ink);position:relative}
.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:64px;position:relative}
.process-timeline::before{content:'';position:absolute;top:28px;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,rgba(188,82,37,.3) 10%,rgba(188,82,37,.3) 90%,transparent);z-index:0}
.process-step{padding:0 28px 0 0;position:relative;z-index:1}
.ps-dot{
  width:56px;height:56px;border-radius:50%;
  background:var(--ink-mid);border:1px solid rgba(188,82,37,.3);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:24px;font-size:22px;
  transition:background .3s,border-color .3s;
}
.process-step:hover .ps-dot{background:rgba(188,82,37,.1);border-color:var(--orange)}
.ps-num{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;color:var(--orange);margin-bottom:8px}
.ps-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:18px;letter-spacing:.5px;color:#FFF;margin-bottom:8px}
.ps-desc{font-size:13px;line-height:1.7;color:var(--text-muted)}
.ps-services{margin-top:14px;display:flex;flex-direction:column;gap:4px}
.ps-service{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:6px}
.ps-service::before{content:'→';color:rgba(188,82,37,.5);font-size:9px}

/* ════════════════════════════════════════
   CAMPAIGN SHOWCASE
════════════════════════════════════════ */
#campaigns{padding:120px 72px;background:var(--ink-mid);overflow:hidden}
.campaigns-switcher{display:grid;grid-template-columns:280px 1fr;gap:0;border:1px solid rgba(255,255,255,.05);min-height:520px}
.campaign-list{border-right:1px solid rgba(255,255,255,.05)}
.campaign-tab{
  padding:22px 28px;border-bottom:1px solid rgba(255,255,255,.04);
  cursor:none;transition:background .2s,border-left .2s;position:relative;
  border-left:2px solid transparent;
}
.campaign-tab:hover{background:rgba(188,82,37,.04)}
.campaign-tab.active{background:rgba(188,82,37,.07);border-left-color:var(--orange)}
.ct-num{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:3px;color:rgba(188,82,37,.5);margin-bottom:4px}
.ct-name{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;color:#FFF}
.ct-type{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-top:2px}
.campaign-display{position:relative;overflow:hidden}
.campaign-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;display:flex;flex-direction:column;justify-content:flex-end;padding:48px}
.campaign-panel.active{opacity:1;visibility:visible;position:relative}
.cp-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,var(--ink-lift),var(--ink-mid))}
.cp-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 30%,rgba(188,82,37,.1),transparent 60%)}
.cp-content{position:relative;z-index:2}
.cp-type{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);margin-bottom:12px;display:flex;align-items:center;gap:12px}
.cp-type::before{content:'';width:20px;height:1px;background:var(--orange)}
.cp-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(24px,3vw,42px);letter-spacing:.5px;color:#FFF;margin-bottom:12px;line-height:1}
.cp-desc{font-size:14px;line-height:1.75;color:var(--text-muted);max-width:480px;margin-bottom:28px}
.cp-stats{display:flex;gap:40px;margin-bottom:28px}
.cp-stat-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:24px;background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cp-stat-label{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-top:2px}
.cp-tags{display:flex;gap:8px;flex-wrap:wrap}
.campaign-ghost{position:absolute;top:20px;right:28px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(60px,12vw,140px);line-height:1;color:rgba(188,82,37,.04);pointer-events:none;z-index:1}

/* ════════════════════════════════════════
   GALLERY / MEDIA REEL
════════════════════════════════════════ */
#gallery{padding:120px 0 120px 72px;background:var(--ink)}
.gallery-header{padding-right:72px;margin-bottom:48px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}
.gallery-scroll{
  display:flex;gap:var(--gap);overflow-x:auto;padding-right:72px;padding-bottom:8px;
  scrollbar-width:thin;scrollbar-color:rgba(188,82,37,.3) transparent;
}
.gallery-scroll::-webkit-scrollbar{height:3px}
.gallery-scroll::-webkit-scrollbar-thumb{background:rgba(188,82,37,.3)}
.gal-item{flex-shrink:0;overflow:hidden;position:relative;cursor:none;background:var(--ink-lift)}
.gal-item img,.gal-placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.23,1,.32,1),filter .4s}
.gal-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ink-lift),var(--ink-mid));position:relative;overflow:hidden}
.gal-placeholder::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 40% 40%,rgba(188,82,37,.07),transparent 60%)}
.gal-ph-label{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(188,82,37,.3);z-index:1;text-align:center;padding:16px}
.gal-item:hover img,.gal-item:hover .gal-placeholder{transform:scale(1.05);filter:brightness(.8)}
.gal-cap{position:absolute;bottom:0;left:0;right:0;padding:16px 14px 14px;background:linear-gradient(transparent,rgba(7,11,26,.85));font-size:11px;color:rgba(255,255,255,.6);font-style:italic;font-family:'Playfair Display',serif;opacity:0;transition:opacity .3s}
.gal-item:hover .gal-cap{opacity:1}
.gal-tall{width:260px;height:380px}
.gal-wide{width:460px;height:260px}
.gal-sq{width:260px;height:260px}
.gal-xwide{width:600px;height:380px}

/* ════════════════════════════════════════
   CLIENT LOGOS / COLLABORATIONS
════════════════════════════════════════ */
#clients{padding:80px 72px;background:var(--ink-mid);border-top:1px solid rgba(255,255,255,.03)}
.clients-header{text-align:center;margin-bottom:56px}
.clients-eyebrow{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}
.clients-eyebrow::before,.clients-eyebrow::after{content:'';width:40px;height:1px;background:rgba(188,82,37,.3)}
.clients-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:15px;color:var(--text-dim)}
.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap)}
.client-tile{
  padding:28px 20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  transition:background .3s,border-color .3s;cursor:none;min-height:90px;
}
.client-tile:hover{background:rgba(188,82,37,.06);border-color:rgba(188,82,37,.2)}
.client-name{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);text-align:center;transition:color .3s}
.client-tile:hover .client-name{color:rgba(255,255,255,.75)}
.client-type{font-family:'Playfair Display',serif;font-style:italic;font-size:10px;color:var(--text-dim)}
/* Add client slot */
.client-tile.add-slot{border-style:dashed;border-color:rgba(188,82,37,.12)}
.client-tile.add-slot:hover{border-color:rgba(188,82,37,.3)}
.client-tile.add-slot .client-name{color:rgba(188,82,37,.3)}

/* ════════════════════════════════════════
   CTA SECTION
════════════════════════════════════════ */
#cta{
  padding:140px 72px;background:var(--ink);
  position:relative;overflow:hidden;text-align:center;
}
#cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(188,82,37,.07),transparent 65%)}
.cta-grid-overlay{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(188,82,37,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(188,82,37,.03) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 75%);
}
.cta-inner{position:relative;z-index:2;max-width:780px;margin:0 auto}
.cta-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(80px,18vw,220px);line-height:1;letter-spacing:-8px;color:rgba(188,82,37,.04);pointer-events:none;user-select:none;white-space:nowrap;z-index:0}
.cta-eyebrow{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px}
.cta-eyebrow::before,.cta-eyebrow::after{content:'';width:32px;height:1px;background:rgba(188,82,37,.4)}
.cta-h{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(40px,7vw,88px);line-height:.9;letter-spacing:-1px;color:#FFF;margin-bottom:20px}
.cta-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;color:rgba(240,238,234,.7);line-height:1.6;margin-bottom:40px}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ════════════════════════════════════════
   FOOTER
════════════════════════════════════════ */
footer{padding:48px 72px 28px;background:var(--ink-mid);border-top:1px solid rgba(255,255,255,.04)}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;margin-bottom:40px;flex-wrap:wrap}
.footer-brand{}
.footer-logo-wrap{height:44px;display:flex;align-items:center;margin-bottom:12px}
.footer-logo-wrap img{height:100%;width:auto;object-fit:contain}
.footer-tagline{font-family:'Playfair Display',serif;font-style:italic;font-size:13px;color:var(--text-dim);max-width:240px;line-height:1.6}
.footer-nav{display:flex;gap:56px;flex-wrap:wrap}
.footer-nav-group{}
.fng-title{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--orange);margin-bottom:14px}
.fng-links{display:flex;flex-direction:column;gap:8px}
.fng-links a{font-family:'Rajdhani',sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);text-decoration:none;cursor:none;transition:color .25s}
.fng-links a:hover{color:var(--chrome)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.04);flex-wrap:wrap;gap:12px}
.footer-copy{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}
.footer-note{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(188,82,37,.4)}

/* ════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════ */
@media(max-width:1100px){
  .featured-inner{grid-template-columns:1fr;gap:40px}
  .cap-grid{grid-template-columns:1fr 1fr}
  .projects-grid{grid-template-columns:1fr 1fr}
  .project-card.wide,.project-card.featured-card{grid-column:span 1}
  .project-card.featured-card{display:block}
  .process-timeline{grid-template-columns:1fr 1fr;gap:40px}
  .process-timeline::before{display:none}
  .campaigns-switcher{grid-template-columns:240px 1fr}
  .clients-grid{grid-template-columns:repeat(3,1fr)}
  .bts-layout{grid-template-columns:1fr;gap:48px}
}
@media(max-width:768px){
  nav{padding:0 20px}
  .nav-links,.nav-btn{display:none}
  .hamburger{display:flex}
  #hero{padding:0 24px 120px}
  .hero-video-frame{width:100%;clip-path:none;opacity:.3}
  .hero-stats-strip{display:grid;grid-template-columns:1fr 1fr}
  .hero-stat{padding:14px 18px}
  #featured,#capabilities,#projects,#showreel,#bts,#process,#campaigns,#gallery,#clients,#cta{padding:80px 24px}
  #gallery{padding:80px 0 80px 24px}
  .gallery-header{padding-right:24px}
  .gallery-scroll{padding-right:24px}
  .cap-grid{grid-template-columns:1fr}
  .projects-grid{grid-template-columns:1fr}
  .project-card.wide,.project-card.featured-card{grid-column:span 1}
  .process-timeline{grid-template-columns:1fr}
  .campaigns-switcher{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .campaign-list{display:flex;overflow-x:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}
  .campaign-tab{flex-shrink:0;border-bottom:none;min-width:160px}
  .clients-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{flex-direction:column;gap:32px}
  .footer-nav{gap:32px}
  footer{padding:40px 24px 20px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .cta-btns{flex-direction:column;align-items:center}
}
@media(max-width:480px){
  .hero-stats-strip{grid-template-columns:1fr}
  .feat-specs{flex-wrap:wrap}
  .bts-gallery{grid-template-columns:1fr}
  .bts-frame.tall{grid-row:auto}
  .clients-grid{grid-template-columns:repeat(2,1fr)}
}

/*Team CSS*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --orange-light:#FFB37A;
  --orange:#BC5225;
  --orange-dark:#7A3010;
  --chrome:#C8C8D0;
  --chrome-dim:#9A9AA4;
  --ink:#070B1A;
  --ink-mid:#0C1124;
  --ink-lift:#101628;
  --text:#F0EEEA;
  --text-muted:#9A9AA4;
  --metal:linear-gradient(135deg,var(--orange-light) 0%,var(--orange) 40%,var(--orange-dark) 70%,var(--orange) 100%);
}
html{scroll-behavior:smooth}
body{background:linear-gradient(160deg,#070B1A 0%,#0A0F22 50%,#070B1A 100%);background-attachment:fixed;color:var(--text);font-family:'Barlow',sans-serif;font-weight:400;overflow-x:hidden;cursor:none}

/* CURSOR */
#cx,#cr{position:fixed;pointer-events:none;border-radius:50%;z-index:10000;transform:translate(-50%,-50%);top:0;left:0}
#cx{width:8px;height:8px;background:var(--orange);transition:width .25s,height .25s}
#cr{width:30px;height:30px;border:1px solid rgba(188,82,37,.45);transition:top .18s cubic-bezier(.23,1,.32,1),left .18s cubic-bezier(.23,1,.32,1),width .3s,height .3s}
body:has(a:hover,button:hover,.team-card:hover) #cx{width:14px;height:14px}
body:has(a:hover,button:hover,.team-card:hover) #cr{width:44px;height:44px;border-color:var(--orange)}

/* SCROLL PROGRESS */
#prog{position:fixed;top:0;left:0;height:1px;z-index:9999;background:var(--metal);width:0}

/* NAV */
nav{
  position:fixed;top:0;inset-inline:0;z-index:1000;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;
  padding:0 40px;height:72px;
  background:rgba(7,11,26,0.96);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,0.05);
}
.logo{display:flex;align-items:center;height:48px;text-decoration:none;flex-shrink:0}
.logo img{height:100%;width:auto;object-fit:contain;filter:brightness(1.15)}
.logo-text-fallback{font-family:'Rajdhani',sans-serif;font-size:24px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#FFF;display:none}
.logo-x{background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
nav ul{display:flex;gap:0;list-style:none;align-items:center;flex-shrink:1;min-width:0}
nav ul li{position:relative;flex-shrink:0}
nav ul a{display:block;padding:0 11px;height:45px;line-height:45px;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--chrome-dim);text-decoration:none;font-family:'Rajdhani',sans-serif;font-weight:600;transition:color .3s;white-space:nowrap}
nav ul a:hover{color:var(--orange)}
nav ul a.active{color:var(--orange)}
.nav-btn{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;background:transparent;border:1px solid var(--orange);color:var(--orange);padding:8px 16px;cursor:none;margin-left:8px;transition:background .3s,color .3s;text-decoration:none;display:inline-block;flex-shrink:0}
.nav-btn:hover{background:var(--orange);color:#FFF}
.nav-btn-solid{background:var(--orange);color:#FFF;border-color:var(--orange)}
.nav-btn-solid:hover{background:transparent;color:var(--orange)}

/* HEADER */
header{
  padding:160px 72px 80px;
  text-align:center;
  background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(188,82,37,.12),transparent 65%);
  border-bottom:1px solid rgba(255,255,255,0.04);
}
.eyebrow{
  font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:6px;
  text-transform:uppercase;color:var(--orange);margin-bottom:16px;font-weight:700;
  display:flex;align-items:center;justify-content:center;gap:16px;
}
.eyebrow::before,.eyebrow::after{content:'';width:48px;height:1px;background:var(--orange);opacity:.5}
h1{
  font-family:'Rajdhani',sans-serif;font-size:clamp(48px,8vw,100px);
  font-weight:700;line-height:.9;text-transform:uppercase;
  margin-bottom:20px;letter-spacing:-2px;color:#FFF;
}
h1 .accent{background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.header-desc{
  font-family:'Playfair Display',serif;font-style:italic;font-size:20px;
  color:var(--chrome-dim);max-width:680px;margin:0 auto;line-height:1.55;
}

/* CONTAINER */
.team-container{padding:80px 72px 120px;max-width:1600px;margin:0 auto}
.section-wrap{margin-bottom:100px}
.section-title{
  font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:5px;
  text-transform:uppercase;color:var(--orange);margin-bottom:40px;
  display:flex;align-items:center;gap:20px;
}
.section-title::after{content:'';height:1px;flex-grow:1;background:linear-gradient(90deg,rgba(188,82,37,.35),transparent)}

/* ─── GRIDS ─── */

/* Leadership: 3 columns fixed so all 3 fit in one row, taller cards */
.grid-leadership{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

/* Standard: 4 columns */
.grid-standard{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:20px;
}

/* Small: 5+ columns for junior roles */
.grid-small{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:14px;
}

/* ─── BASE CARD ─── */
.team-card{
  position:relative;
  background:var(--ink-lift);
  border:1px solid rgba(255,255,255,0.06);
  overflow:hidden;
  cursor:none;
  /* Transition only non-layout properties */
  transition:border-color .4s ease,box-shadow .4s ease,transform .4s cubic-bezier(.23,1,.32,1);
}
/* Hover: orange glow, subtle lift — NO grayscale/color change */
.team-card:hover{
  border-color:rgba(188,82,37,.55);
  transform:translateY(-6px);
  box-shadow:
    0 0 0 1px rgba(188,82,37,.2),
    0 16px 40px rgba(0,0,0,.5),
    0 0 40px rgba(188,82,37,.12);
}

/* Image box */
.img-box{
  width:100%;
  overflow:hidden;
  position:relative;
  background:var(--ink-mid);
}

/* Standard cards: portrait */
.grid-standard .img-box,
.grid-small .img-box{
  aspect-ratio:3/4;
}

/* Leadership: tall portrait so faces aren't cropped */
.grid-leadership .img-box{
  aspect-ratio:3/4;  /* tall portrait = full face + chest visible */
}

/* Image: always full color, gentle scale on hover */
.member-img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:top center;
  transition:transform .7s cubic-bezier(.23,1,.32,1);
  /* NO grayscale — always in color */
}
.team-card:hover .member-img{
  transform:scale(1.05);
}

/* Subtle ambient glow overlay that appears on hover */
.card-glow{
  position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(188,82,37,.18),transparent 70%);
  opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1;
}
.team-card:hover .card-glow{opacity:1}

/* Card info */
.card-info{
  padding:20px 18px;
  position:relative;z-index:2;
  background:linear-gradient(to top,var(--ink-lift) 85%,transparent);
  border-top:1px solid rgba(255,255,255,.04);
}

.member-name{
  font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;
  color:#FFF;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;
  line-height:1;
}
.member-role{
  font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:600;
  color:var(--orange);text-transform:uppercase;letter-spacing:2.5px;
  line-height:1.4;
}

/* Leadership name bigger */
.grid-leadership .member-name{font-size:20px;letter-spacing:2px}
.grid-leadership .member-role{font-size:10px}
.grid-leadership .card-info{padding:22px 20px}

/* Orange bottom accent line on hover */
.card-line{
  position:absolute;bottom:0;left:0;right:0;height:2px;
  background:var(--metal);transform:scaleX(0);transform-origin:left;
  transition:transform .45s cubic-bezier(.23,1,.32,1);z-index:3;
}
.team-card:hover .card-line{transform:scaleX(1)}

/* FOOTER */
footer{
  padding:60px 72px 40px;
  background:var(--ink-mid);
  border-top:1px solid rgba(255,255,255,0.04);
  display:flex;justify-content:space-between;align-items:center;
}
.footer-logo{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:18px;letter-spacing:6px;color:rgba(255,255,255,0.12)}
.footer-links{display:flex;gap:36px}
.footer-links a{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:2.5px;text-decoration:none;font-family:'Rajdhani',sans-serif;transition:color .3s}
.footer-links a:hover{color:var(--orange)}

@media (max-width:900px){
  header,.team-container,footer{padding-inline:32px}
  .grid-leadership{grid-template-columns:1fr}
  nav{padding:0 24px}
  nav ul{display:none}
  .nav-btn{display:none}
}
/*Live CSS*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --orange-light:#FFB37A;
  --orange:#BC5225;
  --orange-dark:#7A3010;
  --chrome:#C8C8D0;
  --chrome-dim:#9A9AA4;
  --ink:#070B1A;
  --ink-mid:#0C1124;
  --ink-lift:#101628;
  --text:#F0EEEA;
  --text-muted:#9A9AA4;
  --text-dim:#4A4A52;
  --text-bright:#E4E2DE;
  --metal:linear-gradient(135deg,var(--orange-light) 0%,var(--orange) 40%,var(--orange-dark) 70%,var(--orange) 100%);
  --metal-text:linear-gradient(90deg,var(--orange-light),var(--orange),var(--orange-dark),var(--orange),var(--orange-light));
  --gap:2px;
  --live-red:#E53935;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:linear-gradient(160deg,#070B1A 0%,#0A0F22 50%,#070B1A 100%);background-attachment:fixed;color:var(--text);font-family:'Barlow',sans-serif;font-weight:400;overflow-x:hidden;cursor:none}

/* ════════════════════════════════════
   CURSOR
════════════════════════════════════ */
#cx,#cr{position:fixed;pointer-events:none;border-radius:50%;z-index:10000;transform:translate(-50%,-50%);top:0;left:0}
#cx{width:8px;height:8px;background:var(--orange);transition:width .2s,height .2s}
#cr{width:30px;height:30px;border:1px solid rgba(188,82,37,.5);transition:top .15s cubic-bezier(.23,1,.32,1),left .15s cubic-bezier(.23,1,.32,1),width .3s,height .3s,border-color .3s}
body:has(a:hover,button:hover,[data-h]:hover) #cx{width:14px;height:14px}
body:has(a:hover,button:hover,[data-h]:hover) #cr{width:48px;height:48px;border-color:var(--orange)}
#prog{position:fixed;top:0;left:0;height:1px;z-index:9999;background:var(--metal);width:0}

/* ════════════════════════════════════
   NAV
════════════════════════════════════ */
nav{position:fixed;top:0;inset-inline:0;z-index:2000;display:flex;justify-content:space-between;align-items:center;padding:0 52px;height:72px;background:linear-gradient(to bottom,rgba(7,11,26,.97) 0%,rgba(7,11,26,0) 100%);transition:background .4s}
nav.scrolled{background:rgba(7,11,26,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04)}
.logo{display:flex;align-items:center;text-decoration:none;height:52px}
.logo img{height:100%;width:auto;object-fit:contain;display:block;filter:brightness(1.15)}
.logo-text-fallback{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#FFF;display:none;align-items:center}
.logo-x-fb{background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nav-links{display:flex;list-style:none;align-items:center}
.nav-links li a{display:block;padding:0 15px;height:72px;line-height:72px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--chrome-dim);text-decoration:none;font-family:'Rajdhani',sans-serif;font-weight:600;transition:color .3s;white-space:nowrap}
.nav-links li a:hover,.nav-links li a.active{color:var(--orange)}
.nav-btn{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;background:transparent;border:1px solid var(--orange);color:var(--orange);padding:9px 22px;cursor:none;margin-left:20px;transition:background .3s,color .3s;text-decoration:none}
.nav-btn:hover{background:var(--orange);color:#FFF}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:none;padding:4px}
.hamburger span{display:block;width:22px;height:1px;background:var(--chrome);transition:all .3s}

/* ════════════════════════════════════
   UTILS
════════════════════════════════════ */
.metal-text{background:var(--metal-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200%;animation:shineText 5s linear infinite}
@keyframes shineText{0%{background-position:200%}100%{background-position:-200%}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}
.reveal-left.in{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(32px);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}
.reveal-right.in{opacity:1;transform:translateX(0)}
.section-eyebrow{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:14px;margin-bottom:10px}
.section-eyebrow::before{content:'';width:24px;height:1px;background:var(--orange)}
.section-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(32px,5vw,64px);letter-spacing:-.5px;line-height:1;color:#FFF;margin-bottom:18px}
.section-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:17px;color:var(--text-muted);line-height:1.7;max-width:560px}
.btn-primary{display:inline-flex;align-items:center;gap:10px;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:transparent;border:1px solid rgba(188,82,37,.65);color:var(--orange);padding:13px 32px;cursor:none;text-decoration:none;transition:all .3s}
.btn-primary:hover{background:var(--orange);color:#FFF;transform:translateY(-2px);box-shadow:0 10px 30px rgba(188,82,37,.3)}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-bright);padding:13px 32px;cursor:none;text-decoration:none;transition:all .3s}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange)}
.tag-pill{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border:1px solid rgba(188,82,37,.3);color:rgba(255,179,122,.8)}

/* LIVE badge */
.live-dot-badge{display:inline-flex;align-items:center;gap:7px;font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--live-red);background:rgba(229,57,53,.08);border:1px solid rgba(229,57,53,.25);padding:5px 12px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--live-red);animation:livePulse 1.4s ease-in-out infinite}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}
.upcoming-badge{display:inline-flex;align-items:center;gap:7px;font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,179,122,.85);background:rgba(188,82,37,.08);border:1px solid rgba(188,82,37,.25);padding:5px 12px}
.past-badge{display:inline-flex;align-items:center;gap:7px;font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:5px 12px}

/* ════════════════════════════════════
   HERO
════════════════════════════════════ */
#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 72px 0;position:relative;overflow:hidden;background:var(--ink)}
.hero-bg-glow{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 90% 70% at 60% 25%,rgba(188,82,37,.09) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 10% 85%,rgba(188,82,37,.05) 0%,transparent 50%)}
.hero-scan-lines{position:absolute;inset:0;z-index:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(188,82,37,.015) 3px,rgba(188,82,37,.015) 4px);pointer-events:none}
.hero-grain{position:absolute;inset:0;z-index:1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
/* Stacked event cards floating on right */
.hero-event-stack{position:absolute;right:72px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:var(--gap);width:340px;animation:heroFade .9s .9s both}
.hero-event-mini{padding:18px 22px;background:rgba(12,17,36,.85);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-left:2px solid;display:flex;gap:16px;align-items:center;transition:border-color .3s,background .3s;cursor:none}
.hero-event-mini:hover{background:rgba(16,22,40,.95)}
.hem-left{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:44px}
.hem-day{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:22px;line-height:1;color:#FFF}
.hem-month{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim)}
.hem-right{}
.hem-sport{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:3px}
.hem-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;letter-spacing:.5px;color:#FFF;line-height:1.1}
.hem-loc{font-size:11px;color:var(--text-dim);margin-top:3px;font-style:italic;font-family:'Playfair Display',serif}

.hero-content{position:relative;z-index:10;max-width:620px;padding-bottom:0}
.hero-badge{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:rgba(255,179,122,.85);display:flex;align-items:center;gap:14px;margin-bottom:18px;animation:heroFade .9s .2s both}
.hero-badge::before{content:'';width:36px;height:1px;background:var(--orange)}
.hero-h1{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(52px,8.5vw,112px);line-height:.88;letter-spacing:-2px;color:#FFF;text-shadow:0 2px 32px rgba(0,0,0,.5);animation:heroFade .9s .4s both}
.hero-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;color:rgba(240,238,234,.75);margin-top:18px;line-height:1.6;animation:heroFade .9s .6s both}
.hero-ctas{display:flex;gap:14px;margin-top:36px;animation:heroFade .9s .75s both;flex-wrap:wrap}
@keyframes heroFade{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* Scoreboard strip */
.scoreboard-strip{position:relative;z-index:10;margin-top:64px;display:flex;border-top:1px solid rgba(188,82,37,.12);background:rgba(7,11,26,.75);backdrop-filter:blur(12px);animation:heroFade .9s 1s both}
.sb-cell{flex:1;padding:20px 28px;border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:4px}
.sb-cell:last-child{border-right:none}
.sb-label{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--text-dim)}
.sb-val{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(22px,2.5vw,32px);line-height:1;background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sb-sub{font-size:11px;color:var(--text-dim);font-style:italic;font-family:'Playfair Display',serif}

/* ════════════════════════════════════
   MARQUEE
════════════════════════════════════ */
.marquee-strip{overflow:hidden;background:var(--orange);padding:12px 0}
.marquee-inner{display:flex;animation:marqueeScroll 30s linear infinite;width:max-content}
.marquee-item{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(7,11,26,.8);padding:0 40px;white-space:nowrap;display:flex;align-items:center;gap:20px}
.marquee-item::after{content:'◆';font-size:7px;opacity:.4}
@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ════════════════════════════════════
   FEATURED EVENT
════════════════════════════════════ */
#featured-event{padding:120px 72px;background:var(--ink-mid);position:relative;overflow:hidden}
#featured-event::before{content:'';position:absolute;top:-40px;right:40px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:200px;line-height:1;color:rgba(188,82,37,.03);pointer-events:none;user-select:none;content:'01'}
.fe-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1400px}
.fe-visual{position:relative}
.fe-frame{width:100%;aspect-ratio:16/9;background:var(--ink-lift);border:1px solid rgba(188,82,37,.15);position:relative;overflow:hidden}
.fe-frame-bg{width:100%;height:100%;background:linear-gradient(135deg,var(--ink-lift),var(--ink-mid));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.fe-frame-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 40% 40%,rgba(188,82,37,.12),transparent 60%)}
.fe-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.fe-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,11,26,.85) 0%,rgba(7,11,26,.3) 50%,transparent 80%)}
.fe-ph-label{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:rgba(188,82,37,.3);z-index:1;text-align:center;position:relative}
.fe-badge-row{position:absolute;top:18px;left:18px;z-index:5;display:flex;gap:8px;align-items:center}
.fe-date-badge{position:absolute;bottom:18px;right:18px;z-index:5;background:rgba(7,11,26,.8);backdrop-filter:blur(8px);border:1px solid rgba(188,82,37,.3);padding:10px 16px;text-align:center}
.fdb-day{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:24px;line-height:1;color:#FFF}
.fdb-month{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange)}
.fe-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:72px;height:72px;border-radius:50%;background:rgba(7,11,26,.6);border:1px solid rgba(188,82,37,.5);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:none;transition:all .35s;opacity:0}
.fe-frame:hover .fe-play-btn{opacity:1;transform:translate(-50%,-50%) scale(1.06)}
.fe-play-btn::after{content:'▶';color:var(--orange);font-size:18px;margin-left:3px}
.fe-info{}
.fe-eyebrow{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:12px;margin-bottom:12px}
.fe-eyebrow::before{content:'';width:20px;height:1px;background:var(--orange)}
.fe-tags{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.fe-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(28px,4vw,52px);letter-spacing:0;line-height:1;color:#FFF;margin-bottom:16px}
.fe-desc{font-size:15px;line-height:1.85;color:var(--text-muted);margin-bottom:28px}
.fe-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-bottom:32px}
.fe-spec{padding:14px 16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}
.fes-label{font-family:'Rajdhani',sans-serif;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px}
.fes-val{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:600;color:var(--text-bright)}
.fe-ctas{display:flex;gap:14px;flex-wrap:wrap}

/* ════════════════════════════════════
   EVENT SHOWCASE / CARDS GRID
════════════════════════════════════ */
#events{padding:120px 72px;background:var(--ink)}
.events-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px;gap:24px;flex-wrap:wrap}
.event-filter-row{display:flex;gap:var(--gap)}
.ef-btn{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:8px 20px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--chrome-dim);cursor:none;transition:all .3s}
.ef-btn:hover{color:#FFF;border-color:rgba(255,255,255,.3)}
.ef-btn.active{background:var(--orange);border-color:transparent;color:#FFF}
.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
/* Card */
.event-card{background:var(--ink-lift);border:1px solid rgba(255,255,255,.04);overflow:hidden;position:relative;cursor:none;transition:border-color .35s,transform .35s}
.event-card:hover{border-color:rgba(188,82,37,.3);transform:translateY(-4px)}
.event-card.wide{grid-column:span 2}
.ec-visual{position:relative;overflow:hidden;background:var(--ink-mid)}
.ec-visual.r16{aspect-ratio:16/9}
.ec-visual.r43{aspect-ratio:4/3}
.ec-visual.rsq{aspect-ratio:1}
.ec-ph{width:100%;height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ink-lift),var(--ink-mid));position:relative;overflow:hidden}
.ec-ph::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(188,82,37,.08),transparent 60%)}
.ec-ph-label{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(188,82,37,.3);z-index:1;text-align:center;padding:16px}
.ec-img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.23,1,.32,1),filter .4s}
.event-card:hover .ec-img{transform:scale(1.04);filter:brightness(.8)}
.ec-vis-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,11,26,.85) 0%,rgba(7,11,26,.25) 50%,transparent 75%);z-index:1}
.ec-status{position:absolute;top:16px;left:16px;z-index:3}
.ec-sport-tag{position:absolute;top:16px;right:16px;z-index:3;font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;background:rgba(7,11,26,.75);backdrop-filter:blur(8px);color:var(--chrome-dim);padding:4px 12px;border:1px solid rgba(255,255,255,.08)}
.ec-date-strip{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:10px 16px;background:linear-gradient(transparent,rgba(7,11,26,.8));display:flex;align-items:center;gap:8px}
.ec-date-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:20px;color:#FFF}
.ec-date-text{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--chrome-dim)}
.ec-info{padding:22px 22px 26px}
.ec-meta{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:8px}
.ec-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(16px,2vw,21px);letter-spacing:.5px;color:#FFF;margin-bottom:6px;line-height:1.1}
.ec-desc{font-size:13px;line-height:1.65;color:var(--text-muted);margin-bottom:14px}
.ec-detail-row{display:flex;gap:16px;flex-wrap:wrap}
.ec-detail{display:flex;align-items:center;gap:5px;font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim)}
.ec-detail-icon{font-size:10px}
.ec-arrow{position:absolute;bottom:22px;right:22px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(188,82,37,.25);display:flex;align-items:center;justify-content:center;color:var(--orange);font-size:11px;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}
.event-card:hover .ec-arrow{opacity:1;transform:translateX(0)}
.ec-add-slot{background:rgba(255,255,255,.01);border:1px dashed rgba(188,82,37,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;gap:12px;padding:32px;text-align:center;transition:background .3s,border-color .3s}
.ec-add-slot:hover{background:rgba(188,82,37,.04);border-color:rgba(188,82,37,.35)}
.ec-add-icon{font-size:26px;opacity:.25}
.ec-add-label{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(188,82,37,.35)}
.ec-add-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:11px;color:rgba(188,82,37,.2)}

/* ════════════════════════════════════
   MATCHDAY SECTION
════════════════════════════════════ */
#matchday{padding:120px 72px;background:var(--ink-mid);position:relative;overflow:hidden}
.matchday-header{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:64px}
.matchday-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.matchday-visual{position:relative;overflow:hidden;background:var(--ink-lift);cursor:none}
.matchday-visual.tall{grid-row:span 2}
.mv-inner{width:100%;height:100%;min-height:220px;background:linear-gradient(135deg,var(--ink-lift),var(--ink-mid));display:flex;align-items:flex-end;justify-content:flex-start;position:relative;overflow:hidden;transition:transform .6s cubic-bezier(.23,1,.32,1)}
.matchday-visual.tall .mv-inner{min-height:450px}
.matchday-visual:hover .mv-inner{transform:scale(1.03)}
.mv-inner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 40% 30%,rgba(188,82,37,.1),transparent 60%)}
.mv-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:absolute;inset:0}
.mv-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,11,26,.85) 0%,rgba(7,11,26,.2) 50%,transparent 80%)}
.mv-label{position:absolute;bottom:0;left:0;right:0;padding:16px 16px 14px;z-index:2}
.mv-sport{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:4px}
.mv-caption{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;color:#FFF}
.mv-ph-label{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(188,82,37,.25);z-index:1;text-align:center;padding:20px;position:relative}
/* Coverage stats row */
.matchday-stats{display:flex;gap:var(--gap);margin-top:var(--gap)}
.md-stat{flex:1;padding:24px 20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);text-align:center;transition:background .3s,border-color .3s}
.md-stat:hover{background:rgba(188,82,37,.05);border-color:rgba(188,82,37,.2)}
.mds-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(28px,3.5vw,44px);line-height:1;background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.mds-label{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--chrome-dim);margin-top:6px;font-weight:500}

/* ════════════════════════════════════
   TOURNAMENT TIMELINE
════════════════════════════════════ */
#timeline{padding:120px 72px;background:var(--ink)}
.timeline-inner{max-width:1000px}
.tl-list{position:relative;margin-top:64px}
.tl-list::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(188,82,37,.4) 8%,rgba(188,82,37,.4) 92%,transparent)}
.tl-row{display:grid;grid-template-columns:180px 1fr;gap:40px;margin-bottom:0;padding-left:32px;position:relative;border-left:none}
.tl-row::before{content:'';position:absolute;left:-5px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px rgba(188,82,37,.18),0 0 16px rgba(188,82,37,.35)}
.tl-row.upcoming::before{background:var(--ink-lift);border:2px solid rgba(188,82,37,.5)}
.tl-date-col{padding-top:14px}
.tl-date-main{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;letter-spacing:2px;color:var(--orange)}
.tl-date-year{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-top:2px}
.tl-content{padding:20px 24px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);margin-bottom:var(--gap);transition:background .3s,border-color .3s;cursor:none}
.tl-content:hover{background:rgba(188,82,37,.04);border-color:rgba(188,82,37,.15)}
.tl-row.upcoming .tl-content{border-color:rgba(188,82,37,.12);background:rgba(188,82,37,.03)}
.tl-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;flex-wrap:wrap}
.tl-event-name{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:17px;letter-spacing:.5px;color:#FFF}
.tl-body{font-size:13px;line-height:1.7;color:var(--text-muted);margin-bottom:10px}
.tl-meta-row{display:flex;gap:20px;flex-wrap:wrap}
.tl-meta-item{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:5px}
.tl-meta-item::before{content:'';width:3px;height:3px;border-radius:50%;background:rgba(188,82,37,.5);flex-shrink:0}

/* ════════════════════════════════════
   HIGHLIGHT REELS
════════════════════════════════════ */
#highlights{padding:120px 72px;background:var(--ink-mid)}
.highlights-header{margin-bottom:56px}
.hl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.hl-card{position:relative;overflow:hidden;cursor:none;background:var(--ink-lift);transition:transform .35s}
.hl-card:hover{transform:translateY(-4px)}
.hl-visual{aspect-ratio:16/9;position:relative;overflow:hidden}
.hl-ph{width:100%;height:100%;background:linear-gradient(135deg,var(--ink-lift),var(--ink-mid));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.hl-ph::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(188,82,37,.08),transparent 60%)}
.hl-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1),filter .4s}
.hl-card:hover .hl-img{transform:scale(1.04);filter:brightness(.75)}
.hl-vis-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,11,26,.8) 0%,transparent 60%);z-index:1}
.hl-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:56px;height:56px;border-radius:50%;background:rgba(7,11,26,.6);border:1px solid rgba(188,82,37,.5);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s,transform .3s}
.hl-card:hover .hl-play{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
.hl-play::after{content:'▶';color:var(--orange);font-size:14px;margin-left:2px}
.hl-duration{position:absolute;bottom:12px;right:12px;z-index:3;background:rgba(7,11,26,.7);font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.6);padding:3px 8px}
.hl-ph-icon{font-size:28px;z-index:1;position:relative;margin-bottom:8px}
.hl-ph-label{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(188,82,37,.3);z-index:1;position:relative;text-align:center}
.hl-info{padding:18px 18px 22px;position:relative}
.hl-meta{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:6px}
.hl-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:15px;letter-spacing:.5px;color:#FFF;line-height:1.15;margin-bottom:6px}
.hl-sub{font-size:12px;color:var(--text-muted);line-height:1.5}

/* ════════════════════════════════════
   BROADCAST MEDIA SECTION
════════════════════════════════════ */
#broadcast{padding:120px 72px;background:var(--ink);position:relative;overflow:hidden}
#broadcast::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(188,82,37,.05),transparent 65%);pointer-events:none}
.broadcast-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.broadcast-screen{position:relative}
.bs-frame{width:100%;aspect-ratio:16/9;background:var(--ink-lift);border:1px solid rgba(188,82,37,.12);position:relative;overflow:hidden}
.bs-inner{width:100%;height:100%;background:linear-gradient(135deg,var(--ink-lift),var(--ink-mid));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;position:relative}
.bs-inner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(188,82,37,.1),transparent 60%)}
.bs-icon{font-size:36px;z-index:1;position:relative}
.bs-label{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:rgba(188,82,37,.35);z-index:1;position:relative}
/* Simulated broadcast overlay UI */
.bs-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}
.bs-ticker{position:absolute;bottom:0;left:0;right:0;background:rgba(188,82,37,.85);padding:8px 16px;display:flex;align-items:center;gap:16px}
.bs-ticker-label{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#FFF;white-space:nowrap}
.bs-ticker-scroll{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:1px;color:rgba(255,255,255,.85);overflow:hidden;flex:1}
.bs-top-bar{position:absolute;top:0;left:0;right:0;background:rgba(7,11,26,.7);backdrop-filter:blur(4px);padding:6px 14px;display:flex;justify-content:space-between;align-items:center}
.bs-channel{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(188,82,37,.8)}
.bs-live-label{display:flex;align-items:center;gap:6px;font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--live-red)}
.bs-live-label::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--live-red);animation:livePulse 1.4s ease-in-out infinite}
.bs-score-bug{position:absolute;bottom:36px;left:16px;background:rgba(7,11,26,.85);border:1px solid rgba(188,82,37,.3);padding:10px 16px;backdrop-filter:blur(8px)}
.bsb-teams{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:13px;letter-spacing:1px;color:#FFF}
.bsb-score{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:18px;background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:3px}
.broadcast-info{}
.bc-capabilities{display:flex;flex-direction:column;gap:var(--gap);margin-top:32px}
.bc-cap{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);transition:background .3s,border-color .3s}
.bc-cap:hover{background:rgba(188,82,37,.04);border-color:rgba(188,82,37,.15)}
.bc-cap-icon{font-size:20px;flex-shrink:0;margin-top:2px}
.bc-cap-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;letter-spacing:.5px;color:#FFF;margin-bottom:4px}
.bc-cap-desc{font-size:13px;line-height:1.65;color:var(--text-muted)}

/* ════════════════════════════════════
   GALLERY REEL
════════════════════════════════════ */
#gallery{padding:120px 0 120px 72px;background:var(--ink-mid)}
.gallery-header{padding-right:72px;margin-bottom:48px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}
.gallery-scroll{display:flex;gap:var(--gap);overflow-x:auto;padding-right:72px;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(188,82,37,.3) transparent}
.gallery-scroll::-webkit-scrollbar{height:3px}
.gallery-scroll::-webkit-scrollbar-thumb{background:rgba(188,82,37,.3)}
.gal-item{flex-shrink:0;overflow:hidden;position:relative;cursor:none;background:var(--ink-lift)}
.gal-item img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .6s cubic-bezier(.23,1,.32,1),filter .4s}
.gal-item:hover img{transform:scale(1.05);filter:brightness(.8)}
.gal-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ink-lift),var(--ink-mid));position:relative;overflow:hidden}
.gal-ph::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 40% 40%,rgba(188,82,37,.07),transparent 60%)}
.gal-ph-label{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(188,82,37,.3);z-index:1;text-align:center;padding:16px;position:relative}
.gal-cap{position:absolute;bottom:0;left:0;right:0;padding:14px 14px 12px;background:linear-gradient(transparent,rgba(7,11,26,.85));font-size:11px;color:rgba(255,255,255,.6);font-style:italic;font-family:'Playfair Display',serif;opacity:0;transition:opacity .3s;z-index:2}
.gal-item:hover .gal-cap{opacity:1}
.gal-tall{width:260px;height:380px}
.gal-wide{width:460px;height:260px}
.gal-sq{width:260px;height:260px}
.gal-xwide{width:600px;height:380px}

/* ════════════════════════════════════
   PARTNER BRANDS
════════════════════════════════════ */
#partners{padding:80px 72px;background:var(--ink);border-top:1px solid rgba(255,255,255,.03)}
.partners-header{text-align:center;margin-bottom:52px}
.partners-eyebrow{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}
.partners-eyebrow::before,.partners-eyebrow::after{content:'';width:40px;height:1px;background:rgba(188,82,37,.3)}
.partners-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:15px;color:var(--text-dim)}
.partners-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap)}
.partner-tile{padding:26px 18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:background .3s,border-color .3s;cursor:none;min-height:88px}
.partner-tile:hover{background:rgba(188,82,37,.06);border-color:rgba(188,82,37,.2)}
.partner-name{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.32);text-align:center;transition:color .3s}
.partner-tile:hover .partner-name{color:rgba(255,255,255,.72)}
.partner-type{font-family:'Playfair Display',serif;font-style:italic;font-size:10px;color:var(--text-dim);text-align:center}
.partner-tile.add-slot{border-style:dashed;border-color:rgba(188,82,37,.12)}
.partner-tile.add-slot:hover{border-color:rgba(188,82,37,.3)}
.partner-tile.add-slot .partner-name{color:rgba(188,82,37,.28)}

/* ════════════════════════════════════
   CTA
════════════════════════════════════ */
#cta{padding:140px 72px;background:var(--ink-mid);position:relative;overflow:hidden;text-align:center}
#cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(188,82,37,.07),transparent 65%)}
.cta-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(188,82,37,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(188,82,37,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 75%)}
.cta-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(80px,18vw,220px);line-height:1;letter-spacing:-8px;color:rgba(188,82,37,.04);pointer-events:none;user-select:none;white-space:nowrap}
.cta-inner{position:relative;z-index:2;max-width:780px;margin:0 auto}
.cta-eyebrow{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px}
.cta-eyebrow::before,.cta-eyebrow::after{content:'';width:32px;height:1px;background:rgba(188,82,37,.4)}
.cta-h{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(40px,7vw,88px);line-height:.9;letter-spacing:-1px;color:#FFF;margin-bottom:20px}
.cta-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;color:rgba(240,238,234,.7);line-height:1.6;margin-bottom:40px}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ════════════════════════════════════
   FOOTER
════════════════════════════════════ */
footer{padding:48px 72px 28px;background:var(--ink);border-top:1px solid rgba(255,255,255,.04)}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;margin-bottom:40px;flex-wrap:wrap}
.footer-logo-wrap{height:44px;display:flex;align-items:center;margin-bottom:12px}
.footer-logo-wrap img{height:100%;width:auto;object-fit:contain}
.footer-tagline{font-family:'Playfair Display',serif;font-style:italic;font-size:13px;color:var(--text-dim);max-width:240px;line-height:1.6}
.footer-nav{display:flex;gap:52px;flex-wrap:wrap}
.fng-title{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--orange);margin-bottom:14px}
.fng-links{display:flex;flex-direction:column;gap:8px}
.fng-links a{font-family:'Rajdhani',sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);text-decoration:none;cursor:none;transition:color .25s}
.fng-links a:hover{color:var(--chrome)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.04);flex-wrap:wrap;gap:12px}
.footer-copy{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}
.footer-note{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(188,82,37,.4)}

/* ════════════════════════════════════
   RESPONSIVE
════════════════════════════════════ */
@media(max-width:1100px){
  .fe-inner{grid-template-columns:1fr;gap:40px}
  .events-grid{grid-template-columns:1fr 1fr}
  .event-card.wide{grid-column:span 1}
  .matchday-grid{grid-template-columns:repeat(2,1fr)}
  .matchday-visual.tall{grid-row:auto}
  .hl-grid{grid-template-columns:1fr 1fr}
  .broadcast-layout{grid-template-columns:1fr;gap:48px}
  .partners-grid{grid-template-columns:repeat(3,1fr)}
  .tl-row{grid-template-columns:140px 1fr;gap:24px}
  .hero-event-stack{width:280px;right:40px}
}
@media(max-width:768px){
  nav{padding:0 20px}
  .nav-links,.nav-btn{display:none}
  .hamburger{display:flex}
  #hero{padding:0 24px 0}
  .hero-event-stack{display:none}
  .scoreboard-strip{display:grid;grid-template-columns:1fr 1fr}
  .sb-cell{padding:14px 16px}
  #featured-event,#events,#matchday,#timeline,#highlights,#broadcast,#gallery,#partners,#cta{padding:80px 24px}
  #gallery{padding:80px 0 80px 24px}
  .gallery-header{padding-right:24px}
  .gallery-scroll{padding-right:24px}
  .events-grid{grid-template-columns:1fr}
  .matchday-grid{grid-template-columns:1fr 1fr}
  .hl-grid{grid-template-columns:1fr}
  .partners-grid{grid-template-columns:repeat(2,1fr)}
  .tl-row{grid-template-columns:100px 1fr;gap:16px;padding-left:20px}
  .matchday-header{grid-template-columns:1fr}
  footer{padding:40px 24px 20px}
  .footer-top{flex-direction:column;gap:32px}
  .footer-nav{gap:28px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .cta-btns{flex-direction:column;align-items:center}
  .fe-specs{grid-template-columns:1fr 1fr}
  .hero-h1{font-size:clamp(44px,12vw,80px)}
}
@media(max-width:480px){
  .scoreboard-strip{grid-template-columns:1fr}
  .matchday-grid{grid-template-columns:1fr}
  .partners-grid{grid-template-columns:repeat(2,1fr)}
  .fe-specs{grid-template-columns:1fr}
  .matchday-stats{flex-direction:column}
  .tl-top-row{flex-direction:column}
}
/*Contact CSS*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --orange-light:#FFB37A;--orange:#BC5225;--orange-dark:#7A3010;
  --chrome:#C8C8D0;--chrome-dim:#9A9AA4;
  --ink:#070B1A;--ink-mid:#0C1124;--ink-lift:#101628;
  --text:#F0EEEA;--text-muted:#9A9AA4;--text-dim:#4A4A52;--text-bright:#E4E2DE;
  --metal:linear-gradient(135deg,var(--orange-light) 0%,var(--orange) 40%,var(--orange-dark) 70%,var(--orange) 100%);
  --metal-text:linear-gradient(90deg,var(--orange-light),var(--orange),var(--orange-dark),var(--orange),var(--orange-light));
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:linear-gradient(160deg,#070B1A 0%,#0A0F22 50%,#070B1A 100%);background-attachment:fixed;color:var(--text);font-family:'Barlow',sans-serif;overflow-x:hidden;cursor:none;min-height:100vh}

/* ── CURSOR ── */
#cx,#cr{position:fixed;pointer-events:none;border-radius:50%;z-index:10000;transform:translate(-50%,-50%);top:0;left:0}
#cx{width:8px;height:8px;background:var(--orange);transition:width .2s,height .2s}
#cr{width:30px;height:30px;border:1px solid rgba(188,82,37,.5);transition:top .15s cubic-bezier(.23,1,.32,1),left .15s cubic-bezier(.23,1,.32,1),width .3s,height .3s,border-color .3s}
body:has(a:hover,button:hover,[data-h]:hover,.srv-card.active,.srv-card:hover) #cx{width:14px;height:14px}
body:has(a:hover,button:hover,[data-h]:hover,.srv-card.active,.srv-card:hover) #cr{width:44px;height:44px;border-color:var(--orange)}
#prog{position:fixed;top:0;left:0;height:1px;z-index:9999;background:var(--metal);width:0}

/* ── NAV ── */
nav{position:fixed;top:0;inset-inline:0;z-index:2000;display:flex;justify-content:space-between;align-items:center;padding:0 52px;height:72px;background:rgba(7,11,26,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04)}
.logo{display:flex;align-items:center;text-decoration:none;height:52px}
.logo img{height:100%;width:auto;object-fit:contain;display:block;filter:brightness(1.15)}
.logo-text-fallback{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#FFF;display:none}
.logo-x-fb{background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nav-back{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--chrome-dim);text-decoration:none;cursor:none;transition:color .3s;display:flex;align-items:center;gap:10px}
.nav-back::before{content:'←';font-size:14px;transition:transform .3s}
.nav-back:hover{color:var(--orange)}
.nav-back:hover::before{transform:translateX(-4px)}
.nav-links{display:flex;gap:0;list-style:none;align-items:center}
.nav-links li a{display:block;padding:0 13px;height:72px;line-height:72px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--chrome-dim);text-decoration:none;font-family:'Rajdhani',sans-serif;font-weight:600;transition:color .3s;white-space:nowrap}
.nav-links li a:hover,.nav-links li a.active{color:var(--orange)}
.nav-btn-sm{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;background:transparent;border:1px solid var(--orange);color:var(--orange);padding:8px 16px;cursor:none;margin-left:8px;transition:background .3s,color .3s;text-decoration:none;display:inline-block}
.nav-btn-sm:hover{background:var(--orange);color:#FFF}
@media(max-width:900px){.nav-links,.nav-btn-sm{display:none}}

/* ── HERO ── */
#hero{
  min-height:100vh;display:flex;align-items:flex-end;
  padding:0 72px 80px;position:relative;overflow:hidden;
}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 90% 70% at 55% 20%,rgba(188,82,37,.09),transparent 55%),radial-gradient(ellipse 50% 50% at 5% 95%,rgba(188,82,37,.05),transparent 50%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(188,82,37,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(188,82,37,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 80%)}
.hero-grain{position:absolute;inset:0;z-index:1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}

/* floating service pills */
.hero-pills{position:absolute;right:72px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:8px;animation:hFade .9s .9s both}
.hp-item{padding:12px 20px;background:rgba(12,17,36,.8);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-left:2px solid rgba(188,82,37,.5);font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--chrome-dim);white-space:nowrap;transition:border-color .3s,color .3s;cursor:none}
.hp-item:hover{border-left-color:var(--orange);color:#FFF}
.hp-item.active-pill{border-left-color:var(--orange);color:rgba(255,179,122,.9)}

.hero-content{position:relative;z-index:10;max-width:640px}
.hero-badge{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:rgba(255,179,122,.85);display:flex;align-items:center;gap:14px;margin-bottom:18px;animation:hFade .9s .2s both}
.hero-badge::before{content:'';width:36px;height:1px;background:var(--orange)}
.hero-h1{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(52px,8vw,108px);line-height:.88;letter-spacing:-2px;color:#FFF;text-shadow:0 2px 32px rgba(0,0,0,.5);animation:hFade .9s .35s both}
.hero-h1 .accent{display:block;background:var(--metal-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200%;animation:shineText 5s linear infinite}
@keyframes shineText{0%{background-position:200%}100%{background-position:-200%}}
.hero-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;color:rgba(240,238,234,.75);margin-top:16px;line-height:1.65;animation:hFade .9s .5s both}
.hero-scroll{position:absolute;bottom:32px;left:72px;z-index:10;display:flex;align-items:center;gap:12px;animation:hFade .9s 1.1s both}
.hs-line{width:48px;height:1px;background:linear-gradient(90deg,var(--orange),transparent);animation:scrollPulse 2s ease-in-out infinite}
@keyframes scrollPulse{0%,100%{opacity:.3}50%{opacity:1}}
.hs-text{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--text-dim)}
@keyframes hFade{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ── MARQUEE ── */
.marquee-strip{overflow:hidden;background:var(--orange);padding:12px 0}
.marquee-inner{display:flex;animation:marqueeScroll 28s linear infinite;width:max-content}
.marquee-item{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(7,11,26,.8);padding:0 36px;white-space:nowrap;display:flex;align-items:center;gap:16px}
.marquee-item::after{content:'◆';font-size:7px;opacity:.4}
@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── UTILS ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}
.reveal-left.in{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(32px);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}
.reveal-right.in{opacity:1;transform:translateX(0)}
.section-eyebrow{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:14px;margin-bottom:10px}
.section-eyebrow::before{content:'';width:24px;height:1px;background:var(--orange)}
.section-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(28px,4.5vw,56px);letter-spacing:-.5px;line-height:1;color:#FFF;margin-bottom:16px}
.metal-text{background:var(--metal-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200%;animation:shineText 5s linear infinite}
.btn-primary{display:inline-flex;align-items:center;gap:10px;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:var(--orange);border:1px solid var(--orange);color:#FFF;padding:14px 36px;cursor:none;text-decoration:none;transition:all .3s}
.btn-primary:hover{background:transparent;color:var(--orange);transform:translateY(-2px)}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-bright);padding:14px 36px;cursor:none;text-decoration:none;transition:all .3s}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange)}

/* ── WHO WE WORK WITH ── */
#who{padding:120px 72px;background:var(--ink-mid)}
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:56px}
.who-card{padding:36px 28px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;transition:background .3s,border-color .3s;cursor:none}
.who-card:hover{background:rgba(188,82,37,.05);border-color:rgba(188,82,37,.18)}
.who-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--metal);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.23,1,.32,1)}
.who-card:hover::after{transform:scaleX(1)}
.wc-icon{font-size:28px;margin-bottom:16px;display:block}
.wc-type{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--orange);margin-bottom:8px}
.wc-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:17px;color:#FFF;margin-bottom:8px;letter-spacing:.5px}
.wc-desc{font-size:13px;line-height:1.75;color:var(--text-muted)}
.wc-ghost{position:absolute;bottom:-10px;right:8px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:64px;color:rgba(255,255,255,.02);pointer-events:none}

/* ── MAIN FORM SECTION ── */
#inquiry{padding:120px 72px;background:var(--ink);position:relative;overflow:hidden}
#inquiry::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 70% 50%,rgba(188,82,37,.05),transparent 60%);pointer-events:none}
.inquiry-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:72px;align-items:start}

/* LEFT — info panel */
.inquiry-info{}
.info-contact-methods{display:flex;flex-direction:column;gap:2px;margin-top:36px}
.icm-item{display:flex;align-items:center;gap:16px;padding:18px 20px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);transition:background .3s,border-color .3s;text-decoration:none;color:inherit;cursor:none}
.icm-item:hover{background:rgba(188,82,37,.06);border-color:rgba(188,82,37,.2)}
.icm-icon{font-size:18px;flex-shrink:0}
.icm-label{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:3px}
.icm-value{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:600;color:var(--text-bright)}
.info-offices{margin-top:32px}
.info-offices-title{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--orange);margin-bottom:16px;display:flex;align-items:center;gap:12px}
.info-offices-title::before{content:'';width:18px;height:1px;background:var(--orange)}
.office-item{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.office-item:last-child{border-bottom:none}
.office-city{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;letter-spacing:.5px;color:#FFF;margin-bottom:3px}
.office-address{font-size:13px;color:var(--text-muted);line-height:1.6}
.office-tag{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-top:4px;display:block}

/* RIGHT — form */
.inquiry-form-wrap{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);padding:48px}
.form-section-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:22px;letter-spacing:1px;color:#FFF;margin-bottom:6px}
.form-section-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:14px;color:var(--text-muted);margin-bottom:36px;line-height:1.6}
.form-divider{width:100%;height:1px;background:rgba(255,255,255,.06);margin:28px 0}
.form-step-label{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:12px;margin-bottom:20px}
.form-step-label::before{content:'';width:16px;height:1px;background:rgba(188,82,37,.5)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.form-label{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--chrome-dim)}
.form-input,.form-select,.form-textarea{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text);font-family:'Barlow',sans-serif;font-size:14px;padding:12px 14px;outline:none;transition:border-color .3s,background .3s;width:100%;-webkit-appearance:none}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:rgba(188,82,37,.55);background:rgba(255,255,255,.06)}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text-dim)}
.form-select{cursor:none;background-color:var(--ink-lift);color:var(--text-bright)}
.form-select option{background:var(--ink-lift)}
.form-textarea{resize:vertical;min-height:100px;line-height:1.65}

/* Service selector cards */
.service-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
.srv-card{padding:14px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);cursor:none;transition:background .25s,border-color .25s;text-align:center;user-select:none}
.srv-card:hover{background:rgba(188,82,37,.07);border-color:rgba(188,82,37,.2)}
.srv-card.active{background:rgba(188,82,37,.12);border-color:rgba(188,82,37,.5)}
.srv-icon{font-size:18px;display:block;margin-bottom:6px}
.srv-label{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--chrome-dim);line-height:1.3;transition:color .25s}
.srv-card:hover .srv-label,.srv-card.active .srv-label{color:rgba(255,179,122,.9)}

/* Budget range pills */
.budget-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.budget-pill{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:8px 16px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--chrome-dim);cursor:none;transition:all .25s}
.budget-pill:hover{border-color:rgba(188,82,37,.3);color:rgba(255,179,122,.8)}
.budget-pill.active{background:rgba(188,82,37,.12);border-color:rgba(188,82,37,.5);color:rgba(255,179,122,.9)}

/* Submit */
.form-submit-row{display:flex;align-items:center;gap:20px;margin-top:12px;flex-wrap:wrap}
.form-submit{flex:1;min-width:200px;padding:15px;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:var(--orange);border:none;color:#FFF;cursor:none;transition:all .3s;position:relative;overflow:hidden}
.form-submit:hover{background:var(--orange-dark);transform:translateY(-2px);box-shadow:0 12px 36px rgba(188,82,37,.4)}
.form-submit::after{content:'';position:absolute;inset:-8px;border:1px solid rgba(188,82,37,.35);animation:ringPulse 2.5s ease-out infinite;pointer-events:none}
@keyframes ringPulse{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.12)}}
.form-note{font-size:11px;color:var(--text-dim);font-style:italic;font-family:'Playfair Display',serif}

/* Progress stepper */
.form-stepper{display:flex;gap:0;margin-bottom:36px}
.fstep{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;cursor:none}
.fstep::before{content:'';position:absolute;top:14px;left:50%;right:-50%;height:1px;background:rgba(255,255,255,.07);z-index:0}
.fstep:last-child::before{display:none}
.fstep-dot{width:28px;height:28px;border-radius:50%;background:var(--ink-lift);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;color:var(--text-dim);z-index:1;transition:all .3s}
.fstep.active .fstep-dot{background:var(--orange);border-color:var(--orange);color:#FFF}
.fstep.done .fstep-dot{background:rgba(188,82,37,.2);border-color:var(--orange);color:var(--orange)}
.fstep-label{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);transition:color .3s;text-align:center}
.fstep.active .fstep-label{color:rgba(255,179,122,.8)}

/* Multi-step form panels */
.form-panel{display:none}
.form-panel.active{display:block;animation:panelIn .4s cubic-bezier(.23,1,.32,1)}
@keyframes panelIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.form-nav-row{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}
.btn-form-prev{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--chrome-dim);padding:10px 22px;cursor:none;transition:all .3s}
.btn-form-prev:hover{border-color:var(--orange);color:var(--orange)}
.btn-form-next{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:rgba(188,82,37,.85);border:1px solid transparent;color:#FFF;padding:10px 28px;cursor:none;transition:all .3s}
.btn-form-next:hover{background:var(--orange);transform:translateY(-1px)}

/* Success state */
.form-success{display:none;text-align:center;padding:48px 24px}
.fs-icon{font-size:48px;margin-bottom:20px;display:block;animation:successPop .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes successPop{from{transform:scale(0)}to{transform:scale(1)}}
.fs-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:26px;letter-spacing:1px;color:#FFF;margin-bottom:10px}
.fs-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:16px;color:var(--text-muted);line-height:1.7;margin-bottom:28px}
.fs-ref{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);padding:10px 20px;border:1px solid rgba(255,255,255,.06);display:inline-block}

/* ── WHAT HAPPENS NEXT ── */
#process{padding:120px 72px;background:var(--ink-mid)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:64px;position:relative}
.process-grid::before{content:'';position:absolute;top:28px;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,rgba(188,82,37,.25) 10%,rgba(188,82,37,.25) 90%,transparent)}
.pg-step{padding:0 20px 0 0;position:relative;z-index:1}
.pg-dot{width:56px;height:56px;border-radius:50%;background:var(--ink);border:1px solid rgba(188,82,37,.25);display:flex;align-items:center;justify-content:center;margin-bottom:22px;font-size:20px;transition:background .3s,border-color .3s}
.pg-step:hover .pg-dot{background:rgba(188,82,37,.1);border-color:var(--orange)}
.pg-num{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;color:var(--orange);margin-bottom:8px}
.pg-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:17px;letter-spacing:.5px;color:#FFF;margin-bottom:8px}
.pg-desc{font-size:13px;line-height:1.7;color:var(--text-muted)}

/* ── FOOTER ── */
footer{padding:32px 72px;background:var(--ink-mid);border-top:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-copy{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}
.footer-links{display:flex;gap:24px}
.footer-links a{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);text-decoration:none;cursor:none;transition:color .25s}
.footer-links a:hover{color:var(--orange)}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .who-grid{grid-template-columns:repeat(2,1fr)}
  .inquiry-layout{grid-template-columns:1fr}
  .service-selector{grid-template-columns:repeat(3,1fr)}
  .process-grid{grid-template-columns:1fr 1fr;gap:32px}
  .process-grid::before{display:none}
  .hero-pills{display:none}
}
@media(max-width:768px){
  nav{padding:0 20px}
  #hero{padding:0 24px 100px}
  .hero-scroll{left:24px}
  #who,#inquiry,#process{padding:80px 24px}
  .who-grid{grid-template-columns:1fr}
  .inquiry-form-wrap{padding:28px 20px}
  .form-row,.form-row-3{grid-template-columns:1fr}
  .service-selector{grid-template-columns:repeat(2,1fr)}
  .process-grid{grid-template-columns:1fr}
  .form-stepper{display:none}
  footer{padding:24px;flex-direction:column;align-items:flex-start;gap:16px}
  .footer-links{flex-wrap:wrap;gap:16px}
}
@media(max-width:480px){
  .service-selector{grid-template-columns:repeat(2,1fr)}
  .budget-pills{gap:6px}
  .form-submit-row{flex-direction:column;align-items:stretch}
}

/*Careers CSS*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --orange-light:#FFB37A;--orange:#BC5225;--orange-dark:#7A3010;
  --chrome:#C8C8D0;--chrome-dim:#9A9AA4;
  --ink:#070B1A;--ink-mid:#0C1124;--ink-lift:#101628;
  --text:#F0EEEA;--text-muted:#9A9AA4;--text-dim:#4A4A52;--text-bright:#E4E2DE;
  --metal:linear-gradient(135deg,var(--orange-light) 0%,var(--orange) 40%,var(--orange-dark) 70%,var(--orange) 100%);
  --metal-text:linear-gradient(90deg,var(--orange-light),var(--orange),var(--orange-dark),var(--orange),var(--orange-light));
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:linear-gradient(160deg,#070B1A 0%,#0A0F22 50%,#070B1A 100%);background-attachment:fixed;color:var(--text);font-family:'Barlow',sans-serif;overflow-x:hidden;cursor:none}
#cx,#cr{position:fixed;pointer-events:none;border-radius:50%;z-index:10000;transform:translate(-50%,-50%);top:0;left:0}
#cx{width:8px;height:8px;background:var(--orange);transition:width .2s,height .2s}
#cr{width:30px;height:30px;border:1px solid rgba(188,82,37,.5);transition:top .15s cubic-bezier(.23,1,.32,1),left .15s cubic-bezier(.23,1,.32,1),width .3s,height .3s}
body:has(a:hover,button:hover,[data-h]:hover,.role-card:hover) #cx{width:14px;height:14px}
body:has(a:hover,button:hover,[data-h]:hover,.role-card:hover) #cr{width:44px;height:44px;border-color:var(--orange)}
#prog{position:fixed;top:0;left:0;height:1px;z-index:9999;background:var(--metal);width:0}

/* NAV */
nav{position:fixed;top:0;inset-inline:0;z-index:2000;display:flex;justify-content:space-between;align-items:center;padding:0 52px;height:100px;background:rgba(7,11,26,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04)}

.logo img{height:100%;width:auto;object-fit:contain;display:block;filter:brightness(1.15)}
.logo-text-fallback{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#FFF;display:none}
.logo-x-fb{background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nav-back{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--chrome-dim);text-decoration:none;cursor:none;transition:color .3s;display:flex;align-items:center;gap:10px}
.nav-back::before{content:'←';font-size:14px;transition:transform .3s}
.nav-back:hover{color:var(--orange)}
.nav-back:hover::before{transform:translateX(-4px)}
.nav-links{display:flex;gap:0;list-style:none;align-items:center}
.nav-links li a{display:block;padding:0 13px;height:100px;line-height:100px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--chrome-dim);text-decoration:none;font-family:'Rajdhani',sans-serif;font-weight:600;transition:color .3s;white-space:nowrap}
.nav-links li a:hover,.nav-links li a.active{color:var(--orange)}
.nav-btn-sm{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;background:transparent;border:1px solid var(--orange);color:var(--orange);padding:8px 16px;cursor:none;margin-left:8px;transition:background .3s,color .3s;text-decoration:none;display:inline-block}
.nav-btn-sm:hover{background:var(--orange);color:#FFF}
@media(max-width:900px){.nav-links,.nav-btn-sm{display:none}}

/* HERO */
#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 72px 80px;position:relative;overflow:hidden;background:var(--ink)}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 65% 30%,rgba(188,82,37,.07),transparent 55%),radial-gradient(ellipse 40% 40% at 10% 90%,rgba(188,82,37,.04),transparent 50%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(188,82,37,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(188,82,37,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 80%)}
.hero-grain{position:absolute;inset:0;z-index:1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.hero-content{position:relative;z-index:10;max-width:700px}
.hero-badge{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:rgba(255,179,122,.85);display:flex;align-items:center;gap:14px;margin-bottom:18px;animation:hFade .9s .2s both}
.hero-badge::before{content:'';width:36px;height:1px;background:var(--orange)}
.hero-h1{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(52px,8vw,108px);line-height:.88;letter-spacing:-2px;color:#FFF;animation:hFade .9s .35s both}
.hero-h1 .accent{display:block;background:var(--metal-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200%;animation:shineText 5s linear infinite}
@keyframes shineText{0%{background-position:200%}100%{background-position:-200%}}
.hero-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;color:rgba(240,238,234,.75);margin-top:16px;line-height:1.65;animation:hFade .9s .5s both}
.hero-ctas{display:flex;gap:14px;margin-top:36px;animation:hFade .9s .65s both;flex-wrap:wrap}
@keyframes hFade{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.hero-stats{display:flex;gap:0;margin-top:64px;border-top:1px solid rgba(188,82,37,.1);animation:hFade .9s .8s both}
.hstat{flex:1;padding:22px 0 0;border-right:1px solid rgba(255,255,255,.04)}
.hstat:last-child{border-right:none;padding-left:28px}
.hstat:first-child{padding-right:28px}
.hs-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(26px,3vw,40px);background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.hs-label{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-top:4px}

/* UTILS */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}
.reveal.in{opacity:1;transform:translateY(0)}
.section-eyebrow{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:14px;margin-bottom:10px}
.section-eyebrow::before{content:'';width:24px;height:1px;background:var(--orange)}
.section-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(28px,4.5vw,56px);letter-spacing:-.5px;line-height:1;color:#FFF;margin-bottom:16px}
.btn-primary{display:inline-flex;align-items:center;gap:10px;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:var(--orange);border:1px solid var(--orange);color:#FFF;padding:13px 32px;cursor:none;text-decoration:none;transition:all .3s}
.btn-primary:hover{background:transparent;color:var(--orange);transform:translateY(-2px)}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-bright);padding:13px 32px;cursor:none;text-decoration:none;transition:all .3s}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange)}

/* WHY JOIN */
#why{padding:120px 72px;background:var(--ink-mid)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px}
.why-card{padding:40px 34px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;transition:background .3s,border-color .3s;cursor:none}
.why-card:hover{background:rgba(188,82,37,.05);border-color:rgba(188,82,37,.18)}
.why-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--metal);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.23,1,.32,1)}
.why-card:hover::after{transform:scaleX(1)}
.wc-icon{font-size:30px;margin-bottom:18px;display:block}
.wc-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:18px;letter-spacing:.5px;color:#FFF;margin-bottom:10px}
.wc-desc{font-size:14px;line-height:1.8;color:var(--text-muted)}
.wc-ghost{position:absolute;bottom:-10px;right:8px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:72px;color:rgba(255,255,255,.02);pointer-events:none}

/* OPEN ROLES */
#roles{padding:120px 72px;background:var(--ink)}
.roles-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:24px;flex-wrap:wrap}
.dept-tabs{display:flex;gap:2px}
.dept-tab{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:8px 18px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--chrome-dim);cursor:none;transition:all .3s}
.dept-tab.active{background:var(--orange);border-color:transparent;color:#FFF}
.dept-tab:hover:not(.active){border-color:rgba(255,255,255,.3);color:#FFF}
.roles-grid{display:flex;flex-direction:column;gap:2px}
.role-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:28px 32px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);cursor:none;transition:background .3s,border-color .3s;text-decoration:none;color:inherit}
.role-card:hover{background:rgba(188,82,37,.05);border-color:rgba(188,82,37,.25)}
.role-card-left{}
.role-dept{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--orange);margin-bottom:6px}
.role-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:20px;letter-spacing:.5px;color:#FFF;margin-bottom:6px}
.role-meta{display:flex;gap:20px;flex-wrap:wrap}
.role-meta-item{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:6px}
.role-meta-item::before{content:'';width:3px;height:3px;border-radius:50%;background:rgba(188,82,37,.5);flex-shrink:0}
.role-card-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.role-type-badge{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border:1px solid rgba(188,82,37,.3);color:rgba(255,179,122,.8)}
.role-arrow{width:36px;height:36px;border-radius:50%;border:1px solid rgba(188,82,37,.25);display:flex;align-items:center;justify-content:center;color:var(--orange);font-size:12px;transition:background .3s,border-color .3s}
.role-card:hover .role-arrow{background:var(--orange);border-color:var(--orange);color:#FFF}
/* Add role placeholder */
.role-add-slot{padding:24px 32px;background:rgba(255,255,255,.01);border:1px dashed rgba(188,82,37,.15);display:flex;align-items:center;gap:16px;cursor:none;transition:background .3s,border-color .3s}
.role-add-slot:hover{background:rgba(188,82,37,.03);border-color:rgba(188,82,37,.3)}
.ras-label{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(188,82,37,.35)}

/* INTERNSHIPS */
#internships{padding:120px 72px;background:var(--ink-mid)}
.internship-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:56px}
.intern-card{padding:36px 32px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);transition:background .3s,border-color .3s;cursor:none;position:relative}
.intern-card:hover{background:rgba(188,82,37,.05);border-color:rgba(188,82,37,.2)}
.ic-num{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;color:rgba(188,82,37,.4);margin-bottom:16px;display:block}
.ic-icon{font-size:26px;margin-bottom:16px;display:block}
.ic-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:20px;letter-spacing:.5px;color:#FFF;margin-bottom:8px}
.ic-dept{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:12px}
.ic-desc{font-size:14px;line-height:1.8;color:var(--text-muted);margin-bottom:16px}
.ic-perks{display:flex;flex-wrap:wrap;gap:8px}
.ic-perk{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border:1px solid rgba(255,255,255,.06);color:var(--text-dim)}
.ic-ghost{position:absolute;bottom:-8px;right:12px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:60px;color:rgba(255,255,255,.02);pointer-events:none}

/* CULTURE */
#culture{padding:120px 72px;background:var(--ink);position:relative;overflow:hidden}
#culture::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(188,82,37,.05),transparent 65%);pointer-events:none}
.culture-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.culture-text{}
.culture-values{display:flex;flex-direction:column;gap:2px;margin-top:36px}
.cv-item{display:flex;gap:16px;padding:18px 20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);transition:background .3s,border-color .3s;cursor:none}
.cv-item:hover{background:rgba(188,82,37,.04);border-color:rgba(188,82,37,.15)}
.cv-icon{font-size:18px;flex-shrink:0;margin-top:2px}
.cv-body{}
.cv-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;color:#FFF;margin-bottom:3px}
.cv-desc{font-size:13px;line-height:1.65;color:var(--text-muted)}
.culture-visual{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;height:480px}
.cv-frame{overflow:hidden;background:var(--ink-lift);position:relative}
.cv-frame.span2{grid-column:span 2}
.cv-frame-inner{width:100%;height:100%;background:linear-gradient(135deg,var(--ink-lift),var(--ink-mid));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .6s cubic-bezier(.23,1,.32,1)}
.cv-frame:hover .cv-frame-inner{transform:scale(1.04)}
.cv-frame-inner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 40% 40%,rgba(188,82,37,.09),transparent 60%)}
.cv-ph-label{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(188,82,37,.25);z-index:1;text-align:center;padding:16px;position:relative}

/* APPLICATION FORM */
#apply{padding:120px 72px;background:var(--ink-mid)}
.apply-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.apply-info{}
.apply-steps{display:flex;flex-direction:column;gap:2px;margin-top:36px}
.astep{display:flex;gap:16px;padding:20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);transition:background .3s}
.astep:hover{background:rgba(188,82,37,.04)}
.as-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:13px;color:var(--orange);flex-shrink:0;width:28px;padding-top:2px}
.as-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;color:#FFF;margin-bottom:3px}
.as-desc{font-size:13px;line-height:1.65;color:var(--text-muted)}
.apply-form-wrap{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);padding:40px}
.form-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:22px;letter-spacing:1px;color:#FFF;margin-bottom:6px}
.form-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:14px;color:var(--text-muted);margin-bottom:32px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.form-label{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--chrome-dim)}
.form-input,.form-select,.form-textarea{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text);font-family:'Barlow',sans-serif;font-size:14px;padding:11px 14px;outline:none;transition:border-color .3s;width:100%;-webkit-appearance:none}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:rgba(188,82,37,.5)}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text-dim)}
.form-select{cursor:none;background-color:var(--ink-lift);color:var(--text-bright)}
.form-select option{background:var(--ink-lift)}
.form-textarea{resize:vertical;min-height:110px;line-height:1.6}
.form-submit{width:100%;padding:14px;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:var(--orange);border:none;color:#FFF;cursor:none;margin-top:8px;transition:all .3s;position:relative;overflow:hidden}
.form-submit:hover{background:var(--orange-dark);transform:translateY(-2px);box-shadow:0 10px 32px rgba(188,82,37,.35)}
.form-note{font-size:11px;color:var(--text-dim);text-align:center;margin-top:12px;font-style:italic;font-family:'Playfair Display',serif}
.form-success{display:none;text-align:center;padding:32px 20px}
.fs-icon{font-size:40px;margin-bottom:16px;display:block}
.fs-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:22px;letter-spacing:1px;color:#FFF;margin-bottom:8px}
.fs-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:15px;color:var(--text-muted)}

/* CTA */
#cta{padding:120px 72px;background:var(--ink);position:relative;overflow:hidden;text-align:center}
#cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(188,82,37,.07),transparent 65%)}
.cta-ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(80px,18vw,200px);line-height:1;letter-spacing:-8px;color:rgba(188,82,37,.04);pointer-events:none;user-select:none;white-space:nowrap}
.cta-inner{position:relative;z-index:2;max-width:700px;margin:0 auto}
.cta-eyebrow{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px}
.cta-eyebrow::before,.cta-eyebrow::after{content:'';width:32px;height:1px;background:rgba(188,82,37,.4)}
.cta-h{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(36px,6vw,80px);line-height:.9;letter-spacing:-1px;color:#FFF;margin-bottom:18px}
.cta-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:17px;color:rgba(240,238,234,.7);line-height:1.6;margin-bottom:36px}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* FOOTER */
footer{padding:32px 72px;background:var(--ink-mid);border-top:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-copy{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}
.footer-links{display:flex;gap:24px}
.footer-links a{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);text-decoration:none;cursor:none;transition:color .25s}
.footer-links a:hover{color:var(--orange)}

/* RESPONSIVE */
@media(max-width:900px){
  nav{padding:0 20px}
  #hero,#why,#roles,#internships,#culture,#apply,#cta{padding:80px 24px}
  .why-grid{grid-template-columns:1fr 1fr}
  .culture-layout{grid-template-columns:1fr}
  .culture-visual{height:320px}
  .internship-grid{grid-template-columns:1fr}
  .apply-layout{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  footer{padding:24px}
}
@media(max-width:600px){
  .why-grid{grid-template-columns:1fr}
  .hero-stats{flex-direction:column;gap:0}
  .hstat{border-right:none;border-bottom:1px solid rgba(255,255,255,.04);padding:16px 0}
  .dept-tabs{flex-wrap:wrap}
  .cta-btns{flex-direction:column;align-items:center}
}
/*Indes CSS*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --orange-light:#FFB37A;
  --orange:#BC5225;
  --orange-dark:#7A3010;
  --chrome:#C8C8D0;
  --chrome-dim:#9A9AA4;
  --ink:#070B1A;
  --ink-mid:#0C1124;
  --ink-lift:#101628;
  --text:#F0EEEA;
  --text-muted:#9A9AA4;
  --text-dim:#4A4A52;
  --text-bright:#E4E2DE;
  --metal:linear-gradient(135deg,var(--orange-light) 0%,var(--orange) 40%,var(--orange-dark) 70%,var(--orange) 100%);
  --metal-text:linear-gradient(90deg,var(--orange-light),var(--orange),var(--orange-dark),var(--orange),var(--orange-light));
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:linear-gradient(160deg,#070B1A 0%,#0A0F22 50%,#070B1A 100%);background-attachment:fixed;color:var(--text);font-family:'Barlow',sans-serif;font-weight:400;overflow-x:hidden;cursor:none}
#cx,#cr{position:fixed;pointer-events:none;border-radius:50%;z-index:10000;transform:translate(-50%,-50%);top:0;left:0}
#cx{width:8px;height:8px;background:var(--orange);transition:width .25s,height .25s}
#cr{width:30px;height:30px;border:1px solid rgba(188,82,37,.5);transition:top .18s cubic-bezier(.23,1,.32,1),left .18s cubic-bezier(.23,1,.32,1),width .3s,height .3s}
body:has(a:hover,button:hover,.athlete-card:hover,.why-card:hover,.nf-thumb:hover) #cx{width:14px;height:14px}
body:has(a:hover,button:hover,.athlete-card:hover,.why-card:hover,.nf-thumb:hover) #cr{width:44px;height:44px;border-color:var(--orange)}
#prog{position:fixed;top:0;left:0;height:1px;z-index:9999;background:var(--metal);width:0}
section{position:relative;z-index:1}

/* ══ NAV ══ */
nav{
  position:fixed;top:0;inset-inline:0;z-index:2000;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;
  padding:0 40px;height:100px;
  background:linear-gradient(to bottom,rgba(7,11,26,.97) 0%,rgba(7,11,26,0) 100%);
}

.logo img{height:100%;width:auto;object-fit:contain;display:block;filter:brightness(1.15)}
.logo-text-fallback{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#FFF;display:none}
.logo-x-fb{background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
nav>ul{display:flex;gap:0;list-style:none;align-items:center;flex-shrink:1;min-width:0}
nav>ul>li{position:relative;flex-shrink:0}
nav>ul>li>a{display:block;padding:0 11px;height:100px;line-height:100px;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--chrome-dim);text-decoration:none;font-family:'Rajdhani',sans-serif;font-weight:600;transition:color .3s;white-space:nowrap}
nav>ul>li>a:hover{color:var(--orange)}
.nav-arr{font-size:8px;margin-left:3px;opacity:.5;transition:transform .3s;display:inline-block}
nav>ul>li:hover .nav-arr{transform:rotate(180deg)}
.nav-drop{display:none;position:absolute;top:72px;left:0;background:rgba(7,11,26,.98);backdrop-filter:blur(20px);border:1px solid rgba(188,82,37,.18);border-top:2px solid var(--orange);min-width:210px;padding:10px 0;z-index:3000;animation:dropIn .2s ease}
@keyframes dropIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
nav>ul>li:hover .nav-drop{display:block}
.drop-label{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--orange);padding:8px 20px 4px;opacity:.8}
.nav-drop a{display:block;padding:7px 20px;font-family:'Rajdhani',sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--chrome-dim);text-decoration:none;font-weight:500;transition:color .2s,background .2s}
.nav-drop a:hover{color:var(--orange);background:rgba(188,82,37,.07)}
.nav-drop hr{border:none;border-top:1px solid rgba(255,255,255,.06);margin:5px 0}
.nav-btn{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;background:transparent;border:1px solid var(--orange);color:var(--orange);padding:8px 16px;cursor:none;margin-left:8px;transition:background .3s,color .3s;flex-shrink:0}
.nav-btn:hover{background:var(--orange);color:#FFF}

/* ══ HERO ══ */
#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;overflow:hidden;padding:0 72px 80px;background:var(--ink);position:relative}
.hero-video-container{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-video-container video{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.52}
.hero-video-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(7,11,26,.82) 0%,rgba(7,11,26,.28) 55%,rgba(7,11,26,.45) 100%),linear-gradient(to top,rgba(7,11,26,.9) 0%,rgba(7,11,26,0) 45%)}
.hero-content-layer{position:relative;z-index:10;width:100%;max-width:700px}
.hero-badge{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:rgba(255,179,122,.9);display:flex;align-items:center;gap:12px;margin-bottom:14px;animation:heroFade 1s .2s both}
.hero-badge::before{content:'';width:32px;height:1px;background:var(--orange)}
.hero-h1{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(44px,7vw,96px);line-height:.93;letter-spacing:-1px;color:#FFF;text-shadow:0 2px 20px rgba(0,0,0,.5);animation:heroFade 1s .4s both}
.hero-h1 em{display:block;font-style:normal;background:var(--metal-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200%;animation:shineText 4s linear infinite}
@keyframes shineText{0%{background-position:200%}100%{background-position:-200%}}
.hero-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:16px;color:rgba(240,238,234,.78);margin-top:14px;text-shadow:0 1px 8px rgba(0,0,0,.6);animation:heroFade 1s .6s both}
.hero-ctas{display:flex;gap:14px;margin-top:32px;animation:heroFade 1s .8s both}
@keyframes heroFade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.btn-gold{background:transparent;color:var(--orange);padding:12px 32px;font-size:10px;letter-spacing:3px;text-transform:uppercase;border:1px solid rgba(188,82,37,.65);cursor:none;font-family:'Rajdhani',sans-serif;font-weight:700;transition:all .3s ease}
.btn-gold:hover{background:var(--orange);color:#FFF;transform:translateY(-2px);box-shadow:0 10px 30px rgba(188,82,37,.35)}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:rgba(240,238,234,.78);padding:12px 32px;font-size:10px;letter-spacing:3px;text-transform:uppercase;cursor:none;font-family:'Rajdhani',sans-serif;font-weight:600;display:flex;align-items:center;gap:10px;transition:border-color .3s,color .3s}
.btn-outline::before{content:'▶';font-size:7px;color:rgba(188,82,37,.8)}
.btn-outline:hover{border-color:var(--orange);color:var(--orange)}

/* ══ STORY ══ */
#story{height:100vh;background:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;padding:80px 72px}
.story-label{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--chrome);margin-bottom:28px;opacity:0;transform:translateY(16px);transition:opacity 1s,transform 1s}
.story-h{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(38px,6vw,88px);line-height:1;letter-spacing:1px;max-width:920px;opacity:0;transform:translateY(24px);transition:opacity 1.2s .2s,transform 1.2s .2s}
.story-h .accent{background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.story-p{font-family:'Playfair Display',serif;font-style:italic;font-size:20px;color:var(--text-bright);margin-top:20px;max-width:580px;opacity:0;transform:translateY(16px);transition:opacity 1s .5s,transform 1s .5s;line-height:1.6}
.in-view .story-label,.in-view .story-h,.in-view .story-p{opacity:1;transform:translateY(0)}

/* ══ MOMENTUM ══ */
#problem{height:100vh;background:var(--ink-mid);display:flex;justify-content:center;align-items:center;padding:60px 72px;overflow:hidden}
.momentum-inner{width:100%;max-width:1100px}
.momentum-top{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:6px;text-transform:uppercase;color:var(--orange);margin-bottom:40px;display:flex;align-items:center;gap:16px;opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}
.momentum-top::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(188,82,37,.4),transparent)}
.momentum-inner.lit .momentum-top{opacity:1;transform:translateY(0)}
.momentum-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:40px}
.mstat{padding:40px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}
.mstat:nth-child(2){transition-delay:.15s}
.mstat:nth-child(3){transition-delay:.3s}
.momentum-inner.lit .mstat{opacity:1;transform:translateY(0)}
.mstat-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(48px,5.5vw,80px);line-height:1;letter-spacing:-2px;background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}
.mstat-label{font-family:'Rajdhani',sans-serif;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--chrome);margin-bottom:10px;font-weight:500}
.mstat-desc{font-size:14px;line-height:1.7;color:var(--text-bright)}
.mstat-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--metal);transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.23,1,.32,1)}
.momentum-inner.lit .mstat-bar{transform:scaleX(1)}
.mstat:hover{background:rgba(188,82,37,.05)}
.momentum-tagline{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;border-top:1px solid rgba(255,255,255,.06);padding-top:40px;opacity:0;transform:translateY(20px);transition:opacity .8s .4s,transform .8s .4s}
.momentum-inner.lit .momentum-tagline{opacity:1;transform:translateY(0)}
.mtag-left{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(26px,3vw,44px);line-height:1.1;letter-spacing:.5px}
.mtag-left .accent{background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.mtag-right{font-size:15px;line-height:1.85;color:var(--text-bright)}
.mtag-cta{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);cursor:none;border-bottom:1px solid rgba(188,82,37,.35);padding-bottom:2px;transition:color .3s}
.mtag-cta:hover{color:var(--orange-light)}

/* ══ ATHLETES — fixed to single screen ══ */
#athletes{
  background:var(--ink-mid);
  height:100vh;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  padding:0;overflow:hidden;position:relative
}
.athletes-header{padding:76px 72px 0;display:flex;justify-content:space-between;align-items:flex-end}
.sec-eyebrow{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--chrome);margin-bottom:4px;font-weight:500}
.sec-h{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(24px,3vw,38px);letter-spacing:1px;color:#FFF;line-height:1}
.tab-row{display:flex;gap:2px;padding:10px 72px 0;flex-shrink:0}
.tab{padding:6px 16px;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;background:transparent;border:1px solid var(--text-dim);color:var(--chrome-dim);cursor:none;transition:all .3s ease}
.tab:hover{background:var(--orange);color:#FFF;border-color:var(--orange)}
.tab.on{background:var(--metal);border-color:transparent;color:#FFF}

/* athlete stage fills remaining height */
.athlete-stage{
  position:relative;overflow:hidden;
  display:flex;align-items:flex-end;justify-content:center;
  padding-bottom:8px;
}
.athlete-ghost-name{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(60px,12vw,150px);letter-spacing:-4px;color:rgba(188,82,37,.05);white-space:nowrap;pointer-events:none;user-select:none}
.atrack{position:relative;width:100%;height:100%;overflow:hidden}
/* Card sizes calibrated so centre card fits comfortably in ~75% of viewport height */
.athlete-card{
  position:absolute;
  bottom:0;left:50%;
  overflow:hidden;cursor:none;
  background:var(--ink-lift);
  border:1px solid rgba(255,255,255,.05);
  transform-origin:bottom center;
  transition:
    transform 0.65s cubic-bezier(0.4,0,0.2,1),
    width 0.65s cubic-bezier(0.4,0,0.2,1),
    height 0.65s cubic-bezier(0.4,0,0.2,1),
    opacity 0.55s ease,
    box-shadow 0.55s ease,
    border-color 0.4s ease;
  will-change:transform,width,height,opacity;
}
.athlete-card.pos-center{width:220px;height:86%;max-height:520px;transform:translateX(-50%);border-color:rgba(188,82,37,.5);box-shadow:0 16px 48px rgba(188,82,37,.22),0 0 0 1px rgba(188,82,37,.15);z-index:5;opacity:1}
.athlete-card.pos-adj-l{width:160px;height:68%;max-height:410px;transform:translateX(calc(-50% - 234px));opacity:.72;z-index:4}.athlete-card.pos-adj-r{width:160px;height:68%;max-height:410px;transform:translateX(calc(-50% + 234px));opacity:.72;z-index:4}
.athlete-card.pos-adj2-l{width:120px;height:52%;max-height:310px;transform:translateX(calc(-50% - 414px));opacity:.42;z-index:3}.athlete-card.pos-adj2-r{width:120px;height:52%;max-height:310px;transform:translateX(calc(-50% + 414px));opacity:.42;z-index:3}
.athlete-card.pos-far-l{width:88px;height:38%;max-height:230px;transform:translateX(calc(-50% - 562px));opacity:.2;z-index:2}.athlete-card.pos-far-r{width:88px;height:38%;max-height:230px;transform:translateX(calc(-50% + 562px));opacity:.2;z-index:2}
.athlete-card.pos-hidden{opacity:0;width:60px;height:100px;pointer-events:none;z-index:1;transform:translateX(calc(-50% - 700px))}.athlete-card.pos-hidden-r{opacity:0;width:60px;height:100px;pointer-events:none;z-index:1;transform:translateX(calc(-50% + 700px))}
.ac-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s cubic-bezier(.23,1,.32,1),filter .5s;filter:grayscale(.35) brightness(.78)}
.athlete-card.pos-center .ac-img{filter:grayscale(0) brightness(.9)}
.athlete-card:hover .ac-img{transform:scale(1.04)}
.ac-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,11,26,1) 0%,rgba(7,11,26,.8) 28%,rgba(7,11,26,.15) 52%,transparent 100%)}
.ac-bottom-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--metal);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.23,1,.32,1)}
.athlete-card.pos-center .ac-bottom-line{transform:scaleX(1)}
.ac-info{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:20px 16px;opacity:0;transition:opacity .4s}
.athlete-card.pos-center .ac-info{opacity:1}
.ac-sport{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--orange);margin-bottom:3px}
.ac-name{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:18px;letter-spacing:.5px;line-height:1;color:#FFF;margin-bottom:3px}
.ac-role{font-size:11px;color:rgba(255,255,255,.6);margin-bottom:10px;font-style:italic;font-family:'Playfair Display',serif}
.ac-desc{font-size:11px;line-height:1.6;color:rgba(255,255,255,.62);border-top:1px solid rgba(188,82,37,.22);padding-top:10px}
.ac-mini-name{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);z-index:3;transition:opacity .3s}
.athlete-card.pos-center .ac-mini-name{opacity:0}
.atrack-nav{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 0 18px;background:var(--ink-mid);flex-shrink:0;border-top:1px solid rgba(255,255,255,.04);}
.atrack-arrow{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#FFF;display:flex;align-items:center;justify-content:center;cursor:none;transition:all .3s;font-size:13px}
.atrack-arrow:hover{background:var(--orange);border-color:var(--orange)}
.atrack-dots{display:flex;gap:4px;align-items:center}
.atrack-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.2);transition:all .3s;cursor:none}
.atrack-dot.on{width:14px;border-radius:2px;background:var(--orange)}

/* ══ BUSINESS VERTICALS ══ */
#portfolio{background:var(--ink);padding:80px 0 0;overflow:hidden}
.portfolio-header{padding:0 72px;margin-bottom:48px}
.verticals-showcase{display:flex;height:72vh;min-height:520px;position:relative}
.vt-tile{flex:1;position:relative;overflow:hidden;cursor:none;border-right:1px solid rgba(188,82,37,.1);transition:flex .6s cubic-bezier(.23,1,.32,1);background:var(--ink-lift);min-width:60px}
.vt-tile:last-child{border-right:none}
.vt-tile.expanded{flex:4}
.vt-tile-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;filter:brightness(.35) grayscale(.5);transition:filter .6s ease,transform .6s cubic-bezier(.23,1,.32,1)}
.vt-tile.expanded .vt-tile-bg{filter:brightness(.45) grayscale(.1);transform:scale(1.04)}
.vt-tile-gradient{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(7,11,26,.98) 0%,rgba(7,11,26,.5) 50%,transparent 100%),linear-gradient(to right,rgba(7,11,26,.6) 0%,transparent 60%)}
.vt-label-collapsed{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);z-index:4;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:13px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.35);writing-mode:vertical-rl;text-orientation:mixed;transition:opacity .4s;white-space:nowrap}
.vt-tile.expanded .vt-label-collapsed{opacity:0;pointer-events:none}
.vt-content{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:40px 44px 48px;opacity:0;transform:translateY(20px);transition:opacity .45s .15s,transform .45s .15s;pointer-events:none}
.vt-tile.expanded .vt-content{opacity:1;transform:translateY(0);pointer-events:auto}
.vt-num{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:rgba(188,82,37,.6);margin-bottom:10px}
.vt-logo-img{height:32px;width:auto;object-fit:contain;margin-bottom:14px;display:block;filter:brightness(1.4)}
.vt-logo-fallback{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:18px;letter-spacing:3px;text-transform:uppercase;background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;display:none}
.vt-logo-img.err{display:none}
.vt-logo-img.err + .vt-logo-fallback{display:block}
.vt-h{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(22px,2.8vw,36px);letter-spacing:.5px;line-height:1;color:#FFF;margin-bottom:12px}
.vt-h .x{background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.vt-p{font-size:13px;line-height:1.7;color:var(--text-bright);max-width:340px;margin-bottom:18px}
.vt-services{display:flex;flex-direction:column;gap:5px;margin-bottom:20px}
.vt-service{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-bright);display:flex;align-items:center;gap:8px}
.vt-service::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--orange);flex-shrink:0}
.vt-cta{display:inline-flex;align-items:center;gap:8px;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);text-decoration:none;border-bottom:1px solid rgba(188,82,37,.35);padding-bottom:2px;transition:color .3s;cursor:none}
.vt-cta:hover{color:var(--orange-light)}
.vt-tile::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--metal);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.23,1,.32,1);z-index:6}
.vt-tile.expanded::before{transform:scaleX(1)}
.vt-tab-strip{display:flex;border-top:1px solid rgba(255,255,255,.05)}
.vt-tab{flex:1;padding:18px 20px;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.3);background:transparent;border:none;cursor:none;transition:color .3s,background .3s;border-right:1px solid rgba(255,255,255,.05);text-align:left}
.vt-tab:last-child{border-right:none}
.vt-tab.active{color:var(--orange);background:rgba(188,82,37,.05)}
.vt-tab:hover:not(.active){color:rgba(255,255,255,.6)}

/* ══ PARTNERSHIPS / BRAND SCROLL ══ */
#partnerships{
  background:var(--ink);
  padding:52px 0;
  border-top:1px solid rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.04);
  overflow:hidden;
  position:relative;
}
#partnerships::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:120px;
  background:linear-gradient(to right,var(--ink),transparent);z-index:2;pointer-events:none;
}
#partnerships::after{
  content:'';position:absolute;right:0;top:0;bottom:0;width:120px;
  background:linear-gradient(to left,var(--ink),transparent);z-index:2;pointer-events:none;
}
.partners-header{
  text-align:center;padding:0 72px;margin-bottom:36px;
}
.partners-header .sec-eyebrow{display:block;margin-bottom:8px}
.partners-header h3{
  font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:clamp(24px,3vw,40px);letter-spacing:1px;
  text-transform:uppercase;color:#FFF;
}
/* Two-row infinite scroll marquee */
.partners-track-wrap{display:flex;flex-direction:column;gap:0}
.partners-track{
  display:flex;gap:0;
  width:max-content;
  animation:marqueeScroll 32s linear infinite;
}
.partners-track.reverse{animation-direction:reverse;animation-duration:38s}
.partners-track:hover{animation-play-state:paused}
@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* Each partner tile */
.partner-tile{
  display:flex;align-items:center;justify-content:center;
  padding:0 44px;height:88px;flex-shrink:0;
  border-right:1px solid rgba(255,255,255,.07);
  position:relative;cursor:none;
  transition:background .3s;
  min-width:220px;
}
.partner-tile:hover{background:rgba(188,82,37,.06)}
.partner-name{
  font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:15px;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(255,255,255,.36);
  transition:color .3s;
  text-align:center;
  white-space:nowrap;
}
.partner-tile:hover .partner-name{color:rgba(255,255,255,.78)}
/* Athlete pairing label */
.partner-sub{
  font-family:'Rajdhani',sans-serif;font-size:8px;letter-spacing:2px;
  text-transform:uppercase;color:var(--orange);opacity:.7;
  display:block;margin-top:2px;
}
.partner-tile-inner{display:flex;flex-direction:column;align-items:center;gap:0}

/* ══ LSA SECTION — rebuilt ══ */
#lsa-section{
  height:100vh;background:var(--ink);
  display:grid;
  grid-template-columns:50% 50%;
  grid-template-rows:auto 1fr;
  overflow:hidden;border-top:1px solid rgba(255,255,255,.04);
}
/* Header bar spans full width */
.lsa-header-bar{
  grid-column:1 / -1;
  display:grid;grid-template-columns:50% 50%;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:var(--ink);
}
.lsa-header-left{
  padding:18px 48px 18px 72px;
  display:flex;align-items:center;gap:16px;
  border-right:1px solid rgba(255,255,255,.06);
}
.lsa-header-right{
  display:grid;grid-template-columns:repeat(3,1fr);
}

/* ── LEFT ── */
.lsa-left{
  padding:40px 48px 40px 72px;
  display:flex;flex-direction:column;
  justify-content:center;gap:20px;
  position:relative;
  border-right:1px solid rgba(255,255,255,.06);
  overflow:hidden;
}
.lsa-left::before{
  content:'';position:absolute;top:0;left:0;right:0;bottom:0;
  background:radial-gradient(ellipse 100% 80% at -5% 50%,rgba(188,82,37,.1),transparent 60%);
  pointer-events:none;
}
.lsa-left>*{position:relative;z-index:1}
.lsa-pill{
  font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;
  letter-spacing:5px;text-transform:uppercase;
  background:var(--orange);color:#FFF;
  padding:4px 12px;white-space:nowrap;
}
.lsa-kicker{
  font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:3px;
  text-transform:uppercase;color:var(--chrome-dim);font-weight:500;
}
.lsa-h{
  font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:clamp(32px,3.6vw,52px);letter-spacing:0px;line-height:.95;
  text-transform:uppercase;color:#FFF;
}
.lsa-accent{background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.lsa-p{
  font-size:14px;line-height:1.72;color:var(--text-bright);
  max-width:420px;font-weight:400;
}
/* Inline stats — horizontal strip */
.lsa-stats{
  display:flex;gap:2px;
}
.lsa-stat{
  flex:1;padding:14px 16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
  text-align:center;
  transition:border-color .3s,background .3s;
}
.lsa-stat:hover{border-color:rgba(188,82,37,.3);background:rgba(188,82,37,.04)}
.lsa-sn{
  font-family:'Rajdhani',sans-serif;font-weight:700;font-size:24px;
  background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;line-height:1;margin-bottom:2px;
}
.lsa-sl{
  font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:2px;
  text-transform:uppercase;color:var(--chrome-dim);font-weight:500;
}
/* 4 feature pills in 2x2 grid */
.lsa-feats-row{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
}
.lsa-feat-pill{
  display:flex;align-items:center;gap:8px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.02);
  font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--chrome-dim);font-weight:500;
  transition:border-color .3s,color .3s;
}
.lsa-feat-pill:hover{border-color:rgba(188,82,37,.3);color:var(--orange)}
.lsa-feat-pill span{font-size:13px;flex-shrink:0}
/* CTAs */
.lsa-ctas{display:flex;gap:10px}
.lsa-btn{display:inline-block;text-decoration:none;padding:10px 24px;font-size:10px}
.lsa-btn-o{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:10px 24px;font-size:10px}

/* ── RIGHT ── */
.lsa-right{
  display:flex;flex-direction:column;
  background:var(--ink-mid);overflow:hidden;
}
/* Tabs live in the header bar */
.lsa-tab-row{display:contents}/* overridden by lsa-header-right grid */
.lsa-tab{
  padding:16px 10px;
  font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;
  letter-spacing:1.5px;text-transform:uppercase;
  color:var(--chrome-dim);text-align:center;
  cursor:none;transition:all .25s;
  border:none;border-right:1px solid rgba(255,255,255,.06);
  background:transparent;position:relative;
}
.lsa-tab:last-child{border-right:none}
.lsa-tab::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:var(--metal);transform:scaleX(0);transform-origin:left;
  transition:transform .4s cubic-bezier(.23,1,.32,1);
}
.lsa-tab.active{color:#FFF;background:rgba(188,82,37,.06)}
.lsa-tab.active::after{transform:scaleX(1)}
.lsa-tab:hover:not(.active){color:rgba(255,255,255,.65);background:rgba(255,255,255,.02)}
.lsa-tab-stage{font-size:8px;letter-spacing:2.5px;color:var(--orange);display:block;margin-bottom:3px;font-weight:600;font-family:'Rajdhani',sans-serif;text-transform:uppercase}
.lsa-tab-title{font-size:12px;font-weight:700;font-family:'Rajdhani',sans-serif;text-transform:uppercase;letter-spacing:1px;display:block}

/* Panels container */
.lsa-panels{flex:1;position:relative;min-height:0;overflow:hidden}
.lsa-panel{
  position:absolute;inset:0;
  display:flex;flex-direction:column;
  opacity:0;visibility:hidden;
  transition:opacity .45s ease,visibility .45s ease;
}
.lsa-panel.active{opacity:1;visibility:visible;z-index:2}

/* Image takes top 55% of panel */
.lsa-panel-img{
  flex:0 0 52%;position:relative;overflow:hidden;
  background:var(--ink-lift);
}
.lsa-panel-img img{
  width:100%;height:100%;object-fit:cover;object-position:center 30%;
  filter:brightness(.72) saturate(.85);
  transition:transform .7s cubic-bezier(.23,1,.32,1),filter .5s;
}
.lsa-panel.active .lsa-panel-img img{transform:scale(1.04)}
.lsa-panel-img-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(to bottom,rgba(7,11,26,0) 40%,var(--ink-mid) 100%),
    linear-gradient(to right,rgba(7,11,26,.3),transparent 60%);
}
.lsa-panel-num{
  position:absolute;top:14px;right:18px;z-index:2;
  font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:64px;line-height:1;letter-spacing:-3px;
  color:rgba(255,255,255,.07);user-select:none;
}

/* Info takes bottom 45% */
.lsa-panel-info{
  flex:1;padding:20px 28px 18px;
  display:flex;gap:24px;align-items:flex-start;
  background:var(--ink-mid);
  border-top:1px solid rgba(255,255,255,.05);
}
.lsa-panel-info-left{flex:0 0 auto}
.lsa-panel-tag{display:none}
.lsa-panel-title{
  font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:20px;letter-spacing:1px;
  text-transform:uppercase;color:#FFF;line-height:1;margin-bottom:3px;
}
.lsa-panel-sub{
  font-family:'Playfair Display',serif;font-style:italic;
  font-size:11px;color:var(--chrome-dim);
}
.lsa-panel-info-right{flex:1}
.lsa-panel-desc{
  font-size:14px;line-height:1.7;color:var(--text-bright);
  font-weight:400;margin-bottom:14px;
}
.lsa-skills{display:flex;flex-wrap:wrap;gap:5px}
.lsa-skill{
  font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;
  letter-spacing:1.5px;text-transform:uppercase;
  padding:5px 12px;border:1px solid rgba(255,255,255,.12);
  color:var(--chrome);
  transition:border-color .3s,color .3s;
}
.lsa-panel.active .lsa-skill:hover{border-color:rgba(188,82,37,.4);color:var(--orange)}

/* ══ WHY / DIFFERENCE — no photos, data/stat aesthetic ══ */
#why{background:var(--ink-mid);padding:48px 72px;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.why-header{margin-bottom:20px}
.why-eyebrow{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--orange);margin-bottom:10px;font-weight:600}
.why-h{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(36px,4.5vw,64px);letter-spacing:1px;line-height:.95;text-transform:uppercase;color:#FFF}
.why-h .accent{background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* 2×2 grid of premium cards — no photos, data/stat style */
.why-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:2px;
  flex:1;
}
.why-card{
  padding:36px 40px;position:relative;overflow:hidden;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.05);
  cursor:none;transition:background .4s,border-color .4s;
  display:flex;flex-direction:column;justify-content:space-between;
}
.why-card:hover{background:rgba(188,82,37,.055);border-color:rgba(188,82,37,.2)}
/* Animated left sweep bar */
.why-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--metal);transform:scaleY(0);transform-origin:bottom;transition:transform .5s cubic-bezier(.23,1,.32,1)}
.why-card:hover::before{transform:scaleY(1)}
/* Large ghost number */
.wc-ghost{
  position:absolute;right:-8px;bottom:-12px;
  font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:140px;line-height:1;letter-spacing:-6px;
  color:rgba(188,82,37,.04);pointer-events:none;user-select:none;
  transition:color .4s;
}
.why-card:hover .wc-ghost{color:rgba(188,82,37,.1)}
.wc-top{display:flex;align-items:flex-start;justify-content:space-between}
.wc-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:10px;letter-spacing:3px;color:var(--orange);opacity:.75}
/* Stat highlight — unique number per card */
.wc-stat{
  font-family:'Rajdhani',sans-serif;font-weight:700;
  font-size:36px;line-height:1;letter-spacing:-1px;
  background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.wc-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:1px;color:#FFF;margin-top:16px;margin-bottom:10px}
.wc-desc{font-size:13px;line-height:1.75;color:var(--text-bright);font-weight:400}
/* Bottom accent: thin rule that expands on hover */
.wc-bar{height:1px;background:var(--metal);transform:scaleX(0);transform-origin:left;transition:transform .5s .1s;margin-top:20px}
.why-card:hover .wc-bar{transform:scaleX(1)}

/* ══ CTA ══ */
#cta{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;padding:40px}
.cta-bg{position:absolute;inset:0;background:radial-gradient(ellipse 100% 80% at 50% 120%,rgba(188,82,37,.2),transparent 68%),linear-gradient(to top,#0A0B16,#070B1A)}
.cta-grid-bg{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(188,82,37,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(188,82,37,.055) 1px,transparent 1px);background-size:80px 80px;animation:gridShift 20s linear infinite;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}
@keyframes gridShift{0%{background-position:0 0}100%{background-position:80px 80px}}
.cta-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.cta-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(188,82,37,.35),transparent);animation:ctaLine 8s linear infinite;opacity:0}
.cta-line:nth-child(1){top:20%;width:60%;left:20%;animation-delay:0s}
.cta-line:nth-child(2){top:40%;width:40%;left:30%;animation-delay:2s}
.cta-line:nth-child(3){top:60%;width:70%;left:15%;animation-delay:4s}
.cta-line:nth-child(4){top:78%;width:50%;left:25%;animation-delay:6s}
@keyframes ctaLine{0%{opacity:0;transform:scaleX(0) translateX(-100%)}20%{opacity:1}80%{opacity:1}100%{opacity:0;transform:scaleX(1) translateX(100%)}}
.cta-content{position:relative;z-index:2}
.cta-eyebrow{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:6px;text-transform:uppercase;color:var(--chrome);margin-bottom:18px}
.cta-h{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(38px,5.5vw,80px);letter-spacing:1px;line-height:.95;max-width:860px;text-transform:uppercase;color:#FFF}
.cta-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;color:var(--text-muted);margin-top:14px}
.cta-btns{display:flex;gap:14px;justify-content:center;margin-top:40px}
.btn-cta-primary{position:relative;background:var(--orange);color:#FFF;padding:15px 44px;font-size:11px;letter-spacing:3px;text-transform:uppercase;border:none;cursor:none;font-family:'Rajdhani',sans-serif;font-weight:700;transition:transform .3s,box-shadow .3s;overflow:visible}
.btn-cta-primary::after{content:'';position:absolute;inset:-8px;border:1px solid rgba(188,82,37,.4);animation:ringPulse 2s ease-out infinite;pointer-events:none}
@keyframes ringPulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.12);opacity:0}}
.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(188,82,37,.45)}

/* ══ FOOTER ══ */
.site-footer{background:rgba(7,11,26,.99);border-top:1px solid rgba(255,255,255,.05);padding:48px 72px 28px;display:flex;flex-direction:column;gap:28px;position:relative;z-index:2}
.footer-top{display:flex;justify-content:space-between;align-items:center}
.footer-video-logo-wrap video{height:52px;width:auto;opacity:.82;mix-blend-mode:screen}
.footer-links-group{display:flex;gap:48px}
.footer-col h4{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--orange);margin-bottom:12px;opacity:.8;font-weight:600}
.footer-col a{display:block;font-family:'Rajdhani',sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(240,238,234,.32);text-decoration:none;margin-bottom:7px;transition:color .3s;font-weight:500}
.footer-col a:hover{color:var(--orange)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:20px}
.footer-copy{font-size:10px;letter-spacing:1.5px;color:rgba(240,238,234,.18);font-family:'Rajdhani',sans-serif;font-weight:500}
.footer-tagline{font-family:'Playfair Display',serif;font-style:italic;font-size:12px;color:rgba(240,238,234,.22)}

.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s,transform 1s}
.reveal.in-view{opacity:1;transform:translateY(0)}


/* ════════════════════════════════════════════
   HAMBURGER MENU
════════════════════════════════════════════ */
.hamburger{
  display:none;
  flex-direction:column;gap:5px;
  background:none;border:none;cursor:pointer;padding:6px;
  z-index:2001;
}
.hamburger span{
  display:block;width:22px;height:2px;background:#fff;
  transition:all .3s ease;
}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

.mobile-menu{
  display:none;
  position:fixed;top:72px;left:0;right:0;bottom:0;
  background:rgba(7,11,26,.98);backdrop-filter:blur(24px);
  z-index:1998;
  padding:32px 24px;
  flex-direction:column;gap:0;
  overflow-y:auto;
}
.mobile-menu.open{display:flex}
.mobile-menu a{
  display:block;padding:16px 0;
  font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:600;
  letter-spacing:2.5px;text-transform:uppercase;
  color:var(--chrome-dim);text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:color .2s;
}
.mobile-menu a:hover,.mobile-menu a:active{color:var(--orange)}
.mobile-menu .mob-cta{
  color:var(--orange);border-bottom:none;margin-top:16px;
  border:1px solid var(--orange);text-align:center;padding:14px;
}

/* ════════════════════════════════════════════
   MOBILE RESPONSIVE — max-width:768px
════════════════════════════════════════════ */
@media(max-width:768px){
  /* ── Disable custom cursor ── */
  body{cursor:auto!important}
  #cx,#cr{display:none!important}
  *{cursor:auto!important}

  /* ── Nav: logo center, hamburger right ── */
  nav{
    padding:0 16px;height:60px;
    justify-content:center;
    position:fixed;
    background:rgba(7,11,26,.96);
    backdrop-filter:blur(16px);
  }
  nav>ul{display:none!important}
  .nav-btn{display:none!important}

  .hamburger{display:flex;position:absolute;right:16px}
  .mobile-menu{top:60px}

  /* ── Hero ── */
  #hero{
    padding:0 20px 48px;
    min-height:100svh;
    align-items:center;
    text-align:center;
  }
  .hero-content-layer{max-width:100%}
  .hero-badge{justify-content:center;font-size:8px;letter-spacing:4px}
  .hero-h1{font-size:clamp(38px,10vw,56px);text-align:center}
  .hero-sub{text-align:center;font-size:14px}
  .hero-ctas{justify-content:center;margin-top:24px}
  .hero-video-overlay{
    background:
      linear-gradient(to bottom,rgba(7,11,26,.7) 0%,rgba(7,11,26,.3) 40%,rgba(7,11,26,.8) 100%)!important;
  }
  .btn-gold,.btn-outline{padding:10px 24px;font-size:9px;letter-spacing:2px}

  /* ── Story / Our Belief ── */
  #story{
    height:auto;
    min-height:80svh;
    padding:64px 20px;
  }
  .story-h{font-size:clamp(28px,7.5vw,44px)}
  .story-p{font-size:15px;margin-top:16px}

  /* ── Impact / Momentum ── */
  #problem{
    height:auto;
    min-height:auto;
    padding:52px 20px;
  }
  .momentum-stats{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .mstat{padding:24px 20px}
  .mstat-num{font-size:clamp(36px,10vw,56px)}
  .mstat-desc{font-size:13px}
  .momentum-tagline{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding-top:24px!important;
  }
  .mtag-left{font-size:clamp(22px,6vw,32px)}
  .mtag-right{font-size:14px}
  .momentum-top{font-size:9px;margin-bottom:24px}

  /* ── Athletes ── */
  #athletes{
    height:auto!important;
    min-height:100svh;
  }
  .athletes-header{padding:68px 20px 0!important}
  .tab-row{padding:8px 20px 0!important}
  .tab{padding:6px 12px;font-size:9px;letter-spacing:2px}
  .athlete-stage{min-height:60vw}
  .atrack{overflow:visible}
  /* On mobile, show fewer cards */
  .athlete-card.pos-adj2,
  .athlete-card.pos-far,
  .athlete-card.pos-hidden{display:none!important}
  .athlete-card.pos-center{
    width:55vw!important;max-width:240px!important;
    height:70vw!important;max-height:340px!important;
  }
  .athlete-card.pos-adj{
    width:38vw!important;max-width:160px!important;
    height:50vw!important;max-height:240px!important;
  }
  .ac-desc{font-size:10px;line-height:1.5}
  .ac-name{font-size:15px}
  .ac-info{padding:12px 10px}
  .atrack-nav{padding:8px 0 12px}
  .atrack-arrow{width:32px;height:32px;font-size:11px}
  .athlete-ghost-name{font-size:clamp(40px,12vw,80px)!important}

  /* ── Business Verticals ── */
  .verticals-showcase{flex-direction:column;height:auto}
  .vt-tile{flex:none!important;min-height:100px;border-right:none;border-bottom:1px solid rgba(188,82,37,.1)}
  .vt-tile.expanded{min-height:380px}
  .vt-label-collapsed{writing-mode:horizontal-tb;bottom:auto;top:50%;transform:translate(-50%,-50%);left:50%}
  .vt-tab-strip{display:none}
  #portfolio{padding:40px 0 0}
  .portfolio-header{padding:0 20px}
  .vt-content{padding:20px 20px 28px}
  .sec-h{font-size:clamp(22px,6vw,32px)!important}

  /* ── Partnerships ── */
  #partnerships{padding:32px 0!important}
  .partners-header{margin-bottom:20px}
  .partner-tile{padding:0 16px;height:52px;min-width:120px}
  .partner-name{font-size:11px;letter-spacing:1.5px}
  .partner-sub{font-size:7px}

  /* ── LSA / Legaxy Learning ── */
  #lsa-section{
    height:auto!important;
    grid-template-columns:1fr!important;
  }
  .lsa-left{
    padding:48px 20px 32px!important;
    border-right:none!important;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  .lsa-h{font-size:clamp(24px,6.5vw,36px)!important}
  .lsa-p{font-size:13px}
  .lsa-stats{gap:6px}
  .lsa-stat{padding:10px 8px}
  .lsa-sn{font-size:18px}
  .lsa-feats-row,.lsa-feats{flex-wrap:wrap;gap:4px}
  .lsa-feat-pill,.lsa-fp{font-size:8px;padding:5px 8px}
  .lsa-right,.lsa-r{min-height:60svh}
  .lsa-tab-row,.lsa-tabs{grid-template-columns:repeat(3,1fr)}
  .lsa-tab,.ltab{padding:10px 6px;font-size:9px}
  .lsa-tab-title,.ltab-name{font-size:10px}
  .lsa-panels{min-height:340px}
  .lsa-panel,.lpanel{
    grid-template-columns:1fr!important;
  }
  .lsa-panel-img,.lp-img{height:180px!important;flex:none!important}
  .lsa-panel-info,.lp-info{padding:16px!important}
  .lsa-panel-title,.lp-title{font-size:18px!important}
  .lsa-panel-desc,.lp-desc{font-size:12px}
  .lsa-skills,.lp-skills{gap:4px}
  .lsa-skill,.lp-sk{font-size:9px}
  .lsa-ctas,.lsa-btns{flex-direction:column;gap:8px}
  .lsa-btn,.lsa-btn-o,.btn-p,.btn-g{
    padding:10px 20px!important;font-size:9px!important;
    text-align:center;justify-content:center;
    width:100%;display:flex;
  }

  /* ── Why / Difference ── */
  #why{
    height:auto!important;
    min-height:auto;
    padding:48px 20px!important;
  }
  .why-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    gap:8px!important;
    flex:none!important;
  }
  .why-card,.wcard{padding:24px 20px!important}
  .wc-ghost{font-size:80px!important}
  .wc-stat{font-size:28px!important}
  .wc-title{font-size:15px!important;margin-top:12px!important}
  .wc-desc{font-size:12px}
  .why-h,.why-hdr h2{font-size:clamp(28px,7vw,44px)!important}

  /* ── CTA ── */
  #cta{
    height:auto!important;
    min-height:80svh;
    padding:60px 20px!important;
  }
  .cta-h{font-size:clamp(30px,8vw,52px)!important}
  .cta-sub{font-size:15px}
  .cta-btns{flex-direction:column;align-items:center;gap:10px}
  .btn-cta-primary,.btn-cta{padding:14px 32px;font-size:10px}

  /* ── Footer ── */
  .site-footer,footer{padding:32px 20px 16px!important}
  .footer-top,.ft-top{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:24px!important;
  }
  .footer-links-group,.ft-links{
    flex-direction:column!important;
    gap:20px!important;
  }
  .footer-video-logo-wrap video,.ft-vlog video{height:36px}
  .footer-bottom,.ft-bot{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:4px!important;
  }
}

/* ════════════════════════════════════════════
   SMALL PHONE — max-width:480px
════════════════════════════════════════════ */
@media(max-width:480px){
  .hero-h1{font-size:clamp(32px,9vw,44px)!important}
  .athlete-card.pos-adj{display:none!important}
  .athlete-card.pos-center{
    width:65vw!important;max-width:260px!important;
    height:80vw!important;max-height:360px!important;
  }
  .mstat-num{font-size:clamp(32px,9vw,48px)}
  .momentum-stats{gap:6px!important}
}

/*Elite CSS*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --orange-light:#FFB37A;--orange:#BC5225;--orange-dark:#7A3010;
  --chrome:#C8C8D0;--chrome-dim:#9A9AA4;
  --ink:#070B1A;--ink-mid:#0C1124;--ink-lift:#101628;
  --text:#F0EEEA;--text-muted:#9A9AA4;--text-dim:#4A4A52;--text-bright:#E4E2DE;
  --metal:linear-gradient(135deg,var(--orange-light) 0%,var(--orange) 40%,var(--orange-dark) 70%,var(--orange) 100%);
  --metal-text:linear-gradient(90deg,var(--orange-light),var(--orange),var(--orange-dark),var(--orange),var(--orange-light));
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:linear-gradient(160deg,#070B1A 0%,#0A0F22 50%,#070B1A 100%);background-attachment:fixed;color:var(--text);font-family:'Barlow',sans-serif;font-weight:400;overflow-x:hidden;cursor:none}
#cx,#cr{position:fixed;pointer-events:none;border-radius:50%;z-index:10000;transform:translate(-50%,-50%);top:0;left:0}
#cx{width:8px;height:8px;background:var(--orange);transition:width .25s,height .25s}
#cr{width:30px;height:30px;border:1px solid rgba(188,82,37,.5);transition:top .18s cubic-bezier(.23,1,.32,1),left .18s cubic-bezier(.23,1,.32,1),width .3s,height .3s}
body:has(a:hover,button:hover,[data-hover]:hover) #cx{width:14px;height:14px}
body:has(a:hover,button:hover,[data-hover]:hover) #cr{width:44px;height:44px;border-color:var(--orange)}
#prog{position:fixed;top:0;left:0;height:1px;z-index:9999;background:var(--metal);width:0}

/* NAV */
nav{position:fixed;top:0;inset-inline:0;z-index:2000;display:flex;justify-content:space-between;align-items:center;padding:0 52px;height:100px;background:linear-gradient(to bottom,rgba(7,11,26,.97),rgba(7,11,26,.85));border-bottom:1px solid rgba(255,255,255,.04)}
.logo{display:flex;align-items:center;text-decoration:none;height:160px;}
.logo img{height:100%;width:auto;object-fit:contain;display:block;filter:brightness(1.15)}
.logo-text-fallback{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#FFF;display:none}
.logo-x-fb{background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nav-links{display:flex;gap:0;list-style:none;align-items:center}
.nav-links li a{display:block;padding:0 14px;height:100px;line-height:100px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--chrome-dim);text-decoration:none;font-family:'Rajdhani',sans-serif;font-weight:600;transition:color .3s;white-space:nowrap}
.nav-links li a:hover,.nav-links li a.active{color:var(--orange)}
.nav-btn-link{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;background:transparent;border:1px solid var(--orange);color:var(--orange);padding:9px 18px;cursor:none;margin-left:8px;transition:background .3s,color .3s;text-decoration:none;display:inline-block}
.nav-btn-link:hover{background:var(--orange);color:#FFF}
@media(max-width:900px){.nav-links{display:none}.nav-btn-link{display:none}}
.nav-right{display:flex;align-items:center;gap:14px}
.nav-type-toggle{display:flex;gap:2px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:4px}
.nav-type-btn{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:7px 18px;cursor:none;border:none;background:transparent;color:var(--chrome-dim);transition:all .3s}
.nav-type-btn.active{background:var(--orange);color:#FFF}

/* SELECTOR */
#selector{position:fixed;top:72px;left:0;bottom:0;width:300px;background:rgba(7,11,26,.96);backdrop-filter:blur(24px);border-right:1px solid rgba(188,82,37,.12);z-index:1500;overflow-y:auto;transform:translateX(-100%);transition:transform .5s cubic-bezier(.23,1,.32,1)}
#selector.open{transform:translateX(0)}
#selector::-webkit-scrollbar{width:3px}
#selector::-webkit-scrollbar-thumb{background:rgba(188,82,37,.3)}
.sel-header{padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.sel-label{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);margin-bottom:14px}
.sel-search{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text);font-family:'Barlow',sans-serif;font-size:13px;padding:9px 14px;outline:none;transition:border-color .3s}
.sel-search:focus{border-color:rgba(188,82,37,.5)}
.sel-search::placeholder{color:var(--text-dim)}
.sel-section-title{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--chrome-dim);padding:16px 24px 8px;border-top:1px solid rgba(255,255,255,.04)}
.sel-card{display:flex;align-items:center;gap:12px;padding:12px 24px;cursor:none;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.03)}
.sel-card:hover{background:rgba(188,82,37,.07)}
.sel-card.active{background:rgba(188,82,37,.12);border-right:2px solid var(--orange)}
.sel-thumb{width:44px;height:56px;object-fit:cover;object-position:top;filter:grayscale(.4)}
.sel-thumb-fallback{width:44px;height:56px;background:var(--ink-lift);display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:700;color:var(--orange);flex-shrink:0}
.sel-info{flex:1;min-width:0}
.sel-name{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;color:#FFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sel-sport{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-top:2px}
.sel-tag{font-size:10px;color:var(--text-dim);font-style:italic;font-family:'Playfair Display',serif;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#selToggle{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:1600;width:28px;height:100px;background:rgba(188,82,37,.85);border:none;border-radius:0 4px 4px 0;cursor:none;display:flex;align-items:center;justify-content:center;transition:left .5s cubic-bezier(.23,1,.32,1);writing-mode:vertical-rl;font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#FFF}
#selector.open~#selToggle,#selToggle.shifted{left:300px}
#mainContent{margin-left:0;margin-top:72px;transition:margin-left .5s cubic-bezier(.23,1,.32,1);min-height:calc(100vh - 72px)}
#mainContent.shifted{margin-left:300px}

/* HERO */
.ap-hero{position:relative;height:92vh;min-height:600px;overflow:hidden;display:flex;align-items:flex-end}
.ap-hero-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:top center;filter:brightness(.55)}
.ap-hero-grain{position:absolute;inset:0;z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.ap-hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to right,rgba(7,11,26,.9) 0%,rgba(7,11,26,.2) 60%,transparent 100%),linear-gradient(to top,rgba(7,11,26,1) 0%,rgba(7,11,26,.5) 30%,transparent 70%)}
.ap-hero-content{position:relative;z-index:10;padding:0 72px 64px;width:100%;display:flex;justify-content:space-between;align-items:flex-end}
.ap-hero-left{max-width:640px}
.ap-hero-badge{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:12px;margin-bottom:12px;opacity:0;animation:apFade .8s .2s forwards}
.ap-hero-badge::before{content:'';width:28px;height:1px;background:var(--orange)}
.ap-hero-name{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(52px,8vw,108px);line-height:.9;letter-spacing:-2px;color:#FFF;text-shadow:0 4px 32px rgba(0,0,0,.6);opacity:0;animation:apFade .9s .35s forwards}
.ap-hero-name .highlight{display:block;background:var(--metal-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200%;animation:shineText 4s linear infinite}
@keyframes shineText{0%{background-position:200%}100%{background-position:-200%}}
.ap-hero-subtitle{font-family:'Playfair Display',serif;font-style:italic;font-size:17px;color:rgba(240,238,234,.8);margin-top:10px;opacity:0;animation:apFade .9s .5s forwards}
.ap-hero-tags{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap;opacity:0;animation:apFade .9s .65s forwards}
.ap-tag{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:5px 14px;border:1px solid rgba(188,82,37,.4);color:rgba(255,179,122,.9)}
.ap-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px;opacity:0;animation:apFade .9s .8s forwards}
.ap-quick-stat{text-align:center;background:rgba(7,11,26,.7);backdrop-filter:blur(12px);border:1px solid rgba(188,82,37,.2);padding:14px 22px;min-width:100px}
.ap-qs-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:28px;line-height:1;background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ap-qs-label{font-family:'Rajdhani',sans-serif;font-size:8px;letter-spacing:2.5px;text-transform:uppercase;color:var(--chrome-dim);margin-top:3px}
@keyframes apFade{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.ap-ghost{position:absolute;bottom:0;right:0;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(80px,18vw,220px);line-height:.8;letter-spacing:-8px;color:rgba(188,82,37,.06);pointer-events:none;user-select:none;z-index:3}

/* LIVE BADGE */
.live-badge{display:inline-flex;align-items:center;gap:6px;font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);background:rgba(188,82,37,.08);border:1px solid rgba(188,82,37,.25);padding:4px 10px;margin-bottom:16px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);animation:livePulse 1.5s ease-in-out infinite}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}
.live-updating{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:6px;margin-bottom:24px}
.live-spinner{width:10px;height:10px;border:1px solid rgba(188,82,37,.3);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* SECTIONS */
.ap-section{padding:80px 72px;border-top:1px solid rgba(255,255,255,.04);position:relative;z-index:1}
.ap-section-eyebrow{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--orange);margin-bottom:8px;display:flex;align-items:center;gap:14px}
.ap-section-eyebrow::before{content:'';width:24px;height:1px;background:var(--orange)}
.ap-section-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(28px,4vw,48px);letter-spacing:.5px;line-height:1;color:#FFF;margin-bottom:24px}

/* BIO */
#apBio{background:var(--ink-mid)}
.bio-grid{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:start}
.bio-portrait{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;filter:grayscale(.2) brightness(.9);border:1px solid rgba(188,82,37,.15)}
.bio-portrait-fallback{width:100%;aspect-ratio:3/4;background:var(--ink-lift);display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-size:48px;font-weight:700;color:var(--orange)}
.bio-intro{font-family:'Playfair Display',serif;font-style:italic;font-size:20px;line-height:1.6;color:var(--text-bright);margin-bottom:24px;border-left:2px solid var(--orange);padding-left:24px}
.bio-body{font-size:15px;line-height:1.85;color:var(--text-muted)}
.bio-vitals{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:32px}
.bio-vital{padding:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);transition:border-color .3s}
.bio-vital:hover{border-color:rgba(188,82,37,.25)}
.bv-label{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--chrome-dim);margin-bottom:5px}
.bv-value{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:16px;color:#FFF;letter-spacing:.5px}

/* STATS */
#apStats{background:var(--ink)}
.stats-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:12px}
.stats-format-tabs{display:flex;gap:2px}
.sft-btn{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:10px 28px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--chrome-dim);cursor:none;transition:all .3s}
.sft-btn:hover{color:#FFF;border-color:var(--orange)}
.sft-btn.active{background:var(--orange);color:#FFF;border-color:transparent}
.stats-panel{display:none;animation:statsFade .5s ease}
.stats-panel.active{display:block}
@keyframes statsFade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.stat-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:48px}
.stat-card{padding:28px 24px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;transition:background .3s,border-color .3s,transform .3s}
.stat-card:hover{background:rgba(188,82,37,.06);border-color:rgba(188,82,37,.25);transform:translateY(-4px)}
.stat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--metal);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.23,1,.32,1)}
.stat-card:hover::after{transform:scaleX(1)}
.sc-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(32px,3.5vw,48px);line-height:1;background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sc-label{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--chrome-dim);margin-top:6px;font-weight:500}
.sc-sub{font-size:12px;color:var(--text-dim);margin-top:4px;font-style:italic;font-family:'Playfair Display',serif}
.stats-chart-area{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:32px}
.stats-chart-label{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--chrome-dim);margin-bottom:20px}
.chart-canvas-wrap{height:240px;position:relative}

/* Non-cricket custom stat grids */
.custom-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-bottom:32px}
.custom-stat-grid.cols3{grid-template-columns:repeat(3,1fr)}
.custom-stat-block{padding:32px 28px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);transition:background .3s,border-color .3s}
.custom-stat-block:hover{background:rgba(188,82,37,.05);border-color:rgba(188,82,37,.2)}
.csb-icon{font-size:22px;margin-bottom:12px;display:block}
.csb-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(36px,4vw,52px);line-height:1;background:var(--metal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}
.csb-label{font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--chrome-dim);font-weight:500}
.csb-sub{font-size:13px;color:var(--text-muted);margin-top:6px;line-height:1.6}
.record-table{width:100%;border-collapse:collapse;margin-top:32px}
.record-table th{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--orange);padding:12px 16px;text-align:left;border-bottom:1px solid rgba(188,82,37,.2);background:rgba(188,82,37,.04)}
.record-table td{font-family:'Barlow',sans-serif;font-size:13px;color:var(--text-bright);padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04)}
.record-table tr:hover td{background:rgba(188,82,37,.04)}
.record-table .rec-num{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:16px;color:#FFF}
.rec-outcome{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;display:inline-block}
.rec-outcome.gold{color:#FFD700;border:1px solid rgba(255,215,0,.3)}
.rec-outcome.silver{color:#C0C0C0;border:1px solid rgba(192,192,192,.3)}
.rec-outcome.nr{color:var(--orange);border:1px solid rgba(188,82,37,.3)}
.rec-outcome.win{color:#4ade80;border:1px solid rgba(74,222,128,.3)}
.rec-outcome.loss{color:#f87171;border:1px solid rgba(248,113,113,.3)}
.rec-outcome.title{color:var(--orange-light);border:1px solid rgba(255,179,122,.3)}

/* TIMELINE */
#apTimeline{background:var(--ink-mid)}
.timeline{position:relative}
.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(188,82,37,.4) 10%,rgba(188,82,37,.4) 90%,transparent)}
.tl-item{display:grid;grid-template-columns:120px 1fr;gap:32px;margin-bottom:48px;position:relative;padding-left:32px;opacity:0;transform:translateX(-20px);transition:opacity .6s,transform .6s}
.tl-item.revealed{opacity:1;transform:translateX(0)}
.tl-item::before{content:'';position:absolute;left:-5px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px rgba(188,82,37,.2),0 0 16px rgba(188,82,37,.4)}
.tl-year{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;letter-spacing:2px;color:var(--orange);padding-top:4px}
.tl-event{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:18px;letter-spacing:.5px;color:#FFF;margin-bottom:4px}
.tl-desc{font-size:13px;line-height:1.7;color:var(--text-muted)}
.tl-badge{display:inline-block;font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;border:1px solid rgba(188,82,37,.35);color:rgba(255,179,122,.85);margin-top:6px}

/* ACHIEVEMENTS */
.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.achievement-card{padding:32px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;transition:background .3s,border-color .3s}
.achievement-card:hover{background:rgba(188,82,37,.05);border-color:rgba(188,82,37,.2)}
.ach-icon{font-size:28px;margin-bottom:16px;display:block}
.ach-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:16px;letter-spacing:.5px;color:#FFF;margin-bottom:6px}
.ach-year{font-family:'Rajdhani',sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:8px}
.ach-desc{font-size:13px;line-height:1.65;color:var(--text-muted)}
.ach-ghost{position:absolute;bottom:-10px;right:8px;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:64px;line-height:1;color:rgba(255,255,255,.025);pointer-events:none}

/* BRANDS */
.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2px}
.brand-tile{padding:28px 24px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:background .3s,border-color .3s;cursor:none;min-height:100px}
.brand-tile:hover{background:rgba(188,82,37,.08);border-color:rgba(188,82,37,.3)}
.brand-name{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.7);text-align:center;transition:color .3s}
.brand-tile:hover .brand-name{color:#FFF}
.brand-category{font-size:10px;color:var(--text-dim);font-style:italic;font-family:'Playfair Display',serif}

/* GALLERY */
.gallery-reel{display:flex;gap:2px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(188,82,37,.3) transparent}
.gallery-reel::-webkit-scrollbar{height:3px}
.gallery-reel::-webkit-scrollbar-thumb{background:rgba(188,82,37,.3)}
.gal-frame{flex-shrink:0;overflow:hidden;position:relative;cursor:none;background:var(--ink-lift)}
.gal-frame img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.23,1,.32,1),filter .4s}
.gal-frame:hover img{transform:scale(1.06);filter:brightness(.85)}
.gal-tall{width:240px;height:360px}.gal-wide{width:400px;height:240px}.gal-sq{width:240px;height:240px}
.gal-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(7,11,26,.85));padding:16px 14px 14px;font-size:11px;color:rgba(255,255,255,.7);font-style:italic;font-family:'Playfair Display',serif;opacity:0;transition:opacity .3s}
.gal-frame:hover .gal-caption{opacity:1}

/* EMERGING */
.emerging-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.em-card{padding:36px 32px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);transition:background .3s,border-color .3s}
.em-card:hover{background:rgba(188,82,37,.05);border-color:rgba(188,82,37,.2)}
.em-card-icon{font-size:20px;margin-bottom:16px;display:block;opacity:.8}
.em-card-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:12px}
.em-card-body{font-size:14px;line-height:1.8;color:var(--text-bright)}
.em-strengths{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.em-strength-pill{font-family:'Rajdhani',sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border:1px solid rgba(188,82,37,.3);color:rgba(255,179,122,.85)}
.em-goals-list{list-style:none}
.em-goals-list li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;line-height:1.6;color:var(--text-bright);display:flex;align-items:flex-start;gap:10px}
.em-goals-list li::before{content:'◆';color:var(--orange);font-size:6px;flex-shrink:0;margin-top:5px}

/* EMPTY */
.ap-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 72px);text-align:center;padding:40px}
.ap-empty-ghost{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(60px,15vw,160px);letter-spacing:-6px;color:rgba(188,82,37,.06);margin-bottom:20px;line-height:1}
.ap-empty-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:32px;letter-spacing:2px;text-transform:uppercase;color:#FFF;margin-bottom:10px}
.ap-empty-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:16px;color:var(--text-muted)}
.ap-empty-arrow{margin-top:24px;font-family:'Rajdhani',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--orange);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.4;transform:translateX(0)}50%{opacity:1;transform:translateX(-6px)}}
.ap-footer{padding:32px 72px;background:var(--ink-mid);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}
.ap-footer-logo{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:14px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.3)}
.ap-footer-back{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--orange);text-decoration:none;cursor:none;transition:color .3s}
.ap-footer-back:hover{color:var(--orange-light)}
.reveal-on-scroll{opacity:0;transform:translateY(32px);transition:opacity .7s,transform .7s}
.reveal-on-scroll.visible{opacity:1;transform:translateY(0)}

@media(max-width:900px){
  nav{padding:0 20px}
  .ap-hero-content{padding:0 24px 48px;flex-direction:column;align-items:flex-start;gap:24px}
  .ap-hero-right{flex-direction:row;align-items:flex-start;opacity:1!important}
  .ap-section{padding:48px 24px}
  .bio-grid{grid-template-columns:1fr;gap:32px}
  .bio-portrait{max-height:320px;width:60%}
  .stat-cards-grid{grid-template-columns:repeat(2,1fr)}
  .achievements-grid{grid-template-columns:1fr 1fr}
  .emerging-grid{grid-template-columns:1fr}
  .tl-item{grid-template-columns:80px 1fr;gap:16px}
  #selector{width:260px}
  #selector.open~#selToggle,#selToggle.shifted{left:260px}
  .ap-footer{padding:24px}
  .custom-stat-grid.cols3{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .stat-cards-grid{grid-template-columns:1fr 1fr}
  .achievements-grid{grid-template-columns:1fr}
  .brands-grid{grid-template-columns:repeat(2,1fr)}
  .bio-vitals{grid-template-columns:1fr 1fr}
  .ap-hero-name{font-size:clamp(40px,12vw,72px)}
  .custom-stat-grid{grid-template-columns:1fr!important}
}