:root{--bg:#0b0c0e;--panel:#14171c;--panel2:#0f1115;--line:#272b33;--line2:#3a3f48;--ink:#eceef1;--soft:#c9cdd4;--mute:#a4aab4;--chrome:#c9ced6;--red:#e0171f;--red-ink:#ff5b61;--gold:#ffb21f;
--fd:"Bahnschrift","DIN Alternate","DIN Condensed","Roboto Condensed","sans-serif-condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;
--fb:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--fm:ui-monospace,"SF Mono","Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.6 var(--fb);overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:.22em}
a:hover{color:var(--red-ink)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--gold);color:#000;padding:12px 16px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}

/* Header */
.top{position:sticky;top:0;z-index:50;background:rgba(11,12,14,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;min-height:60px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:var(--ink);font:italic 700 .95rem/1 var(--fd);letter-spacing:.08em;text-transform:uppercase}
.brand:hover{color:var(--ink)}
.brand i{position:relative;width:28px;height:28px;flex:none}
.brand i::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 225deg,var(--chrome) 0 205deg,var(--red) 205deg 270deg,transparent 270deg);-webkit-mask:radial-gradient(circle,transparent 9px,#000 10px);mask:radial-gradient(circle,transparent 9px,#000 10px)}
.brand i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin-top:-1px;border-radius:2px;background:var(--ink);transform-origin:0 50%;transform:rotate(-40deg)}
.top nav{display:flex;flex-wrap:wrap;gap:0 20px}
.top nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;color:var(--mute);text-decoration:none;font:600 .78rem/1 var(--fb);letter-spacing:.12em;text-transform:uppercase}
.top nav a:hover,.top nav a[aria-current="page"]{color:var(--ink)}
.top nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:var(--red);transform:skewX(-24deg)}
@media (max-width:560px){
  .brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .top nav{gap:0 14px}.top nav a{font-size:.72rem;letter-spacing:.08em}
}
.revbar{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;height:3px}
.revbar span{background:#191c21;transition:background-color .08s}
.revbar span.on{background:var(--chrome)}
.revbar span.on:nth-child(n+8){background:var(--gold)}
.revbar span.on:nth-child(n+11){background:var(--red)}
.revbar.shift span{background:var(--red)!important}

/* Buttons */
.btn{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;color:var(--ink);text-decoration:none;font:italic 700 1rem/1 var(--fd);letter-spacing:.1em;text-transform:uppercase}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid #4d535d;transform:skewX(-14deg);transition:background-color .2s,border-color .2s}
.btn:hover{color:var(--ink)}
.btn:hover::before{border-color:var(--chrome);background:rgba(201,206,214,.06)}
.btn-red{color:#fff}
.btn-red::before{background:var(--red);border-color:var(--red)}
.btn-red:hover{color:#fff}
.btn-red:hover::before{background:#c9121a;border-color:#c9121a}

/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:0 0 64px;background:radial-gradient(110% 60% at 50% 34%,#191c22 0,var(--bg) 64%)}
.speedlines{position:absolute;inset:0;z-index:-1;pointer-events:none}
.speedlines span{position:absolute;left:100%;top:var(--y);width:var(--w);height:1px;background:linear-gradient(90deg,transparent,rgba(201,206,214,.5),transparent);animation:streak var(--d) linear var(--o) infinite}
.speedlines span:nth-child(3n){height:2px;background:linear-gradient(90deg,transparent,rgba(224,23,31,.85),transparent)}
@keyframes streak{to{transform:translateX(calc(-100vw - 100%))}}
.dial{position:relative;width:min(112vw,760px);margin:0 calc((100% - min(112vw,760px))/2)}
.gauge{width:100%;height:auto;overflow:visible}
.g-track{fill:none;stroke:#30343c;stroke-width:2}
.g-red{fill:none;stroke:var(--red);stroke-width:7;transition:filter .15s}
.g-fill{fill:none;stroke:var(--chrome);stroke-width:7;stroke-dasharray:0 100;opacity:.9}
.redline .g-red{filter:drop-shadow(0 0 8px rgba(224,23,31,.9))}
.tk{stroke:#555b66;stroke-width:1.5}
.tk.maj{stroke:var(--chrome);stroke-width:3}
.tk.red{stroke:var(--red);stroke-width:3}
.gauge text{font:italic 700 19px var(--fd);fill:var(--mute);text-anchor:middle;dominant-baseline:middle}
.gauge text.redt{fill:var(--red-ink)}
.gauge .g-gear{font:700 44px var(--fm);fill:var(--ink)}
.gauge .g-unit{font:600 9px var(--fm);letter-spacing:.22em;fill:var(--mute)}
.g-needle{stroke:var(--red);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(224,23,31,.8))}
.dial h1{position:absolute;left:50%;top:50%;width:73%;margin:0;transform:translate(-50%,-52%)}
.dial h1 img{width:100%;height:auto;filter:drop-shadow(0 8px 28px rgba(0,0,0,.85))}
.hero-copy{position:relative;max-width:660px;margin:-2% auto 0;padding:0 20px;text-align:center}
.status{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:10px 16px;border:1px solid #4a3a16;border-radius:999px;background:rgba(255,178,31,.06);color:var(--gold);font:600 .76rem/1 var(--fm);letter-spacing:.14em;text-transform:uppercase}
.status .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:ping 1.8s ease-out infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(255,178,31,.6)}100%{box-shadow:0 0 0 10px rgba(255,178,31,0)}}
.lede{margin:0 auto 30px;font-size:clamp(1.12rem,4.4vw,1.45rem);line-height:1.45;text-wrap:balance}
.cta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px}

/* Marquee */
.marquee{overflow:hidden;border-top:1px solid var(--line);padding:14px 0}
.mq-track{display:flex;gap:.35em;width:max-content;font:italic 800 clamp(4rem,19vw,12rem)/1 var(--fd);text-transform:uppercase;letter-spacing:-.01em;will-change:transform}
.mq-track span{color:transparent;-webkit-text-stroke:1.5px #4a505a}
.mq-track span.f{color:var(--red);-webkit-text-stroke:0}

/* Sections */
.sec{position:relative;padding:clamp(72px,12vw,140px) 0;border-top:1px solid var(--line)}
.kicker{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--mute);font:600 .76rem/1 var(--fm);letter-spacing:.18em;text-transform:uppercase}
.kicker b{color:var(--red-ink)}
.kicker::after{content:"";flex:0 1 120px;height:1px;background:var(--line2)}
h2{margin:0 0 26px;font:italic 800 clamp(2.5rem,10.5vw,5.8rem)/.92 var(--fd);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance}
h2 em{font-style:italic;color:transparent;-webkit-text-stroke:1.5px var(--chrome)}
h2 .r{color:var(--red)}
.big{max-width:34ch;margin:0;font-size:clamp(1.15rem,3.8vw,1.6rem);line-height:1.45;text-wrap:pretty}
.sec p{text-wrap:pretty}

/* Sound */
.scope{position:relative;margin-top:52px;padding:20px;border:1px solid var(--line);background:linear-gradient(#111318,#0c0d10);overflow:hidden}
.scope::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/100% 35px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/50px 100%}
.scope svg{position:relative;width:100%;height:140px}
.scope path{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}
#wave{stroke:var(--red);stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(224,23,31,.7))}
#wave2{stroke:var(--chrome);stroke-width:1.5;opacity:.45}
.eq{position:relative;display:flex;align-items:flex-end;gap:3px;height:60px;margin-top:14px}
.eq span{flex:1;height:100%;background:linear-gradient(to top,var(--chrome) 55%,var(--gold) 78%,var(--red));-webkit-mask:repeating-linear-gradient(to top,#000 0 4px,transparent 4px 6px);mask:repeating-linear-gradient(to top,#000 0 4px,transparent 4px 6px);transform-origin:bottom;transform:scaleY(var(--h));animation:eq calc(.42s + var(--i)*.017s) ease-in-out calc(var(--i)*-.13s) infinite alternate}
@keyframes eq{from{transform:scaleY(.1)}to{transform:scaleY(var(--h))}}
.readout{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0}
.readout div{border-top:1px solid var(--line2);padding-top:10px}
.readout dt{color:var(--mute);font:600 .7rem/1 var(--fm);letter-spacing:.16em;text-transform:uppercase}
.readout dd{margin:8px 0 0;font:700 clamp(1.3rem,5vw,2rem)/1 var(--fm);font-variant-numeric:tabular-nums}
.readout div:last-child dd{color:var(--red-ink)}

/* Cards */
.cards{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:52px}
@media (min-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards .card:last-child{grid-column:1/-1}}
@media (min-width:1040px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.cards .card:first-child{grid-column:span 2}.cards .card:last-child{grid-column:auto}}
.card{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);background:var(--panel);transition:border-color .3s}
.card:hover{border-color:var(--line2)}
.card h3{margin:6px 0 0;font:italic 700 1.55rem/1.1 var(--fd);letter-spacing:.02em;text-transform:uppercase}
.card p{margin:0;color:var(--soft)}
.viz{position:relative;display:flex;align-items:center;justify-content:center;height:130px;margin:-24px -24px 8px;padding:16px;border-bottom:1px solid var(--line);background:var(--panel2);overflow:hidden}
.viz-coins{gap:16px;align-items:center}
.viz-coins::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--line2) 30%,var(--line2) 70%,transparent)}
.viz-coins i{position:relative;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe2a0,var(--gold) 45%,#b5720a);box-shadow:inset 0 0 0 3px rgba(0,0,0,.2);animation:coin 2.4s ease-in-out infinite}
.viz-coins i:nth-child(1){width:22px;height:22px}
.viz-coins i:nth-child(2){width:34px;height:34px;animation-delay:.2s}
.viz-coins i:nth-child(3){width:50px;height:50px;animation-delay:.4s}
@keyframes coin{0%,100%{transform:translateY(0) scaleX(1)}50%{transform:translateY(-12px) scaleX(.15)}}
.viz-fuel svg{width:180px;height:auto}
.viz-fuel .arc{fill:none;stroke:var(--line2);stroke-width:7;stroke-linecap:round}
.viz-fuel .low{fill:none;stroke:var(--red);stroke-width:7;stroke-linecap:round}
.viz-fuel text{font:700 12px var(--fm);fill:var(--mute);text-anchor:middle}
.viz-fuel circle{fill:var(--ink)}
.fuel-needle{stroke:var(--gold);stroke-width:3;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 100%;transform:rotate(-72deg);animation:fuel 8s ease-in-out infinite}
@keyframes fuel{0%{transform:rotate(72deg)}80%{transform:rotate(-72deg)}88%{transform:rotate(-72deg)}100%{transform:rotate(72deg)}}
.exit{position:absolute;top:14px;right:14px;padding:5px 8px;border:1px solid var(--gold);color:var(--gold);font:700 .66rem/1 var(--fm);letter-spacing:.16em}
.viz-time{gap:6px;align-items:stretch}
.viz-time span{position:relative;flex:1;overflow:hidden;border:1px solid var(--line);animation:tod 6s infinite;opacity:.4}
.viz-time span::after{content:"";position:absolute;left:0;right:0;top:72%;height:1px;background:rgba(201,206,214,.35)}
.viz-time span::before{content:"";position:absolute;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%}
.t-day{background:linear-gradient(#232a33,#171b21)}
.t-day::before{top:18%;background:var(--chrome)}
.t-sunset{background:linear-gradient(#22121a,#3a1d0e);animation-delay:2s!important}
.t-sunset::before{top:62%;background:var(--gold);box-shadow:0 0 18px var(--gold)}
.t-night{background:radial-gradient(circle at 40% 86%,var(--gold) 0 2px,transparent 3px),radial-gradient(circle at 60% 86%,var(--gold) 0 2px,transparent 3px),radial-gradient(60% 30% at 50% 100%,rgba(255,178,31,.3),transparent),#08090b;animation-delay:4s!important}
.viz-time .t-night::before{top:14%;width:4px;height:4px;margin-left:-2px;box-shadow:-24px 0 0 var(--gold),24px 0 0 var(--gold),0 0 10px var(--gold);background:var(--gold)}
@keyframes tod{0%,8%{opacity:.4}14%,30%{opacity:1}36%,100%{opacity:.4}}
.viz-cam{flex-direction:column;gap:14px}
.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;width:210px;border:1px solid var(--line2);font:700 .7rem/1 var(--fm);letter-spacing:.14em;text-transform:uppercase}
.seg b{position:relative;z-index:1;padding:10px 0;text-align:center}
.seg::before{content:"";position:absolute;top:0;bottom:0;left:0;width:50%;background:var(--red);animation:cam 5s ease-in-out infinite}
@keyframes cam{0%,42%{transform:translateX(0)}50%,92%{transform:translateX(100%)}100%{transform:translateX(0)}}
.cluster{display:flex;gap:8px}
.cluster i{padding:7px 9px;border:1px solid var(--line2);color:var(--soft);font:600 .68rem/1 var(--fm);font-style:normal;letter-spacing:.12em;text-transform:uppercase}
.viz-traffic{flex-direction:column;align-items:stretch;gap:14px}
.lanes{position:relative;height:62px;background:repeating-linear-gradient(90deg,var(--line2) 0 14px,transparent 14px 30px) 0 20px/100% 1px no-repeat,repeating-linear-gradient(90deg,var(--line2) 0 14px,transparent 14px 30px) 0 41px/100% 1px no-repeat;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);animation:road 1s linear infinite}
@keyframes road{to{background-position:-30px 20px,-30px 41px}}
.lanes i{position:absolute;width:20px;height:9px;border-radius:2px;background:var(--chrome)}
.lanes i.g2{animation:g2 7s infinite}
.lanes i.g3{animation:g3 7s infinite}
@keyframes g2{0%,22%{opacity:0}30%,80%{opacity:1}88%,100%{opacity:0}}
@keyframes g3{0%,38%{opacity:0}45%,66%{opacity:1}74%,100%{opacity:0}}
.slider{position:relative;height:4px;background:var(--line2)}
.slider span{position:absolute;top:-6px;left:0;width:16px;height:16px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(224,23,31,.25);animation:thumb 7s ease-in-out infinite}
@keyframes thumb{0%,10%{left:0}48%,62%{left:calc(100% - 16px)}95%,100%{left:0}}
.ends{display:flex;justify-content:space-between;color:var(--mute);font:600 .68rem/1 var(--fm);letter-spacing:.14em;text-transform:uppercase}

/* Playgrounds */
.pg{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:52px 0 0;padding:0;list-style:none}
@media (min-width:760px){.pg{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pg-item{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--line);background:var(--panel)}
.pg-head{display:flex;align-items:baseline;gap:14px}
.pg-no{font:italic 800 3rem/1 var(--fd);color:transparent;-webkit-text-stroke:1.5px var(--red-ink)}
.pg-item h3{margin:0;font:italic 800 clamp(1.7rem,6vw,2.2rem)/1 var(--fd);text-transform:uppercase}
.pg-item p{margin:0;color:var(--soft)}
.pg-map{width:100%;height:auto;border:1px solid var(--line);background:var(--panel2)}
.m-path{fill:none;stroke:var(--chrome);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0;transition:stroke-dashoffset 1.8s cubic-bezier(.6,0,.2,1) .2s}
.js .pg-item:not(.in) .m-path{stroke-dashoffset:1}
.m-lane{fill:none;stroke:var(--line2);stroke-width:1.5;stroke-dasharray:8 8}
.m-start{fill:none;stroke:var(--red);stroke-width:3}
.m-gold{fill:none;stroke:var(--gold);stroke-width:2}
.m-gate{fill:var(--gold)}
.m-rock{fill:#4a505a}
.m-skid{fill:none;stroke:var(--gold);stroke-width:1.5;stroke-dasharray:2 6;opacity:.6}
.m-txt{font:700 10px var(--fm);fill:var(--mute);letter-spacing:.08em}
.m-dot{fill:var(--red);filter:drop-shadow(0 0 4px var(--red))}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.tags li{white-space:nowrap;padding:7px 10px;border:1px solid var(--line2);color:var(--ink);font:600 .74rem/1 var(--fm);letter-spacing:.08em}

/* Garage */
.split{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
@media (min-width:900px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}
.tune{padding:24px;border:1px solid var(--line);background:var(--panel)}
.tune-list{display:grid;gap:20px;margin:0;padding:0;list-style:none}
.tune-list li{display:grid;gap:9px}
.tune-list span{color:var(--soft);font:600 .76rem/1 var(--fm);letter-spacing:.14em;text-transform:uppercase}
.tune-list i{display:block;height:14px;background:linear-gradient(90deg,var(--chrome) 60%,var(--gold) 82%,var(--red)) 0 0/calc(var(--v)*100%) 100% no-repeat,#1d2026;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 3px),transparent calc(10% - 3px) 10%);mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 3px),transparent calc(10% - 3px) 10%);transition:background-size 1.4s cubic-bezier(.3,0,.2,1) .2s}
.js .tune:not(.in) .tune-list i{background-size:0 100%,auto}
.paint{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.paint .lbl{margin-right:4px;color:var(--soft);font:600 .76rem/1 var(--fm);letter-spacing:.14em;text-transform:uppercase}
.sw{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.55),transparent 46%),var(--c);box-shadow:0 0 0 1px rgba(255,255,255,.14);outline:2px solid transparent;outline-offset:3px;animation:sw 7.5s infinite}
.sw:nth-of-type(2){animation-delay:1.5s}.sw:nth-of-type(3){animation-delay:3s}.sw:nth-of-type(4){animation-delay:4.5s}.sw:nth-of-type(5){animation-delay:6s}
@keyframes sw{0%,18%{outline-color:var(--ink)}20%,100%{outline-color:transparent}}
.duo{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}
@media (min-width:760px){.duo{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}
.duo .card{gap:12px}
.mission{display:flex;align-items:center;gap:14px}
.mission i{width:40px;height:40px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe2a0,var(--gold) 45%,#b5720a);box-shadow:inset 0 0 0 3px rgba(0,0,0,.2)}
.records{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:4px 0 0;padding:0;list-style:none}
.records li{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--line2);background:var(--panel2)}
.records li small{color:var(--red-ink);font:700 .68rem/1 var(--fm);letter-spacing:.16em}
.records li b{font:italic 700 1.15rem/1.1 var(--fd);text-transform:uppercase;letter-spacing:.02em}

/* Local data */
.local h2 .r{display:inline}
.local .chip{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:10px 14px;border:1px solid var(--line2);color:var(--soft);font:600 .74rem/1 var(--fm);letter-spacing:.14em;text-transform:uppercase}
.local .chip::before{content:"";width:8px;height:8px;background:var(--chrome);transform:rotate(45deg)}
.arrow{display:inline-flex;align-items:center;gap:10px;margin-top:28px;font:italic 700 1.1rem/1 var(--fd);letter-spacing:.08em;text-transform:uppercase}
.stack{display:flex;flex-wrap:wrap;align-items:center;gap:0 28px}

/* Support */
.support{background:linear-gradient(180deg,#101216,var(--bg))}
.sup-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:40px}
@media (min-width:880px){.sup-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.contact,.del{padding:28px 24px;border:1px solid var(--line);background:var(--panel)}
.contact{border-top:3px solid var(--red)}
.label{display:block;margin:0 0 14px;color:var(--gold);font:700 .74rem/1 var(--fm);letter-spacing:.16em;text-transform:uppercase}
.contact p,.del p{margin:0;color:var(--soft)}
.mail{display:inline-block;margin:14px 0 18px;font:italic 800 clamp(1.3rem,5.6vw,2.4rem)/1.15 var(--fd);overflow-wrap:anywhere;text-transform:none}
.del h3{margin:0 0 12px;font:italic 700 1.55rem/1.1 var(--fd);text-transform:uppercase}

/* German */
.de-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 40px}
@media (min-width:880px){.de-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.de h2{font-size:clamp(2rem,7vw,3.6rem)}
.de p{margin:0 0 14px;color:var(--soft);max-width:60ch}
.links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:8px}
.links a{display:inline-flex;align-items:center;min-height:44px;font:italic 700 1.05rem/1 var(--fd);letter-spacing:.08em;text-transform:uppercase}

/* Footer */
footer{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--mute);font-size:.88rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px}
footer a{display:inline-block;padding:6px 0}

/* Reveal */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.js h2.rv{transform:translateX(-70px) skewX(-14deg)}
.js .rv.in{opacity:1;transform:none}

/* Legal documents */
.doc{max-width:46rem;margin:0 auto;padding:56px 20px 100px}
.doc::before{content:"";display:block;width:132px;height:8px;margin:0 0 30px 4px;background:repeating-linear-gradient(90deg,var(--chrome) 0 8px,transparent 8px 13px) 0 0/90px 100% no-repeat,repeating-linear-gradient(90deg,var(--red) 0 8px,transparent 8px 13px) 91px 0/41px 100% no-repeat;transform:skewX(-24deg)}
.doc h1{margin:0 0 14px;font:italic 800 clamp(2.4rem,9vw,4.2rem)/.95 var(--fd);letter-spacing:-.01em;text-transform:uppercase;overflow-wrap:break-word;hyphens:auto}
.doc h2{margin:44px 0 12px;padding-top:20px;border-top:1px solid var(--line);font:italic 700 1.35rem/1.2 var(--fd);letter-spacing:.03em;text-transform:uppercase;text-wrap:balance}
.doc p{margin:0 0 14px;color:#d5d9df;line-height:1.7;overflow-wrap:break-word}
.doc .meta{color:var(--mute);font:500 .84rem/1.55 var(--fm);letter-spacing:.02em}
.doc .lang-switch a{display:inline-flex;align-items:center;min-height:44px}
.doc .box{margin:28px 0;padding:20px 22px;border:1px solid var(--line2);background:var(--panel);color:#d5d9df;line-height:1.7}
.doc .box strong{color:var(--gold)}
.doc hr{height:3px;margin:72px 0;border:0;background:linear-gradient(90deg,var(--red) 0 14%,transparent 14% 16%,var(--chrome) 16% 22%,transparent 22% 24%,var(--line2) 24%);transform:skewX(-24deg)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .speedlines{display:none}
  .js .rv,.js h2.rv{opacity:1;transform:none}
  .js .pg-item:not(.in) .m-path{stroke-dashoffset:0}
  .js .tune:not(.in) .tune-list i{background-size:calc(var(--v)*100%) 100%,auto}
  .viz-time span{opacity:1}
  .lanes i.g2,.lanes i.g3{opacity:1}
  .seg::before{transform:none}
}