.truck-hub{--th-bg: #0a0a0b;--th-bg-2: #0f1012;--th-panel: #131417;--th-ink: #ffffff;--th-muted: rgba(255, 255, 255, .64);--th-dim: rgba(255, 255, 255, .42);--th-line: rgba(255, 255, 255, .12);--th-line-2: rgba(255, 255, 255, .22);--th-sand: #cabfb2;--th-sand-deep: #b7aca2;--th-radius: 4px;--th-ease: cubic-bezier(.22, 1, .36, 1);display:block;background-color:var(--th-bg);background-image:var(--th-topo);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed;color:var(--th-ink);font-family:var(--font-body-family, "Jost", sans-serif);overflow:clip;margin-top:-1px}.truck-hub *,.truck-hub *:before,.truck-hub *:after{box-sizing:border-box}.th-eyebrow{display:inline-flex;align-items:center;gap:11px;margin:0 0 18px;font-family:var(--font-heading-family, "DM Sans", sans-serif);font-size:clamp(1.1rem,.9rem + .3vw,1.3rem);font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--th-muted)}.th-eyebrow--accent{color:var(--th-sand)}.th-eyebrow__tick{width:26px;height:2px;background:currentColor;flex:0 0 auto}.th-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:5.4rem;padding:0 2.8rem;border:1px solid transparent;border-radius:var(--th-radius);font-family:var(--font-heading-family, "DM Sans", sans-serif);font-size:1.4rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .22s var(--th-ease),background-color .22s var(--th-ease),color .22s var(--th-ease),box-shadow .22s var(--th-ease),border-color .22s var(--th-ease)}.th-btn svg{width:1.7rem;height:1.7rem;transition:transform .22s var(--th-ease)}.th-btn--solid{background:var(--th-ink);color:#000}.th-btn--solid:hover{transform:translateY(-3px);box-shadow:0 1.2rem 3rem #0000008c}.th-btn--solid:hover svg{transform:translate(4px)}.th-btn--ghost{background:#ffffff0a;color:var(--th-ink);border-color:var(--th-line-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.th-btn--ghost:hover{background:#ffffff1a;border-color:var(--th-ink);transform:translateY(-3px)}.th-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--th-bg),0 0 0 4px var(--th-sand)}.th-bracket{position:absolute;width:42px;height:42px;border:2px solid var(--th-sand);opacity:.55;z-index:3;pointer-events:none}.th-bracket--tl{top:26px;left:26px;border-right:0;border-bottom:0}.th-bracket--br{bottom:26px;right:26px;border-left:0;border-top:0}.th-hero{position:relative;display:flex;align-items:flex-end;min-height:clamp(540px,86vh,920px);padding:0 0 clamp(4rem,7vh,8rem);overflow:hidden;isolation:isolate}.th-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.th-hero__img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transform:scale(1.06);animation:thHeroPan 18s var(--th-ease) forwards}.th-hero__img--ph{background:radial-gradient(120% 120% at 70% 20%,#2a2d33,#0a0a0b)}@keyframes thHeroPan{to{transform:scale(1)}}.th-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#060608e6,#0606089e,#0606081f 68%,#06060800),linear-gradient(0deg,#060608f7,#060608b3 22%,#06060833 48%,#0606082e 72%,#06060857)}.th-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.14;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.th-hero__body{position:relative;z-index:2;width:100%}.th-hero .th-eyebrow{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.6)}.th-hero .th-eyebrow__tick{background:var(--th-sand)}.th-hero__title{margin:0;color:#fff;font-family:var(--font-heading-family, "DM Sans", sans-serif);font-weight:800;font-size:clamp(4.4rem,2rem + 8vw,11rem);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;text-shadow:0 2px 14px rgba(0,0,0,.55),0 .4rem 5rem rgba(0,0,0,.45)}.th-hero__sub{max-width:52ch;margin:2.4rem 0 0;font-size:clamp(1.6rem,1.4rem + .4vw,1.95rem);line-height:1.55;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.65)}.th-hero__cta{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:3.4rem}.th-hero__stats{display:flex;flex-wrap:wrap;gap:2.4rem 4rem;margin:4.2rem 0 0;padding:2.4rem 0 0;list-style:none;border-top:1px solid var(--th-line)}.th-hero__stats li{display:flex;flex-direction:column;gap:.4rem}.th-hero__stat-num{font-family:var(--font-heading-family, "DM Sans", sans-serif);font-weight:800;font-size:clamp(2.8rem,2rem + 1.6vw,4rem);line-height:1;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.6)}.th-hero__stat-lbl{font-size:1.25rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd1;text-shadow:0 1px 10px rgba(0,0,0,.6)}.th-hero__stats{border-top-color:#ffffff47}.th-hero__scroll{position:absolute;left:50%;bottom:1.8rem;transform:translate(-50%);width:24px;height:38px;border:2px solid var(--th-line-2);border-radius:14px;z-index:2}.th-hero__scroll span{position:absolute;left:50%;top:7px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--th-sand);animation:thScroll 1.7s var(--th-ease) infinite}@keyframes thScroll{0%{opacity:0;transform:translateY(0)}40%{opacity:1}to{opacity:0;transform:translateY(12px)}}.th-trust{background:#0f1012b8;border-top:1px solid var(--th-line);border-bottom:1px solid var(--th-line)}.th-trust__row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;margin:0 auto;width:100%;max-width:1720px;padding:0 clamp(1.5rem,4vw,5rem)}.th-trust__item{display:flex;align-items:center;justify-content:center;gap:1.4rem;padding:2.8rem 2rem;border-left:1px solid var(--th-line)}.th-trust__item:first-child{border-left:0}.th-trust__ic{width:2.8rem;height:2.8rem;color:var(--th-sand);flex:0 0 auto}.th-trust__item strong{display:block;font-family:var(--font-heading-family, "DM Sans", sans-serif);font-size:1.5rem;font-weight:700;letter-spacing:.02em}.th-trust__item span{display:block;margin-top:.3rem;font-size:1.3rem;color:var(--th-dim);line-height:1.35}.th-makes{padding:clamp(5.5rem,9vh,10rem) 0 clamp(5rem,8vh,9rem)}.th-sec-head{margin-bottom:clamp(3rem,5vh,5rem)}.th-sec-head__row{display:flex;align-items:flex-end;justify-content:space-between;gap:2.4rem;flex-wrap:wrap}.th-sec-head__title{margin:0;color:#fff;font-family:var(--font-heading-family, "DM Sans", sans-serif);font-weight:800;font-size:clamp(3.2rem,2rem + 3vw,6rem);line-height:.95;letter-spacing:-.015em;text-transform:uppercase}.th-sec-head__caption{max-width:42ch;margin:0;font-size:1.55rem;line-height:1.55;color:var(--th-muted)}.th-makes__grid{display:grid;grid-template-columns:1fr;gap:1.4rem}.th-make{position:relative;display:block;min-height:320px;border-radius:var(--th-radius);overflow:hidden;text-decoration:none;color:var(--th-ink);isolation:isolate;border:1px solid var(--th-line);background:var(--th-panel)}.th-make__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.th-make__img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.02);transition:transform .7s var(--th-ease),filter .5s var(--th-ease);filter:saturate(.95) contrast(1.02)}.th-make__img--ph{background:radial-gradient(120% 120% at 60% 25%,#2b2f36,#0c0d0f)}.th-make--noimg{background:linear-gradient(180deg,#16181d,#0b0c0e 72%)}.th-make--noimg .th-make__img--ph{background:radial-gradient(110% 85% at 50% -8%,color-mix(in srgb,var(--make-accent, #3a3f49) 42%,transparent),transparent 60%),linear-gradient(180deg,#15171c,#0a0b0d 70%)}.th-make--noimg .th-make__index{color:color-mix(in srgb,var(--make-accent, #ffffff) 30%,rgba(255,255,255,.14))}.th-make--noimg:hover .th-make__img,.th-make--noimg:focus-visible .th-make__img{transform:none}.th-make__cutout{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:92%;max-height:64%;object-fit:contain;object-position:center;z-index:0;pointer-events:none;filter:drop-shadow(0 16px 24px rgba(0,0,0,.5));transition:transform .55s var(--th-ease)}.th-make--cutout:hover .th-make__cutout,.th-make--cutout:focus-visible .th-make__cutout{transform:translate(-50%,-53%) scale(1.05)}.th-make--cutout .th-make__body{background:linear-gradient(0deg,#0a0b0d 16%,#0a0b0dd1 48%,#0a0b0d00);padding-top:6rem}.th-make__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(0deg,#060607f0 4%,#06060780 38%,#06060714 70%,#06060757);transition:background .45s var(--th-ease)}.th-make__index{position:absolute;top:1.4rem;right:1.8rem;z-index:1;font-family:var(--font-heading-family, "DM Sans", sans-serif);font-size:3.6rem;font-weight:800;line-height:1;color:#ffffff29;letter-spacing:-.02em}.th-make__badge{position:absolute;top:1.6rem;left:1.8rem;z-index:1;padding:.6rem 1.1rem;background:var(--th-sand);color:#000;font-family:var(--font-heading-family, "DM Sans", sans-serif);font-size:1.05rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:2px}.th-make__body{position:relative;z-index:1;padding:clamp(2rem,3vw,3.2rem);margin-top:auto}.th-make{display:flex;flex-direction:column}.th-make__models{margin:0 0 .8rem;font-size:1.35rem;font-weight:600;letter-spacing:.04em;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.7)}.th-make__name{margin:0;color:#fff;font-family:var(--font-heading-family, "DM Sans", sans-serif);font-weight:800;font-size:clamp(3rem,1.8rem + 3vw,5.4rem);line-height:.92;letter-spacing:-.015em;text-transform:uppercase;text-shadow:0 2px 16px rgba(0,0,0,.6)}.th-make__cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.6rem;font-family:var(--font-heading-family, "DM Sans", sans-serif);font-size:1.35rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.7)}.th-make__cta svg{width:1.6rem;height:1.6rem;transition:transform .3s var(--th-ease)}.th-make__rule{position:absolute;left:0;bottom:0;z-index:2;height:4px;width:0;background:var(--make-accent, var(--th-sand));transition:width .5s var(--th-ease)}.th-make--noimg .th-make__rule{width:18%}.th-make:hover .th-make__img,.th-make:focus-visible .th-make__img{transform:scale(1.09);filter:saturate(1.05) contrast(1.05)}.th-make:hover .th-make__scrim,.th-make:focus-visible .th-make__scrim{background:linear-gradient(0deg,#060607f5 8%,#0606078c 46%,#0606071f 78%,#0606074d)}.th-make:hover .th-make__cta svg,.th-make:focus-visible .th-make__cta svg{transform:translate(5px)}.th-make:hover .th-make__rule,.th-make:focus-visible .th-make__rule{width:100%}.th-make:focus-visible{outline:none;box-shadow:0 0 0 2px var(--th-bg),0 0 0 4px var(--th-sand)}.th-makes__foot{margin:clamp(3rem,5vh,4.4rem) 0 0;font-size:1.6rem;color:var(--th-muted);text-align:center}.th-makes__foot a{display:inline-flex;align-items:center;gap:.5rem;margin-left:.6rem;color:var(--th-ink);font-weight:700;text-decoration:none;border-bottom:2px solid var(--th-sand);padding-bottom:1px}.th-makes__foot a svg{width:1.5rem;height:1.5rem;transition:transform .25s var(--th-ease)}.th-makes__foot a:hover svg{transform:translate(3px,-3px)}@media(min-width:750px){.th-makes__grid{grid-template-columns:repeat(2,1fr);gap:1.6rem}.th-make{min-height:340px}}@media(min-width:990px){.th-makes__grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:248px;gap:1.6rem}.th-make{grid-column:span 6;grid-row:span 2;min-height:0}.th-make:nth-child(1){grid-column:span 7;grid-row:span 2}.th-make:nth-child(2){grid-column:span 5;grid-row:span 1}.th-make:nth-child(3){grid-column:span 5;grid-row:span 1}.th-make:nth-child(4){grid-column:span 6;grid-row:span 1}.th-make:nth-child(5){grid-column:span 6;grid-row:span 1}.th-make:nth-child(2) .th-make__name,.th-make:nth-child(3) .th-make__name{font-size:clamp(2.6rem,2rem + 1vw,3.4rem)}}.th-commit{position:relative;background:var(--th-bg)}.th-commit__img{display:block;width:100%;height:auto}.th-commit__body{position:relative;z-index:1;width:100%;padding:clamp(4rem,8vh,7rem) 0 clamp(2rem,4vh,3rem);text-align:center}.th-commit__body .th-eyebrow{justify-content:center}.th-commit__title{margin:0 auto;max-width:20ch;font-family:var(--font-heading-family, "DM Sans", sans-serif);font-weight:800;font-size:clamp(3.2rem,2rem + 3.4vw,6.4rem);line-height:.95;letter-spacing:-.015em;text-transform:uppercase}.th-commit__text{max-width:50ch;margin:2rem auto 0;font-size:1.65rem;line-height:1.6;color:var(--th-muted)}.th-commit__body .th-btn{margin-top:3rem}[data-th-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s var(--th-ease),transform .7s var(--th-ease)}[data-th-reveal].is-in{opacity:1;transform:none}.th-makes__grid .th-make{transition:opacity .7s var(--th-ease),transform .7s var(--th-ease),box-shadow .22s var(--th-ease)}.th-makes__grid .th-make.is-in:nth-child(2){transition-delay:.06s}.th-makes__grid .th-make.is-in:nth-child(3){transition-delay:.12s}.th-makes__grid .th-make.is-in:nth-child(4){transition-delay:.18s}.th-makes__grid .th-make.is-in:nth-child(5){transition-delay:.24s}@media(max-width:989px){.th-trust__row{grid-template-columns:repeat(2,1fr);max-width:760px}.th-trust__item:nth-child(odd){border-left:0}.th-trust__item:nth-child(n+3){border-top:1px solid var(--th-line)}}@media(max-width:749px){.th-hero{min-height:78vh;align-items:flex-end}.th-hero__img{object-position:center 42%}.truck-hub{background-attachment:scroll;background-size:220% auto;background-position:center top}.th-bracket{width:28px;height:28px}.th-bracket--tl{top:16px;left:16px}.th-bracket--br{bottom:16px;right:16px}.th-hero__cta{flex-direction:column;align-items:stretch}.th-hero__cta .th-btn{width:100%}.th-hero__scroll{display:none}.th-trust__row{grid-template-columns:repeat(2,1fr);padding:0}.th-trust__item{flex-direction:column;text-align:center;gap:.9rem;padding:2.2rem 1.2rem;border-left:0}.th-trust__item:nth-child(2n){border-left:1px solid var(--th-line)}.th-trust__item:nth-child(n+3){border-top:1px solid var(--th-line)}.th-trust__item span{font-size:1.2rem}.th-sec-head__row{flex-direction:column;align-items:flex-start}.th-make{min-height:300px}}@media(prefers-reduced-motion:reduce){.truck-hub *,.truck-hub *:before,.truck-hub *:after{animation:none!important;transition:none!important}[data-th-reveal]{opacity:1!important;transform:none!important}.th-hero__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/truck-hub.css.map */