@font-face{font-family:Onest;src:url('/assets/fonts/Onest-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Onest;src:url('/assets/fonts/Onest-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Pragmatica Cond';src:url('/assets/fonts/PragmaticaCond-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
html,body{font-family:Onest,'Times New Roman',Times,sans-serif!important}
body :is(h1,h2){font-family:'Pragmatica Cond',Onest,sans-serif}
.phone a{display:block}.phone a+a{margin-top:5px}
.hero{background-image:linear-gradient(90deg,rgba(2,39,67,.97) 0%,rgba(0,70,119,.88) 35%,rgba(0,73,123,.28) 66%,rgba(0,61,103,.08) 100%),url('/assets/utk-truck-hero.png')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.truck-effects{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.headlight{position:absolute;left:62.1%;top:69.5%;width:38px;height:17px;border-radius:50%;opacity:0;transform:rotate(-7deg);background:radial-gradient(ellipse,#fff 0 18%,#d9f5ff 24%,#79d7ff 48%,transparent 74%);filter:blur(1px);box-shadow:0 0 11px 4px #bcecff,0 0 30px 12px #45baff80}.headlight-b{left:65.1%;top:68.8%;width:24px;height:12px}.trailer-shine{position:absolute;top:23%;right:0;width:37%;height:45%;opacity:0;transform:translateX(-125%) skewX(-18deg);background:linear-gradient(105deg,transparent 38%,#ffffff18 45%,#fff 50%,#ffffff42 54%,transparent 63%);mix-blend-mode:screen}.hero:hover .headlight{animation:headlight-blink 1.35s ease-in-out infinite}.hero:hover .headlight-b{animation-delay:.08s}.hero:hover .trailer-shine{animation:logo-shine 2.2s ease-in-out infinite}@keyframes headlight-blink{0%,18%,28%,48%,58%,100%{opacity:0}21%,25%,51%,55%{opacity:.95}}@keyframes logo-shine{0%,18%{opacity:0;transform:translateX(-125%) skewX(-18deg)}28%{opacity:.75}55%,100%{opacity:0;transform:translateX(125%) skewX(-18deg)}}
.brand-logo{display:block;width:250px;height:auto;object-fit:contain;object-position:left center}
.brand-emblem{display:block;width:58px;height:58px;overflow:visible;flex:0 0 58px}.brand-emblem img{display:block;width:58px;height:58px;object-fit:contain}.brand-name{font-family:'Times New Roman',Times,serif;font-size:28px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none;white-space:nowrap;color:#075796!important}
.hero:before{opacity:.04}.hero:after{display:none}.hero-in{min-height:610px;display:flex;flex-direction:column;justify-content:center}.hero-copy,.hero p{max-width:610px}.stat:nth-child(3){display:none}
.hero-in{width:calc(100% - clamp(24px,4vw,56px))!important;margin-left:clamp(12px,2vw,28px)!important;margin-right:0!important}
.grid{border:0;gap:12px}.item{position:relative;min-height:270px;padding:0;overflow:hidden;border:0;background:#e8f2f8}.item:before{content:"";display:block;height:220px;background-image:url('/assets/stainless-products-strip.png');background-repeat:no-repeat;background-size:700% 100%;background-position-y:center;transition:transform .35s ease}.item:nth-child(1):before{background-position-x:0}.item:nth-child(2):before{background-position-x:16.666%}.item:nth-child(3):before{background-position-x:33.333%}.item:nth-child(4):before{background-position-x:50%}.item:nth-child(5):before{background-position-x:66.666%}.item:nth-child(6):before{background-position-x:83.333%}.item:nth-child(7):before{background-position-x:100%}.item:hover:before{transform:scale(1.035)}.item svg{display:none}.item b{margin:0;padding:18px 8px;background:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.item{min-height:300px}.item:before{height:250px}.hero{background-position:60% center}.hero-in{min-height:570px}}
@media(max-width:600px){.hero{background-position:67% center}.hero-in{min-height:590px}.grid{grid-template-columns:1fr}.item:before{height:310px}.item{min-height:360px}}
@media(max-width:600px){.brand-logo{width:188px;height:auto}}
@media(max-width:600px){.brand-emblem{width:46px;height:46px;flex-basis:46px}.brand-emblem img{width:46px;height:46px}.brand-name{font-size:19px!important}}
.products{overflow:hidden}.products .heading{gap:28px}.products .heading>*{min-width:0}.products .heading p{max-width:360px;margin-left:auto;text-align:right;overflow-wrap:anywhere}.grid{width:100%;max-width:1120px!important;border:0!important;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))!important}.item{width:100%;min-width:0;min-height:0!important;padding:10px!important;border:0!important}.item:before{width:100%;height:auto!important;aspect-ratio:2/3;background-size:700% auto!important;background-position-y:center!important}.item b{display:flex!important;align-items:center;justify-content:center;min-height:58px;margin:10px 0 0!important;padding:12px 8px!important;font-family:'Pragmatica Cond',Onest,sans-serif;font-weight:700;font-size:clamp(15px,1.45vw,19px)!important;line-height:1.05;letter-spacing:.025em!important;text-align:center;overflow-wrap:anywhere;word-break:normal}
@media(max-width:900px){.products .heading{display:block}.products .heading p{max-width:none;margin-left:0;text-align:left}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.products{padding-left:16px!important;padding-right:16px!important}.grid{grid-template-columns:1fr!important}.item b{font-size:18px!important}}
@media(max-width:900px){.headlight{left:58%;top:70%}.headlight-b{left:62%;top:69%}.trailer-shine{width:43%}}
@media(hover:none),(prefers-reduced-motion:reduce){.hero:hover .headlight,.hero:hover .trailer-shine{animation:none}}
.truck-effects{display:none!important}
.map-sec{padding-left:clamp(18px,3vw,44px)!important;padding-right:clamp(18px,3vw,44px)!important}.map-wrap{width:100%;max-width:1320px!important;grid-template-columns:270px minmax(0,1fr)!important;gap:28px!important}.map{min-width:0;min-height:470px!important}.map svg{height:470px!important;overflow:visible}.cities span{cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.cities span:hover,.cities span:focus-visible,.cities span.is-active{position:relative;z-index:2;color:#fff;background:#0076c8;border-color:#0076c8;transform:scale(1.1);box-shadow:0 7px 18px rgba(0,118,200,.28);outline:none}.map g{cursor:pointer}.map .dot,.map .label{transition:r .2s ease,fill .2s ease,font-size .2s ease,filter .2s ease}.map g:hover .dot,.map g.is-active .dot{r:12px;fill:#0076c8;filter:drop-shadow(0 0 7px #35b8ff)}.map g:hover .label,.map g.is-active .label{font-size:15px;fill:#0076c8}
@media(max-width:900px){.map-wrap{grid-template-columns:1fr!important}.map{min-height:450px!important}.map svg{height:450px!important}}
@media(max-width:600px){.map{min-height:330px!important}.map svg{height:330px!important}}
.map-sec{padding-left:clamp(14px,2vw,30px)!important;padding-right:clamp(14px,2vw,30px)!important}.map-wrap{max-width:1440px!important;grid-template-columns:1fr!important;gap:16px!important}.map-copy{display:grid;grid-template-columns:auto minmax(240px,1fr) minmax(300px,520px);column-gap:28px;align-items:end}.map-copy .eye{grid-column:1/-1}.map-copy h2{margin-right:20px}.map-copy p{margin:0}.map-copy .cities{margin-top:0;justify-content:flex-end}.map{width:100%;min-height:560px!important}.map svg{height:560px!important}.cities span:hover,.cities span:focus-visible,.cities span.is-active{transform:scale(1.18);box-shadow:0 9px 24px rgba(0,118,200,.36)}.map g:hover .dot,.map g.is-active .dot{r:16px;filter:drop-shadow(0 0 11px #20b9ff)}.map g:hover .label,.map g.is-active .label{font-size:21px;stroke-width:6px}
@media(max-width:900px){.map-copy{display:block}.map-copy .cities{justify-content:flex-start;margin-top:20px}.map{min-height:510px!important}.map svg{height:510px!important}}
@media(max-width:600px){.map{min-height:370px!important}.map svg{height:370px!important}.map g:hover .label,.map g.is-active .label{font-size:18px}}
.headlight{left:47.5%;top:73%;width:46px;height:23px;transform:rotate(-5deg);background:radial-gradient(ellipse,#fff 0 22%,#f7fdff 30%,#bdefff 48%,transparent 72%);filter:blur(.4px);box-shadow:0 0 14px 7px #fff,0 0 34px 18px #82dcff,0 0 65px 30px #2ab8ff99}.headlight-b{left:57.4%;top:72.5%;width:50px;height:24px}.trailer-shine{left:75.5%;right:auto;top:39%;width:24%;height:24%;transform:none;background:linear-gradient(108deg,transparent 0 43%,rgba(255,255,255,.16) 46%,#fff 49%,rgba(255,255,255,.28) 52%,transparent 56%);background-size:320% 100%;background-position:140% 0;mix-blend-mode:screen}.hero:hover .headlight{animation:headlight-single .8s ease-out 1 both}.hero:hover .headlight-b{animation-delay:0s}.hero:hover .trailer-shine{animation:logo-shine-single 1.15s .12s ease-in-out 1 both}@keyframes headlight-single{0%,18%{opacity:0;transform:rotate(-5deg) scale(.75)}36%{opacity:1;transform:rotate(-5deg) scale(1.16)}58%,100%{opacity:0;transform:rotate(-5deg) scale(1)}}@keyframes logo-shine-single{0%,12%{opacity:0;background-position:140% 0}24%{opacity:1}72%{opacity:.9}100%{opacity:0;background-position:-45% 0}}
@media(max-width:900px){.headlight{left:46%;top:73%}.headlight-b{left:60.5%;top:72.5%}.trailer-shine{left:84%;top:40%;width:16%;height:23%}}
@media(hover:none),(prefers-reduced-motion:reduce){.hero:hover .headlight,.hero:hover .trailer-shine{animation:none}}