.jts-about{--jts-navy: #10283f;--jts-navy-deep: #091a2a;--jts-red: #c92130;--jts-red-dark: #a81724;--jts-ink: #17202a;--jts-muted: #5d6772;--jts-line: #d9dfe5;--jts-tint: #f3f6f8;--jts-white: #fff;color:var(--jts-ink);overflow:clip}body.template-page-about-johnson-truck-sales .notification-banner.popup{display:none!important}.jts-about *,.jts-about *:before,.jts-about *:after{box-sizing:border-box}.jts-about__shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.jts-about__hero{position:relative;color:var(--jts-white);background:linear-gradient(118deg,var(--jts-navy-deep) 0%,var(--jts-navy) 64%,#1d405d 100%)}.jts-about__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:linear-gradient(120deg,transparent 0 49%,rgba(255,255,255,.9) 50% 50.25%,transparent 50.5%),linear-gradient(30deg,transparent 0 65%,rgba(255,255,255,.6) 65.2% 65.35%,transparent 65.55%);background-size:320px 220px,460px 320px;pointer-events:none}.jts-about__hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(52px,7vw,100px);align-items:center;min-height:620px;padding-block:clamp(72px,8vw,120px)}.jts-about__hero-copy{max-width:720px}.jts-about__eyebrow{margin:0 0 18px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.16em;line-height:1.3;text-transform:uppercase}.jts-about__eyebrow--red{color:var(--jts-red)}#MainContent .jts-about h1{max-width:800px;margin:0;color:#fff;font-size:clamp(44px,5.4vw,78px);font-weight:800;letter-spacing:-.045em;line-height:.98}.jts-about__hero-lede{max-width:690px;margin:28px 0 0;color:#e5edf4;font-size:clamp(18px,2vw,23px);line-height:1.55}.jts-about__hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.jts-about__button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:13px 22px;border:2px solid transparent;border-radius:4px;font-weight:800;line-height:1.2;text-decoration:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.jts-about__button:hover{transform:translateY(-2px);text-decoration:none}.jts-about__button:focus-visible,.jts-about__text-link:focus-visible{outline:3px solid #f3be35;outline-offset:4px}.jts-about__button--primary{color:#fff;background:var(--jts-red)}.jts-about__button--primary:hover{color:#fff;background:var(--jts-red-dark)}.jts-about__button--secondary{color:#fff;border-color:#ffffffb8;background:transparent}.jts-about__button--secondary:hover{color:var(--jts-navy-deep);background:#fff;border-color:#fff}.jts-about__hero-mark{position:relative;display:flex;min-height:390px;flex-direction:column;justify-content:flex-end;padding:40px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(145deg,#ffffff24,#ffffff08);box-shadow:0 28px 70px #00000040;isolation:isolate}.jts-about__hero-mark:before,.jts-about__photo:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;z-index:-1;border:1px solid rgba(255,255,255,.16);background:repeating-linear-gradient(135deg,transparent 0 26px,rgba(255,255,255,.045) 26px 27px)}.jts-about__hero-mark strong{color:#fff;font-size:clamp(32px,3.2vw,48px);letter-spacing:-.04em;line-height:.95}.jts-about__photo-kicker,.jts-about__photo-caption{color:#dce7ef;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.jts-about__photo-kicker{margin-bottom:auto}.jts-about__photo-caption{margin-top:22px}.jts-about__trust{position:relative;z-index:2;background:#fff;border-bottom:1px solid var(--jts-line);box-shadow:0 14px 34px #10283f14}.jts-about__trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.jts-about__trust-item{min-height:130px;display:flex;flex-direction:column;justify-content:center;padding:28px 30px;border-left:1px solid var(--jts-line)}.jts-about__trust-item:last-child{border-right:1px solid var(--jts-line)}.jts-about__trust-item strong{color:var(--jts-navy);font-size:19px;font-weight:850}.jts-about__trust-item span{margin-top:6px;color:var(--jts-muted);font-size:14px;line-height:1.45}.jts-about__section{padding-block:clamp(74px,8vw,116px)}.jts-about__section--tint{background:var(--jts-tint)}.jts-about__section--dark{color:#fff;background:var(--jts-navy-deep)}.jts-about__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(54px,8vw,110px);align-items:center}.jts-about__split--reverse{grid-template-columns:minmax(360px,.9fr) minmax(0,1fr)}.jts-about__copy h2,.jts-about__section-heading h2,.jts-about__reach-grid h2,.jts-about__future-grid h2,.jts-about__cta h2{margin:0;color:var(--jts-navy-deep);font-size:clamp(34px,4.2vw,56px);font-weight:800;letter-spacing:-.04em;line-height:1.03}.jts-about__copy>p:not(.jts-about__eyebrow),.jts-about__section-heading>p:not(.jts-about__eyebrow),.jts-about__future-grid p,.jts-about__reach-grid p,.jts-about__cta p{color:var(--jts-muted);font-size:17px;line-height:1.72}.jts-about__copy>p:first-of-type:not(.jts-about__eyebrow){font-size:19px}.jts-about__section-heading{max-width:780px;margin-bottom:44px}.jts-about__visual-stack{display:grid;gap:18px}.jts-about__photo{position:relative;display:flex;min-height:280px;flex-direction:column;justify-content:flex-end;padding:34px;color:#fff;background:linear-gradient(145deg,#254a67,var(--jts-navy-deep));box-shadow:0 22px 50px #10283f29;isolation:isolate}.jts-about__photo--bays{min-height:210px;margin-left:70px;background:linear-gradient(145deg,#7e1b25,var(--jts-red))}.jts-about__photo--equipment{min-height:470px;background:linear-gradient(145deg,#1d435f,#091a2a)}.jts-about__photo--parts{min-height:350px;background:linear-gradient(145deg,#7e1b25,#c92130)}.jts-about__photo--team{min-height:490px;background:linear-gradient(145deg,#274f6c,#0a1e30)}.jts-about__photo span{margin-bottom:auto;color:#e1eaf0;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.jts-about__photo strong{max-width:400px;color:#fff;font-size:clamp(26px,3vw,40px);letter-spacing:-.035em;line-height:1.05}#MainContent .jts-about__section-heading--light h2,#MainContent .jts-about__section--dark h2,#MainContent .jts-about__cta h2{color:#fff}.jts-about__section-heading--light>p:not(.jts-about__eyebrow),.jts-about__section--dark p{color:#c8d5df}.jts-about__timeline{display:grid;grid-template-columns:repeat(4,1fr);margin:58px 0 0;padding:0;list-style:none;counter-reset:none}.jts-about__timeline li{position:relative;padding:42px 28px 0 0;border-top:2px solid #476078}.jts-about__timeline li:before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border:3px solid var(--jts-navy-deep);border-radius:50%;background:var(--jts-red);box-shadow:0 0 0 2px var(--jts-red)}.jts-about__timeline time,.jts-about__timeline-date{display:block;color:#f2a6ae;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.jts-about__timeline h3{margin:14px 0 10px;color:#fff;font-size:21px;line-height:1.2}.jts-about__timeline p{margin:0;padding-right:12px;font-size:15px;line-height:1.62}.jts-about__icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.jts-about__icon-card{min-height:260px;padding:32px;border:1px solid var(--jts-line);background:#fff;box-shadow:0 10px 30px #10283f0f}.jts-about__icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;color:var(--jts-red);background:#fff0f2}.jts-about__icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.jts-about__icon-card h3{margin:22px 0 10px;color:var(--jts-navy-deep);font-size:21px}.jts-about__icon-card p{margin:0;color:var(--jts-muted);font-size:15px;line-height:1.65}.jts-about__text-link{display:inline-flex;gap:8px;align-items:center;margin-top:14px;color:var(--jts-red-dark);font-weight:850;text-decoration-thickness:2px;text-underline-offset:5px}.jts-about__parts-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:stretch}.jts-about__parts-list{display:grid;grid-template-columns:repeat(2,1fr);align-content:start;border-top:1px solid var(--jts-line)}.jts-about__parts-list span{position:relative;min-height:74px;display:flex;align-items:center;padding:16px 18px 16px 34px;border-bottom:1px solid var(--jts-line);color:var(--jts-navy-deep);font-size:15px;font-weight:750;line-height:1.35}.jts-about__parts-list span:before{content:"";position:absolute;left:5px;width:11px;height:11px;background:var(--jts-red);clip-path:polygon(0 0,100% 50%,0 100%)}.jts-about__brand-note{max-width:800px;margin:26px 0 0;color:#6d7580;font-size:12px;line-height:1.55}.jts-about__reach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(50px,8vw,110px)}.jts-about__reach-grid article+article{padding-left:clamp(50px,8vw,110px);border-left:1px solid #40566a}.jts-about__reach-grid h2{font-size:clamp(32px,3.8vw,48px)}.jts-about__people{display:grid;grid-template-columns:repeat(2,1fr);margin:36px 0 0;border-top:1px solid var(--jts-line)}.jts-about__people div{padding:20px 12px 20px 0;border-bottom:1px solid var(--jts-line)}.jts-about__people dt{color:var(--jts-navy-deep);font-size:16px;font-weight:850}.jts-about__people dd{margin:4px 0 0;color:var(--jts-muted);font-size:14px}.jts-about__section--values{background:#eef2f5}.jts-about__values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cdd5dc}.jts-about__values-grid article{min-height:270px;padding:30px;background:#fff}.jts-about__values-grid span{color:var(--jts-red);font-size:13px;font-weight:850;letter-spacing:.1em}.jts-about__values-grid h3{margin:56px 0 10px;color:var(--jts-navy-deep);font-size:22px}.jts-about__values-grid p{margin:0;color:var(--jts-muted);font-size:15px;line-height:1.6}.jts-about__future-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(60px,10vw,140px);align-items:end}.jts-about__future-grid address{display:flex;flex-direction:column;padding:30px;border-left:4px solid var(--jts-red);color:var(--jts-muted);font-style:normal;line-height:1.65;background:var(--jts-tint)}.jts-about__future-grid address strong{margin-bottom:6px;color:var(--jts-navy-deep)}.jts-about__future-grid address a{margin-top:18px;color:var(--jts-red-dark);font-weight:800}.jts-about__cta{padding-block:clamp(66px,7vw,96px);color:#fff;background:var(--jts-red)}.jts-about__cta-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.jts-about__cta h2{color:#fff}.jts-about__cta p{max-width:730px;color:#fff}.jts-about__cta .jts-about__hero-actions{justify-content:flex-end;margin-top:0}.jts-about__button--light{color:var(--jts-red-dark);background:#fff}.jts-about__button--light:hover{color:var(--jts-navy-deep);background:#f3f6f8}.jts-about__button--outline{color:#fff;border-color:#fff}.jts-about__button--outline:hover{color:var(--jts-red-dark);background:#fff}@media(max-width:990px){.jts-about__hero-grid{grid-template-columns:1fr;min-height:auto}.jts-about__hero-mark{min-height:280px}.jts-about__trust-grid,.jts-about__values-grid{grid-template-columns:repeat(2,1fr)}.jts-about__trust-item:nth-child(3){border-left:1px solid var(--jts-line);border-top:1px solid var(--jts-line)}.jts-about__trust-item:nth-child(4){border-top:1px solid var(--jts-line)}.jts-about__split,.jts-about__split--reverse{grid-template-columns:1fr}.jts-about__split--reverse .jts-about__photo{order:2}.jts-about__icon-grid{grid-template-columns:repeat(2,1fr)}.jts-about__timeline{grid-template-columns:repeat(2,1fr);row-gap:46px}.jts-about__parts-layout,.jts-about__reach-grid,.jts-about__future-grid,.jts-about__cta-inner{grid-template-columns:1fr}.jts-about__reach-grid article+article{padding:50px 0 0;border-top:1px solid #40566a;border-left:0}.jts-about__cta .jts-about__hero-actions{justify-content:flex-start}}@media(max-width:620px){.jts-about__shell{width:min(100% - 32px,1180px)}.jts-about__hero-grid{gap:42px;padding-block:64px}#MainContent .jts-about h1{font-size:clamp(42px,13vw,58px)}.jts-about__hero-lede{font-size:18px}.jts-about__hero-mark{min-height:240px;padding:28px}.jts-about__trust-grid,.jts-about__values-grid,.jts-about__icon-grid,.jts-about__parts-list,.jts-about__people{grid-template-columns:1fr}.jts-about__trust-item,.jts-about__trust-item:last-child{min-height:104px;border:0;border-bottom:1px solid var(--jts-line)}.jts-about__section{padding-block:68px}.jts-about__photo--bays{margin-left:28px}.jts-about__photo--equipment,.jts-about__photo--team{min-height:360px}.jts-about__timeline{grid-template-columns:1fr;gap:0;margin-left:7px}.jts-about__timeline li{padding:18px 0 42px 28px;border-top:0;border-left:2px solid #476078}.jts-about__timeline li:before{top:20px;left:-8px}.jts-about__icon-card,.jts-about__values-grid article{min-height:0}.jts-about__values-grid h3{margin-top:32px}.jts-about__hero-actions{align-items:stretch;flex-direction:column}.jts-about__button{width:100%}}@media(prefers-reduced-motion:reduce){.jts-about__button{transition:none}.jts-about__button:hover{transform:none}}.jts-about figure{margin:0}.jts-about__hero-mark--photo{min-height:0;aspect-ratio:4 / 3;padding:0;overflow:hidden;background:#d8d2c4}.jts-about__hero-mark--photo:before,.jts-about__photo--image:before{display:none}.jts-about__real-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.jts-about__hero-mark--photo .jts-about__real-image{object-fit:cover;object-position:center}.jts-about__photo--shop .jts-about__real-image{object-position:44% center}.jts-about__photo--parts .jts-about__real-image{object-position:center}.jts-about__photo--image{padding:0;overflow:hidden}.jts-about__image-caption{position:absolute;inset:auto 0 0;z-index:1;display:grid;gap:8px;padding:72px 28px 26px;color:#fff;background:linear-gradient(180deg,transparent,rgba(5,20,32,.94))}.jts-about__hero-mark--photo .jts-about__image-caption{padding:64px 26px 24px}.jts-about__image-caption span{margin:0;color:#e5edf2;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.jts-about__image-caption strong,.jts-about__hero-mark--photo .jts-about__image-caption strong{max-width:430px;color:#fff;font-size:clamp(22px,2.6vw,34px);letter-spacing:-.035em;line-height:1.05}@media(max-width:749px){.jts-about__hero-mark--photo{min-height:0;aspect-ratio:4 / 3}.jts-about__image-caption{padding:58px 22px 22px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/jts-about-page.css.map */