.sq-truck{--sq-fg:#202a30;--sq-muted:#49545c;background:#f3f4ef}.sq-truck .sq-background{color:#61808a}.sq-truck .sq-background-art{opacity:.22}.sq-truck .sq-kicker{color:#365e6a}.sq-truck .sq-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:60px;min-height:620px;padding:70px 5%;background:#132b35}.sq-truck .sq-hero-copy{position:relative;margin:0;padding:0;width:100%;pointer-events:auto}.sq-truck .sq-hero-copy>*{max-width:none}.sq-truck .sq-hero-copy h1{color:#f8fafb;font-size:clamp(38px,4.3vw,65px);line-height:1.32}.sq-truck .sq-hero-copy .sq-kicker{color:#bcdce5}.sq-truck .sq-hero-copy .sq-service-name,.sq-truck .sq-hero-copy .sq-lead,.sq-truck .tk-hero-description{color:#e0eaf0}.sq-truck .tk-hero-description{margin:0 0 30px}.sq-truck .tk-hero-photo{width:100%;max-width:477px;margin:0 auto;padding:0;border:1px solid #527780}.sq-truck .tk-hero-photo img{display:block;width:100%;height:auto}.sq-truck .sq-breadcrumb{background:#132b35;color:#e0eaf0}.sq-truck .sq-breadcrumb a{color:#e0eaf0}.sq-truck .sq-section{position:relative}.tk-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}.tk-intro .sq-heading{margin:0;background:#f3f4eff5;padding:24px 0}.tk-diagram{color:#264b59}.tk-diagram svg{width:100%;height:auto}.sq-truck .tk-diagram p{font-size:13px;margin:14px 0 0;text-align:center;color:#49545c}.sq-truck .tk-diagram .sq-flow{animation-play-state:paused}.sq-truck .tk-diagram.sq-glyph-active .sq-flow{animation-play-state:running}.tk-lift-indicator{animation:tk-lift 8s ease-in-out infinite;animation-play-state:paused}.sq-glyph-active .tk-lift-indicator{animation-play-state:running}@keyframes tk-lift{50%{transform:translateY(8px)}}.tk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.tk-cards article{display:flex;flex-direction:column;gap:18px;background:#fafbf8;padding:30px;border-top:3px solid #365e6a}.tk-cards h3,.tk-cards p{margin:0}.tk-cards .sq-textlink{margin-top:auto}.sq-truck .tk-number{display:block;color:#365e6a;font-size:12px;letter-spacing:.1em;font-weight:700}.sq-truck .sq-textlink{color:#264b59!important}.tk-schedule{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.tk-schedule .sq-heading{margin:0;padding:28px;background:#fafbf8}.tk-work-photo{margin:0 auto;max-width:477px;width:100%;padding:12px;background:#e1e8e8;overflow:hidden}.tk-work-photo img{display:block;width:100%;height:auto}.tk-notes ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.tk-notes li{display:flex;gap:24px;background:#fafbf8;padding:30px;border:1px solid #c0ced0}.tk-notes li h3{font-size:22px;margin-bottom:16px}.tk-notes li p{margin:0}.sq-truck .tk-vin-note{margin:28px 0 0;padding:20px 25px;background:#e2ebed;color:#294b57}.tk-process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.tk-process li{background:#fafbf8;border-top:2px solid #6f929b;padding:25px}.tk-process h3{font-size:22px;margin:20px 0 16px}.tk-process p{margin:0}.sq-truck .sq-faq details{background:#fafbf8;border-color:#b5c9cf}.sq-truck .sq-faq summary:after{color:#365e6a}.sq-truck .sq-faq details[open]{border-left-color:#365e6a}.sq-truck .sq-end{background:#e2ebed;border-color:#b5c9cf}.sq-truck .sq-phone{color:#202a30!important}.sq-truck .sq-phone small{color:#49545c}.tk-related{display:flex;gap:32px;flex-wrap:wrap}.sq-truck a:focus-visible,.sq-truck summary:focus-visible{outline:3px solid #a32d24;outline-offset:5px}.sq-truck .sq-hero-copy a:focus-visible{outline-color:#f2c97a}
@media(max-width:1050px){.sq-truck .sq-hero{gap:35px;padding-block:60px;min-height:550px}.tk-intro,.tk-schedule{gap:35px}.tk-cards{gap:20px}.tk-cards article{padding:24px}.tk-process ol{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.sq-truck .sq-hero{grid-template-columns:1fr;gap:35px;min-height:0;padding:48px 6% 35px}.sq-truck .sq-hero-copy h1{font-size:clamp(34px,8.5vw,52px)}.sq-truck .sq-hero-copy .sq-kicker{font-size:11px;letter-spacing:.09em}.sq-truck .tk-hero-photo{max-width:477px}.tk-intro,.tk-schedule{grid-template-columns:1fr;gap:24px}.tk-intro .sq-heading{padding:0}.tk-cards,.tk-notes ol{grid-template-columns:1fr}.tk-cards article{gap:16px;padding:26px}.tk-schedule .sq-heading{padding:26px}.tk-notes li{gap:18px;padding:25px}.tk-process ol{grid-template-columns:1fr;gap:18px}.tk-process li{padding:25px}.tk-related{gap:10px 25px}}
@media(prefers-reduced-motion:reduce){.sq-truck .tk-lift-indicator{transform:none!important}}
.tk-gate-platform{animation:tk-platform 8s ease-in-out infinite;animation-play-state:paused}.sq-glyph-active .tk-gate-platform{animation-play-state:running}@keyframes tk-platform{50%{transform:translateY(-22px)}}@media(prefers-reduced-motion:reduce){.sq-truck .tk-gate-platform{transform:none!important}}


.sq-truck .tk-mobile-break{display:none}@media(max-width:768px){.sq-truck .tk-mobile-break{display:block}}

/* Full-width generated scene and independent raster props; body copy stays still. */
.sq-truck .tk-hero-full{display:block;padding:0;min-height:0;position:relative;background:#132b35}.sq-truck .tk-hero-full .tk-hero-photo{width:100%;max-width:1672px;border:0;margin:auto}.sq-truck .tk-hero-full .tk-hero-photo img{display:block;width:100%;height:auto}.sq-truck .tk-hero-full .sq-hero-copy{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:min(580px,42%);padding:28px;background:#132b35eb}.sq-truck .tk-hero-full .sq-hero-copy h1{font-size:clamp(38px,4vw,64px)}
.tm-drive-section{position:relative}.tm-drive-heading{padding-bottom:28px}.tm-drive{display:grid;place-items:center;position:relative;min-height:260px;padding:25px 0 45px;overflow:hidden;background:linear-gradient(180deg,#e4eded,#f3f4ef);--tm-drive-x:0px}.tm-driving-truck{display:block;width:min(78%,1100px);height:auto;transform:translateX(var(--tm-drive-x));will-change:transform}.tm-road{position:absolute;left:0;right:0;top:calc(50% - 10px + min(15.762vw,222.29px));height:4px;background:#8ba4ac}.tm-road:after{content:'';position:absolute;left:0;right:0;top:20px;height:2px;background:repeating-linear-gradient(90deg,#9aadb2 0 45px,transparent 45px 85px)}
.tm-repair-section{padding-top:85px}.tm-repair{position:relative;aspect-ratio:2/1;max-width:1180px;margin:auto;isolation:isolate}.tm-repair-truck{position:absolute;bottom:8%;left:3%;width:88%;height:auto}.tm-hammer{position:absolute;width:22%;height:auto;left:46%;top:-.3%;transform-origin:86% 90%;animation:tm-tap 5.6s ease-in-out infinite;animation-play-state:paused;will-change:transform}.tm-contact-ring{position:absolute;left:48%;top:12%;width:18px;height:18px;border:2px solid #357283;border-radius:50%;opacity:0;animation:tm-contact 5.6s ease-in-out infinite;animation-play-state:paused}.tm-visible .tm-hammer,.tm-visible .tm-contact-ring{animation-play-state:running}@keyframes tm-tap{0%,56%,100%{transform:rotate(14deg)}66%,70%{transform:rotate(0deg)}76%{transform:rotate(5deg)}82%{transform:rotate(0deg)}90%{transform:rotate(14deg)}}@keyframes tm-contact{0%,62%,88%,100%{opacity:0;transform:scale(.6)}67%,80%{opacity:.45;transform:scale(1)}74%,86%{opacity:0;transform:scale(1.3)}}
@media(max-width:1050px){.sq-truck .tk-hero-full .sq-hero-copy{position:relative;left:auto;top:auto;transform:none;width:100%;padding:45px 6%;background:#132b35}.sq-truck .tk-hero-full .sq-hero-copy>*{max-width:700px}.sq-truck .tk-hero-full .sq-hero-copy h1{font-size:clamp(34px,5.8vw,58px)}}
@media(max-width:768px){.sq-truck .tk-hero-full{padding:0;display:block}.sq-truck .tk-hero-full .sq-hero-copy{padding:38px 6% 44px}.tm-drive-heading{padding-bottom:20px}.tm-drive{min-height:190px;padding:22px 0 36px}.tm-driving-truck{width:84%}.tm-road{top:calc(50% - 7px + 16.975vw)}.tm-repair{aspect-ratio:1.7/1}.tm-repair-truck{bottom:10%}.tm-hammer{left:46%;top:13.6%;width:22%;animation-duration:7.2s}.tm-contact-ring{animation-duration:7.2s;width:10px;height:10px;top:25.6%}.tm-repair-section{padding-top:55px}}
@media(prefers-reduced-motion:reduce){.tm-driving-truck{transform:none!important;will-change:auto}.tm-hammer{animation:none!important;transform:none!important;will-change:auto}.tm-contact-ring{animation:none!important;opacity:0}}

.sq-truck .tk-schedule .sq-heading p+p{margin-top:20px}

/* Repair overlay stays in the photo margins; labels follow actual PNG geometry. */
.sq-truck .tk-hero-photo{position:relative}.sq-truck .sq-hero-copy .tk-emergency-badge{display:table;margin:0 0 20px;padding:8px 14px;border-left:4px solid #b93428;background:#f3d79a;color:#132b35;font-size:16px;font-weight:700;line-height:1.6}.tm-callouts{position:absolute;bottom:8%;left:3%;width:88%;height:auto;aspect-ratio:2/1;pointer-events:none;overflow:visible}.tm-callouts g{fill:none;stroke-linejoin:round;stroke-linecap:round}.tm-callout-halo{stroke:#fafbf8;stroke-width:12}.tm-callout-ink{stroke:#a32d24;stroke-width:5}.tm-repair-labels{display:grid;grid-template-columns:1fr 1fr;gap:25%;padding:10px 3% 0 12%;max-width:1180px;margin:auto}.sq-truck .tm-repair-labels p{margin:0;text-align:center;color:#264b59;font-weight:700;font-size:clamp(13px,1.4vw,18px);line-height:1.7}.tm-repair-labels span{display:block;color:#a32d24;font-size:12px;letter-spacing:.12em}.sq-truck .tk-emergency-conditions{margin:14px 0 24px}
@media(min-width:1051px) and (max-width:1200px){.sq-truck .tk-hero-full .sq-hero-copy{position:relative;left:auto;top:auto;transform:none;width:100%;padding:45px 6%;background:#132b35}.sq-truck .tk-hero-full .sq-hero-copy>*{max-width:700px}}
@media(max-width:768px){.tm-callouts{bottom:10%}.tm-repair-labels{gap:12%;padding:10px 0 0 8%}.sq-truck .sq-hero-copy .tk-emergency-badge{font-size:15px}.tm-repair-labels span{font-size:11px}}


/* A raster vehicle crosses the photograph in front; controls remain above it. */
.sq-truck .tk-hero-full .sq-hero-copy{z-index:3}
.tm-annotation-layer{position:absolute;bottom:8%;left:3%;width:88%;aspect-ratio:2/1;pointer-events:none}.tm-annotation-layer .tm-callouts{inset:0;width:100%;height:100%;aspect-ratio:auto}.tm-part-pin{position:absolute;transform:translate(-50%,-50%);background:#fafbf8;border:1px solid #a32d24;color:#a32d24;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:12px;font-weight:700;line-height:1}.tm-pin-01{left:14.09%;top:93.57%}.tm-pin-02{left:89.63%;top:97.52%}.tm-pin-03{left:80.05%;top:96.39%}.tm-pin-04{left:97.52%;top:16.35%}.tm-repair-labels{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:12px 0 0}.sq-truck .tm-repair-labels p{background:#fafbf8;border-top:2px solid #a32d24;padding:14px 8px}.tm-more-parts{margin:28px auto 0;padding:28px;background:#e2ebed;max-width:1180px}.sq-truck .tm-more-parts h3{font-size:24px;margin:0 0 16px}.sq-truck .tm-more-parts p{margin:0}
@media(max-width:768px){.tm-annotation-layer{bottom:10%}.tm-part-pin{width:20px;height:20px;font-size:10px}.tm-repair-labels{grid-template-columns:1fr 1fr;gap:12px;padding:12px 0 0}.tm-more-parts{padding:22px}.sq-truck .tm-more-parts h3{font-size:22px}}


/* A single workshop shutter reveal; content is visible unless JS starts it. */
.tm-hero-reveal{overflow:hidden;--tm-photo-y:0px}.tm-photo-window{aspect-ratio:1672/917;overflow:hidden}.tm-photo-window img{display:block;transform:translateY(var(--tm-photo-y));will-change:transform}.tm-shutter{display:none;position:absolute;inset:0;pointer-events:none;background:#465764 url('/generated-truck-motion/shutter-real.webp') center bottom/cover no-repeat;border-bottom:0;box-shadow:0 9px 17px #0d1a2670;z-index:2}.tm-opening .tm-shutter{display:block;animation:tm-shutter-open 1.8s linear both}.sq-truck .tm-opening .sq-hero-copy{animation:tm-copy-reveal .45s ease-out .35s both}.tm-intro-paused .tm-shutter,.sq-truck .tm-intro-paused .sq-hero-copy{animation-play-state:paused}.tm-revealed .tm-shutter{display:none}@keyframes tm-shutter-open{0%{transform:translateY(0);animation-timing-function:ease-out}8%,12%{transform:translateY(-3%)}15%{transform:translateY(-2.5%);animation-timing-function:ease-out}23%,29%{transform:translateY(-8%)}32%{transform:translateY(-7.6%);animation-timing-function:cubic-bezier(.55,0,.25,1)}100%{transform:translateY(calc(-100% - 24px))}}@keyframes tm-copy-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:768px){.tm-photo-window{aspect-ratio:1672/925}}
@media(prefers-reduced-motion:reduce){.tm-shutter{display:none!important}.sq-truck .tm-opening .sq-hero-copy{animation:none!important;opacity:1!important}.tm-photo-window img{transform:none!important;will-change:auto}}

/* The upper raster truck foreshadows the larger vehicle farther down. */
.sq-truck .tk-hero-full .tk-hero-photo .tm-hero-truck{position:absolute;left:56%;bottom:0;width:30%;height:auto;z-index:1;pointer-events:none;filter:drop-shadow(0 12px 8px #0d202655)}
@media(max-width:768px){.sq-truck .tk-hero-full .tk-hero-photo .tm-hero-truck{left:52%;width:40%;filter:drop-shadow(0 4px 3px #0d202655)}}

/* Mobile framing removes the photograph's desktop copy space, preserving the truck. */
@media(max-width:768px){.sq-truck .tk-hero-full .tm-photo-window{aspect-ratio:972/925}.sq-truck .tk-hero-full .tm-photo-window img{width:calc(100% * 1672 / 972);max-width:none;transform:translate(-41.86603%,var(--tm-photo-y))}.sq-truck .tk-hero-full .tk-hero-photo .tm-hero-truck{left:44%}}
@media(max-width:768px) and (prefers-reduced-motion:reduce){.sq-truck .tk-hero-full .tm-photo-window img{transform:translateX(-41.86603%)!important}}

/* The official mark is painted onto the shutter and moves with its slats. */
.tm-shutter{isolation:isolate}.sq-truck .tk-hero-full .tk-hero-photo .tm-shutter-logo{position:absolute;left:55%;top:50%;width:clamp(140px,10.4vw,160px);height:auto;transform:translate(-50%,-50%);mix-blend-mode:multiply;pointer-events:none}
@media(max-width:768px){.sq-truck .tk-hero-full .tk-hero-photo .tm-shutter-logo{left:50%;width:clamp(76px,22vw,96px)}}