/* Premium industrial direction — layered light, photographic depth, measured motion. */
body{background:#e8edf2}.header{background:#fbfcf3ed;backdrop-filter:blur(18px);box-shadow:0 10px 35px #09182d18}.hero{min-height:770px;grid-template-columns:1.02fr 1fr;overflow:hidden;background:radial-gradient(ellipse at 65% 38%,#41608c 0,transparent 47%),radial-gradient(ellipse at 2% 110%,#e6745140,transparent 48%),linear-gradient(125deg,#111f38,#1a2a4a 57%,#0b162a)}.hero:before{opacity:.75;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(90deg,#ffffff06 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px);background-size:auto,88px 88px,88px 88px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-atmosphere{position:absolute;inset:-40%;pointer-events:none;background:linear-gradient(115deg,transparent 47%,#96b6e024 48%,#d8eaff10 49%,transparent 54%);transform:translateX(var(--light-shift,0px));will-change:transform}.hero-wordmark{position:absolute;bottom:-.18em;left:-.018em;font-weight:700;font-size:22.5vw;letter-spacing:-.08em;line-height:1;color:#b5c9e20b;-webkit-text-stroke:1px #afc4e11c;pointer-events:none;transform:translateX(var(--word-shift,0px))}.hero-copy{padding-top:100px;padding-bottom:70px;padding-right:10px}.hero h1{font-size:clamp(47px,4.65vw,76px);position:relative}.hero h1 span{display:inline-block;text-shadow:0 0 45px #e674512d}.hero-description{max-width:420px}.hero-foot{margin-top:70px;border-color:#ffffff26;box-shadow:none;max-width:470px}.hero-composition{position:relative;padding:60px 30px 150px 15px;min-width:0}.hero-composition:before{content:'';position:absolute;top:34px;right:0;bottom:113px;left:46px;border:1px solid #bccde447;background:linear-gradient(120deg,#ffffff0a,#ffffff00);transform:rotate(3deg);pointer-events:none}.hero-image{margin:0;height:510px;min-height:0;border:7px solid #ffffff0d;outline:1px solid #d7e2ef5c;box-shadow:-25px 35px 75px #030b286b;transform:translateY(var(--photo-shift,0px));background:#19253b}.hero-image>img{transform:scale(1.09) translateY(var(--image-shift,0px));object-position:center;filter:saturate(.85) contrast(1.07)}.hero-image figcaption{left:20px;right:20px;bottom:20px;font-size:11px;letter-spacing:1px}.hero-image figcaption span:last-child{display:none}.photo-rail{position:absolute;left:18px;top:28px;font-size:11px;letter-spacing:2.2px;color:#c4d1e2}.detail-photo{position:absolute;right:55px;bottom:75px;width:46%;padding:7px;background:#e6eaf1;box-shadow:0 26px 50px #02081666;transform:translateY(var(--detail-shift,0px)) rotate(-4deg);z-index:3}.detail-photo img{width:100%;aspect-ratio:1.55;object-fit:cover;display:block}.detail-photo figcaption{padding:9px 2px 3px;font-size:10px;letter-spacing:1.2px;color:var(--navy);font-weight:700}.scroll-cue{position:absolute;left:16px;bottom:80px;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:1.3px;max-width:160px;color:#cbd6e4}.scroll-cue span{font-size:26px;display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #c6d4e54d;border-radius:50%;background:#ffffff08}.button{border-radius:7px;padding:11px 11px 11px 22px;min-height:60px;background:linear-gradient(155deg,#ffa783 0%,#e67451 48%,#cb5535);border-color:#ffa98a80;box-shadow:inset 0 1px 0 #ffd4bdcc,inset 0 -2px 0 #98402177,0 6px 0 #9c442c,0 12px 24px #080e2926;position:relative;isolation:isolate;overflow:hidden}.button:before{content:'';position:absolute;inset:-90% -50%;background:linear-gradient(110deg,transparent 40%,#fff5 48%,transparent 56%);transform:translateX(-65%);transition:transform .65s;z-index:-1}.button:hover:before{transform:translateX(65%)}.button>span{border:1px solid #ffcfb44d;padding:0;width:38px;height:38px;border-radius:4px;display:grid;place-items:center;background:#1a2a4a;color:#fff;text-shadow:none;box-shadow:inset 0 1px 0 #ffffff2b,0 2px 4px #40160522;transition:transform .3s,background .3s}.button:hover>span{transform:rotate(45deg);background:#273d61}.button.small{padding:7px 7px 7px 16px;gap:15px}.button.small>span{width:31px;height:31px}.hero .button,.contact .button{box-shadow:inset 0 1px 0 #ffddc8aa,inset 0 -2px 0 #9c442c88,0 5px 0 #993f28,0 13px 30px #030b244d}.specialties{position:relative;z-index:2;max-width:calc(100% - var(--pad)*2);margin:-22px auto 0;padding:26px 30px;background:linear-gradient(125deg,#ffffff,#e4eaf1);border:1px solid #fff;border-radius:5px;box-shadow:0 18px 40px #0f20342b}.section{position:relative;isolation:isolate}.expertise{padding-top:115px;background:radial-gradient(ellipse at 85% 20%,#fff 10%,transparent 60%),#e8edf2}.expertise:before,.work:before,.about:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(90deg,#1a2a4a08 1px,transparent 1px),linear-gradient(#1a2a4a08 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(120deg,#000,transparent 75%)}.service-grid{border:0;border-radius:0;box-shadow:none;gap:22px;background:none;overflow:visible}.service-card,.service-card:first-child,.service-card:last-child{padding:0 26px 25px;border:1px solid #ffffff;border-radius:7px;background:linear-gradient(130deg,#fff,#e5ebf2);box-shadow:0 14px 30px #20345114,inset 0 -1px 0 #c5d0dc;position:relative;overflow:hidden;transition:transform .35s,box-shadow .35s}.service-card:hover{transform:translateY(-9px);background:linear-gradient(130deg,#fff,#e5ebf2);box-shadow:0 25px 42px #152d492a}.service-photo{height:180px;align-self:stretch;margin:0 -26px 25px;overflow:hidden;position:relative}.service-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#1a2a4a33)}.service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.service-card:hover .service-photo img{transform:scale(1.06)}.service-card:nth-child(2){background:linear-gradient(130deg,#2c4162,#172741);color:#fff;border-color:#506481}.service-card:nth-child(2) p{color:#d2dce9}.service-number{position:absolute;top:14px;left:14px;background:#e67451;color:#14223a;border-color:#ffc9b5;box-shadow:0 3px 12px #081b3038;min-height:33px;min-width:37px}.service-end>span{background:#1a2a4a;color:#fff;border-radius:50%;width:35px;height:35px;text-align:center;font-size:23px;transition:transform .3s}.service-card:nth-child(2) .service-end>span{background:#e67451;color:#1a2a4a}.service-card:hover .service-end>span{transform:rotate(45deg)}.work{background:radial-gradient(ellipse at 5% 70%,#c8d5e5,transparent 55%),#f3f5f8;padding-top:115px;padding-bottom:130px}.work-layout{gap:0;grid-template-columns:1.5fr 1fr;align-items:start}.comparison{z-index:2;position:relative}.compare-image{border:8px solid white;border-radius:6px;box-shadow:0 30px 55px #152e4b26;aspect-ratio:1.12}.work-side{padding-top:65px;margin-left:-25px}.work-side figure{margin-left:0;transform:rotate(3deg);position:relative;z-index:1}.work-side img{border:8px solid #fff;max-height:300px;box-shadow:0 20px 45px #142a4326}.work-side figcaption{padding-left:45px}.work-note{margin:35px 0 0 65px;background:linear-gradient(130deg,#2b4265,#152640);padding:30px;border:1px solid #617491;box-shadow:12px 15px 0 #d5dfeb,0 25px 40px #152b4217;color:#fff;position:relative}.work-note .tiny-label{color:#ffa687}.work-note p{color:#ced9e7}.approach{display:grid;grid-template-columns:1fr 1fr;gap:50px 85px;padding-top:110px;overflow:clip;background:radial-gradient(ellipse at 0% 60%,#4c68944d,transparent 65%),linear-gradient(125deg,#101f37,#1a2a4a 55%,#0b172c)}.approach:before{background:repeating-linear-gradient(120deg,transparent 0 26px,#99b4d710 27px 28px);opacity:1}.approach .section-head{display:block;position:sticky;top:160px;align-self:start;margin:0;z-index:1}.approach .section-head>p{padding-top:30px;max-width:380px}.section-watermark{position:absolute;left:-10px;bottom:5%;font-size:14vw;font-weight:700;line-height:.88;color:#a9bdd909;writing-mode:vertical-rl;transform:rotate(180deg);pointer-events:none;letter-spacing:-.05em}.steps{grid-template-columns:1fr;gap:24px;margin-top:0;border:0;position:relative}.steps:before{content:'';position:absolute;left:28px;top:0;bottom:0;width:1px;background:linear-gradient(#e67451,#e6745130)}.steps article{position:relative;padding:30px 30px 30px 85px;background:linear-gradient(125deg,#4257786b,#ffffff07);border:1px solid #9fb6d638;border-radius:5px;box-shadow:inset 0 1px 0 #ffffff12,0 16px 30px #06102524;transition:border-color .4s,background .4s,transform .4s}.steps article>span{position:absolute;left:16px;top:30px;background:#182943;border:1px solid #9eb1ce50}.steps h3{max-width:none;margin:3px 0 16px;font-size:25px}.steps article.is-current{border-color:#e6745180;background:linear-gradient(125deg,#566a866b,#283b5c60);transform:translateX(-10px)}.steps article.is-current>span{background:var(--orange);color:#14223a;border-color:#ffb395}.warranty-line{grid-column:1/-1;z-index:1;margin-top:20px}.about{background:radial-gradient(ellipse at 20% 40%,#c8d5e7,transparent 60%),#f2f5f9;padding-top:125px;padding-bottom:125px}.since{color:transparent;-webkit-text-stroke:1px #617795;text-shadow:0 12px 25px #17325015;position:relative}.since>span{-webkit-text-stroke:0;color:#52657d}.about-label{border-left:2px solid #e67451;padding-left:30px}.questions{background:linear-gradient(115deg,#e1e8f1,#f6f8fb);border-top:1px solid #fff}.faq{box-shadow:0 20px 40px #1a2a4a10}.contact{overflow:hidden;background:radial-gradient(ellipse at 95% 95%,#e6745150,transparent 55%),radial-gradient(ellipse at 10% 0%,#5472996b,transparent 55%),linear-gradient(120deg,#1a2a4a,#101e35);color:#fff;padding-bottom:160px;border-top:1px solid #8ea4c647;gap:100px}.contact:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(120deg,transparent 0 30px,#a3bad812 31px 32px);mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.contact-watermark{position:absolute;left:4%;bottom:-30px;font-size:15vw;font-weight:700;letter-spacing:-.07em;color:#c4d6ef0c;line-height:1;white-space:nowrap;z-index:-1}.contact .eyebrow,.contact>div>p:not(.eyebrow),.contact-details>div>span{color:#c3cfe0}.contact-details{border-left:1px solid #b4c7e23b;padding-left:50px}.contact-details .phone{font-size:clamp(25px,2.8vw,42px)}footer{background:#0d192e;border-top:1px solid #8ea4c624}.reveal{transition:opacity .75s,translate .75s;transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal:not(.in-view){opacity:0;translate:0 28px}.motion-ready .reveal.in-view{opacity:1;translate:0 0}.scroll-progress{position:fixed;left:0;top:0;height:3px;background:var(--orange);width:100%;transform-origin:left;transform:scaleX(var(--scroll-progress,0));z-index:50;pointer-events:none}
@media(min-width:1600px){.hero{min-height:840px}.hero-composition{padding-top:75px}.hero-image{height:565px}.hero-copy{padding-top:110px}}
@media(max-width:1100px){.hero{min-height:730px}.hero-composition{padding-right:22px}.hero-copy{padding-top:80px}.hero h1{font-size:49px}.hero-image{height:460px}.detail-photo{right:35px;bottom:95px}.scroll-cue{bottom:48px;max-width:none}.hero-foot{margin-top:40px}.service-grid{gap:15px}.service-card,.service-card:first-child,.service-card:last-child{padding-left:20px;padding-right:20px}.service-photo{margin-left:-20px;margin-right:-20px;height:155px}.approach{gap:45px}.contact{gap:40px}.contact-details{padding-left:30px}.specialties{padding:22px;gap:15px}}
@media(max-width:850px){.hero{min-height:670px}.hero h1{font-size:44px}.hero-copy{padding-top:65px}.hero-image{height:420px}.hero-composition{padding-top:55px}.detail-photo{bottom:95px;width:57%;right:22px}.hero-foot{display:none}.service-card h3{font-size:25px}.service-photo{height:135px}.service-end{font-size:11px}.work-note{margin-left:45px;padding:22px}.approach{gap:35px}.steps article{padding:25px 22px 25px 65px}.steps article>span{left:13px;width:34px;min-width:34px}.steps h3{font-size:23px}.contact-details{padding-left:25px}.specialties{max-width:calc(100% - 40px)}}
@media(max-width:600px){.header{background:#fafcfef5}.hero{display:block;padding-bottom:45px}.hero-copy{padding:42px 24px 30px}.hero h1{font-size:clamp(43px,10.5vw,61px)}.hero-wordmark{font-size:26vw;bottom:0}.hero-description{max-width:100%}.hero-actions .button{padding:10px 10px 10px 16px;gap:12px}.hero-actions .button>span{width:32px;height:32px}.hero-composition{padding:25px 24px 92px;min-height:405px}.hero-composition:before{top:9px;left:42px;right:23px;bottom:75px;transform:rotate(3deg)}.photo-rail{left:25px;top:0;font-size:10px}.hero-image{height:290px;border-width:5px;transform:none}.hero-image img{transform:scale(1.05)}.hero-image figcaption{font-size:10px;left:12px;bottom:12px}.detail-photo{bottom:16px;right:32px;width:46%;transform:rotate(-4deg)}.detail-photo figcaption{font-size:8px;letter-spacing:.5px}.scroll-cue{left:25px;bottom:23px;max-width:135px;font-size:10px;letter-spacing:.7px;gap:8px}.scroll-cue span{width:31px;height:31px;font-size:21px}.specialties{margin-top:-20px;padding:18px;gap:8px 13px;max-width:calc(100% - 36px)}.specialties p{font-size:12px}.expertise{padding-top:70px}.service-grid{gap:22px}.service-card,.service-card:first-child,.service-card:last-child{padding:0 24px 24px;border:1px solid #fff}.service-photo{margin:0 -24px 24px;height:180px}.service-card h3{font-size:29px}.service-end{font-size:12px}.work{padding-top:70px;padding-bottom:80px}.work-side{padding-top:15px;margin-left:0}.work-side figure{transform:rotate(2deg);margin:0 6px}.work-side figcaption{padding-left:5px}.work-note{margin:25px 12px 0 0;padding:28px}.compare-image{border-width:5px}.approach{display:block;padding-top:75px;overflow:hidden}.approach .section-head{position:static}.approach .section-head>p{padding-top:0}.steps{margin-top:35px;gap:18px}.steps article{padding:25px 22px 25px 70px;border:1px solid #9fb6d638}.steps article:last-child{border:1px solid #9fb6d638}.steps article.is-current{transform:none}.steps article>span{top:26px}.steps h3{margin:4px 0 14px}.warranty-line{margin-top:35px}.section-watermark{font-size:24vw;left:-12px}.about{padding-top:75px;padding-bottom:75px}.about-label{padding-left:18px}.since{font-size:85px;gap:20px}.contact{padding-bottom:95px}.contact-details{border:0;border-top:1px solid #b4c7e23b;padding-left:0;margin-top:38px;padding-top:30px}.contact-watermark{font-size:20vw;bottom:-8px}.button>span{padding:0}.motion-ready .reveal:not(.in-view){translate:0 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.motion-ready .reveal:not(.in-view){opacity:1;translate:none}.hero-atmosphere,.hero-wordmark,.hero-image,.hero-image>img,.detail-photo{transform:none!important}.steps article.is-current{transform:none}.button:before{display:none}*,*:before,*:after{animation:none!important;transition:none!important}}
.detail-photo img{height:auto;aspect-ratio:1.55}.header{background:#fafcfef2}

/* Truck comparison: fixed-size photographs revealed by the divider. */
.comparison-slider{--split:50%;isolation:isolate}
.comparison-slider>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}
.comparison-slider>.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison-slider .image-label{z-index:2;pointer-events:none;font-size:14px;top:16px;left:16px}
.comparison-slider .after-label{left:auto;right:16px;background:#1a2a4a;color:white;border-color:#ffffff55}
.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 12px #0006;pointer-events:none;z-index:3}
.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border:3px solid white;border-radius:50%;background:linear-gradient(145deg,#ffa783,#e67451);color:#14223a;box-shadow:0 4px 18px #0005;font-size:30px;font-weight:700;white-space:pre}
.comparison-range{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.comparison-slider:has(.comparison-range:focus-visible){outline:3px solid #e67451;outline-offset:5px}
.comparison-help{margin:14px 0 4px;color:#41536c;font-size:14px}