/* Corporate visual direction from the approved Driver Can Cargo mockup. */
.preview-bar{background:#111820;color:#d7dce0;text-align:center;padding:5px 15px;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.top{height:88px;position:relative;padding:0 max(calc((100vw - 1220px)/2),4vw)}
.brand{width:224px;height:67px;min-height:67px;display:block;padding:0;background:#fff url('assets/corporate-reference.png') no-repeat;background-size:930px auto;background-position:-82px 0;flex-shrink:0}
.brand:before{display:none}.brand span,.brand b{opacity:0;font-size:1px}
.top nav{font-size:12px;gap:25px}.nav-cta,.button{border-radius:3px;font-size:13px;padding:14px 22px;line-height:1.4}.top a:focus-visible,.button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f59a14;outline-offset:3px}
.hero{max-width:1320px;grid-template-columns:43% 57%;padding:46px 4vw 38px;gap:0;min-height:530px;background:linear-gradient(120deg,#fff 15%,#f4f7f8 85%)}
.hero h1{font-size:clamp(60px,7.7vw,101px);line-height:.88;letter-spacing:-1.5px}.hero-copy{position:relative;z-index:1;padding-right:10px}.hero-copy p:not(.eyebrow){font-size:13px;max-width:400px}.hero-copy .lead{font-size:17px!important;max-width:365px}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.6px}.hero-art.photo-hero{position:relative;margin:0;height:auto;min-height:0;aspect-ratio:1.366;width:100%;background:#e8f0f3 url('assets/corporate-reference.png') no-repeat;background-size:167% auto;background-position:right 9%;align-self:center;border-radius:0}
.hero-art.photo-hero:before{display:none}.hero-art.photo-hero small{background:#ffffffeb;padding:5px 8px;right:0;bottom:0;font-size:9px;color:#39434a}
.facts{padding:23px 4vw;max-width:1320px;background:#fff}.facts b{font-size:25px}.facts span{font-size:11px}.facts div{padding:12px}
.section{max-width:1240px;padding:55px 4vw}.section h2{font-size:39px;text-transform:uppercase;letter-spacing:-.4px}.section-head .eyebrow:before,.intro-copy .eyebrow:before{content:'';display:inline-block;vertical-align:middle;width:31px;height:3px;background:var(--red);margin-right:10px}
.intro-panel{display:grid;grid-template-columns:1fr 1fr;max-width:1320px;margin:auto;background:#f3f4f5}.port-photo{aspect-ratio:1.79;background:url('assets/corporate-reference.png') no-repeat;background-size:185.8% auto;background-position:left 66%;position:relative;min-height:330px}.port-photo small{position:absolute;left:0;bottom:0;background:#ffffffdf;font-size:9px;padding:5px 9px}.intro-copy{padding:42px;align-self:center}.intro-copy h2{font:900 clamp(30px,3.5vw,47px)/.98 'Barlow Condensed',Impact,sans-serif;margin:0 0 18px}.intro-copy p:not(.eyebrow){font-size:14px;color:#4d565c;max-width:460px}.cards article{background:linear-gradient(#fff,#f5f6f6);border-color:#e6e9ea;border-radius:4px;box-shadow:0 5px 20px #10203008;padding:27px;text-align:center}.cards h3{font-size:24px}.cards p{font-size:13px;min-height:62px}.cards a{font-size:12px}.icon{font-size:33px;line-height:1.3}.band{padding-top:42px;padding-bottom:42px;background:linear-gradient(90deg,#111820ee,#111820 65%),url('assets/highway-container.png') center 52%/cover}.band h2{text-transform:uppercase;font-size:40px}.band p:not(.eyebrow){max-width:740px}
.article-preview article{border-top:3px solid var(--red);background:#f5f6f6;padding:25px}.article-preview h3{font-size:23px}.article-preview{gap:20px}
.page-hero{padding-top:48px;padding-bottom:48px;background:linear-gradient(105deg,#111820,#24323c)}.page-hero h1{max-width:900px;line-height:1.04}.page-hero p{font-size:14px}.content{max-width:1140px;padding-top:45px;padding-bottom:55px}.article-body{max-width:800px}.article-body p,.article-body li{font-size:16px;line-height:1.85}.article-body h2{font-size:31px}.article-body .notice{font-size:12px;line-height:1.6}.article-list{gap:20px}.article-card{padding:27px;border-top:3px solid var(--red)}.article-card h2{font-size:27px;line-height:1.1}.article-card p{font-size:13px}.article-card a{font-size:12px}.service-grid{gap:22px}.service-grid article{padding:28px}.service-grid h2{line-height:1.05}.service-grid p,.service-grid li{font-size:14px}
.highway-feature{margin:32px auto 0;max-width:1040px;position:relative}.highway-feature img{width:100%;height:350px;object-fit:cover;object-position:center 58%;display:block}.highway-feature figcaption{position:absolute;bottom:0;right:0;background:#fffE;padding:6px 10px;font-size:10px;color:#46525a}
.contact-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:55px}.contact-info{background:#f3f5f5;padding:30px;align-self:start}.contact-info .contact-big{font:800 32px 'Barlow Condensed',Impact,sans-serif;text-decoration:none}.contact-info hr{border:0;border-top:1px solid #d8dddf;margin:25px 0}.contact-info p{line-height:1.7}.form-grid{gap:18px}.form-grid input,.form-grid textarea{border-color:#c8cfd2;border-radius:2px;background:#fcfdfd;font-size:14px}.form-note{font-size:11px!important;line-height:1.6}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-status{font-size:13px;font-weight:600}#form-status.error{color:#b20a24}#form-status.success{color:#1d6840}.button:disabled{opacity:.6;cursor:wait}
footer{padding-top:38px;padding-bottom:28px}footer .brand{border-radius:2px;margin-bottom:6px}footer .footer-contact{font-size:12px;line-height:1.9}footer .footer-contact a{color:#e1e4e6}footer div{padding-top:12px;border-top:1px solid #ffffff25;margin-top:22px}footer small{font-size:10px}
@media(min-width:1500px){.hero{padding-left:55px;padding-right:55px}}
@media(max-width:950px){.top nav{gap:16px;font-size:11px}.brand{width:190px;background-size:810px auto;background-position:-71px 0;height:58px;min-height:58px}.hero{min-height:480px}.hero h1{font-size:75px}.hero-copy .lead{font-size:15px!important}.intro-copy{padding:30px}.port-photo{min-height:300px}.contact-layout{gap:25px;grid-template-columns:1fr 1.6fr}}
@media(max-width:760px){.top{height:75px;padding:0 5vw}.top nav{top:75px;z-index:5;font-size:13px;gap:16px}.brand{width:198px;background-size:835px auto;background-position:-73px 0;height:60px;min-height:60px}.hero{grid-template-columns:1fr;padding:32px 6vw 20px;min-height:0}.hero h1{font-size:clamp(66px,15vw,91px);letter-spacing:-1px}.hero-copy .eyebrow{font-size:9px}.hero-copy p:not(.eyebrow){font-size:13px;max-width:100%}.hero-copy .lead{max-width:100%;font-size:17px!important}.hero-art.photo-hero{margin:24px 0 0;aspect-ratio:1.366}.hero-art.photo-hero small{font-size:8px}.facts{padding:12px 4vw}.facts b{font-size:22px}.facts span{font-size:10px}.facts div{padding:15px 4px}.intro-panel{grid-template-columns:1fr}.port-photo{min-height:0;aspect-ratio:1.79}.intro-copy{padding:32px 6vw}.intro-copy h2{font-size:38px}.section{padding:40px 6vw}.section h2{font-size:34px}.section-head{gap:20px}.cards p{min-height:0}.band{padding:36px 6vw;gap:16px}.band h2{font-size:35px}.article-preview h3{font-size:24px}.contact-layout{grid-template-columns:1fr;gap:28px}.contact-info{padding:24px}.page-hero h1{font-size:43px}.content{padding:30px 6vw 40px}.highway-feature{margin-top:0}.highway-feature img{height:235px}.highway-feature figcaption{font-size:8px}.article-body p,.article-body li{font-size:15px;line-height:1.8}footer div{flex-wrap:wrap;gap:16px}.button,.nav-cta{font-size:12px;padding:13px 18px}}

.hero-art.photo-hero{clip-path:inset(0 0 0 14px)}

.top{height:108px}.top .brand{width:230px;height:95px;min-height:95px;background:transparent url('assets/logo-header.svg') center/contain no-repeat}footer .brand{width:230px;height:100px;min-height:100px;background:transparent url('assets/logo-footer.svg') center/contain no-repeat}.hero-art.photo-hero{clip-path:inset(0 0 0 14px)}@media(max-width:760px){.top{height:90px}.top .brand{width:185px;height:80px;min-height:80px}.top nav{top:90px}}
.top{position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px #1118200c}html{scroll-padding-top:120px}.back-top{display:none;position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));width:44px;height:44px;border:0;border-radius:50%;background:#e51b32;color:#fff;font-size:25px;font-weight:800;box-shadow:0 3px 12px #0003;z-index:1100;cursor:pointer}@media(max-width:760px){.back-top.visible{display:grid;place-items:center}}
