:root{--bg:#000;--fg:#fff;--mut:#9a9a9a;--line:#262626;--pad:clamp(1.25rem,5vw,4rem);color-scheme:dark}
@media(prefers-color-scheme:light){:root{--bg:#fff;--fg:#000;--mut:#5c5c5c;--line:#d8d8d8;color-scheme:light}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:400 1rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:inherit}img,video{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--fg);color:var(--bg);padding:.5rem 1rem;z-index:9}
:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.wrap{max-width:72rem;margin:0 auto;padding:0 var(--pad)}
.top{display:flex;flex-wrap:wrap;gap:.5rem 2rem;align-items:center;justify-content:space-between;padding:1rem var(--pad);border-bottom:1px solid var(--line)}
.brand{font-weight:800;letter-spacing:.02em;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}nav a{text-decoration:none;color:var(--mut);font-size:.95rem}nav a:hover,nav a[aria-current]{color:var(--fg)}
.hero{position:relative;min-height:88svh;display:flex;align-items:flex-end;padding:6rem 0 4rem;overflow:hidden;border-bottom:1px solid var(--line)}
.herobg{position:absolute;inset:0}.herobg img{width:100%;height:100%;object-fit:cover;opacity:.55}.hero .wrap{position:relative}
.hero h1{font-size:clamp(4rem,17vw,12rem);line-height:.86;margin:.4rem 0 1.25rem;font-weight:900;letter-spacing:-.045em}
.kick{margin:0;color:var(--mut)}.cls{margin:0 0 1rem;font-weight:700;letter-spacing:.12em}
.lead{font-size:clamp(1.1rem,2.4vw,1.5rem);line-height:1.45;max-width:46rem;margin:.5rem 0}
.btns{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin:1.5rem 0 0}
.btn{display:inline-block;padding:.85rem 1.6rem;border:1px solid var(--fg);text-decoration:none;font-weight:700;background:none;color:var(--fg);font:inherit;font-weight:700;cursor:pointer}
.btn:hover{background:var(--fg);color:var(--bg)}
.pagehead{padding-top:4rem}.pagehead h1{font-size:clamp(2.5rem,8vw,5.5rem);line-height:1;letter-spacing:-.03em;margin:0 0 1rem}
.sec{padding-top:3.5rem;padding-bottom:1rem}.sec h2{font-size:1.5rem;margin:0 0 1.25rem;letter-spacing:-.01em}
.prose{max-width:44rem;color:var(--mut);font-size:1.1rem}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0;margin:0;border-top:1px solid var(--line)}
.facts div{padding:1.1rem 1rem 1.1rem 0;border-bottom:1px solid var(--line)}
.facts dt{color:var(--mut);font-size:.9rem}.facts dd{margin:.2rem 0 0;font-size:1.2rem;font-weight:700}
.tl{list-style:none;margin:0;padding:0 0 0 1.75rem;border-left:2px solid var(--fg)}
.tl li{position:relative;padding:0 0 2.5rem}.tl li:before{content:"";position:absolute;left:calc(-1.75rem - 7px);top:.55rem;width:12px;height:12px;background:var(--bg);border:2px solid var(--fg);border-radius:50%}
.tl h3{margin:0;font-size:1.5rem}.tl p{margin:.3rem 0 0;color:var(--mut);max-width:40rem}
.empty{padding:2rem;border:1px dashed var(--line);color:var(--mut)}.dim{color:var(--mut)}
.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.filters label{display:grid;gap:.25rem;color:var(--mut);font-size:.9rem}
select,input,textarea{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);padding:.7rem .8rem;width:100%;border-radius:0}
.filters select{width:auto;min-width:9rem}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:44rem}
th,td{text-align:left;padding:.8rem .75rem;border-bottom:1px solid var(--line)}th{color:var(--mut);font-weight:600;font-size:.9rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.25rem}
.card{border-top:2px solid var(--fg);padding-top:1rem}.card h2,.card h3{margin:.2rem 0 .5rem;font-size:1.2rem}.card p{margin:0;color:var(--mut)}
figure{margin:0}figcaption{color:var(--mut);font-size:.9rem;padding-top:.4rem}
.art{padding-top:4rem;max-width:52rem}.art h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.05;margin:.3rem 0 1.5rem}.hero-img{width:100%;margin-bottom:2rem}
blockquote{margin:2rem 0;padding-left:1.25rem;border-left:2px solid var(--fg);font-size:1.3rem}cite{display:block;color:var(--mut);font-size:.9rem;font-style:normal;margin-top:.5rem}
form{display:grid;gap:1.1rem;max-width:36rem}label{display:grid;gap:.35rem;font-weight:600}
.plist{padding:0;list-style:none;display:grid;gap:1rem}
footer{margin-top:6rem;border-top:1px solid var(--line);padding:3rem 0 2rem}
.foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem}.foot p{margin:.4rem 0}.soc{display:grid;gap:.4rem;align-content:start}
.copy{margin-top:2rem;font-size:.9rem}
@media(prefers-reduced-motion:no-preference){.hero h1{animation:in .8s cubic-bezier(.2,.7,.2,1) both}@keyframes in{from{opacity:0;transform:translateY(1.5rem)}}}
:root{--ac:#3d6bff}@media(prefers-color-scheme:light){:root{--ac:#1f45d6}}
.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px)}
.brand{font-size:1.1rem;letter-spacing:.06em}nav a{padding:.2rem 0;border-bottom:2px solid transparent}nav a[aria-current]{border-color:var(--ac)}
.hero{min-height:94svh;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:6rem 6rem;background-position:-1px -1px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,var(--bg) 92%)}
.hero h1{display:flex;flex-direction:column;margin:.4rem 0 1.25rem}.hero h1 span{display:block;overflow:hidden;padding-bottom:.04em}
.hero h1 span:last-child{color:transparent;-webkit-text-stroke:clamp(1.5px,.4vw,4px) var(--fg)}
.trk{position:absolute;right:-6%;top:6%;width:min(78vw,62rem);fill:none}.trk path{stroke:var(--fg);stroke-width:2.5;stroke-linejoin:round;opacity:.5}.trk circle{fill:var(--ac)}
.cls{color:var(--ac);font-size:1.15rem}
.btn:first-child{background:var(--fg);color:var(--bg)}.btn{transition:background .2s,color .2s,border-color .2s}.btn:hover{background:var(--ac);border-color:var(--ac);color:#fff}
.pagehead h1:after{content:"";display:block;width:4.5rem;height:6px;background:var(--ac);margin-top:1.25rem}
.sec h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}
.stat{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem 2rem;margin-bottom:2.5rem}
.stat b{font-size:clamp(6rem,24vw,15rem);line-height:.78;letter-spacing:-.07em;font-weight:900}.stat p{margin:0;max-width:20rem;font-size:1.25rem;color:var(--mut)}
.facts div{border-left:3px solid transparent;padding-left:1rem;transition:border-color .2s}.facts div:hover{border-color:var(--ac)}
.tl{border-left-width:3px}.tl li:before{border-color:var(--ac);width:14px;height:14px;left:calc(-1.75rem - 8.5px)}
.tl h3{font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.02em}.tl .cur:before{background:var(--ac)}
.now{margin-left:1rem;padding:.2rem .6rem;background:var(--ac);color:#fff;font-size:.8rem;font-weight:700;vertical-align:middle;letter-spacing:.02em}
.card{border-top-color:var(--ac);transition:transform .2s}.card:hover{transform:translateY(-3px)}
.mark{margin:2rem 0 0;padding:0 var(--pad);font-size:clamp(3rem,15vw,12rem);font-weight:900;letter-spacing:-.05em;line-height:.9;white-space:nowrap;overflow:hidden;color:transparent;-webkit-text-stroke:1px var(--line)}
@media(prefers-reduced-motion:no-preference){
.hero h1{animation:none}.hero h1 span{animation:rise .9s cubic-bezier(.2,.8,.2,1) both}.hero h1 span:last-child{animation-delay:.15s}
@keyframes rise{from{transform:translateY(105%)}}
.trk path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.2s .2s ease-out forwards}@keyframes draw{to{stroke-dashoffset:0}}}
@media(prefers-reduced-motion:reduce){.trk circle{display:none}}
.trk{width:min(82vw,44rem);right:2%;top:4%}
.herobg{z-index:0;-webkit-mask-image:linear-gradient(#000 45%,transparent 96%);mask-image:linear-gradient(#000 45%,transparent 96%)}
.herobg img{opacity:.55;object-position:55% 35%}.hero:before{z-index:1}.trk{z-index:2;filter:drop-shadow(0 2px 8px rgba(0,0,0,.55))}.hero .wrap{z-index:3}
.trk path{opacity:.85;stroke-width:3}.trk .lap{stroke:var(--ac);stroke-width:5;stroke-linecap:round;opacity:1;stroke-dasharray:1;stroke-dashoffset:1}
.trk circle{filter:drop-shadow(0 0 8px var(--ac))}
@media(prefers-reduced-motion:no-preference){
.herobg img{animation:photo 3s cubic-bezier(.2,.7,.2,1) both}@keyframes photo{from{opacity:0;transform:scale(1.15)}to{opacity:.55;transform:scale(1.03)}}
.trk .lap{animation:draw 4s 2s linear forwards}
.kick,.cls,.hero .lead,.hero .btns{animation:fade .8s cubic-bezier(.2,.7,.2,1) both}.kick{animation-delay:.3s}.cls{animation-delay:.55s}.hero .lead{animation-delay:.7s}.hero .btns{animation-delay:.85s}
@keyframes fade{from{opacity:0;transform:translateY(.75rem)}}}
@media(prefers-reduced-motion:no-preference){.trk .lap{animation:lap 4s 2s linear infinite}
@keyframes lap{0%{stroke-dashoffset:1;opacity:1}88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}}
/* kart-safe hero: photo band on top for narrow screens, right-hand photo on wide screens */
.hero:before{display:none}
.hero{padding-top:34svh}
.herobg{inset:0 0 auto 0;height:40svh;-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
.herobg img{opacity:.9;object-position:33% 50%}
.trk{width:min(40vw,28rem);top:2%}
.hero .wrap{text-shadow:0 0 18px var(--bg),0 0 6px var(--bg)}.hero .btn{text-shadow:none}
@media(max-width:1000px){.hero h1{font-size:clamp(3.5rem,15vw,7rem)}}
@media(min-width:1001px){
.hero{padding-top:6rem}
.herobg{inset:0 0 0 30%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%),linear-gradient(#000 75%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 30%),linear-gradient(#000 75%,transparent);mask-composite:intersect}
.herobg img{object-position:0% 50%}
.hero h1{font-size:clamp(4rem,13vw,10.5rem)}}
@media(prefers-reduced-motion:no-preference){@keyframes photo{from{opacity:0;transform:scale(1.15)}to{opacity:.9;transform:scale(1.03)}}}
@media(prefers-reduced-motion:no-preference){.trk .lap{animation:lap 55s 2s linear infinite}@keyframes lap{0.00%{stroke-dashoffset:1.0000;opacity:1}0.91%{stroke-dashoffset:0.9875;opacity:1}1.76%{stroke-dashoffset:0.9743;opacity:1}2.57%{stroke-dashoffset:0.9617;opacity:1}3.34%{stroke-dashoffset:0.9504;opacity:1}4.09%{stroke-dashoffset:0.9407;opacity:1}4.89%{stroke-dashoffset:0.9299;opacity:1}5.77%{stroke-dashoffset:0.9181;opacity:1}6.75%{stroke-dashoffset:0.9078;opacity:1}7.87%{stroke-dashoffset:0.8986;opacity:1}9.05%{stroke-dashoffset:0.8902;opacity:1}10.16%{stroke-dashoffset:0.8821;opacity:1}11.20%{stroke-dashoffset:0.8752;opacity:1}12.18%{stroke-dashoffset:0.8661;opacity:1}13.08%{stroke-dashoffset:0.8530;opacity:1}13.94%{stroke-dashoffset:0.8359;opacity:1}14.75%{stroke-dashoffset:0.8150;opacity:1}15.52%{stroke-dashoffset:0.7937;opacity:1}16.26%{stroke-dashoffset:0.7721;opacity:1}16.96%{stroke-dashoffset:0.7509;opacity:1}17.67%{stroke-dashoffset:0.7301;opacity:1}18.42%{stroke-dashoffset:0.7100;opacity:1}19.24%{stroke-dashoffset:0.6916;opacity:1}20.14%{stroke-dashoffset:0.6757;opacity:1}21.15%{stroke-dashoffset:0.6617;opacity:1}22.34%{stroke-dashoffset:0.6494;opacity:1}23.80%{stroke-dashoffset:0.6404;opacity:1}25.34%{stroke-dashoffset:0.6332;opacity:1}26.86%{stroke-dashoffset:0.6251;opacity:1}28.19%{stroke-dashoffset:0.6150;opacity:1}29.36%{stroke-dashoffset:0.6038;opacity:1}30.43%{stroke-dashoffset:0.5913;opacity:1}31.41%{stroke-dashoffset:0.5778;opacity:1}32.32%{stroke-dashoffset:0.5627;opacity:1}33.18%{stroke-dashoffset:0.5455;opacity:1}34.00%{stroke-dashoffset:0.5283;opacity:1}34.85%{stroke-dashoffset:0.5112;opacity:1}35.79%{stroke-dashoffset:0.4983;opacity:1}36.88%{stroke-dashoffset:0.4889;opacity:1}38.18%{stroke-dashoffset:0.4800;opacity:1}39.72%{stroke-dashoffset:0.4723;opacity:1}41.26%{stroke-dashoffset:0.4668;opacity:1}42.80%{stroke-dashoffset:0.4611;opacity:1}44.31%{stroke-dashoffset:0.4527;opacity:1}45.64%{stroke-dashoffset:0.4435;opacity:1}46.82%{stroke-dashoffset:0.4341;opacity:1}47.88%{stroke-dashoffset:0.4245;opacity:1}48.86%{stroke-dashoffset:0.4144;opacity:1}49.78%{stroke-dashoffset:0.4043;opacity:1}50.69%{stroke-dashoffset:0.3943;opacity:1}51.72%{stroke-dashoffset:0.3850;opacity:1}52.93%{stroke-dashoffset:0.3770;opacity:1}54.41%{stroke-dashoffset:0.3711;opacity:1}55.95%{stroke-dashoffset:0.3663;opacity:1}57.49%{stroke-dashoffset:0.3606;opacity:1}59.03%{stroke-dashoffset:0.3553;opacity:1}60.57%{stroke-dashoffset:0.3489;opacity:1}62.01%{stroke-dashoffset:0.3413;opacity:1}63.25%{stroke-dashoffset:0.3322;opacity:1}64.37%{stroke-dashoffset:0.3215;opacity:1}65.39%{stroke-dashoffset:0.3101;opacity:1}66.33%{stroke-dashoffset:0.2997;opacity:1}67.22%{stroke-dashoffset:0.2886;opacity:1}68.05%{stroke-dashoffset:0.2758;opacity:1}68.85%{stroke-dashoffset:0.2633;opacity:1}69.64%{stroke-dashoffset:0.2510;opacity:1}70.40%{stroke-dashoffset:0.2388;opacity:1}71.19%{stroke-dashoffset:0.2268;opacity:1}72.03%{stroke-dashoffset:0.2166;opacity:1}72.96%{stroke-dashoffset:0.2076;opacity:1}74.02%{stroke-dashoffset:0.1987;opacity:1}75.28%{stroke-dashoffset:0.1907;opacity:1}76.80%{stroke-dashoffset:0.1840;opacity:1}78.29%{stroke-dashoffset:0.1769;opacity:1}79.59%{stroke-dashoffset:0.1682;opacity:1}80.74%{stroke-dashoffset:0.1578;opacity:1}81.79%{stroke-dashoffset:0.1457;opacity:1}82.76%{stroke-dashoffset:0.1326;opacity:1}83.67%{stroke-dashoffset:0.1189;opacity:1}84.64%{stroke-dashoffset:0.1061;opacity:1}85.77%{stroke-dashoffset:0.0950;opacity:1}87.15%{stroke-dashoffset:0.0864;opacity:1}88.69%{stroke-dashoffset:0.0787;opacity:1}90.23%{stroke-dashoffset:0.0698;opacity:1}91.68%{stroke-dashoffset:0.0616;opacity:1}93.22%{stroke-dashoffset:0.0536;opacity:1}94.68%{stroke-dashoffset:0.0456;opacity:1}95.95%{stroke-dashoffset:0.0366;opacity:1}97.09%{stroke-dashoffset:0.0273;opacity:1}98.12%{stroke-dashoffset:0.0175;opacity:1}99.12%{stroke-dashoffset:0.0088;opacity:1}100%{stroke-dashoffset:0;opacity:0}}}

/* full-bleed photo hero: blurred copy fills the section, sharp full photo sits on top so kart and Fuji are never cropped */
.hero{--fg:#fff;--bg:#000;--mut:#d6d6d6;--line:rgba(255,255,255,.25);--ac:#6f93ff;color:#fff;display:block;min-height:0;padding:0;background:#000 none}
.herobg{inset:0;height:auto;-webkit-mask:none;mask:none}
.herobg .bk{width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:1;filter:blur(26px) brightness(.55) saturate(1.15);transform:scale(1.15);animation:none}
.stage{position:relative;z-index:1;width:100%;aspect-ratio:16/9;margin:0 auto}
.stage .fr{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(#000 84%,transparent);mask-image:linear-gradient(#000 84%,transparent)}
.hero .trk{left:3%;right:auto;top:7%;width:auto;height:54%;aspect-ratio:780/680;z-index:2}
.hero>.wrap{position:relative;z-index:3;padding-top:1.5rem;padding-bottom:2.5rem}
@media(min-width:1001px){
.stage{width:min(100%,calc((100svh - 4.2rem)*16/9))}
.stage .fr{-webkit-mask-image:none;mask-image:none;image-rendering:-webkit-optimize-contrast}
.stage:after{content:"";position:absolute;inset:auto 0 0 0;height:36%;background:linear-gradient(transparent,rgba(0,0,0,.78));z-index:1}
.hero .trk{height:46%}
.hero>.wrap{position:absolute;left:0;right:0;bottom:0;margin:0 auto;padding-top:0;padding-bottom:clamp(.75rem,1.6vw,2rem);display:grid;grid-template-columns:1fr auto;column-gap:2rem;row-gap:.2rem;align-items:end}
.hero .kick,.hero h1{grid-column:1/-1}.hero .cls{grid-column:1;margin:0}.hero .lead{grid-column:1;margin:0;font-size:1rem;max-width:34rem}.hero .btns{grid-column:2;grid-row:3/5;margin:0}
.hero h1{flex-direction:row;gap:.08em;margin:0;font-size:clamp(2.75rem,min(7.5vw,13svh),7.5rem)}
.hero .btn{padding:.7rem 1.3rem}}
@media(prefers-reduced-motion:no-preference){.herobg img{animation:none}.stage .fr{animation:photo 2.5s cubic-bezier(.2,.7,.2,1) both}
@keyframes photo{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}}
@media(min-width:1001px){.hero{display:flex;justify-content:center}.stage{width:min(100%,2000px);height:clamp(calc(56.25vw*.9),calc(100svh - 4.2rem),min(56.25vw,1125px));aspect-ratio:auto}.stage .fr{object-position:50% 15%}
.hero.credit{min-height:0}.hero.credit .stage{width:100%;height:auto;aspect-ratio:2000/1333}}
@media(max-width:1000px){.hero .wrap{text-shadow:0 1px 8px rgba(0,0,0,.6)}}

/* about page */
.abouthead{--fg:#fff;--bg:#000;--mut:#d6d6d6;color:#fff;padding:5rem 0 4rem;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.88)),url(/assets/img/hero.jpg) 50% 35%/cover}
.abouthead h1{font-size:clamp(2.75rem,9vw,7rem);line-height:.95;letter-spacing:-.04em;margin:0 0 1rem}
.abouthead h1:after{content:"";display:block;width:4.5rem;height:6px;background:var(--ac);margin-top:1.25rem}
.route{display:flex;align-items:center;gap:1rem;margin-top:2rem;font-weight:700;font-size:1.15rem}
.route i{flex:1;max-width:22rem;height:3px;background:linear-gradient(#6f93ff,#6f93ff) left/100% 100% no-repeat,rgba(255,255,255,.3)}
.profile{display:grid;grid-template-columns:minmax(0,17rem) 1fr;gap:2rem 3rem;align-items:start}
.pcard{margin:0;border-top:3px solid var(--ac)}.pcard .box{aspect-ratio:4/5;overflow:hidden}
.pcard img{width:100%;height:100%;object-fit:cover;object-position:42% 50%;transform:scale(2.2);transform-origin:50% 59%}
.profile .facts{grid-template-columns:1fr 1fr}
.chaps{counter-reset:c;padding-top:3.5rem}
.chap{counter-increment:c;display:grid;grid-template-columns:minmax(0,15rem) 1fr;gap:1rem 3rem;padding:2.25rem 0;border-top:1px solid var(--line)}
.chap h2{margin:0;position:sticky;top:5rem;align-self:start;font-size:clamp(1.4rem,3vw,2rem)}
.chap h2:before{content:counter(c,decimal-leading-zero);display:block;margin-bottom:.4rem;font-size:clamp(3.5rem,8vw,6rem);line-height:.9;font-weight:900;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px var(--mut);transition:-webkit-text-stroke-color .2s}
.chap:hover h2:before{-webkit-text-stroke-color:var(--ac)}
.chap .prose{color:var(--fg);font-size:1.25rem;line-height:1.55;margin:0}
.ph{background:none;color:var(--ac);font-weight:600}
@media(max-width:700px){.profile,.chap{grid-template-columns:1fr}.pcard{max-width:20rem}.chap h2{position:static}}
@media(prefers-reduced-motion:no-preference){.route i{animation:go 1.6s .4s cubic-bezier(.2,.7,.2,1) both}@keyframes go{from{background-size:0 100%,100% 100%}}}
/* career direction arrows */
.tl{position:relative;padding-bottom:1.25rem}
.tl li:not(:last-child):after,.tl:after{content:"";position:absolute;left:calc(-1.75rem - 8.5px);bottom:.5rem;border-left:7px solid transparent;border-right:7px solid transparent;border-top:11px solid var(--ac)}
.tl:after{left:-8.5px;bottom:-2px}
@media(prefers-reduced-motion:no-preference){.tl:after{animation:nudge 1.8s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(5px)}}}
.tl li{padding-bottom:3.75rem}
.tl li:not(:last-child):after,.tl:after{left:calc(-1.75rem - 10.5px);bottom:1.1rem;border-left-width:9px;border-right-width:9px;border-top-width:15px}
.tl:after{left:-10.5px;bottom:-4px}
/* page transitions and click feedback */
@view-transition{navigation:auto}
.top{view-transition-name:site-header}
nav a{background:linear-gradient(var(--ac),var(--ac)) 0 100%/0 2px no-repeat;transition:background-size .25s,color .2s}
nav a:hover{background-size:100% 2px}nav a:active{color:var(--ac)}
a,button{-webkit-tap-highlight-color:transparent}
.btn{position:relative;overflow:hidden;transition:background .2s,color .2s,border-color .2s,transform .12s}.btn:active{transform:scale(.95)}
.card:active{transform:scale(.985)}
.rip{position:absolute;border-radius:50%;background:currentColor;opacity:.3;transform:scale(0);animation:rip .65s ease-out forwards;pointer-events:none}
@keyframes rip{to{transform:scale(1);opacity:0}}
@keyframes vt-out{to{opacity:0;transform:translateY(-.6rem)}}
@keyframes vt-in{from{opacity:0;transform:translateY(1.4rem)}}
@keyframes pagein{from{opacity:0;transform:translateY(1.4rem)}}
@media(prefers-reduced-motion:no-preference){
::view-transition-old(root){animation:.18s ease-in both vt-out}
::view-transition-new(root){animation:.45s cubic-bezier(.2,.7,.2,1) both vt-in}
.pg{animation:pagein .45s cubic-bezier(.2,.7,.2,1) both}
@supports not (view-transition-name:none){main{animation:pagein .45s cubic-bezier(.2,.7,.2,1) both}}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* home extras */
.jour{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.75rem}
.jour li{position:relative;border-top:3px solid var(--fg);padding-top:1rem}.jour li.cur{border-color:var(--ac)}
.jour h3{margin:0 0 .3rem;font-size:1.35rem}.jour p{margin:0;color:var(--mut)}
.jour li:not(:last-child):after{content:"";position:absolute;top:-9px;right:-1.3rem;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid var(--ac)}
.spot{display:grid;grid-template-columns:minmax(0,26rem) 1fr;gap:2rem 4rem;align-items:center}
.trkmap{width:100%;height:auto;fill:none;overflow:visible}.trkmap path{stroke:var(--fg);stroke-width:3;stroke-linejoin:round}.trkmap .lap{display:none}
.trkmap circle{fill:var(--ac);filter:drop-shadow(0 0 8px var(--ac))}
.two{display:grid;grid-template-columns:1fr 1fr;gap:2rem 4rem}.mini{list-style:none;padding:0;margin:0 0 1rem}.mini li{padding:.75rem 0;border-bottom:1px solid var(--line)}
.band{margin-top:4rem;padding:4rem 0;background:#000;color:#fff;--fg:#fff;--bg:#000;--mut:#d6d6d6;--line:#333;--ac:#6f93ff}
.band h2{font-size:clamp(2rem,6vw,4rem);letter-spacing:-.03em;margin:0 0 1rem}
@media(max-width:700px){.spot,.two{grid-template-columns:1fr}
.jour li:not(:last-child):after{top:auto;bottom:-1.25rem;right:auto;left:1rem;border-left:7px solid transparent;border-right:7px solid transparent;border-top:11px solid var(--ac);border-bottom:0}}
@media(prefers-reduced-motion:reduce){.trkmap circle{display:none}}

/* schedule + countdown */
.cd{padding:1.75rem clamp(1.25rem,4vw,2.5rem);border:1px solid var(--line);border-top:3px solid var(--ac);margin-bottom:2rem}
.cd-label{margin:0;color:var(--mut)}.cd-name{font-size:clamp(1.6rem,4vw,2.6rem);margin:.2rem 0;letter-spacing:-.02em}.cd-meta{margin:0;color:var(--mut)}
.cd-nums{display:flex;flex-wrap:wrap;gap:1rem clamp(1.25rem,5vw,3.5rem);margin-top:1.25rem}
.cd-nums b{display:block;font-size:clamp(2.75rem,10vw,6.5rem);font-weight:900;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.cd-nums span{color:var(--mut);font-size:.9rem}
.cd.live .cd-label:before{content:"";display:inline-block;width:.6rem;height:.6rem;margin-right:.5rem;border-radius:50%;background:#e5484d;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}
.wk{display:grid;grid-template-columns:minmax(0,24rem) 1fr;gap:2rem 4rem;align-items:start}.wk h3{margin:0 0 1.5rem;font-size:1.5rem}
.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem}
@media(max-width:800px){.wk{grid-template-columns:1fr}}

/* game v2 */
.gwrap{position:relative;overflow:hidden;background:#000;color:#fff;--fg:#fff;--bg:#000;--mut:#bdbdbd;--ac:#6f93ff;--line:#2a2a2a;font-variant-numeric:tabular-nums;border:1px solid var(--line)}
#gc{display:block;width:100%;height:auto;aspect-ratio:900/560;touch-action:none}
.ghud{position:absolute;inset:0;pointer-events:none;--p:clamp(.5rem,2vw,1.25rem)}.ghud .k,.gintro .k,.gover .k{margin:0;font-size:clamp(.6rem,1.4vw,.8rem);letter-spacing:.14em;color:var(--mut)}
.ht{position:absolute;left:var(--p);top:var(--p)}.tm{margin:0;font-weight:900;letter-spacing:-.03em;font-size:clamp(1.6rem,6vw,3.5rem);line-height:1}
.gates{position:absolute;left:50%;top:var(--p);transform:translateX(-50%);display:flex;gap:4px;list-style:none;margin:0;padding:0}.gates li{width:clamp(9px,2vw,20px);height:5px;background:#333}.gates li.on{background:#3ddc84}.gates li.next{background:var(--ac)}
.ts{position:absolute;right:var(--p);top:var(--p);text-align:right}.sp{margin:0;font-size:clamp(1rem,3vw,1.6rem)}
.bars{display:grid;gap:3px;margin:.35rem 0 0 auto;width:clamp(4rem,14vw,9rem)}.bars i{display:block;height:4px;background:#2a2a2a;position:relative;overflow:hidden}.bars i:after{content:"";position:absolute;inset:0;background:var(--ac);transform:scaleX(var(--v,0));transform-origin:left;transition:transform .08s}#gbrk:after{background:#e5484d}
#gmini{position:absolute;right:var(--p);bottom:var(--p);width:clamp(6rem,20%,11rem);height:auto;opacity:.9}
.gcount{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(4rem,18vw,10rem);font-weight:900;pointer-events:none}.gcount.pop{animation:cpop .8s ease-out both}
@keyframes cpop{0%{opacity:0;transform:scale(1.6)}25%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.92)}}
.gintro,.gover{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.6rem;text-align:center;background:rgba(0,0,0,.78);padding:1rem}.gintro[hidden],.gover[hidden]{display:none}
.gover .tm{font-size:clamp(3rem,12vw,7rem)}.verdict{margin:0;font-weight:900;letter-spacing:.14em;font-size:clamp(1.1rem,4vw,2rem)}.gover.win .verdict{color:#3ddc84}
.chk,.trophy{display:none}.gover.win .chk{display:block;position:absolute;top:0;left:0;right:0;height:clamp(14px,3vw,26px);background:repeating-conic-gradient(#fff 0 25%,#000 0 50%) 0 0/clamp(14px,3vw,26px) clamp(14px,3vw,26px);clip-path:inset(0 100% 0 0);animation:sweep 1s .1s ease-out forwards}
@keyframes sweep{to{clip-path:inset(0)}}
.gover.win .trophy{display:block;width:clamp(3.5rem,10vw,6rem);fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 14px var(--ac));stroke-dasharray:220;stroke-dashoffset:220;animation:tdraw 1.2s .3s ease-out forwards}
@keyframes tdraw{to{stroke-dashoffset:0}}
.gover.in .tm,.gover.in .verdict{animation:pagein .6s .2s both}
.nick{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end;justify-content:center}.nick label{font-size:.85rem}.nick input{width:9rem;color:#fff;background:#000;border-color:#444}
.gctl{display:none;justify-content:space-between;gap:1rem;margin-top:.75rem;user-select:none;-webkit-user-select:none}.gctl>div{display:flex;gap:.6rem}.gctl .btn{padding:1.4rem 1.6rem;touch-action:none;font-size:1.1rem}
@media(pointer:coarse){.gctl{display:flex}}
.lb{margin:0 0 1rem;padding-left:1.5rem;max-width:26rem}.lb li{padding:.5rem .5rem;border-bottom:1px solid var(--line)}.lb li span{display:inline-block;min-width:60%}.lb li.me{background:var(--ac);color:#fff;font-weight:700}.lb li.none{list-style:none;margin-left:-1.5rem;color:var(--mut)}
.garage{border:1px solid var(--line);padding:clamp(1.25rem,4vw,3rem)}.glock{text-align:center;padding:2rem 0}.glock svg{width:4rem;fill:none;stroke:var(--mut);stroke-width:2}.glock h2{margin:1rem 0 .25rem}
.garage:not(.locked) .glock{display:none}.gcontent h3{margin:2rem 0 1rem}.badge{display:inline-block;margin:0 0 1rem;padding:.3rem .8rem;border:1px solid var(--ac);color:var(--ac);font-weight:700;font-size:.85rem}
.ph-tile{aspect-ratio:4/3;display:grid;place-items:center;text-align:center;padding:1rem;border:1px dashed var(--mut);color:var(--ac);font-weight:600}.facts-l{padding-left:1.2rem;display:grid;gap:.5rem}
.garage.fresh .gcontent{animation:pagein .7s both}
@media(prefers-reduced-motion:reduce){.gcount.pop{animation:none}.gover.win .chk{animation:none;clip-path:none}.gover.win .trophy{animation:none;stroke-dashoffset:0}}

/* karting in japan */
.jhead{position:relative;background:#000;color:#fff;--fg:#fff;--mut:#d6d6d6;--ac:#6f93ff}
.jhead img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.jhead .wrap{padding-top:1.5rem;padding-bottom:2rem}.jhead h1{font-size:clamp(2.75rem,8vw,6.5rem);line-height:.95;letter-spacing:-.04em;margin:0 0 .75rem}.jhead h1:after{content:"";display:block;width:4.5rem;height:6px;background:var(--ac);margin-top:1rem}.jhead .lead{margin:0;font-size:clamp(1rem,2vw,1.3rem)}
@media(min-width:1001px){.jhead img{aspect-ratio:auto;height:clamp(calc(56.25vw*.9),calc(100svh - 4.2rem),56.25vw);object-position:50% 15%}
.jhead:after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(transparent,rgba(0,0,0,.8));pointer-events:none}
.jhead .wrap{position:absolute;z-index:2;left:0;right:0;bottom:0;margin:0 auto;padding-bottom:1.5rem}.jhead h1{font-size:clamp(2.5rem,min(6.5vw,11svh),6rem);margin-bottom:.5rem}.jhead .lead{max-width:44rem}}
@media(max-width:700px){.gintro,.gover{position:relative;inset:auto;padding:1.5rem 1rem}}

/* results database */
.rstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.5rem;margin-bottom:.75rem}.rstats b{display:block;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:900;letter-spacing:-.04em;line-height:1}.rstats span{color:var(--mut);font-size:.9rem}
.filters input{min-width:14rem}.filters .btn{align-self:end}
#rt th{cursor:pointer;white-space:nowrap}#rt th[aria-sort]{color:var(--fg)}#rt th[aria-sort=ascending]:after{content:" \25B2";font-size:.7em}#rt th[aria-sort=descending]:after{content:" \25BC";font-size:.7em}
#rt tr[hidden]{display:none}.pos{display:inline-block;min-width:2rem;padding:.1rem .5rem;text-align:center;font-weight:700;border:1px solid var(--line)}.pos.p1,.pos.p2,.pos.p3{background:var(--ac);border-color:var(--ac);color:#fff}
.rstats~h2{margin-top:3rem}

/* simplified header */
.top nav{gap:.25rem clamp(1.25rem,3vw,2.5rem)}.top nav>a,.more summary{font-size:1rem}
.more{position:relative}.more summary{cursor:pointer;color:var(--mut);list-style:none;padding:.2rem 0;border-bottom:2px solid transparent}.more summary::-webkit-details-marker{display:none}
.more summary:after{content:"";display:inline-block;margin-left:.45rem;border:4px solid transparent;border-top-color:currentColor;border-bottom:0;vertical-align:middle;transition:transform .2s}.more[open] summary:after{transform:rotate(180deg)}
.more summary:hover,.more[open] summary,.more summary.on{color:var(--fg)}.more summary.on{border-color:var(--ac)}
.menu{position:absolute;right:0;top:calc(100% + .6rem);z-index:8;display:grid;gap:.75rem;min-width:10rem;padding:1.1rem 1.4rem;background:var(--bg);border:1px solid var(--line);border-top:3px solid var(--ac)}

/* home photo with photographer watermark kept in frame */
.hero.credit .stage .fr{object-position:50% 100%;-webkit-mask-image:none;mask-image:none}
@media(max-width:1000px){.hero.credit .stage{aspect-ratio:16/10}.hero.credit .stage .fr{-webkit-mask-image:linear-gradient(#000 42%,transparent 96%);mask-image:linear-gradient(#000 42%,transparent 96%)}.hero.credit .wrap{padding-top:1.5rem}}
@media(min-width:1001px){.hero.credit>.wrap{padding-bottom:clamp(2.75rem,4.5vw,4.25rem)}}
.hero.credit .trk{left:auto;right:3%;top:5%;height:38%}
.hero.credit .herobg{display:none}

/* japan tracks */
.chips{display:flex;flex-wrap:wrap;gap:.75rem}.chips a{padding:.65rem 1.2rem;border:1px solid var(--fg);text-decoration:none;font-weight:700;transition:background .2s,color .2s}.chips a:hover{background:var(--ac);border-color:var(--ac);color:#fff}
.trackseg{margin-top:2.5rem;padding-top:3rem;border-top:1px solid var(--line);scroll-margin-top:5rem}.trackseg .num{margin:0;font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:.9;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px var(--mut)}
.trackseg h2{margin:.25rem 0 1.75rem;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.02em}.trackseg .spot{align-items:start}.trackseg .facts{margin-bottom:1.25rem}

/* calmer home page */
.roomy{padding-top:clamp(5rem,10vw,8rem)}.roomy>h2{margin-bottom:2rem}
.intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:3rem clamp(2rem,6vw,6rem);align-items:start}.intro h2{margin:0 0 1.5rem}.intro .facts{grid-template-columns:1fr}
.spot .stat{margin-bottom:1.75rem}.spot .stat b{font-size:clamp(5rem,12vw,8rem)}
.quiet{display:inline-block;margin-top:.75rem;color:var(--mut);text-underline-offset:.3em}.quiet:hover{color:var(--fg)}
.band{margin-top:clamp(5rem,10vw,8rem);padding:clamp(4rem,8vw,6rem) 0}
@media(max-width:800px){.intro{grid-template-columns:1fr}}

/* track maps: draw in, then a lap with a trail (starts when scrolled into view) */
.trkmap .lap{display:block;fill:none;stroke:var(--ac);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.trkmap circle{opacity:0}
@keyframes appear{to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
.trkmap.pre path:not(.lap){stroke-dasharray:1;stroke-dashoffset:1}
.trkmap.in path:not(.lap){stroke-dasharray:1;stroke-dashoffset:0;animation:draw 2.2s .1s ease-out both}
.trkmap.in .lap{animation:lap 55s 2s linear infinite}
.trkmap.in circle{animation:appear .01s 2s forwards}}
.trkmap{display:block;max-height:34rem;margin-inline:auto}
.circuits{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.circuits .card{border-top:2px solid var(--ac)}.circuits .trkmap{max-height:16rem}.circuits h3{margin:0 0 1rem}

/* compact countdown strip in the hero */
.hero-cd{position:absolute;left:50%;top:9%;transform:translateX(-50%);z-index:4;display:block;text-decoration:none;color:#fff;width:min(90vw,38rem);text-align:center;text-shadow:0 2px 20px rgba(0,0,0,.85),0 1px 4px rgba(0,0,0,.9)}
.hero-cd .cd{margin:0;padding:0;border:0;background:none}
.hero-cd .cd-label{font-size:clamp(.7rem,1.4vw,.9rem);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.hero-cd .cd-name{font-size:clamp(1.5rem,4vw,2.6rem);margin:.15rem 0;line-height:1.05;font-weight:800;letter-spacing:-.01em}
.hero-cd .cd-meta{font-size:clamp(.8rem,1.6vw,1rem);color:rgba(255,255,255,.85);margin:0 0 .5rem}
.hero-cd .cd-nums{justify-content:center;gap:.3rem 1.6rem}.hero-cd .cd-nums div{display:flex;flex-direction:column;align-items:center;gap:.05rem}
.hero-cd .cd-nums b{font-size:clamp(1.9rem,5.5vw,3.6rem);font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.hero-cd .cd-nums span{font-size:.68rem;letter-spacing:.05em;color:rgba(255,255,255,.8)}
.hero-cd{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.hero-cd .cd-name{display:inline-block;background:linear-gradient(var(--ac),var(--ac)) 0 100%/0 3px no-repeat;padding-bottom:.1em;transition:background-size .3s ease}
.hero-cd .cd-nums b{display:inline-block;transition:color .25s,transform .25s cubic-bezier(.2,.7,.2,1)}
.hero-cd:hover{transform:translateX(-50%) scale(1.035)}
.hero-cd:hover .cd-name{background-size:100% 3px}
.hero-cd:hover .cd-nums b{color:var(--ac);transform:translateY(-.15em)}
.hero-cd:hover .cd-nums div:nth-child(2) b{transition-delay:.03s}.hero-cd:hover .cd-nums div:nth-child(3) b{transition-delay:.06s}.hero-cd:hover .cd-nums div:nth-child(4) b{transition-delay:.09s}
@media(max-width:1000px){.hero.credit .hero-cd{left:1.1rem;right:1.1rem;top:auto;bottom:3%;transform:none;width:auto;text-align:left}.hero.credit .hero-cd .cd-nums{justify-content:flex-start;gap:.3rem 1.2rem}.hero.credit .hero-cd .cd-name{font-size:clamp(1.35rem,5vw,1.9rem)}}
@media(max-width:1000px) and (min-width:641px){.hero-cd{top:7%}}
@media(prefers-reduced-motion:reduce){.hero-cd,.hero-cd .cd-name,.hero-cd .cd-nums b{transition:none}.hero-cd:hover{transform:translateX(-50%)}.hero-cd:hover .cd-nums b{transform:none}}

.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.pgrid figure{margin:0}.pgrid img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.pf{position:relative;overflow:hidden;border-top:2px solid var(--ac);background:#111;box-shadow:0 .5rem 1.5rem -1rem rgba(0,0,0,.4)}
.pf img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.pf:hover img{transform:scale(1.06)}
.pnum{position:absolute;z-index:2;top:.8rem;left:.8rem;color:#fff;font-weight:800;font-size:.75rem;letter-spacing:.08em;background:rgba(0,0,0,.4);padding:.2rem .55rem;backdrop-filter:blur(3px)}
@media(max-width:640px){.pgrid{grid-template-columns:1fr}.pgrid img{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.pf img{transition:none}.pf:hover img{transform:none}}
.ph-photo{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;border:1px dashed var(--mut);color:var(--ac);font-weight:600;font-size:.85rem}
/* home sponsors strip */
.spgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.25rem;align-items:stretch}
.splogo{display:flex;align-items:center;justify-content:center;min-height:6rem;padding:1rem;border:1px solid var(--line);text-decoration:none;color:var(--fg)}
.splogo img{max-width:100%;max-height:3.5rem;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .25s,opacity .25s}
.splogo:hover img{filter:none;opacity:1}
.splogo.spname{font-weight:700;text-align:center}
.splogo.ph-tile{aspect-ratio:auto;color:var(--ac);font-size:.8rem;font-weight:600}
/* mobile menu: hamburger toggle wrapping the same nav (details/summary, no extra JS); positions against .top (sticky = containing block) */
.mnav summary{display:none;list-style:none;cursor:pointer}
.mnav summary::-webkit-details-marker{display:none}
.mtoggle{width:2.4rem;height:2.4rem;align-items:center;justify-content:center;border:1px solid var(--line)}
.mtoggle span{position:relative;width:1.2rem;height:2px;background:var(--fg);display:block}
.mtoggle span::before,.mtoggle span::after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--fg);transition:transform .25s,top .25s,opacity .2s}
.mtoggle span::before{top:-6px}.mtoggle span::after{top:6px}
.mnav[open] .mtoggle span{background:transparent}
.mnav[open] .mtoggle span::before{top:0;transform:rotate(45deg)}
.mnav[open] .mtoggle span::after{top:0;transform:rotate(-45deg)}
@media(max-width:760px){
.mnav summary{display:flex}
.mnav>nav{display:none;position:absolute;right:0;left:0;top:calc(100% + 1rem);z-index:6;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);border:1px solid var(--line);box-shadow:0 1.5rem 3rem -1.5rem rgba(0,0,0,.35)}
.mnav[open]>nav{display:flex}
.mnav>nav>a{padding:1rem 1.25rem;border-bottom:1px solid var(--line)}
.mnav>nav>a[aria-current]{color:var(--fg);background:color-mix(in srgb,var(--ac) 10%,transparent)}
.mnav>nav>.more{border-bottom:1px solid var(--line)}
.mnav>nav>.more summary{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem}
.mnav>nav>.more .menu{position:static;border:0;box-shadow:none;padding:0 1.25rem 1rem 2rem;min-width:0}
}
@media(prefers-reduced-motion:reduce){.mtoggle span::before,.mtoggle span::after{transition:none}}