/* =========================================
   GLOBAL CSS & LAYOUT 
   ========================================= */
:root{--bg:#07070a;--bg2:#121216;--ink:#f4f0e9;--mute:#97938b;--red:#e4002b;--line:rgba(244,240,233,.15);--d:"Big Shoulders Display",Impact,sans-serif;--b:"Manrope",system-ui,sans-serif;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px); margin-top:0 !important;}
*,*::before,*::after{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--ink);font:400 1rem/1.6 var(--b);overflow-x:hidden}
a{color:inherit;text-decoration:none}

.d{font-family:var(--d);font-weight:900;text-transform:uppercase;line-height:.84}
.rv{display:block;overflow:hidden;padding-bottom:.06em}.rv>i{display:block;font-style:normal}
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.09;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}
.cur{position:fixed;left:0;top:0;z-index:95;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--red);pointer-events:none;mix-blend-mode:difference;display:none}
@media(hover:hover) and (pointer:fine){.cur{display:block}}

/* Z-INDEX PRELOADER */
#load{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;pointer-events:none}
#load .h{position:absolute;left:0;right:0;height:50%;background:#000}
#load .t{top:0}#load .b{bottom:0}
.lights{position:relative;display:flex;gap:clamp(.6rem,2.5vw,1.6rem)}
.lights>span{width:clamp(2.2rem,8vw,5rem);aspect-ratio:1;border-radius:50%;background:#1b1b1f;border:2px solid #2a2a30}
.lights>span.on{background:var(--red);border-color:var(--red);box-shadow:0 0 50px 8px rgba(228,0,43,.7)}

/* SPORTY MINIMALIST HEADER */
.hdr{position:fixed;z-index:90000;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(1.8rem + env(safe-area-inset-top,0px)) clamp(1.5rem,4vw,3.5rem) 1.5rem;pointer-events:none;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.hdr.hid{transform:translateY(-130%)}

.lg0 { background:transparent; border:none; text-decoration:none; cursor:pointer; display:flex; align-items:center; gap:1rem; transition:opacity 0.3s; position:relative; pointer-events:auto; }
.lg0:hover { opacity: 0.7; }
.logo-ab { display:block; height:2.3rem; width:auto; fill:var(--red); flex:none; }
.lg0 .t { font-family: var(--b); font-weight: 800; font-size: 0.85rem; color: #fff; text-transform: uppercase; letter-spacing: 0.15em; }

.mb { background:transparent; border:none; outline:none; padding:0; cursor:pointer; display:flex; align-items:center; justify-content:center; width:48px; height:48px; transition:opacity 0.3s; position:relative; pointer-events:auto; }
.mb:hover { opacity: 0.6; }
.bx { display: flex; flex-direction: column; gap: 6px; width: 30px; align-items: flex-end; pointer-events: none; }
.bx i { display: block; height: 2px; background: #fff; transition: all 0.4s cubic-bezier(.7,0,.2,1); transform-origin: center right; pointer-events: none; }
.bx i:first-child { width: 100%; }
.bx i:last-child { width: 65%; }
.mb:hover .bx i:last-child { width: 100%; }

.mo .bx i { transform-origin: center center; }
.mo .bx i:first-child { transform: translateY(4px) rotate(-45deg); width: 100%; }
.mo .bx i:last-child { transform: translateY(-4px) rotate(45deg); width: 100%; }
.mo .hdr { transform: none; }

.scr{position:fixed;inset:0;z-index:80000;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .5s}
.mo .scr{opacity:1;pointer-events:auto;cursor:pointer;}

/* OFF-CANVAS MENU */
.mn{position:fixed;inset:0;z-index:85000;background:#050508;color:#f4f0e9;padding:14vh 4vw 6vh;display:flex;align-items:center;transform:translateY(-100%);transition:transform .8s cubic-bezier(.7,0,.2,1);pointer-events:none;}
.mo .mn{transform:none;transition-timing-function:cubic-bezier(.16,1,.3,1);transition-duration:.9s; pointer-events:auto;}
.mn-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:8vw;width:100%;max-width:1400px;margin:0 auto;align-items:end;}

.mn-wdg{display:flex;flex-direction:column;gap:1rem;max-width:360px;opacity:0;transform:translateY(20px);}
.mo .mn-wdg{opacity:1;transform:none;transition:transform .8s cubic-bezier(.16,1,.3,1) .4s, opacity .8s .4s;}
.wcard{display:flex;border-radius:12px;text-decoration:none;color:#fff;position:relative;overflow:hidden;transition:transform .3s;}
.wcard:hover{transform:translateY(-4px);}

.w-red{background:linear-gradient(135deg, #e4002b, #8a0019); color:#fff; flex-direction:column; min-height:220px; padding:1.6rem; justify-content:space-between; box-shadow: 0 10px 30px rgba(228,0,43,0.2);}
.wt{display:flex;justify-content:space-between;align-items:flex-start;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;}
.wt svg{width:54px;height:auto; stroke: #fff;}
.wb h4{font:900 2.6rem/1 var(--d);text-transform:uppercase;letter-spacing:-.02em;}
.wb p{font-size:.95rem;margin-top:.4rem;max-width:90%;font-weight:600; opacity: 0.9;}
.wb i{position:absolute;right:1.4rem;bottom:1.4rem;font-style:normal;font-size:1.4rem;font-weight:800;}

.w-drk{background:#16161a;align-items:center;padding:1rem;gap:1.2rem;min-height:100px;}
.wimg{width:70px;height:70px;border-radius:8px;background:#26262b;flex:none;background-size:cover;background-position:center;display:grid;place-items:center;}
.wtxt{display:flex;flex-direction:column;gap:.2rem;}
.wtxt small{font-size:.7rem;font-weight:800;color:var(--mute);letter-spacing:.05em;text-transform:uppercase;}
.wtxt p{font-size:.85rem;line-height:1.3;font-weight:600;color:#e8e3d9;}
.w-drk i{position:absolute;right:1rem;bottom:1rem;font-style:normal;color:var(--mute);font-weight:800;font-size:1.1rem;}

.mn-nav{display:flex;flex-direction:column;}
.mn-big{display:flex;flex-direction:column;align-items:flex-start;}
.mn-big a{font:900 clamp(2.8rem, 6vw, 6.5rem)/.9 var(--d);text-transform:uppercase;color:#fff;letter-spacing:-.01em;transition:color .3s;transform:translateY(40px);opacity:0;font-stretch:normal;text-decoration:none;cursor:pointer;}
.mo .mn-big a{transform:none;opacity:1;transition:transform .8s cubic-bezier(.16,1,.3,1) calc(.2s + var(--i)*.08s), opacity .8s calc(.2s + var(--i)*.08s), color .3s;}
.mn-big a:hover{color:var(--red);}

.mn-sub{margin-top:clamp(1.5rem,4vh,2.5rem);display:flex;flex-direction:column;gap:1.4rem;opacity:0;transform:translateY(20px);}
.mo .mn-sub{opacity:1;transform:none;transition:transform .8s cubic-bezier(.16,1,.3,1) .6s, opacity .8s .6s;}
.mn-lnk{display:flex;gap:clamp(1rem,3vw,2.5rem);font-size:clamp(.95rem, 2vw, 1.2rem);font-weight:600;}
.mn-lnk a{color:#e8e3d9;text-decoration:none;transition:color .3s;cursor:pointer;}
.mn-lnk a:hover{color:var(--red);}
.mn-soc{display:flex;gap:1.5rem;color:var(--mute);}
.mn-soc a{color:inherit;transition:color .3s;}
.mn-soc a:hover{color:#fff;}
.mn-soc svg{width:22px;height:22px;}

@media(max-width:900px){
  .mn{padding-top:14vh; align-items:flex-start;}
  .mn-grid{grid-template-columns:1fr; gap:4vh;}
  .mn-wdg{display:none;}
  .mn-big a{font-size:12vw;}
}
@media(max-width:600px){.lg0 .t{display:none}}
@media(max-height:750px) and (min-width:801px){
    .live .gb{bottom:3vh}
  .gb h3{font-size:clamp(2.5rem,5vw,4.5rem);margin:.2rem 0 .5rem}
  .fg b{font-size:clamp(3rem,6vw,5rem)}
  .live .slot{top:12vh}
  .live .lh p{display:none}
}

/* =========================================
   SECTIONS CSS
   ========================================= */
.hero{position:relative;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:0 4vw 8vh;background:radial-gradient(55% 60% at 68% 45%,rgba(228,0,43,.4),transparent 70%),var(--bg)}
.vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,10,.5),rgba(7,7,10,.1) 38%,rgba(7,7,10,.88))}
.vl{position:absolute;right:4vw;bottom:3vh;font-size:.75rem;font-weight:600;color:var(--mute);border:1px dashed var(--line);border-radius:99px;padding:.3rem .9rem}
.hero svg{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.hero path{fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round}
.nm{position:relative;display:block;font-size:clamp(3.2rem,10.5vw,10.5rem);white-space:nowrap}
.nm .c{display:inline-block}
.sub{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;border-top:1px solid var(--line);margin-top:3vh;padding-top:1.6rem}
.sub p{max-width:38ch;color:var(--mute)}
.tag{display:flex;gap:.6rem;flex-wrap:wrap;align-items:flex-start}
.tag span{border:1px solid var(--ink);border-radius:99px;padding:.35rem 1rem;font-weight:800;font-size:.85rem}
.tag .r{background:var(--red);border-color:var(--red);color:#fff}
.scroll{position:absolute;left:4vw;bottom:3vh;font-size:.8rem;color:var(--mute);font-weight:600}

.mq{overflow:hidden;background:#07070a;color:var(--red);border-block:1px solid var(--line);padding:1rem 0;white-space:nowrap}
.mq div{display:inline-flex;gap:3rem;font-size:clamp(1.8rem,4vw,3.4rem)}

.state{background:var(--red);color:#0b0b0e;overflow:hidden}
.qt{padding:16vh 4vw 6vh;max-width:1700px}
.ql{font:800 .8rem/1 "Archivo",sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5vh}
.qh{margin:0;font:900 clamp(1.7rem,4.3vw,4.1rem)/1.04 "Archivo","Arial Black",sans-serif;font-stretch:125%;text-transform:uppercase;letter-spacing:-.02em}
.state .w{display:inline-block;opacity:.2}
.state .w.ac{font:italic 400 1.2em/.9 "Instrument Serif",Georgia,serif;text-transform:none;letter-spacing:0;font-stretch:100%}
.qa{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:0 4vw 5vh;font:800 .85rem/1.35 "Archivo",sans-serif;text-transform:uppercase}
.qa i{font:italic 400 1.5rem/1 "Instrument Serif",Georgia,serif;text-transform:none}
.qp{position:relative;aspect-ratio:1366/384;overflow:hidden;background:#000}
.qp img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;object-position:60% 45%}
.qp .p1{position:absolute;right:3vw;top:50%;translate:0 -50%;font:900 clamp(3.2rem,11vw,10rem)/.8 "Archivo","Arial Black",sans-serif;font-stretch:125%;color:#f4f0e9}
@media(max-width:800px){.qp{aspect-ratio:16/9}.qp img{object-position:66% 40%}}

.pro{display:grid;grid-template-columns:1fr 1.05fr;min-height:100svh;background:#07070a;border-block:1px solid var(--line)}
.pph{position:relative;overflow:hidden;background:radial-gradient(70% 55% at 50% 88%,rgba(228,0,43,.55),transparent 70%),linear-gradient(170deg,#3a0910,#12060a)}
.pin{position:absolute;inset:0;display:grid;place-items:center}
.pin span{font-size:.8rem;font-weight:600;color:var(--mute);border:1px dashed var(--line);border-radius:99px;padding:.3rem 1rem}
.ppn{background:#0d0d10;padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center}
.hd3{font:800 .85rem var(--b);letter-spacing:.14em;text-transform:uppercase}.hd3.s2{margin-top:clamp(2.4rem,7vh,4.5rem)}
.rule{height:1px;background:var(--line);margin:1rem 0 1.4rem}
.bio{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;margin:0}
.cl2{display:flex;flex-direction:column;gap:1.5rem}
.bio dt{color:var(--mute);font-size:.9rem}.bio dd{margin:.3rem 0 0;font-weight:700;font-size:1.15rem;line-height:1.35}
.fl{display:inline-block;width:22px;height:15px;border-radius:2px;margin-left:.5rem;vertical-align:-2px;background:linear-gradient(#e70011 50%,#fff 50%)}
.tm2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.tile{display:flex;flex-direction:column;justify-content:space-between;gap:1.6rem;padding:1.2rem 1.3rem;border:1px solid var(--line);border-radius:6px;transition:border-color .3s}
.tile:hover{border-color:var(--red)}
.tile small{color:var(--mute);font-size:.8rem}
.lg1{display:flex;flex-direction:column;gap:2px;font:600 1.05rem/1 var(--b)}.lg1 b{font-size:.8rem;letter-spacing:.28em;color:var(--red)}.lg1 i{font-style:normal;font-size:.62rem;letter-spacing:.3em;color:var(--mute)}
.lg2{font:900 italic 1.9rem/1 "Archivo","Arial Black",sans-serif;letter-spacing:-.02em}
.lg2::after{content:"";display:block;width:60%;height:3px;margin-top:.35rem;background:var(--red);transform:skewX(-30deg)}
.g4{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem 2rem}
.st2 b{display:block;font:900 clamp(3.6rem,6.5vw,6rem)/.9 var(--d);color:var(--red)}
.st2 span{color:#f4f0e9;font-weight:600}
.stp+.stp{margin-top:clamp(2.4rem,7vh,4.5rem)}
.pg3{display:none;gap:.5rem}
.pro.live{height:100svh;min-height:0}
.pro.live .ppn{padding-top:clamp(5.5rem,11vh,7rem);justify-content:flex-start}
.pro.live .pg3{display:flex}
.pro.live .pg3 i{--p:0;flex:1;height:2px;background:var(--line);position:relative}
.pro.live .pg3 i::after{content:"";position:absolute;inset:0;background:var(--red);transform:scaleX(var(--p));transform-origin:0 50%}
.pro.live .stg{position:relative;flex:1}
.pro.live .stp{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;margin:0}
.pro.live .bio dd{font-size:clamp(1.3rem,2vw,1.8rem)}.pro.live .cl2{gap:clamp(1.6rem,4vh,2.6rem)}
.pro.live .tile{min-height:clamp(11rem,30vh,17rem)}
.pro.live .st2 b{font-size:clamp(4.5rem,9vw,8.5rem)}.pro.live .g4{gap:clamp(2rem,6vh,4rem) 2rem}
@media(max-width:900px){.pro.live{display:flex;flex-direction:column}.pro.live .pph{flex:none;height:32svh}.pro.live .ppn{flex:1;min-height:0;padding:1.2rem 1.4rem 1.4rem}.pro.live .bio dd{font-size:1.05rem}.pro.live .cl2{gap:1.2rem}.pro.live .tile{min-height:7rem}.pro.live .st2 b{font-size:3.6rem}.pro.live .g4{gap:1.4rem 1rem}}
@media(max-width:900px){.pro{grid-template-columns:1fr}.pph{height:60svh}.bio{gap:0 1rem}}

.car{background:#0a0a0d;color:#f4f0e9;position:relative}
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:8vh 4vw 0}
.top h2{font-size:clamp(1.6rem,3vw,2.6rem);line-height:.9}
.pl{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.pill{border-radius:99px;padding:.35rem 1rem;font-weight:800;font-size:.85rem;background:var(--red);color:#fff}
.ch{padding:3rem 4vw;border-top:1px solid var(--line)}
.ch .tg{font-weight:800;font-size:.85rem;color:var(--red);margin-bottom:.8rem}
.ch h3{font:900 clamp(2.6rem,5vw,4.8rem)/.9 var(--d);text-transform:uppercase}
.ch .s{margin-top:.9rem;color:#cfcac0;max-width:44ch}
.ch .i{margin-top:1.1rem;padding-left:1rem;border-left:3px solid var(--red);max-width:44ch}
.car:not(.live) :is(.bg,.stk,.yr,.rail){display:none}
.live .sc{position:relative;height:100svh;overflow:hidden}
.live .bg>div{position:absolute;inset:0}
.live .stk{position:absolute;inset:0 -50% 0 0;width:200%;opacity:.55;background:repeating-linear-gradient(100deg,transparent 0 90px,rgba(255,255,255,.05) 90px 93px,transparent 93px 210px)}
.live .top{position:absolute;z-index:3;left:0;right:0;top:11vh;padding:0 4vw}
.live .yr{position:absolute;z-index:2;left:3vw;bottom:15vh;height:.86em;font:900 clamp(9rem,28vw,31rem)/.86 var(--d);overflow:hidden}
.reel>div{height:.86em;line-height:.86;white-space:nowrap}
.reel .y0{color:transparent;-webkit-text-stroke:2px rgba(244,240,233,.7)}
.reel .y2{color:#fff}
.live .chs{position:absolute;z-index:3;right:4vw;bottom:15vh;width:min(36vw,500px);height:0}
.live .ch{position:absolute;left:0;right:0;bottom:0;padding:0;border:0}
.live .rail{position:absolute;z-index:3;left:4vw;right:4vw;bottom:5vh;display:flex;justify-content:space-between;border-top:2px solid rgba(244,240,233,.22);padding-top:.7rem}
.rail i{position:absolute;left:0;top:-2px;height:2px;width:100%;background:#fff;transform-origin:0 50%;transform:scaleX(0)}
.rail button{all:unset;cursor:pointer;font-weight:800;font-size:.8rem;color:#8a867e;padding:.2rem .3rem;transition:color .3s}
.rail button.on{color:#fff}
@media(max-width:800px){.live .yr{bottom:auto;top:22vh;font-size:36vw}.live .chs{left:6vw;right:6vw;width:auto;bottom:14vh}.rail button{font-size:.62rem;padding:.2rem 0}}

.leg{background:#0a0a0d;color:#f4f0e9}
.lh{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:12vh 4vw 3vh}
.lh h2{font-size:clamp(2rem,4vw,3.4rem);line-height:.9}.lh p{color:var(--mute);max-width:30ch;text-align:right}
.pn{position:relative;overflow:hidden;border-top:1px solid var(--line);padding:3rem 4vw}
.p1{background:#121216}.p2{background:#1c0b10}.p3{background:var(--red)}
.pn .lab,.pn .gn,.pn .slot{display:none}
.gb small{color:var(--mute);font-weight:600}.p3 .gb small{color:rgba(255,255,255,.85)}
.gb h3{font-size:clamp(3rem,7vw,6rem);margin:.6rem 0 1rem}
.gb em{display:block;font-style:normal;font-weight:800;margin-bottom:.8rem}
.gb p{max-width:40ch;color:var(--mute)}.p3 .gb p{color:rgba(255,255,255,.9)}
.fg{margin-top:1.4rem}.fg b{display:block;font-size:clamp(3.5rem,8vw,7rem)}.fg span{color:var(--mute)}.p3 .fg span{color:rgba(255,255,255,.85)}
.live .lg{position:relative;height:100svh;overflow:hidden;display:flex;flex-direction:column}
.live .lh{position:absolute;z-index:5;top:clamp(5.2rem,10vh,7rem);left:0;right:0;padding:0 4vw;pointer-events:none}
.live .pbox{flex:1;min-height:0;display:flex}
.live .pn{flex:1 1 0;min-width:0;padding:0;border-top:0;border-left:1px solid rgba(244,240,233,.14)}.live .pn:first-child{border-left:0}
.live .lab{display:flex;position:absolute;inset:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:1rem;padding-bottom:7vh}
.lab small{font-weight:800;color:var(--mute)}.p3 .lab small{color:#fff}
.lab b{writing-mode:vertical-rl;rotate:180deg;font-size:clamp(2.2rem,4vw,3.6rem);white-space:nowrap}
.live .gb{position:absolute;left:5vw;bottom:5vh;width:min(60vw,760px)}
.live .gn{display:block;position:absolute;right:3vw;bottom:-5vh;font:900 clamp(14rem,52vh,42rem)/.8 var(--d);color:transparent;-webkit-text-stroke:2px rgba(244,240,233,.12)}
.live .p3 .gn{-webkit-text-stroke-color:rgba(255,255,255,.35)}
.live .slot{display:block;position:absolute;right:4vw;top:16vh;font-size:.75rem;font-weight:600;color:var(--mute);border:1px dashed var(--line);border-radius:99px;padding:.3rem .9rem}
@media(max-width:800px){.live .lg{padding-top:19vh}.live .lh{top:10vh}.live .lh p{display:none}.live .pbox{flex-direction:column}.live .pn{border-left:0;border-top:1px solid rgba(244,240,233,.14)}.live .pn:first-child{border-top:0}
.live .lab{flex-direction:row;justify-content:flex-start;align-items:center;padding:0 6vw}.lab b{writing-mode:horizontal-tb;rotate:none;font-size:1.8rem}
.live .gb{left:6vw;right:6vw;width:auto;bottom:4vh}.live .gb h3{font-size:3rem;margin:.3rem 0 .6rem}.live .fg b{font-size:3.4rem}.live .slot{display:none}.live .gn{font-size:16rem;bottom:-2rem}}

.bey{background:#0a0a0d;color:#f4f0e9}
.bh{padding:14vh 4vw 6vh}.bh small{color:var(--red);font-weight:800}.bh h2{font-size:clamp(3.5rem,11vw,10rem);margin-top:1rem}
.bs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.bkc{padding:8vh 4vw;border-right:1px solid var(--line)}.bkc:last-child{border-right:0;background:#16080c}
.bkc h3{font-size:clamp(2.4rem,5vw,5rem);margin:1.4rem 0 1rem}.bkc p{color:var(--mute);max-width:40ch}
.bm{padding:6vh 4vw 14vh;border-top:1px solid var(--line)}
@media(max-width:800px){.bs{grid-template-columns:1fr}.bkc{border-right:0;border-bottom:1px solid var(--line);padding:6vh 6vw}}
.bc{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:14vh 4vw;border-top:1px solid var(--line)}
.bc.b2{background:#16080c}.bc.b2 .vz{order:-1}
.gh{position:absolute;left:0;top:50%;translate:0 -50%;font:900 clamp(12rem,34vw,34rem)/.8 var(--d);text-transform:uppercase;white-space:nowrap;color:transparent;-webkit-text-stroke:2px rgba(244,240,233,.09);pointer-events:none}
.bt{position:relative;z-index:1}
.role{display:inline-block;border:1px solid var(--ink);border-radius:99px;padding:.3rem 1rem;font-weight:800;font-size:.85rem}
.bt h3{font-size:clamp(2.6rem,5.5vw,5.2rem);margin:1.4rem 0 1.2rem}
.bt>p{color:var(--mute);max-width:46ch}
.cp{list-style:none;padding:0;margin-top:2rem}
.cp li{--ln:1;position:relative;display:grid;grid-template-columns:3rem 1fr;gap:.5rem;align-items:baseline;padding:1rem 0;transition:padding .35s}
.cp li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform-origin:0 50%;transform:scaleX(var(--ln))}
.cp b{font:900 1.1rem var(--d);color:var(--red)}
.cp strong{display:block;font:900 1.7rem/1 var(--d);text-transform:uppercase;transition:color .35s}
.cp span{color:var(--mute);font-size:.95rem}
.cp li:hover{padding-left:1rem}.cp li:hover strong{color:var(--red)}
.vz{position:relative;z-index:1;aspect-ratio:4/5;max-height:80vh;width:100%;border-radius:6px;overflow:hidden}
.vi{position:absolute;inset:-8% 0;background:linear-gradient(200deg,#3a3a42,#0e0e11)}
.b2 .vi{background:linear-gradient(200deg,#5a1622,#12070a)}
.vz::before{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:35%;background:linear-gradient(transparent,rgba(228,0,43,.8))}
.vz::after{content:"Photo slot";position:absolute;z-index:2;left:1rem;top:1rem;font-size:.75rem;font-weight:600;color:var(--mute);border:1px dashed var(--line);border-radius:99px;padding:.25rem .8rem}
@media(max-width:800px){.bc{grid-template-columns:1fr;padding:10vh 6vw}.bc.b2 .vz{order:0}.vz{aspect-ratio:4/3}}

.pm{position:relative;overflow:clip;background:linear-gradient(180deg,#16080c 0,#a30019 26%,#e4002b 52%,#9a001c 82%,#07070a 100%);color:#fff;padding:16vh 4vw 14vh}
.pm .hd2{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end}
.pm h2{font-size:clamp(3.5rem,9vw,8.5rem)}.pm h2 .o{color:transparent;-webkit-text-stroke:2px #fff}
.pm .lead{max-width:36ch;font-size:1.1rem;color:rgba(255,255,255,.9);padding-bottom:.6rem}
.lgr{position:relative;z-index:1;margin-top:12vh;display:flex;justify-content:space-between;align-items:center;gap:2rem 3rem;flex-wrap:wrap}
.wm{font:900 clamp(1.8rem,3.4vw,3rem)/1 var(--d);text-transform:uppercase}
.w1{font-style:italic;letter-spacing:.03em}.w2{font:800 clamp(1.8rem,3.4vw,3rem)/1 var(--b);text-transform:lowercase;letter-spacing:-.05em}
.w3{letter-spacing:.22em;font-size:clamp(1.3rem,2.4vw,2.2rem)}.w4{background:#fff;color:var(--red);padding:.12em .45em;border-radius:4px;font-size:clamp(1.4rem,2.6vw,2.4rem)}
.w5{border-left:.28em solid #fff;padding-left:.4em}
.lb{position:relative;z-index:1;margin-top:10vh;font-weight:600;font-size:.85rem;color:rgba(255,255,255,.8)}
.med{position:relative;z-index:1;overflow:hidden;white-space:nowrap;margin-top:1rem;border-block:1px solid rgba(255,255,255,.3);padding:1.2rem 0}
.med div{display:inline-flex;gap:3.5rem;font:900 clamp(1.8rem,3.6vw,3.2rem)/1 var(--d);text-transform:uppercase}
.med span{transition:color .3s}.med span:hover{color:#0b0b0e}
.sp{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;margin-top:18vh;align-items:start}
.sl{position:sticky;top:16vh}
.sl small{font-weight:800;color:rgba(255,255,255,.85)}
.sl h3{font-size:clamp(2.8rem,6vw,5.6rem);margin:1rem 0 1.4rem}
.sl p{max-width:38ch;color:rgba(255,255,255,.9);margin-bottom:2rem}
.sl .btn{background:#0b0b0e;box-shadow:none}
.sr{display:flex;flex-direction:column;gap:9vh}
.sx{border-top:1px solid rgba(255,255,255,.4);padding-top:1.4rem}
.sx b{display:block;font:900 clamp(4.5rem,11vw,10rem)/.85 var(--d)}
.sx h4{font:800 1.2rem/1.2 var(--b);margin:1rem 0 .6rem}
.sx p{max-width:46ch;color:rgba(255,255,255,.9)}
.gt{font-weight:800;margin-bottom:.8rem}
.gv{list-style:none;padding:0;border-top:1px solid rgba(255,255,255,.4)}
.gv li{display:grid;grid-template-columns:3rem 1fr;gap:.5rem;align-items:baseline;padding:1.1rem 0;border-bottom:1px solid rgba(255,255,255,.3);font:900 clamp(1.3rem,2.2vw,1.8rem)/1.1 var(--d);text-transform:uppercase;transition:padding .35s,color .35s}
.gv li b{font-size:1.05rem;opacity:.75}
.gv li:hover{padding-left:1rem;color:#0b0b0e}
@media(max-width:800px){.pm .hd2,.sp{grid-template-columns:1fr}.sl{position:static}.lgr{margin-top:10vh}}

/* =========================================
   RESTORED FOOTER CSS
   ========================================= */
.ft{background:#07070a;padding:14vh clamp(.7rem,4vw,5rem) 0;color:#f4f0e9;overflow:hidden}
.pf{--r:clamp(20px,2.2vw,32px);--ar:"Archivo","Arial Black",sans-serif;position:relative;background:var(--red);border-radius:calc(var(--r)*1.1);padding:clamp(12px,1.5vw,22px);display:grid;grid-template-columns:clamp(2.4rem,3.8vw,3.6rem) 1fr;grid-template-rows:auto minmax(clamp(240px,40vh,420px),1fr) auto;column-gap:clamp(10px,1.2vw,18px);color:#0b0b0e;transform-origin:50% 100%}
.tp{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:clamp(10px,1.2vw,18px)}
.tt h2{font:900 clamp(2.2rem,6vw,5.4rem)/.92 var(--ar);font-stretch:125%;text-transform:uppercase;letter-spacing:-.02em}
.tt .ln{display:block;overflow:hidden;padding-bottom:.06em}.tt .ln i{display:inline-block;font-style:normal}
.sbt{display:flex;align-items:center;gap:.9rem;margin-top:.8rem;font:300 clamp(.8rem,1.3vw,1.2rem)/1 var(--ar);text-transform:uppercase}
.sbt b{font-weight:800;font-style:italic}
.chv{display:flex;gap:.3rem}.chv i{width:1em;height:1em;background:#0b0b0e;clip-path:polygon(40% 0,100% 0,60% 50%,100% 100%,40% 100%,0 50%);rotate:180deg;animation:chs 1.2s infinite}
.chv i:nth-child(2){animation-delay:.15s}.chv i:nth-child(3){animation-delay:.3s}.chv i:nth-child(4){animation-delay:.45s}
@keyframes chs{0%,100%{opacity:.25}40%{opacity:1}}
.ar{flex:none;display:grid;place-items:center;width:clamp(3.4rem,8vw,7rem);aspect-ratio:1.15;background:#0b0b0e;color:#fff;border-radius:calc(var(--r)*.9);transition:background .3s,color .3s}
.ar svg{width:46%;transition:transform .4s cubic-bezier(.7,0,.2,1)}
.ar:hover{background:#fff;color:#0b0b0e}.ar:hover svg{transform:translate(-8px,8px)}
.lv{grid-row:2;grid-column:1;display:flex;align-items:flex-end;justify-content:center}
.bk{writing-mode:vertical-rl;rotate:180deg;white-space:nowrap;background:#0b0b0e;color:#fff;padding:1rem .55rem;font:800 clamp(.8rem,1.3vw,1.1rem)/1 var(--ar);text-transform:uppercase;letter-spacing:.14em}
.wn{grid-row:2;grid-column:2;position:relative;border-radius:var(--r);overflow:hidden;background:#0d0d10}
.vi2{position:absolute;inset:0;background:radial-gradient(60% 70% at 30% 75%,rgba(228,0,43,.4),transparent 70%),linear-gradient(160deg,#2c2c33,#0b0b0e)}
.vi2 svg{width:100%;height:100%;opacity:.7}.vi2 path{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round}
.phl{position:absolute;right:1.2rem;top:1.2rem;font-size:.75rem;font-weight:600;color:#97938b;border:1px dashed rgba(244,240,233,.3);border-radius:99px;padding:.25rem .8rem}
.gp{position:absolute;left:clamp(14px,2vw,26px);top:clamp(14px,2vw,26px);display:flex;gap:9px;background:#050507;border-radius:99px;padding:.6rem .95rem}
.gp i{width:14px;height:14px;border-radius:50%;background:#26262b;transition:background .15s,box-shadow .15s}.gp i.on{background:var(--red);box-shadow:0 0 16px 3px var(--red)}
.nt{position:absolute;right:0;bottom:0;width:clamp(84px,9vw,140px);height:clamp(76px,8vw,124px);background:var(--red);border-top-left-radius:var(--r);display:grid;place-items:center}
.nt::before,.nt::after{content:"";position:absolute;width:var(--r);height:var(--r);background:radial-gradient(circle at 0 0,transparent var(--r),var(--red) calc(var(--r) + .5px))}
.nt::before{right:0;bottom:100%}.nt::after{right:100%;bottom:0}
.mono{width:64%;aspect-ratio:1;background:#0b0b0e;color:#fff;border-radius:calc(var(--r)*.32);display:grid;place-items:center;font:900 clamp(1.1rem,2vw,1.9rem)/1 var(--ar);transition:background .3s,color .3s}
.nt:hover .mono{background:#fff;color:#0b0b0e}
.bt2{grid-column:1/-1;padding-top:clamp(12px,1.4vw,20px);color:#fff}
.fr{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;font:800 .8rem/1 var(--ar);text-transform:uppercase}
.fr .ln2{flex:1;min-width:2rem;height:3px;background:#0b0b0e}
.fr a{position:relative}.fr a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .3s}.fr a:hover::after{transform:scaleX(1)}
.btn{display:inline-flex;gap:.7rem;align-items:center;background:var(--red);color:#fff;font-weight:800;padding:1.1rem 2rem;border-radius:99px;box-shadow:0 0 0 6px #0b0b0e}
.base{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.6rem 0;font-weight:600;font-size:.9rem}
.base nav{display:flex;gap:1.4rem;font-weight:800;text-transform:uppercase}.base a:hover{color:var(--red)}
@media(max-width:800px){.pf{--r:22px}.tt h2{font-size:clamp(2rem,9.5vw,3.6rem)}.pf{grid-template-rows:auto minmax(260px,44svh) auto}.fr .ln2{display:none}.fr{gap:.8rem 1.1rem}}


/* Integrated CSS patch from supplied baseline */
/* 1. Keyboard focus (replaces the removed *:focus rule) */
:focus:not(:focus-visible){outline:none}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}

/* 2. Custom cursor must sit above header (90000), menu (85000) and preloader (99999) */
.cur{z-index:100001}

/* 3. Logged-in WordPress admin bar (html margin-top is forced to 0, so offset the fixed header) */
.admin-bar .hdr{top:32px}
@media(max-width:782px){.admin-bar .hdr{top:46px}}

/* 4. Logo "A" is red: give it a 1px dark edge so it stays visible on the red sections
      (quote section, partners gradient, footer) + a soft scrim behind the header for legibility */
.logo-ab{filter:drop-shadow(0 0 1px rgba(11,11,14,.9))}
.hdr::before{content:"";position:absolute;inset:0 0 -1.5rem;background:linear-gradient(180deg,rgba(7,7,10,.55),transparent);pointer-events:none;z-index:-1}
.bx{display:flex}

/* 5. Full-screen menu: no 100vw (causes horizontal scrollbar) / 100vh (wrong on mobile browsers);
      let it scroll on short screens */
.mn{width:auto;height:auto;overflow-y:auto;overscroll-behavior:contain}
.mn-big a{font-stretch:normal}
@media(max-width:900px){.mn{align-items:flex-start}}

/* 6. "Three generations" heading no longer sits under the fixed header */
.live .lh{top:clamp(5.2rem,10vh,7rem)}
/* Three generations: keep the section title clear of the fixed brand header and driver names */
.live .lh{top:clamp(6.4rem,13vh,8.2rem);align-items:flex-start;gap:1.5rem}
.live .lh h2{font-size:clamp(1.65rem,3vw,2.65rem);line-height:.92;max-width:8.5em;text-wrap:balance}
.live .lh p{max-width:24ch;margin-top:.15rem}
.live .gb{bottom:4vh;width:min(52vw,680px)}
.live .gb h3{font-size:clamp(3rem,6vw,5.4rem);line-height:.82;margin:.35rem 0 .7rem}
.live .gb em{max-width:36ch;line-height:1.3}
.live .gb p{max-width:38ch;line-height:1.45}
.live .slot{top:clamp(6.8rem,14vh,9rem);right:3vw}
@media(max-height:750px) and (min-width:801px){.live .lh{top:6.1rem}.live .slot{top:6.5rem}.live .gb{bottom:3vh}.live .fg{margin-top:.7rem}.live .fg b{font-size:clamp(3rem,7vh,5rem)}}
@media(max-width:800px){.live .lh{top:6.5rem;right:6vw;gap:.5rem}.live .lh h2{font-size:clamp(1.45rem,6vw,2rem)}.live .gb{bottom:3vh}.live .gb h3{font-size:2.7rem}.live .gb em{font-size:.88rem}.live .gb p{font-size:.85rem;line-height:1.35}}
@media(max-height:750px) and (min-width:801px){.live .lh{top:5rem}}

/* 7. Preloader failsafe: if JS fails or is slow, hide it after 9s instead of covering the site forever */
#load{animation:ldf .01s 9s forwards}
@keyframes ldf{to{opacity:0;visibility:hidden}}


/* 9. Preloader: AB logo drawn as a circuit lap */
.lights{flex-direction:column;align-items:center;gap:clamp(1rem,3vh,1.8rem)}
.ldlogo{width:clamp(230px,36vw,500px);height:auto;overflow:visible;display:block}
.ldbase{fill:#16161a}
#ldtrk{fill:none;stroke:var(--red);stroke-width:190;stroke-dasharray:1;stroke-dashoffset:1}
.ldmark{fill:none;stroke:rgba(255,255,255,.28);stroke-width:5;stroke-dasharray:12 20}
#ldcar{fill:#fff;filter:drop-shadow(0 0 14px #fff) drop-shadow(0 0 34px var(--red));opacity:0}
.ldlogo{transition:filter .5s}
.lights.done .ldlogo{filter:drop-shadow(0 0 26px rgba(228,0,43,.75))}
.ldpct{font:800 .85rem/1 var(--d);letter-spacing:.34em;text-transform:uppercase;color:var(--mute);display:flex;gap:.5em;align-items:baseline}
.ldpct b{color:var(--ink);font-weight:800;min-width:2.2em;text-align:right;letter-spacing:.12em}

/* 8. Reduced motion for the NEW menu structure */
@media(prefers-reduced-motion:reduce){
  .mn,.mn-big a,.mn-wdg,.mn-sub,.scr,.hdr{transition-duration:.01s!important;transition-delay:0s!important}
  .chv i{animation:none}
}

/* 9. Skip link (keyboard users) */
.skip{position:fixed;left:1rem;top:-4rem;z-index:100002;background:#fff;color:#000;padding:.7rem 1rem;border-radius:6px;font-weight:800;transition:top .2s}
.skip:focus{top:1rem}

/* 10. Hero: wrapper animated by the preloader (the .sub inside is animated by the scroll scrub) */
.subw{position:relative}
.subw .sub{margin-top:3vh}

/* 8. Responsive refinement: tablet and phone */
html{scroll-padding-top:5.5rem;-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,svg,iframe{max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
:where(button,a,[role="button"],input,select,textarea){touch-action:manipulation}
body{overflow-wrap:break-word}
@media (max-width:1024px){
  .hero{padding-left:5vw;padding-right:5vw}
  .bc{gap:4vw;padding-left:5vw;padding-right:5vw}
  .lgr{gap:1.5rem 2rem}
  .mn{padding-left:5vw;padding-right:5vw}
  .live .lh{padding-left:5vw;padding-right:5vw}
}
@media (min-width:601px) and (max-width:900px){
  .live .lg{height:auto;min-height:100svh;overflow:visible;padding-top:10rem}
  .live .lh{top:6.3rem;left:0;right:0}
  .live .lh h2{max-width:13em;font-size:clamp(1.7rem,4vw,2.5rem)}
  .live .lh p{max-width:36ch}
  .live .pbox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:none;margin-top:2rem}
  .live .pn{position:relative;min-height:34rem;border-top:1px solid rgba(244,240,233,.14);border-left:0}
  .live .pn:nth-child(even){border-left:1px solid rgba(244,240,233,.14)}
  .live .pn:last-child{grid-column:1/-1;min-height:28rem}
  .live .lab{padding:1.5rem;justify-content:flex-start;align-items:flex-start}
  .live .lab b{writing-mode:horizontal-tb;rotate:none;font-size:clamp(1.5rem,3vw,2.2rem);white-space:normal}
  .live .gb{left:1.5rem;right:1.5rem;bottom:1.5rem;width:auto}
  .live .gb h3{font-size:clamp(2.5rem,5.5vw,4rem);line-height:.9}
  .live .gn{font-size:clamp(12rem,30vw,22rem);right:1rem;bottom:-1rem}
  .live .slot{top:auto;right:1rem;bottom:1rem;font-size:.68rem}
  .bc{grid-template-columns:1fr 1fr}
  .bt h3{font-size:clamp(2.2rem,5vw,3.6rem)}
}
@media (max-width:600px){
  body{font-size:15px}
  .hdr{padding-left:5vw;padding-right:5vw}
  .hero{min-height:650px;height:100svh;max-height:920px;padding:0 6vw 8vh}
  .hero h1{font-size:clamp(3rem,15vw,5.5rem);line-height:.86;max-width:10ch;overflow-wrap:normal}
  .hero p{max-width:32ch;font-size:.95rem;line-height:1.5}
  .mn{padding:6.5rem 6vw 2rem;overflow-y:auto;align-items:flex-start}
  .mn-grid{gap:2rem}
  .mn-big a{font-size:clamp(2.6rem,12vw,4.6rem);line-height:.92}
  .mn-lnk{flex-wrap:wrap;gap:.8rem 1.2rem}
  .live .lg{height:auto;min-height:0;overflow:visible;padding-top:0}
  .live .lh{position:relative;top:auto;left:auto;right:auto;padding:6.5rem 6vw 1.5rem}
  .live .lh h2{font-size:clamp(1.8rem,8.5vw,2.7rem);line-height:.95;max-width:9em}
  .live .lh p{display:block;max-width:34ch;font-size:.9rem;line-height:1.45;margin-top:.75rem}
  .live .pbox{display:flex;flex-direction:column;flex:none}
  .live .pn,.live .pn:nth-child(even),.live .pn:last-child{position:relative;display:block;flex:none;min-height:0;height:auto;aspect-ratio:auto;border:0;border-top:1px solid rgba(244,240,233,.16);padding:0}
  .live .pn:first-child{border-top:0}
  .live .lab{position:relative;inset:auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.8rem;padding:1.2rem 6vw .2rem}
  .live .lab small{font-size:.7rem;flex:none}
  .live .lab b{writing-mode:horizontal-tb;rotate:none;white-space:normal;font-size:clamp(1.4rem,6.5vw,2rem);line-height:1}
  .live .gb{position:relative;left:auto;right:auto;bottom:auto;width:auto;padding:1rem 6vw 2rem}
  .live .gb h3{font-size:clamp(2.8rem,14vw,4.5rem);line-height:.86;margin:.25rem 0 .8rem;overflow-wrap:normal}
  .live .gb em{font-size:.9rem;line-height:1.4;margin-bottom:.65rem}
  .live .gb p{font-size:.9rem;line-height:1.5;max-width:38ch}
  .live .fg{margin-top:1rem}
  .live .fg b{font-size:clamp(3.2rem,16vw,5rem);line-height:.9}
  .live .gn{font-size:clamp(10rem,50vw,17rem);right:2vw;bottom:0;opacity:.65}
  .live .slot{display:none}
  .bc{grid-template-columns:minmax(0,1fr);gap:2rem;padding:4.5rem 6vw}
  .bc.b2 .vz{order:0}
  .bh{padding:6rem 6vw 2.5rem}
  .bh h2{font-size:clamp(3rem,15vw,5.5rem);line-height:.9}
  .bt h3{font-size:clamp(2.3rem,11vw,3.8rem);line-height:.92;margin:1rem 0}
  .gh{font-size:clamp(8rem,36vw,14rem);max-width:100%;overflow:hidden}
  .lgr{justify-content:flex-start;gap:1rem 1.5rem;margin-top:3rem}
  .pm .hd2,.sp{grid-template-columns:minmax(0,1fr)}
  .sl{position:relative;top:auto}
  .pf{grid-template-columns:minmax(0,1fr)}
  .tt h2{font-size:clamp(2rem,10vw,3.2rem)}
  .role{font-size:.75rem}
  .qp{aspect-ratio:4/3}
  .skip-link:focus{left:1rem;top:1rem}
}
@media (max-width:380px){
  .live .lh{padding-left:5vw;padding-right:5vw}
  .live .lab{padding-left:5vw;padding-right:5vw}
  .live .gb{padding-left:5vw;padding-right:5vw}
  .live .gb h3{font-size:clamp(2.5rem,13vw,3.2rem)}
  .mn-big a{font-size:12vw}
}
@media (max-height:500px) and (orientation:landscape) and (max-width:900px){
  .mn{padding-top:5rem}
  .mn-big a{font-size:clamp(2rem,8vh,3.4rem)}
  .live .lh{padding-top:5rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* =========================================================
   AVILA BAHAR WORDMARK
   Manage the homepage name here. Keeps original animation hooks.
   ========================================================= */
.hero .nm.hero-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  font-size: clamp(3.2rem, 8.5vw, 8.5rem);
  line-height: .82;
  letter-spacing: -.045em;
  text-transform: uppercase;
}
.hero .nm.hero-name .rv {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: visible;
}
.hero .nm.hero-name i {
  display: inline-block;
  max-width: 100%;
  font-family: "Big Shoulders Display", Impact, sans-serif;
  font-style: italic;
  font-weight: 900;
  letter-spacing: -.045em;
}
.hero .nm.hero-name .a { color: var(--ink); }
.hero .nm.hero-name .hero-a { color: var(--red); }
.hero .nm.hero-name .z { color: var(--ink); margin-top: .08em; }

@media (max-width: 600px) {
  .hero .nm.hero-name { font-size: clamp(3rem, 13vw, 5rem); }
}

/* =========================================================
   CAREER TIMELINE MEDIA
   The timeline's generated panels remain above this fallback.
   ========================================================= */
#car #bg {
  background-image:
    linear-gradient(90deg, rgba(7,7,10,.28), rgba(7,7,10,.66)),
    url("/wp-content/uploads/2026/10/Avila-2026-champ.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Shared hero title (Beyond the race style): filled first line, outlined second line. */
.hero-title{margin:0 0 5vh;font:900 clamp(4.5rem,15vw,15rem)/.8 var(--d);text-transform:uppercase;letter-spacing:-.02em}
.hero-title .rv{display:block;overflow:hidden;padding-bottom:.06em}
.hero-title .o{color:transparent;-webkit-text-stroke:2px var(--ink)}
@media(max-width:600px){.hero-title .o{-webkit-text-stroke-width:1.5px}}

/* Team logos uploaded in Avila Settings */
.team-logo{display:block;height:2.6rem;width:auto;max-width:100%;object-fit:contain;object-position:left center}
.tile .team-logo{height:clamp(2.4rem,5vh,3.2rem)}