@font-face{font-family:Anton;src:url(assets/anton.ttf) format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Barlow;src:url(assets/barlow-0.ttf) format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:'Barlow Condensed';src:url(assets/barlow-condensed-1.ttf) format('truetype');font-display:swap;font-weight:700}
:root{--red:#e30613;--ink:#202426;--muted:#50575b;--paper:#f7f8f5;--line:#dce0dc;--cycle:18s}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scrollbar-color:#8a9694 var(--paper)}body{margin:0;font-family:Barlow,Arial,sans-serif;min-height:100svh;display:flex;flex-direction:column}::selection{background:var(--red);color:#fff}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:6px}button{font:inherit}.header{display:flex;align-items:center;justify-content:space-between;margin:0 5%;padding:28px 0 24px;border-bottom:1px solid var(--line)}.brand{display:block;width:228px;line-height:0}.brand img{display:block;width:100%;height:auto}.header-contact{display:flex;align-items:center;gap:11px;font-size:18px;text-decoration:none}.header-contact svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}.header-contact:hover{color:var(--red)}main{flex:1;display:flex;flex-direction:column;justify-content:center}.intro{text-align:center;padding:49px 24px 0;position:relative;z-index:1}h1{font-family:Anton,'Arial Narrow',sans-serif;font-size:72px;font-weight:400;line-height:1.12;letter-spacing:-.02em;margin:0;text-wrap:balance}h1 span{color:var(--red)}.intro p{font-size:18px;line-height:1.6;margin:23px 0}.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--red);color:#fff;padding:14px 23px;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;transition:background .2s}.contact-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}.contact-button:hover{background:#b9000b}.contact-button:hover svg{transform:translateX(4px)}.workshop{width:min(1160px,96%);margin:7px auto 27px}.scene{overflow:hidden}.assembly{display:block;width:100%;height:auto}.footer{margin:0 5%;border-top:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:14px;color:var(--muted)}.company{color:var(--ink);font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700}.footer-links{display:flex;align-items:center;gap:18px}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--red);text-decoration:underline}.separator{color:#8a9491}.footer-note{white-space:nowrap}
.wheel-spin{transform-box:view-box;transform-origin:0 0}.truck,.cab,.chassis,.wheels,.hoist,.ground-shadow{will-change:transform}.page-hidden .assembly{visibility:visible}
@media(min-width:1500px){.intro{padding-top:64px}.workshop{width:min(1260px,92%);margin-top:20px}}
@media(max-width:900px){.header{padding-top:24px}.intro{padding-top:40px}h1{font-size:56px}.workshop{margin-top:20px;width:100%}.footer{flex-wrap:wrap;justify-content:center}.company{margin-right:auto}.footer-note{margin-left:auto}.footer-links{order:3;width:100%;justify-content:center}}
@media(max-width:600px){.header{margin:0 24px;padding:23px 0 20px}.brand{width:178px}.header-contact{font-size:0;gap:0;padding:12px}.header-contact svg{height:21px;width:21px}.intro{padding:39px 20px 0}h1{font-size:44px}.intro p{font-size:17px;line-height:1.6;margin:21px 0}.contact-button{padding:13px 21px;font-size:18px}.workshop{width:100%;margin:27px auto 28px}.scene{width:100%;height:240px;position:relative}.assembly{position:absolute;width:700px;max-width:none;left:50%;transform:translateX(-50%);bottom:0}.footer{margin:0 24px;padding:21px 0;gap:14px}.company{font-size:16px}.footer-note{font-size:12px}.footer-links{flex-direction:column;gap:10px;font-size:14px}.separator{display:none}}
@media(max-width:360px){h1{font-size:39px}.brand{width:160px}.header{margin:0 20px}}
@media(prefers-reduced-motion:reduce){.assembly *{animation:none!important}a,.contact-button svg{transition:none}}
@media(min-width:901px) and (max-height:850px){.header{padding:21px 0 18px}.brand{width:205px}main{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:480px}.intro{text-align:left;padding:30px 0 40px 11.6%}h1{font-size:56px}.intro p{margin:23px 0}.workshop{width:100%;margin:0;padding:0 20px 0 0}.scene{overflow:visible}.footer{padding:21px 0}}