@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,900&family=Inter:wght@500;700;900&display=swap');
:root{--g:#78ff00;--black:#050705;--panel:#0c100c;--white:#f4f5f1;--muted:#a9aea8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden;background-image:radial-gradient(#182018 1px,transparent 1px);background-size:22px 22px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topbar{height:82px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:35px;padding:0 5vw;background:rgba(4,6,4,.94);backdrop-filter:blur(12px);border-bottom:2px solid #202620}.brand{display:flex;flex-direction:column;line-height:.78;transform:skew(-8deg);white-space:nowrap}.brand b{font:italic 900 31px/1 'Barlow Condensed';color:var(--g);text-shadow:2px 2px #194b00}.brand span{font:900 13px/1.4 Inter;letter-spacing:3px}.topbar nav{display:flex;gap:27px;margin-left:auto}.topbar nav a{font:800 13px Inter;letter-spacing:1px}.topbar nav a:hover{color:var(--g)}.call{background:var(--g);color:#071000;padding:14px 18px;transform:skew(-6deg);font:900 14px Inter}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1500px;margin:auto;padding:65px 5vw;overflow:hidden}.eyebrow{font:900 14px Inter;letter-spacing:4px;color:var(--g);margin:0 0 18px}.hero h1,.section h2,.content h2,.contact h2{font:italic 900 clamp(55px,7vw,108px)/.82 'Barlow Condensed';letter-spacing:-2px;margin:0 0 28px;text-transform:uppercase}.hero h1 em,.section h2 span,.content h2 span,.contact h2 span{font-style:italic;color:var(--g)}.lead{font-size:19px;line-height:1.6;color:#c7ccc6;max-width:620px}.actions{display:flex;gap:13px;margin:35px 0}.btn{display:inline-block;background:var(--g);color:#071000;padding:17px 24px;font:900 14px Inter;letter-spacing:.5px;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)}.btn.ghost{background:transparent;color:white;border:2px solid #536052;clip-path:none;transform:skew(-5deg)}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips span{border:1px solid #303a30;background:#0a0d0a;padding:9px 11px;font-size:11px;font-weight:900;color:#cfd4ce}.hero-art{position:relative;transform:rotate(2deg);filter:drop-shadow(0 20px 45px #000)}.hero-art img{border:4px solid #252c25;clip-path:polygon(8% 0,100% 0,94% 100%,0 96%)}.hero-art:after{content:"";position:absolute;inset:-15px -20px;z-index:-1;background:var(--g);clip-path:polygon(0 12%,100% 0,95% 91%,4% 100%)}.ticker{overflow:hidden;background:var(--g);color:#071000;transform:rotate(-1deg) scale(1.02);padding:13px 0;font:900 16px Inter;white-space:nowrap}.ticker div{width:max-content;animation:ticker 24s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.section{max-width:1400px;margin:auto;padding:110px 5vw}.section h2,.content h2,.contact h2{font-size:clamp(55px,6vw,92px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article{position:relative;min-height:300px;padding:35px;background:linear-gradient(145deg,#101510,#080a08);border:1px solid #252d25;overflow:hidden}.cards article:before{content:"";position:absolute;width:100px;height:8px;background:var(--g);right:-25px;top:20px;transform:rotate(-35deg)}.cards b{font:900 13px Inter;color:var(--g)}.cards h3{font:italic 900 48px 'Barlow Condensed';margin:45px 0 12px}.cards p{color:var(--muted);line-height:1.65}.cards a{display:inline-block;margin-top:20px;font-size:13px;font-weight:900;color:var(--g)}.split{display:grid;grid-template-columns:1fr 1fr;background:#e8ebe5;color:#090b09}.split .photo{min-height:700px;overflow:hidden}.split .photo img{width:100%;height:100%;object-fit:cover}.split .content{padding:90px 8%;align-self:center}.split .eyebrow{color:#399500}.split .content h2 span{color:#55bd00}.split .content>p{line-height:1.7;color:#444}.price{border-top:2px solid #161916;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.price small{font-weight:900}.price strong{font:italic 900 33px 'Barlow Condensed';color:#3e9f00}.fine{font-size:11px!important}.dark{max-width:none;background:linear-gradient(135deg,#070907,#111711);padding-left:max(5vw,calc((100vw - 1400px)/2 + 5vw));padding-right:max(5vw,calc((100vw - 1400px)/2 + 5vw))}.fab-grid{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:center}.fab-grid h3{font:italic 900 38px 'Barlow Condensed'}.fab-grid p{color:#adb3ac;line-height:1.7;max-width:650px}.spark{height:300px;border:2px solid #334033;display:grid;place-content:center;text-align:center;background:repeating-linear-gradient(135deg,#0c100c,#0c100c 12px,#101610 12px,#101610 24px);transform:skew(-5deg)}.spark span{font-size:60px}.spark b{font:italic 900 55px/.8 'Barlow Condensed';color:var(--g)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery div{aspect-ratio:4/3;border:2px dashed #394339;background:#0c100c;display:grid;place-items:center;text-align:center;font:italic 900 35px 'Barlow Condensed';color:#505a50}.gallery-note{color:#818981;font-size:12px}.contact{padding:90px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:var(--g);color:#071000}.contact .eyebrow,.contact h2 span{color:#071000}.contact-box{background:#080a08;color:white;padding:15px 35px;transform:skew(-3deg)}.contact-box a,.contact-box>div{display:flex;flex-direction:column;padding:19px 0;border-bottom:1px solid #313731}.contact-box>*:last-child{border:0}.contact-box small{color:var(--g);font-weight:900;letter-spacing:2px}.contact-box strong{font:900 25px 'Barlow Condensed'}footer{min-height:170px;padding:45px 5vw;display:flex;align-items:center;gap:40px;border-top:1px solid #242a24;color:#727a72}footer p:last-child{margin-left:auto}.intro{position:fixed;inset:0;background:#020302;z-index:9999;overflow:hidden;display:grid;place-items:center;transition:opacity .8s,visibility .8s}.intro.done{opacity:0;visibility:hidden;pointer-events:none}.intro-brand{position:absolute;text-align:center;z-index:4;opacity:0;animation:brandReveal .9s 2.6s forwards}.intro-brand span{display:block;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-style:italic;font-weight:900;font-size:clamp(62px,12vw,165px);line-height:.86;letter-spacing:-2px;color:#80ff00;-webkit-text-stroke:2px #050705;paint-order:stroke fill;transform:skewX(-7deg);text-shadow:3px 3px 0 #fff,7px 7px 0 #174d00,10px 10px 18px #000;filter:drop-shadow(0 0 8px rgba(115,255,0,.22))}.intro-brand small{display:inline-block;margin-top:18px;padding:7px 22px 8px;background:linear-gradient(#f7f7f7,#bdbdbd);border:4px solid #111;outline:2px solid #e8e8e8;color:#0a0a0a;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-style:italic;font-weight:900;font-size:clamp(16px,3vw,38px);line-height:1;letter-spacing:2px;transform:skewX(-10deg);box-shadow:6px 6px 0 #67e600;text-shadow:1px 1px #fff}.skip{position:absolute;right:25px;top:25px;z-index:10;border:1px solid #576057;background:#090b09;color:#bbb;padding:10px 13px;font-weight:800;cursor:pointer}.wheel{position:absolute;z-index:6;left:-260px;width:190px;height:190px;border-radius:50%;border:33px solid #111;background:#050505;box-shadow:inset 0 0 0 5px #333,0 15px 20px #000;animation:drive 1.35s .35s cubic-bezier(.2,.7,.5,1) forwards}.rim{width:100%;height:100%;border-radius:50%;background:repeating-conic-gradient(#aaa 0 8deg,#202420 8deg 18deg);border:12px solid #2e342e;animation:spin .25s linear infinite}.rim:after{content:"";position:absolute;inset:39%;border-radius:50%;background:var(--g)}.roadline{position:absolute;left:0;right:0;top:61%;height:5px;background:#1c211c;transform:skewY(-2deg)}.smoke{position:absolute;inset:0;z-index:5;pointer-events:none}.smoke:before,.smoke:after{content:"";position:absolute;width:120vw;height:90vh;left:-10vw;top:30vh;opacity:0;background:radial-gradient(circle at 15% 55%,#eee 0 4%,#a8aaa8 8%,transparent 19%),radial-gradient(circle at 35% 50%,#ddd 0 7%,#777 16%,transparent 28%),radial-gradient(circle at 60% 55%,#eee 0 7%,#777 17%,transparent 31%),radial-gradient(circle at 85% 50%,#ddd 0 8%,#777 18%,transparent 30%);filter:blur(20px);animation:smoke 2.2s 1.05s ease-out forwards}.smoke:after{top:5vh;transform:scaleY(-1);animation-delay:1.35s}.intro:after{content:"";position:absolute;left:0;right:0;top:63%;height:16px;background:linear-gradient(90deg,transparent,#111 8%,#050505 40%,#111 90%,transparent);opacity:0;animation:skid 1s .7s forwards}@keyframes drive{0%{left:-260px;transform:rotate(0) translateY(0)}65%{transform:rotate(850deg) translateY(-8px)}100%{left:110vw;transform:rotate(1500deg) translateY(4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes smoke{0%{opacity:0;transform:scale(.7) translateX(-20%)}35%{opacity:.95}100%{opacity:0;transform:scale(1.45) translateX(10%)}}@keyframes skid{to{opacity:.9}}@keyframes brandReveal{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.topbar nav,.topbar .small{display:none}.menu{display:block;margin-left:auto}.topbar.open nav{position:absolute;top:82px;left:0;right:0;display:flex;flex-direction:column;background:#070907;padding:25px 5vw}.hero,.split,.contact,.fab-grid{grid-template-columns:1fr}.hero{padding-top:50px}.hero-art{margin-top:30px}.cards,.gallery{grid-template-columns:1fr}.split .photo{min-height:420px}.contact{gap:10px}.contact-box{transform:none}footer{flex-direction:column;align-items:flex-start}footer p:last-child{margin-left:0}.wheel{width:130px;height:130px;border-width:24px}.intro-brand small{letter-spacing:4px}}
/* Sound-enabled intro: animation waits for START ENGINE so browser audio can play in sync. */
.intro:not(.started) .wheel,.intro:not(.started) .rim,.intro:not(.started) .smoke:before,.intro:not(.started) .smoke:after,.intro:not(.started) .intro-brand,.intro:not(.started):after{animation-play-state:paused!important}
.sound-start{position:absolute;z-index:20;display:flex;flex-direction:column;align-items:center;gap:5px;background:#78ff00;color:#071000;border:0;padding:18px 30px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);cursor:pointer;box-shadow:0 0 35px rgba(120,255,0,.22);transition:opacity .25s,transform .25s}
.sound-start b{font:italic 900 25px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}.sound-start span{font:800 9px Inter,Arial,sans-serif;letter-spacing:1.5px}.sound-start:hover{transform:scale(1.05)}.sound-start.hidden{opacity:0;pointer-events:none;transform:scale(.9)}

/* V5: cleaner intro wordmark for readability while retaining the poster's motorsport feel. */
.intro-brand{width:min(94vw,1200px);padding:0 18px}
.intro-brand span{white-space:nowrap}
@media(max-width:700px){
  .intro-brand span{font-size:clamp(48px,14vw,92px);letter-spacing:-1px;line-height:.92;white-space:normal}
  .intro-brand small{margin-top:14px;font-size:clamp(15px,5vw,27px);letter-spacing:1px}
}
