*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a0a0a;color:#f4f4f0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:20;width:100%;border-bottom:1px solid #ffffff22;transition:.3s}header.scrolled{background:#090909e8;backdrop-filter:blur(12px)}.logo{font-family:Oswald;font-weight:700;font-size:20px;letter-spacing:-.5px}.logo span,em{color:#e6372f;font-style:normal}nav{display:flex;gap:32px;font-size:11px;font-weight:700;letter-spacing:1.5px}.book{font-size:11px;font-weight:700;border:1px solid #ffffff66;padding:13px 18px}.hero{height:100vh;min-height:700px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-img{position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity .25s,transform .8s}.hero:hover .hero-img{transform:scale(1.015)}.shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#050505e8 0%,#08080888 42%,#0001 72%),linear-gradient(0deg,#080808bb 0%,transparent 35%)}.hero-copy{position:relative;z-index:2;margin-left:7vw;margin-top:50px;width:610px}.eyebrow,small{font-size:10px;font-weight:700;letter-spacing:2.5px}.eyebrow:before{content:"";display:inline-block;width:32px;height:2px;background:#e6372f;margin:0 12px 3px 0}.hero h1{font:700 clamp(74px,10vw,145px)/.79 Oswald;margin:30px 0;letter-spacing:-5px}.hero h1 i{font-style:normal;color:transparent;-webkit-text-stroke:1px #eee}.hero-copy p{width:420px;color:#c9c9c9;line-height:1.7;font-size:14px}.actions{display:flex;gap:10px;margin-top:32px}.primary,.secondary,.booking button{padding:16px 21px;font-size:11px;font-weight:800;letter-spacing:.8px;border:0}.primary,.booking button{background:#e6372f;color:white}.secondary{border:1px solid #ffffff55;background:#1118}.actions b{margin-left:25px}.thumbs{position:absolute;z-index:3;right:4vw;bottom:7vh;display:flex;gap:10px}.thumb{padding:0;border:1px solid transparent;width:100px;height:62px;background:#111;cursor:pointer;overflow:hidden;opacity:.6;transition:.25s}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.active{opacity:1;border-color:#fff}.scroll{position:absolute;z-index:2;bottom:3vh;left:7vw;font-size:8px;letter-spacing:2px}.ticker{height:56px;background:#e6372f;display:flex;align-items:center;justify-content:space-around;font:600 13px Oswald;letter-spacing:2px}.section{padding:110px 7vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section h2,.workshop h2,.booking h2{font:600 clamp(50px,6vw,84px)/.92 Oswald;margin:18px 0;letter-spacing:-2px}.section-head>a{font-size:10px;border-bottom:1px solid #777;padding-bottom:8px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{position:relative}.card-img{height:420px;background-size:cover;background-position:center;filter:grayscale(25%);transition:.4s}.cards article:hover .card-img{filter:grayscale(0);transform:translateY(-4px)}.engine{background-image:url('assets/hero-bmw-stage2.jpg')}.wheels{background-image:url('assets/build-mkmotorsports.jpg')}.body{background-image:url('assets/banner-exterior.jpg')}.cards span{display:block;color:#777;font-size:9px;margin-top:17px}.cards h3{font:600 23px Oswald;margin:8px 0}.cards p{font-size:11px;color:#888}.cards b{font-size:9px}.workshop{min-height:750px;display:grid;grid-template-columns:44% 56%;background:#111}.workshop>div:first-child{padding:100px 7vw}.workshop p{font-size:13px;color:#999;line-height:1.8;max-width:390px;margin-bottom:40px}.work-img{background:url('assets/dyno-workshop.jpg') center/cover}.build-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:15px}.build{height:530px;background-size:cover;background-position:center;position:relative}.b1{background-image:url('assets/workshop-munich.jpg')}.b2{background-image:url('assets/banner-exterior.jpg')}.build label{position:absolute;bottom:20px;left:20px;background:#080808dd;padding:10px 14px;font:600 10px Oswald;letter-spacing:1px}.booking{text-align:center;padding:140px 20px;background:#e8e7e2;color:#101010}.booking h2{font-size:90px}.booking p{color:#666;margin-bottom:30px}.booking button{cursor:pointer}footer{padding:60px 7vw;display:flex;justify-content:space-between;color:#777;font-size:10px;line-height:1.7;border-top:1px solid #222}
@media(max-width:800px){header nav{display:none}.book{display:none}.hero-copy{margin-left:6vw;width:88%}.hero h1{font-size:76px;letter-spacing:-3px}.hero-copy p{width:90%}.thumbs{left:6vw;right:auto}.thumb{width:75px;height:48px}.cards{grid-template-columns:1fr}.card-img{height:360px}.workshop{grid-template-columns:1fr}.work-img{height:500px}.build-grid{grid-template-columns:1fr}.booking h2{font-size:60px}footer{gap:25px;flex-direction:column}}