/* Auto repair: industrial garage. Condensed type, square corners, mechanical motion. */
h1,h2,h3,.brand b,.stats b{font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;text-transform:uppercase;letter-spacing:.01em;font-weight:700}
.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;max-width:13ch}
.pill{border-radius:2px!important;letter-spacing:.06em;text-transform:uppercase;font-size:14px}
.card,.rcard,.rgrid article,.inset,.glass{border-radius:3px!important}
html.am-loading .hero,html.am-loading .hero *{animation-play-state:paused!important}
/* loader: gauge, then the garage door rolls up */
.am-load{position:fixed;inset:0;z-index:10000;display:grid;place-content:center;justify-items:center;gap:20px;color:#F2F1EE;pointer-events:none;animation:amFade .3s ease 1.35s forwards}
.am-door{position:fixed;inset:0;z-index:9999;display:grid;grid-template-rows:repeat(9,1fr);pointer-events:none}
.am-door i{background:#141416;border-bottom:2px solid #232327;transform-origin:top;animation:amRoll .5s cubic-bezier(.7,0,.3,1) forwards;animation-delay:calc(1.45s + (8 - var(--i))*45ms)}
.am-gauge{width:150px;height:84px}
.am-gauge .arc{fill:none;stroke:#2c2c30;stroke-width:8;stroke-linecap:round}
.am-gauge .fill{fill:none;stroke:#F6E01E;stroke-width:8;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;animation:amDash 1.1s cubic-bezier(.4,0,.2,1) .1s forwards}
.am-gauge .needle{transform-origin:75px 78px;transform:rotate(-90deg);animation:amNeedle 1.1s cubic-bezier(.4,0,.2,1.3) .1s forwards}
.am-name{font:500 15px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.24em;text-transform:uppercase;display:flex}
.am-name i{font-style:normal;opacity:0;animation:amType 0s linear forwards;animation-delay:calc(.35s + var(--i)*45ms)}
.am-name::after{content:"";width:9px;height:16px;background:#F6E01E;margin-left:4px;animation:amBlink .5s steps(1) infinite}
/* split-flap headline */
.am-word{display:inline-block;white-space:nowrap;perspective:600px}
.am-c{display:inline-block;transform-origin:50% 0;transform:rotateX(-95deg);opacity:0}
.am-go .am-c{animation:amFlap .55s cubic-bezier(.3,1.4,.5,1) forwards;animation-delay:calc(var(--i)*28ms)}
/* section headings: yellow plate sweeps across */
.am-h{position:relative;color:transparent!important;transition:color 0s .35s}
.am-h::after{content:"";position:absolute;left:-6px;right:-6px;top:4%;bottom:4%;background:#F6E01E;transform:scaleX(0);transform-origin:left}
.am-h.am-in{color:inherit!important}
.am-h.am-in::after{animation:amPlate .75s cubic-bezier(.7,0,.3,1) forwards}
/* 3D tilt cards */
.am-tilt{transition:transform .25s ease;transform-style:preserve-3d;will-change:transform}
/* odometer stats */
.am-odo{display:inline-flex;overflow:hidden;height:1.05em;line-height:1.05}
.am-odo .col{display:flex;flex-direction:column;transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.am-odo .col span{height:1.05em}
/* caution tape band */
.am-tape{position:relative;z-index:2;margin-block:-14px;transform:skewY(-1.4deg);background:repeating-linear-gradient(-45deg,#F6E01E 0 26px,#111 26px 52px);padding:8px 0;clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.7,0,.3,1)}
.am-tape.am-in{clip-path:inset(0 0 0 0)}
.am-tape p{margin:0 auto;width:max-content;max-width:92%;background:#F6E01E;color:#111;font:700 clamp(13px,1.6vw,17px)/1.3 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:6px 18px;text-align:center}
/* diagnostic scanner over hero */
.am-scan{position:absolute;left:0;right:0;top:0;height:2px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,#F6E01E 30%,#FFF6A3 50%,#F6E01E 70%,transparent);box-shadow:0 0 18px 4px rgba(246,224,30,.35);opacity:.55;animation:amScan 6s cubic-bezier(.45,0,.55,1) 2s infinite}
/* tach scroll bar */
.am-tach{position:fixed;left:0;right:0;top:0;height:3px;z-index:120;background:linear-gradient(90deg,#F6E01E,#FF9F1C 70%,#E63946);transform:scaleX(0);transform-origin:left;pointer-events:none}
@keyframes amFade{to{opacity:0;visibility:hidden}}
@keyframes amRoll{to{transform:scaleY(0)}}
@keyframes amDash{to{stroke-dashoffset:0}}
@keyframes amNeedle{to{transform:rotate(90deg)}}
@keyframes amType{to{opacity:1}}
@keyframes amBlink{50%{opacity:0}}
@keyframes amFlap{to{transform:none;opacity:1}}
@keyframes amPlate{0%{transform:scaleX(0);transform-origin:left}49%{transform:scaleX(1);transform-origin:left}50%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}
@keyframes amScan{0%{top:6%}50%{top:88%}100%{top:6%}}
@media (prefers-reduced-motion:reduce){.am-load,.am-door,.am-scan,.am-tach{display:none}.am-c{transform:none;opacity:1;animation:none!important}.am-h{color:inherit!important}.am-h::after{display:none}.am-tape{clip-path:none}}
.mbar a{border-radius:2px!important;text-transform:uppercase;letter-spacing:.08em;font-family:"Barlow Condensed",sans-serif!important}
.stats b span{font-size:inherit!important;color:inherit!important}
