.about-section{padding:120px 0}.about-eyebrow{margin:0 0 18px;color:var(--cobalt);font:800 11px var(--font-display);letter-spacing:.17em;text-transform:uppercase}.about-eyebrow span{display:inline-block;width:25px;height:1px;margin-right:9px;vertical-align:middle;background:currentColor}.about-eyebrow-light{color:#7aa9ff}.identity-copy h2,.approach-heading h2,.team-copy h2,.care-about-copy h2,.values-heading h2{margin:0;color:var(--ink);font:800 clamp(38px,4.7vw,68px)/1 var(--font-display);letter-spacing:-.045em}.identity-copy h2 em,.approach-heading h2 em,.team-copy h2 em,.care-about-copy h2 em,.values-heading h2 em,.about-cta h2 em{color:var(--cobalt);font-style:normal}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
.about-hero{position:relative;min-height:740px;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:#fff}.about-hero-media,.about-hero-shade{position:absolute;inset:0}.about-hero-media{background:url("../images/about/about-hero-placeholder.f27c28bc9c7c.jpg") center 52%/cover no-repeat;transform:scale(1.01)}.about-hero-shade{background:linear-gradient(90deg,rgba(4,16,34,.98),rgba(4,17,35,.78) 49%,rgba(4,17,35,.18)),linear-gradient(0deg,rgba(4,16,34,.8),transparent 45%)}.about-hero-inner{position:relative;z-index:1;padding-top:var(--header)}.about-hero h1{max-width:980px;margin:20px 0 25px;font:800 clamp(48px,6.2vw,88px)/.98 var(--font-display);letter-spacing:-.05em}.about-hero h1 em{color:#7aa9ff;font-style:normal}.about-hero-inner>p:not(.about-eyebrow){max-width:590px;margin:0 0 30px;color:#c4d1e1;font-size:17px;line-height:1.65}.about-image-note,.identity-image>span,.team-image>span,.care-about-image>span{position:absolute;z-index:2;right:max(24px,calc((100vw - var(--container))/2));bottom:22px;padding:7px 10px;background:rgba(7,24,47,.8);color:#dce8fc;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.identity-section{background:#f5f8fc}.identity-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(55px,8vw,120px);align-items:center}.identity-copy>p:not(.about-eyebrow){max-width:490px;margin:28px 0 0;color:var(--muted);font-size:16px;line-height:1.8}.identity-signature{display:flex;align-items:center;gap:18px;margin-top:40px;padding-top:22px;border-top:1px solid #cbd7e5}.identity-signature>span{color:var(--cobalt);font:800 36px var(--font-display);font-style:italic}.identity-signature p{margin:0}.identity-signature strong,.identity-signature small{display:block}.identity-signature strong{font:800 14px var(--font-display)}.identity-signature small{margin-top:4px;color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.identity-image{position:relative;min-height:600px;overflow:hidden;background:#d9e3ef;clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,0 100%)}.identity-image img{width:100%;height:100%;min-height:600px;object-fit:cover}.identity-image>span{right:auto;left:16px}.identity-image>div{position:absolute;right:0;bottom:0;width:min(260px,65%);padding:25px 28px;background:var(--cobalt);color:#fff}.identity-image small{display:block;margin-bottom:8px;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.identity-image strong{font:800 25px var(--font-display)}
.approach-section{background:var(--navy);color:#fff}.approach-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(60px,9vw,135px)}.approach-heading{position:sticky;top:130px;align-self:start}.approach-heading h2{color:#fff}.approach-heading h2 em{color:#7aa9ff}.approach-heading>p:not(.about-eyebrow){max-width:400px;margin:27px 0 0;color:#aebed2;line-height:1.75}.approach-editorial{border-top:1px solid #29405c}.approach-editorial article{display:grid;grid-template-columns:52px 1fr;gap:22px;min-height:155px;padding:30px 0;border-bottom:1px solid #29405c;align-items:center}.approach-editorial article>span{color:#7aa9ff;font:800 10px var(--font-display)}.approach-editorial h3{margin:0 0 9px;font:800 clamp(22px,2.4vw,31px) var(--font-display)}.approach-editorial p{max-width:500px;margin:0;color:#aebed2;line-height:1.65}
.road-identity{position:relative;padding:105px 0 0;overflow:hidden;background:#081a31;color:#fff;border-top:1px solid #263b54}.road-copy h2{margin:0;color:#fff;font:800 clamp(40px,5.5vw,76px)/1 var(--font-display);letter-spacing:-.045em}.road-copy h2 em{color:#7aa9ff;font-style:normal}.road-stage{position:relative;width:min(100% - 48px,1280px);height:430px;margin:20px auto 0;border-top:1px solid #29425e}.truck-line-art{position:absolute;z-index:2;left:50%;bottom:45px;width:min(92%,1050px);transform:translateX(-50%);overflow:visible}.truck-line-art g,.truck-line-art path,.truck-line-art circle{fill:none;stroke:#738aa5;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.truck-line-art .truck-accent{stroke:#4e8cf4;stroke-width:3;stroke-dasharray:7 8}.truck-line-art .truck-wheels circle:nth-child(odd){stroke:#9bb5d4}.road-lines{position:absolute;left:0;right:0;bottom:38px;height:2px;overflow:hidden;background:#314966}.road-lines i{position:absolute;top:0;width:13%;height:2px;background:#7aa9ff;transform:translateX(-160%)}.road-lines i:nth-child(2){left:29%}.road-lines i:nth-child(3){left:58%}.road-lines i:nth-child(4){left:87%}.road-visible .road-lines i{animation:roadLineMove 5s linear infinite}.truck-line-art .trailer-outline,.truck-line-art .tractor-outline,.truck-line-art .truck-wheels{stroke-dasharray:1800;stroke-dashoffset:1800}.road-visible .truck-line-art .trailer-outline,.road-visible .truck-line-art .tractor-outline,.road-visible .truck-line-art .truck-wheels{animation:drawTruck 1.6s cubic-bezier(.2,.8,.2,1) forwards}.road-visible .truck-line-art .tractor-outline{animation-delay:.15s}.road-visible .truck-line-art .truck-wheels{animation-delay:.35s}.road-measure{position:absolute;z-index:3;color:#7087a1;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.road-measure::before{content:"";display:block;width:70px;height:1px;margin-bottom:8px;background:#3b5a7d}.road-measure span{display:block;margin-bottom:5px;color:#7aa9ff}.road-measure-one{left:3%;top:55px}.road-measure-two{right:3%;top:92px;text-align:right}.road-measure-two::before{margin-left:auto}@keyframes drawTruck{to{stroke-dashoffset:0}}@keyframes roadLineMove{to{transform:translateX(800%)}}
.team-section{background:#fff}.team-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(55px,8vw,120px);align-items:center}.team-image{position:relative;min-height:600px;overflow:hidden;background:#d9e3ef}.team-image::after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(4,16,34,.65))}.team-image img{width:100%;height:100%;min-height:600px;object-fit:cover}.team-image>span{right:auto;left:16px}.team-copy>p:not(.about-eyebrow){max-width:440px;margin:28px 0;color:var(--muted);font-size:16px;line-height:1.75}.team-roles{border-top:1px solid var(--line)}.team-roles span{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid var(--line);font:700 14px var(--font-display)}.team-roles b{color:var(--cobalt);font-size:10px}
.care-section-about{background:linear-gradient(135deg,#dce7f3 0%,#e5edf7 52%,#d8e4f1 100%)}.care-about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(55px,8vw,120px);align-items:center}.care-about-copy{position:relative;z-index:2;margin-right:-80px;padding:55px;background:var(--navy);color:#fff}.care-about-copy h2{color:#fff}.care-about-copy h2 em{color:#7aa9ff}.care-about-copy>p:not(.about-eyebrow){max-width:520px;margin:27px 0;color:#b6c6d8;line-height:1.75}.care-facts{border-top:1px solid #29405c}.care-facts span{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid #29405c;font:700 13px var(--font-display)}.care-facts b{color:#7aa9ff;font-size:10px}.care-about-image{position:relative;min-height:620px;overflow:hidden;background:#d9e3ef}.care-about-image img{width:100%;height:100%;min-height:620px;object-fit:cover}.care-about-image>span{right:16px}
.values-section{background:#fff}.values-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.values-list{border-top:1px solid var(--line)}.values-list article{display:grid;grid-template-columns:60px .75fr 1.25fr;gap:25px;align-items:center;min-height:115px;border-bottom:1px solid var(--line)}.values-list article>span{color:var(--cobalt);font:800 10px var(--font-display)}.values-list h3{margin:0;font:800 clamp(21px,2.2vw,31px) var(--font-display)}.values-list p{margin:0;color:var(--muted);line-height:1.65}.about-cta{padding:105px 0;background:#061426;color:#fff;border-top:1px solid #24374e}.about-cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.about-cta h2{margin:0;font:800 clamp(40px,5vw,72px)/1 var(--font-display);letter-spacing:-.045em}.about-cta h2 em{color:#7aa9ff}.about-cta-inner>div:last-child>p{max-width:460px;margin:0 0 28px;color:#b6c7da;line-height:1.7}.about-cta .button-secondary{margin-left:8px}
@media(max-width:1024px){.about-section{padding:92px 0}.about-hero{min-height:650px}.identity-layout,.team-layout,.care-about-layout{gap:55px}.identity-image,.identity-image img,.team-image,.team-image img{min-height:500px}.care-about-copy{margin-right:-55px;padding:42px}.care-about-image,.care-about-image img{min-height:540px}.road-stage{height:380px}.about-cta-inner{gap:50px}}
@media(max-width:820px){.identity-layout,.approach-layout,.team-layout,.care-about-layout,.about-cta-inner{grid-template-columns:1fr}.identity-layout,.team-layout,.care-about-layout{gap:48px}.approach-heading{position:static}.identity-image{order:-1}.care-about-copy{margin:0}.care-about-image{order:-1}.values-list article{grid-template-columns:45px .9fr 1.1fr}.road-stage{height:350px}.road-measure{display:none}.about-cta-inner{gap:30px}}
@media(max-width:600px){.about-section{padding:72px 0}.about-hero{min-height:650px}.about-hero h1{font-size:clamp(39px,11vw,52px)}.about-hero-inner>p:not(.about-eyebrow){font-size:15px}.about-image-note{right:14px;bottom:14px}.identity-copy h2,.approach-heading h2,.team-copy h2,.care-about-copy h2,.values-heading h2{font-size:clamp(35px,10vw,45px)}.identity-image,.identity-image img,.team-image,.team-image img{min-height:390px}.identity-image{clip-path:none}.approach-editorial article{grid-template-columns:35px 1fr;min-height:135px}.road-identity{padding-top:74px}.road-stage{width:100%;height:260px}.truck-line-art{width:145%;left:48%;bottom:30px}.road-lines{bottom:28px}.team-image{order:-1}.care-about-copy{padding:34px 22px}.care-about-image,.care-about-image img{min-height:390px}.values-heading{margin-bottom:38px}.values-list article{grid-template-columns:32px 1fr;gap:16px;padding:22px 0}.values-list p{grid-column:2}.about-cta{padding:74px 0}.about-cta h2{font-size:42px}.about-cta .button{width:100%;margin:4px 0}.about-cta .button-secondary{margin-left:0}}
@media(max-width:360px){.about-section{padding:62px 0}.about-hero{min-height:670px}.about-hero h1{font-size:37px}.identity-copy h2,.approach-heading h2,.team-copy h2,.care-about-copy h2,.values-heading h2{font-size:32px}.identity-image,.identity-image img,.team-image,.team-image img,.care-about-image,.care-about-image img{min-height:340px}.road-stage{height:235px}.about-cta h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.road-lines i,.truck-line-art .trailer-outline,.truck-line-art .tractor-outline,.truck-line-art .truck-wheels{animation:none!important;stroke-dashoffset:0}.road-lines i{transform:none}}

/* Cinematic equipment blueprint */
.road-identity{isolation:isolate;padding-top:clamp(78px,8vw,118px);background:radial-gradient(ellipse at 62% 72%,rgba(33,96,173,.25),transparent 38%),linear-gradient(155deg,#071a31 0%,#041426 72%,#020d1b 100%);border-top-color:#31516f}.road-identity::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(103,151,205,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(103,151,205,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent 10%,#000 45%,transparent 96%)}.road-copy{position:relative;z-index:4}.road-copy h2{font-size:clamp(42px,5.7vw,82px);text-shadow:0 18px 55px rgba(0,5,15,.38)}.road-copy h2 em{background:linear-gradient(90deg,#70a7ff,#9ac6ff 55%,#5f97f3);background-clip:text;-webkit-background-clip:text;color:transparent}
.road-stage{height:clamp(390px,34vw,500px);margin-top:30px;border-top-color:rgba(103,145,190,.28);background:linear-gradient(180deg,rgba(11,42,75,.18),transparent 30%);overflow:hidden}.road-stage::before{content:"";position:absolute;z-index:1;left:50%;bottom:31px;width:min(86%,1120px);height:90px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(47,111,190,.22),transparent 67%);filter:blur(16px)}.road-hud{position:absolute;z-index:5;top:0;left:0;right:0;height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(105,153,207,.13);color:#7794b4;font:700 7px var(--font-display);letter-spacing:.14em}.road-hud span{color:#a5bdd8}.road-hud i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#4add91;box-shadow:0 0 0 5px rgba(74,221,145,.09),0 0 12px #4add91;animation:equipmentOnline 2.1s ease-in-out infinite}.road-atmosphere{position:absolute;z-index:1;inset:42px 0 32px;overflow:hidden;pointer-events:none}.road-scan{position:absolute;left:-10%;right:-10%;top:-12%;height:65px;background:linear-gradient(transparent,rgba(120,182,250,.035),rgba(139,200,255,.15),transparent);animation:equipmentScan 6.5s ease-in-out infinite}.road-orbit{position:absolute;right:8%;top:15%;width:250px;height:250px;border:1px solid rgba(100,158,225,.1);border-radius:50%;background:conic-gradient(rgba(67,139,230,.18),transparent 22%);mask-image:radial-gradient(circle,transparent 0 27%,#000 28% 29%,transparent 30% 55%,#000 56% 57%,transparent 58%);animation:equipmentRadar 9s linear infinite}
.truck-line-art{z-index:3;bottom:54px;filter:drop-shadow(0 15px 18px rgba(0,5,14,.45))}.truck-line-art g,.truck-line-art path,.truck-line-art circle{stroke:#819ab6}.road-visible .truck-line-art{animation:truckSettle 1.4s cubic-bezier(.16,1,.3,1) both}.truck-line-art .trailer-outline path:first-child{fill:rgba(16,49,86,.2)}.truck-line-art .tractor-outline path:first-child{fill:rgba(18,56,98,.2)}.truck-line-art .truck-accent{stroke:#62a2ff;filter:drop-shadow(0 0 7px rgba(75,148,248,.8));animation:accentFlow 2.8s linear infinite}.truck-line-art .truck-wheels circle:nth-child(odd){stroke:#aec8e5;stroke-width:2.3;stroke-dasharray:10 5;transform-box:fill-box;transform-origin:center}.road-visible .truck-line-art .truck-wheels circle:nth-child(odd){animation:wheelTurn 3.5s linear infinite}.truck-lights circle{fill:#eaf6ff;stroke:#81bcff;filter:drop-shadow(0 0 7px #68aaff);animation:headlightPulse 1.9s ease-in-out infinite}
.equipment-telemetry{position:absolute;z-index:5;left:50%;bottom:8px;width:min(70%,760px);display:grid;grid-template-columns:repeat(3,1fr);transform:translateX(-50%);border:1px solid rgba(105,153,207,.17);background:rgba(3,19,37,.64);backdrop-filter:blur(10px)}.equipment-telemetry span{padding:10px 16px;border-right:1px solid rgba(105,153,207,.15)}.equipment-telemetry span:last-child{border:0}.equipment-telemetry small,.equipment-telemetry b{display:block}.equipment-telemetry small{color:#5f7d9e;font:700 6px var(--font-display);letter-spacing:.14em;text-transform:uppercase}.equipment-telemetry b{margin-top:5px;color:#b8cee5;font:700 9px var(--font-display);letter-spacing:.06em}.road-measure{z-index:5}.road-measure::before{background:linear-gradient(90deg,#3d6085,transparent)}.road-measure-two::before{background:linear-gradient(90deg,transparent,#3d6085)}.road-lines{z-index:4;background:#29445f}.road-lines i{background:linear-gradient(90deg,transparent,#85b7ff,transparent);box-shadow:0 0 8px #5f9df2}
@keyframes equipmentOnline{50%{opacity:.45;box-shadow:0 0 0 9px rgba(74,221,145,0),0 0 8px #4add91}}@keyframes equipmentScan{0%{top:-15%;opacity:0}15%{opacity:1}85%{opacity:.8}100%{top:108%;opacity:0}}@keyframes equipmentRadar{to{transform:rotate(360deg)}}@keyframes truckSettle{0%{opacity:0;transform:translate(-50%,28px) scale(.975);filter:blur(5px)}100%{opacity:1;transform:translate(-50%,0) scale(1);filter:drop-shadow(0 15px 18px rgba(0,5,14,.45))}}@keyframes wheelTurn{to{rotate:360deg}}@keyframes accentFlow{to{stroke-dashoffset:-30}}@keyframes headlightPulse{50%{opacity:.58;filter:drop-shadow(0 0 14px #79b5ff)}}
@media(max-width:1024px){.road-stage{height:410px}.equipment-telemetry{width:min(76%,680px)}.road-measure-one{top:64px}.road-measure-two{top:76px}}
@media(max-width:760px){.road-copy h2{font-size:clamp(38px,10vw,56px)}.road-stage{width:100%;height:340px;margin-top:24px}.truck-line-art{width:min(100% - 20px,700px);left:50%;bottom:58px}.road-hud b,.road-orbit{display:none}.road-measure{font-size:7px}.road-measure-one{left:18px;top:58px}.road-measure-two{right:18px;top:58px}.road-measure-three{display:none}.equipment-telemetry{bottom:6px;width:calc(100% - 28px)}.equipment-telemetry span{padding:9px}.equipment-telemetry b{font-size:7px}.road-lines{bottom:48px}}
@media(max-width:480px){.road-identity{padding-top:68px}.road-stage{height:285px}.truck-line-art{width:calc(100% - 12px);left:50%;bottom:54px}.road-measure-two{display:none}.equipment-telemetry{grid-template-columns:1fr 1fr}.equipment-telemetry span:nth-child(3){display:none}.road-hud{padding-inline:12px}.road-hud span{font-size:6px}.road-scan{height:40px}.road-lines{bottom:45px}}
@media(max-width:360px){.road-stage{height:255px}.truck-line-art{width:calc(100% - 8px);bottom:50px}.equipment-telemetry{width:calc(100% - 20px)}.equipment-telemetry span{padding:7px}.road-measure-one{top:50px}}
@media(prefers-reduced-motion:reduce){.road-hud i,.road-scan,.road-orbit,.road-visible .truck-line-art,.truck-line-art .truck-accent,.road-visible .truck-line-art .truck-wheels circle:nth-child(odd),.truck-lights circle{animation:none!important}}

/* Realistic component detail and next-level assembly motion */
.truck-line-art .trailer-body{fill:rgba(15,49,86,.28)}.truck-line-art .cab-shell{fill:rgba(18,59,102,.32)}.truck-line-art .windshield,.truck-line-art .side-window{fill:rgba(80,143,209,.16);stroke:#9db9d6}.truck-line-art .fuel-tank{fill:rgba(118,151,184,.08)}.truck-line-art .trailer-ribs{stroke:rgba(105,134,166,.34);stroke-width:1}.truck-line-art .truck-undercarriage{stroke:#536e8b}.truck-line-art .landing-gear,.truck-line-art .chassis-detail,.truck-line-art .cab-seams{stroke:#66819e;stroke-width:1.35}.truck-line-art .grille{stroke:#9ab1ca;stroke-width:1.25}.truck-line-art .truck-branding path{fill:rgba(44,112,205,.22);stroke:#67a5fa}.truck-line-art .truck-branding text{fill:#b8d5f6;stroke:none;font:800 15px var(--font-display);letter-spacing:.08em}.truck-line-art .headlight-beam{fill:url('#none');fill:rgba(107,177,255,.07);stroke:none;opacity:0;transform-origin:92px 174px}
.truck-line-art .wheel circle:first-child{fill:#071629;stroke:#a8c2df;stroke-width:2.5}.truck-line-art .wheel circle:nth-child(2){fill:rgba(92,126,161,.08);stroke:#607d9c}.truck-line-art .wheel circle:nth-child(3){fill:rgba(117,163,211,.2);stroke:#a8c6e5}.truck-line-art .wheel path{stroke:#6687a8;stroke-width:1.15}
.road-visible .truck-line-art .trailer-ribs{animation:detailReveal 1.1s 1.1s ease both}.road-visible .truck-line-art .cab-seams,.road-visible .truck-line-art .grille,.road-visible .truck-line-art .mirror,.road-visible .truck-line-art .exhaust-stack,.road-visible .truck-line-art .chassis-detail,.road-visible .truck-line-art .landing-gear,.road-visible .truck-line-art .truck-undercarriage{stroke-dasharray:500;stroke-dashoffset:500;animation:drawDetail 1.15s .9s ease forwards}.road-visible .truck-line-art .truck-branding{animation:badgeBoot .55s 1.7s cubic-bezier(.2,1.7,.4,1) both}.road-visible .truck-line-art .headlight-beam{animation:beamIgnition 4s 1.9s ease-in-out infinite}.road-visible .truck-line-art .truck-lights circle{animation:headlightIgnition 2.3s 1.8s ease-in-out infinite}.road-visible .truck-line-art .wheel{transform-box:fill-box;transform-origin:center;animation:rollingWheel 4.2s 1.65s linear infinite}.road-visible .truck-line-art .wheel-drive{animation-delay:1.69s}.road-visible .truck-line-art .wheel-trailer-one{animation-delay:1.73s}.road-visible .truck-line-art .wheel-trailer-two{animation-delay:1.77s}.road-visible .truck-line-art .cab-shell,.road-visible .truck-line-art .sleeper-roof{animation:cabIdle 2.8s 2s ease-in-out infinite}.road-visible .truck-line-art .exhaust-stack{animation:stackVibration .34s 2s linear infinite alternate}
@keyframes detailReveal{from{opacity:0}to{opacity:1}}@keyframes drawDetail{to{stroke-dashoffset:0}}@keyframes badgeBoot{0%{opacity:0;scale:.2}75%{scale:1.18}100%{opacity:1;scale:1}}@keyframes beamIgnition{0%,15%{opacity:0;scale:.25}25%,72%{opacity:.85;scale:1}100%{opacity:0;scale:1.05}}@keyframes headlightIgnition{0%,100%{opacity:.65;filter:drop-shadow(0 0 5px #75b3ff)}50%{opacity:1;filter:drop-shadow(0 0 14px #9bd0ff)}}@keyframes rollingWheel{to{rotate:360deg}}@keyframes cabIdle{50%{translate:0 -1.5px}}@keyframes stackVibration{to{translate:.6px 0}}
@media(max-width:600px){.truck-line-art .trailer-ribs{opacity:.45}.truck-line-art .landing-gear,.truck-line-art .cab-seams{stroke-width:1}.truck-line-art .truck-branding text{font-size:12px}.truck-line-art .headlight-beam{display:none}}
@media(prefers-reduced-motion:reduce){.road-visible .truck-line-art .trailer-ribs,.road-visible .truck-line-art .cab-seams,.road-visible .truck-line-art .grille,.road-visible .truck-line-art .mirror,.road-visible .truck-line-art .exhaust-stack,.road-visible .truck-line-art .chassis-detail,.road-visible .truck-line-art .landing-gear,.road-visible .truck-line-art .truck-undercarriage,.road-visible .truck-line-art .truck-branding,.road-visible .truck-line-art .headlight-beam,.road-visible .truck-line-art .truck-lights circle,.road-visible .truck-line-art .wheel,.road-visible .truck-line-art .cab-shell,.road-visible .truck-line-art .sleeper-roof{animation:none!important;stroke-dashoffset:0}}
.truck-line-art .structural-frame{stroke:#597795;stroke-width:1.15}.truck-line-art .structural-frame .hidden-structure{stroke:#416080;stroke-dasharray:4 7;opacity:.58}.truck-line-art .blueprint-dimensions,.truck-line-art .component-callouts{stroke:#4f7196;stroke-width:.85}.truck-line-art .blueprint-dimensions text,.truck-line-art .component-callouts text{fill:#6889ad;stroke:none;font:700 7px var(--font-display);letter-spacing:.13em}.truck-line-art .dimension-arrow{stroke:#79a9df}.truck-line-art .component-callouts path{stroke-dasharray:3 3}.road-visible .truck-line-art .structural-frame{stroke-dasharray:1300;stroke-dashoffset:1300;animation:drawStructure 1.4s .65s ease forwards}.road-visible .truck-line-art .blueprint-dimensions{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawDimensions 1.25s 1.65s ease forwards}.road-visible .truck-line-art .component-callouts{opacity:0;animation:calloutReveal .8s 2.25s ease forwards}.road-visible .truck-line-art .blueprint-dimensions text{opacity:0;animation:calloutReveal .6s 2.55s ease forwards}.truck-line-art .trailer-outline{stroke:#8da8c4;stroke-width:1.8}.truck-line-art .tractor-outline{stroke:#9bb6d2;stroke-width:2}.truck-line-art .truck-undercarriage{stroke-width:1.5}.truck-line-art .truck-accent{stroke-width:2.2}
@keyframes drawStructure{to{stroke-dashoffset:0}}@keyframes drawDimensions{to{stroke-dashoffset:0}}@keyframes calloutReveal{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:760px){.truck-line-art .component-callouts,.truck-line-art .blueprint-dimensions text{display:none}.truck-line-art .blueprint-dimensions{opacity:.55}.truck-line-art .structural-frame .hidden-structure{opacity:.35}}
@media(max-width:480px){.truck-line-art .blueprint-dimensions{display:none}.truck-line-art .trailer-ribs{opacity:.32}.truck-line-art .structural-frame{stroke-width:.9}}
@media(prefers-reduced-motion:reduce){.road-visible .truck-line-art .structural-frame,.road-visible .truck-line-art .blueprint-dimensions,.road-visible .truck-line-art .component-callouts,.road-visible .truck-line-art .blueprint-dimensions text{animation:none!important;stroke-dashoffset:0;opacity:1}}

/* Keep the inline blueprint vector-sharp on mobile browsers. The desktop settle
   animation combines a transform with blur/drop-shadow, which can make WebKit
   and Chromium retain a low-resolution rasterized layer after it completes. */
@media(max-width:760px){
  .truck-line-art{
    left:10px;
    right:10px;
    width:auto;
    max-width:none;
    transform:none;
    filter:none;
    shape-rendering:geometricPrecision;
    text-rendering:geometricPrecision;
  }
  .road-visible .truck-line-art{animation:truckSettleMobile .7s ease-out both}
  .equipment-telemetry{
    left:14px;
    right:14px;
    width:auto;
    transform:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    background:rgba(3,19,37,.92);
  }
}
@media(max-width:480px){.truck-line-art{left:6px;right:6px}}
@media(max-width:360px){.truck-line-art{left:4px;right:4px}.equipment-telemetry{left:10px;right:10px}}
@keyframes truckSettleMobile{from{opacity:0}to{opacity:1}}

.road-measure-three{left:4%;bottom:88px}.road-measure-three::before{width:42px}
