@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--red:#e40020;--ink:#090a0c;--muted:#60636a;--line:#e7e8eb;--soft:#f6f7f8;--white:#fff;--max:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(var(--max),calc(100% - 10%));margin-inline:auto}.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;padding:1rem;background:#fff;color:#000}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid #175cd3;outline-offset:4px}.site-header{position:relative;z-index:20;background:#fff}.nav-wrap{height:95px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{width:245px;flex:none}.brand img{width:100%;height:auto}.site-nav{display:flex;align-items:center;gap:clamp(22px,2.5vw,42px);font-size:14px;font-weight:600}.site-nav>a:not(.button):hover{color:var(--red)}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:0 24px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:700;line-height:1.2;transition:background .2s,color .2s,border-color .2s}.button span{font-size:20px}.button-primary{background:var(--red);color:#fff}.button-primary:hover{background:#b9001a}.button-outline{border-color:#171717;background:#fff;color:#111}.button-outline:hover{background:#111;color:white}.menu-toggle{display:none}.hero{position:relative;min-height:530px;display:grid;grid-template-columns:46% 54%;align-items:stretch;overflow:hidden}.hero-copy{position:relative;z-index:2;align-self:center;padding:56px 12px 65px max(5vw,calc((100vw - var(--max))/2));max-width:720px}.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--red);margin:0 0 25px}.headline{font-size:clamp(48px,5.15vw,80px);line-height:1.03;letter-spacing:-.065em;font-weight:800;margin:0 0 24px}.red{color:var(--red)}.lead{font-size:clamp(17px,1.3vw,20px);line-height:1.55;color:var(--muted);max-width:590px;margin:0 0 26px}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:14px}.hero-photo{position:relative;min-height:530px;overflow:hidden;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%,0 76%)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 35%)}.hero-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero:after{content:'';position:absolute;z-index:3;pointer-events:none;top:-80px;left:53%;width:13px;height:760px;background:var(--red);transform:rotate(38deg);border-left:4px solid #fff;border-right:4px solid #fff;box-shadow:0 0 0 2px var(--red)}.section{padding:90px 0}.section.soft,.soft{background:var(--soft)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-heading h2,.split-copy h2,.section h2,.page-hero h1{font-size:clamp(34px,3.4vw,55px);line-height:1.1;letter-spacing:-.052em;margin:0}.section-heading .eyebrow{margin-bottom:14px}.section-intro{max-width:480px;color:var(--muted);line-height:1.6;margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{overflow:hidden;background:#fff;border:1px solid #eceef0;border-radius:9px;box-shadow:0 5px 15px #00000008;display:flex;flex-direction:column}.card-image{width:100%;height:165px;object-fit:cover}.card-body{padding:23px 25px 27px;flex:1}.card h3{font-size:20px;letter-spacing:-.04em;margin:8px 0 10px}.card p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}.card a{display:inline-flex;margin-top:18px;color:var(--red);font-weight:700;font-size:14px}.card:hover{box-shadow:0 12px 30px #00000012}.icon{color:var(--red);font-size:28px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,100px)}.split-image{width:100%;height:480px;object-fit:cover;border-radius:10px}.split-copy h2{margin-bottom:20px}.split-copy p,.prose p{color:var(--muted);font-size:17px;line-height:1.75}.split-copy .button{margin-top:15px}.cta-band{background:#111;color:white;padding:65px 0;position:relative;overflow:hidden}.cta-band:after{content:'';position:absolute;right:-5%;top:-120%;height:400%;width:12px;background:var(--red);transform:rotate(45deg)}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:clamp(30px,3vw,48px);letter-spacing:-.05em;margin:0 0 12px}.cta-band p{color:#c6c7ca;margin:0;line-height:1.6}.page-hero{padding:72px 0;background:var(--soft)}.page-hero h1{font-size:clamp(44px,5vw,72px);max-width:800px}.page-hero .lead{margin:20px 0 0}.prose{max-width:780px}.prose h2,.prose h3{letter-spacing:-.04em}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:50px}.info-card{padding:26px;background:var(--soft);border-radius:8px;margin:0 0 16px}.info-card h3{margin:0 0 10px}.info-card p{line-height:1.6;margin:0;color:var(--muted)}.info-card a{color:var(--red)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:14px}.field input,.field select,.field textarea{width:100%;border:1px solid #d4d6da;border-radius:7px;padding:14px;background:#fff;color:#111}.field textarea{min-height:150px;resize:vertical}.site-footer{background:#f3f4f5;border-top:1px solid #e7e7e7}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1.3fr 1.4fr;gap:50px;padding-top:65px;padding-bottom:55px}.footer-brand img{width:235px;mix-blend-mode:multiply}.footer-main h2{font-size:15px;margin:0 0 19px}.footer-main p,.footer-main a:not(.button){font-size:14px;color:#5f6268;line-height:1.7}.footer-main a:not(.button){display:block;margin:0 0 8px}.footer-main a:hover{color:var(--red)}.footer-action h2{font-size:24px;letter-spacing:-.04em}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #dcdee1;padding-top:20px;padding-bottom:22px;font-size:12px;color:#777}.footer-action .button{margin-top:10px}
@media(max-width:1000px){.brand{width:200px}.nav-wrap{height:78px}.site-nav{gap:18px;font-size:13px}.nav-cta{padding:0 15px}.cards{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:repeat(2,1fr)}.hero-copy{padding-left:5vw}.hero:after{left:52%}.section{padding:70px 0}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.nav-wrap{height:76px}.brand{width:190px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:12px}.menu-toggle span{width:24px;height:2px;background:#111}.site-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;box-shadow:0 12px 20px #00000015;padding:20px;align-items:stretch;flex-direction:column;gap:0}.site-nav.is-open{display:flex}.site-nav>a:not(.button){padding:14px 0;border-bottom:1px solid #eee}.site-nav .button{margin-top:16px}.hero{display:flex;flex-direction:column}.hero-copy{padding:45px 20px 35px}.hero-photo{min-height:340px;clip-path:polygon(0 10%,100% 0,100% 100%,0 100%)}.hero:after{top:auto;bottom:325px;left:-5%;width:110%;height:8px;transform:rotate(-3deg);border:0}.headline{font-size:clamp(44px,10vw,65px)}.section{padding:60px 0}.section-heading{display:block}.section-intro{margin-top:18px}.split,.contact-grid{grid-template-columns:1fr;gap:30px}.split-image{height:320px}.cta-band .container{display:block}.cta-band .button{margin-top:24px}.page-hero{padding:52px 0}.footer-main{gap:30px}.footer-bottom{gap:12px;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:470px){.cards{grid-template-columns:1fr}.card-image{height:200px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-brand,.footer-action{grid-column:1/-1}.hero-actions .button{flex:1}.hero-photo{min-height:290px}.hero:after{bottom:276px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Layout details shared by the page templates */
.hero{display:block}.hero-inner{width:100%;max-width:none;display:grid;grid-template-columns:46% 54%;margin:0}.hero-inner .hero-copy{padding-left:max(5vw,calc((100vw - var(--max))/2))}.button-row{display:flex;flex-wrap:wrap;gap:14px}.page-hero{padding:0;background:#f7f8f9;overflow:hidden}.page-hero-inner{width:100%;max-width:none;display:grid;grid-template-columns:46% 54%;min-height:465px}.page-hero-inner .hero-copy{padding-left:max(5vw,calc((100vw - var(--max))/2));padding-right:35px}.page-hero-inner .hero-photo{min-height:465px}.page-hero h1{font-size:clamp(43px,4.6vw,68px)}.split-image{overflow:hidden}.split-image img{width:100%;height:100%;object-fit:cover}.icon{width:36px;height:36px;display:block}.card-body{position:relative}.card-arrow{position:absolute;right:23px;bottom:25px;font-size:21px;color:var(--red)}.card p{padding-right:18px}.soft-section{background:var(--soft)}.text-link{display:inline-block;margin-top:16px;color:var(--red);font-size:15px;font-weight:800}.text-link span{padding-left:8px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.values-grid article{background:white;border-top:3px solid var(--red);padding:26px;min-height:160px}.values-grid h3{font-size:20px;margin:0 0 12px}.values-grid p,.prose li{color:var(--muted);line-height:1.65}.prose li{margin-bottom:8px}.field-full{grid-column:1/-1}.form-note{font-size:13px;color:var(--muted);line-height:1.5}.contact-aside{padding-top:10px}.contact-photo{width:100%;height:320px;object-fit:cover;border-radius:8px}.info-card p+p{margin-top:18px}
@media(max-width:760px){.hero-inner,.page-hero-inner{display:flex;flex-direction:column}.hero-inner .hero-copy,.page-hero-inner .hero-copy{padding:45px 20px 35px}.page-hero-inner .hero-photo{min-height:320px}.page-hero-inner .hero-photo img{height:100%}.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:470px){.values-grid{grid-template-columns:1fr}.field-full{grid-column:auto}}
.field{display:block}.field input,.field select,.field textarea{display:block;margin-top:8px}.field span[aria-hidden]{color:var(--red)}
@media(min-width:761px) and (max-width:1000px){.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:12px}.menu-toggle span{width:24px;height:2px;background:#111}.site-nav{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;box-shadow:0 12px 20px #00000015;padding:20px 5%;align-items:stretch;flex-direction:column;gap:0}.site-nav.is-open{display:flex}.site-nav>a:not(.button){padding:14px 0;border-bottom:1px solid #eee}.site-nav .button{margin-top:16px;align-self:flex-start}}
.hero-inner .hero-photo img{transform:scale(1.18);object-position:center}

/* One continuous route through the home page, with content layered above it. */
#app:has(> .route-road-overlay){position:relative;isolation:isolate;overflow:hidden;background:#fff}
.route-road-overlay{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
#app:has(> .route-road-overlay) .hero::after{display:none}
#app:has(> .route-road-overlay) .hero{overflow:visible}
#app:has(> .route-road-overlay) .hero-photo{clip-path:polygon(63% 0,100% 0,100% 100%,11% 100%,6% 94%,4% 88%,2% 80%,9% 70%,42% 20%)}
#app:has(> .route-road-overlay) .section-heading>div,
#app:has(> .route-road-overlay) .section-intro,
#app:has(> .route-road-overlay) .card,
#app:has(> .route-road-overlay) .split-image,
#app:has(> .route-road-overlay) .split-copy,
#app:has(> .route-road-overlay) .cta-inner{position:relative;z-index:2}
#app:has(> .route-road-overlay) .section-heading>div,
#app:has(> .route-road-overlay) .section-intro{background:#fff;box-shadow:0 0 0 12px #fff}
#app:has(> .route-road-overlay) .split-copy{background:#fff;box-shadow:0 0 0 15px #fff}
#app:has(> .route-road-overlay) .soft-section{background:transparent}
#app:has(> .route-road-overlay) .soft-section .split-copy{background:#fff;box-shadow:0 0 0 15px #fff}
#app:has(> .route-road-overlay) .cta-band{background:#111}
@media(max-width:760px){
  #app:has(> .route-road-overlay) .hero-photo{clip-path:polygon(0 10%,100% 0,100% 100%,0 100%)}
  #route-road-path{stroke-width:26}
  #route-road-surface{stroke-width:20}
  #app:has(> .route-road-overlay) .section-intro{box-shadow:0 0 0 6px #fff}
}

/* Zigzag frame around the selected services heading. */
#app:has(> .route-road-overlay) .services-section .section-heading > div {
  padding: 16px 18px;
  border: 9px solid transparent;
  border-image-source: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 7 L5 2 L10 7 L15 2 L20 7 L25 2 L30 7 L35 2 L40 7 L45 2 L50 7 L55 2 L60 7 L65 2 L70 7 L75 2 L80 7 L85 2 L90 7 L95 2 L100 7 M0 93 L5 98 L10 93 L15 98 L20 93 L25 98 L30 93 L35 98 L40 93 L45 98 L50 93 L55 98 L60 93 L65 98 L70 93 L75 98 L80 93 L85 98 L90 93 L95 98 L100 93 M7 0 L2 5 L7 10 L2 15 L7 20 L2 25 L7 30 L2 35 L7 40 L2 45 L7 50 L2 55 L7 60 L2 65 L7 70 L2 75 L7 80 L2 85 L7 90 L2 95 L7 100 M93 0 L98 5 L93 10 L98 15 L93 20 L98 25 L93 30 L98 35 L93 40 L98 45 L93 50 L98 55 L93 60 L98 65 L93 70 L98 75 L93 80 L98 85 L93 90 L98 95 L93 100' fill='none' stroke='%23e40020' stroke-width='2'/%3E%3C/svg%3E");
  border-image-slice: 10;
  border-image-repeat: round;
}

/* A restrained frame for the two homepage stories. */
#app:has(> .route-road-overlay) .split-copy {
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid #e2e4e7;
  border-radius: 10px;
}
#app:has(> .route-road-overlay) .split-copy::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 34px;
  height: 34px;
  border-top: 2px solid var(--red);
  border-left: 2px solid var(--red);
  border-top-left-radius: 10px;
  pointer-events: none;
}

/* Keep the homepage call to action clear of the route. */
#app:has(> .route-road-overlay) .cta-band .cta-inner {
  width: min(var(--max), calc(100% - 6%));
}
#app:has(> .route-road-overlay) .cta-band .cta-inner > div {
  flex: 0 1 min(32vw, 440px);
  max-width: min(32vw, 440px);
  min-width: 0;
}
@media (max-width: 760px) {
  #app:has(> .route-road-overlay) .cta-band .cta-inner {
    width: calc(100% - 40px);
  }
  #app:has(> .route-road-overlay) .cta-band .cta-inner > div {
    max-width: calc(50vw - 48px);
  }
  #app:has(> .route-road-overlay) .cta-band h2 {
    font-size: clamp(24px, 6vw, 36px);
  }
}

/* Keep the homepage story frames flush with their grid cells. */
#app:has(> .route-road-overlay) .split-copy,
#app:has(> .route-road-overlay) .soft-section .split-copy {
  margin: 0;
  box-shadow: none;
}

/* Match the understated story frames without any outside halo. */
#app:has(> .route-road-overlay) .services-section .section-heading > div {
  margin: 0;
  padding: clamp(18px, 2vw, 26px);
  border: 1px solid #e2e4e7;
  border-image: none;
  border-radius: 10px;
  box-shadow: none;
}
#app:has(> .route-road-overlay) .services-section .section-heading > div::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: 34px;
  height: 34px;
  border-top: 2px solid var(--red);
  border-left: 2px solid var(--red);
  border-top-left-radius: 10px;
  pointer-events: none;
}

/* Customer-supplied photos keep their original wide framing. */
.customer-photo-grid{display:grid;gap:32px}
.customer-photo-grid figure,.customer-contact-photo{margin:0}
.customer-photo-grid img,.customer-contact-photo img{width:100%;height:auto;border-radius:10px}
.customer-photo-grid figcaption,.customer-contact-photo figcaption{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.5}
.customer-contact-photo{margin-top:26px}

/* On phones, keep the route and truck behind the hero and protect CTA copy. */
@media (max-width: 760px) {
  #app:has(> .route-road-overlay) .hero-inner .hero-copy {
    position: relative;
    z-index: 2;
    background: #fff;
  }
  #app:has(> .route-road-overlay) .hero-inner .hero-photo {
    position: relative;
    z-index: 2;
  }
  #app:has(> .route-road-overlay) .cta-band .cta-inner > div {
    max-width: min(100%, 22rem);
    padding: 10px 12px;
    margin: -10px -12px;
    border-radius: 8px;
    background: #111;
  }
}

/* Services page: freight-inspired, interlocking service tiles. */
.services-showcase{position:relative;overflow:hidden;background:#f5f6f8}
.services-showcase::before{content:'';position:absolute;top:0;right:-10%;width:42%;height:55%;background:#eceef1;clip-path:polygon(35% 0,100% 0,68% 100%,0 100%);pointer-events:none}
.services-showcase>.container{position:relative;z-index:1}
.services-showcase .section-heading{align-items:end;margin-bottom:45px}
.services-showcase .section-heading h2{max-width:700px}
.services-showcase .section-intro{max-width:400px}
.svc-stage{position:relative;isolation:isolate;padding:18px 0}
.svc-route{position:absolute;z-index:-1;inset:0;width:100%;height:100%;color:#e40020;opacity:.8;pointer-events:none}
.svc-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:stretch}
.svc-card{position:relative;min-width:0;min-height:340px;display:flex;overflow:hidden;background:#fff;border:1px solid #e6e8eb;border-radius:8px 36px 8px 8px;box-shadow:0 12px 35px #1018200d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.svc-card--expedited,.svc-card--intermodal{grid-column:span 7}
.svc-card--ltl,.svc-card--ftl{grid-column:span 5;flex-direction:column}
.svc-card--intermodal{flex-direction:row-reverse;border-radius:36px 8px 8px 8px}
.svc-card--ftl{background:#14171a;border-color:#14171a;color:white;border-radius:8px 8px 8px 36px}
.svc-card--ltl{border-radius:8px 8px 36px 8px}
.svc-media{position:relative;flex:0 0 48%;min-width:0;overflow:hidden;background:#e5e7e9}
.svc-card--expedited .svc-media{clip-path:polygon(0 0,100% 0,87% 100%,0 100%)}
.svc-card--intermodal .svc-media{clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}
.svc-card--ltl .svc-media,.svc-card--ftl .svc-media{flex:0 0 175px;width:100%;clip-path:polygon(0 0,100% 0,100% 84%,89% 100%,0 100%)}
.svc-card--ftl .svc-media{clip-path:polygon(0 0,100% 0,100% 100%,11% 100%,0 84%)}
.svc-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .45s ease}
.svc-content{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:30px 28px}
.svc-card--ltl .svc-content,.svc-card--ftl .svc-content{padding-top:20px}
.svc-icon{display:grid;place-items:center;width:52px;height:52px;flex:none;margin-bottom:20px;border-radius:16px 6px 16px 6px;background:#fff1f3;color:var(--red);transition:background .25s,color .25s,transform .25s}
.svc-icon .icon{width:30px;height:30px;color:inherit;transition:transform .35s ease}
.svc-card h3{margin:0 0 10px;font-size:clamp(22px,2vw,29px);letter-spacing:-.045em;line-height:1.1}
.svc-card p{margin:0;color:#62666e;line-height:1.55;font-size:15px;max-width:31ch}
.svc-card--ftl p{color:#d7dadf}
.svc-explore{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:24px;color:var(--red);font-size:13px;font-weight:800}
.svc-card--ftl .svc-explore{color:#ff7586}
.svc-explore span{display:inline-block;font-size:19px;transition:transform .25s}
.svc-card:hover,.svc-card:focus-visible{transform:translateY(-5px);border-color:#e40020;box-shadow:0 18px 42px #1c27331a}
.svc-card:hover .svc-image,.svc-card:focus-visible .svc-image{transform:scale(1.045)}
.svc-card:hover .svc-icon,.svc-card:focus-visible .svc-icon{background:var(--red);color:white;transform:rotate(-4deg)}
.svc-card:hover .svc-icon .icon,.svc-card:focus-visible .svc-icon .icon{transform:translateX(3px) rotate(4deg)}
.svc-card:hover .svc-explore span,.svc-card:focus-visible .svc-explore span{transform:translate(3px,-3px)}
.svc-card:focus-visible{outline:3px solid #175cd3;outline-offset:4px}
@media(max-width:1000px){.svc-card--expedited,.svc-card--ltl,.svc-card--ftl,.svc-card--intermodal{grid-column:span 6;flex-direction:column;min-height:0}.svc-card .svc-media{flex:0 0 195px;width:100%;clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,0 100%)}.svc-card--ftl .svc-media{clip-path:polygon(0 0,100% 0,100% 100%,10% 100%,0 85%)}.svc-card .svc-content{min-height:205px;padding:24px}}
@media(max-width:600px){.services-showcase .section-heading{margin-bottom:30px}.svc-grid{grid-template-columns:1fr;gap:18px}.svc-card--expedited,.svc-card--ltl,.svc-card--ftl,.svc-card--intermodal{grid-column:auto}.svc-card .svc-media{flex-basis:190px}.svc-card .svc-content{min-height:190px}.svc-icon{margin-bottom:14px}.svc-explore{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.services-showcase *{transition:none!important;animation:none!important}.svc-card:hover,.svc-card:focus-visible,.svc-card:hover .svc-image,.svc-card:focus-visible .svc-image,.svc-card:hover .svc-icon,.svc-card:focus-visible .svc-icon,.svc-card:hover .svc-icon .icon,.svc-card:focus-visible .svc-icon .icon,.svc-card:hover .svc-explore span,.svc-card:focus-visible .svc-explore span{transform:none}}
/* Soft geometric accents connect the service tiles without crossing their copy. */
.svc-card:not(.svc-card--ftl)::before{content:'';position:absolute;right:0;top:0;width:42%;height:100%;background:#fff5f6;clip-path:polygon(65% 0,100% 0,100% 100%,0 100%);pointer-events:none}

/* A more compact service showcase while retaining its varied shapes. */
@media (min-width: 1001px) {
  .services-showcase .svc-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
  .services-showcase .svc-card--expedited,
  .services-showcase .svc-card--ltl,
  .services-showcase .svc-card--ftl,
  .services-showcase .svc-card--intermodal { grid-column: auto; flex-direction: column; min-height: 0; }
  .services-showcase .svc-card .svc-media { flex: 0 0 140px; width: 100%; clip-path: polygon(0 0, 100% 0, 100% 84%, 90% 100%, 0 100%); }
  .services-showcase .svc-card--ftl .svc-media { clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%, 0 84%); }
  .services-showcase .svc-content { padding: 20px; }
  .services-showcase .svc-icon { width: 42px; height: 42px; margin-bottom: 14px; }
  .services-showcase .svc-icon .icon { width: 25px; height: 25px; }
  .services-showcase .svc-card h3 { font-size: 21px; }
  .services-showcase .svc-card p { font-size: 14px; }
  .services-showcase .svc-explore { padding-top: 18px; }
}
@media (max-width: 1000px) {
  .services-showcase .svc-card .svc-media { flex-basis: 150px; }
  .services-showcase .svc-card .svc-content { min-height: 0; padding: 20px; }
  .services-showcase .svc-icon { width: 42px; height: 42px; margin-bottom: 14px; }
  .services-showcase .svc-icon .icon { width: 25px; height: 25px; }
  .services-showcase .svc-card h3 { font-size: 21px; }
  .services-showcase .svc-card p { font-size: 14px; }
  .services-showcase .svc-explore { padding-top: 18px; }
}

/* Homepage services: Option 1, clean and angled. */
#app:has(> .route-road-overlay) .services-section {
  position: relative;
}
#app:has(> .route-road-overlay) .services-section::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(255, 255, 255, .85);
  pointer-events: none;
}
#app:has(> .route-road-overlay) .services-section > .container {
  position: relative;
  z-index: 3;
}
#app:has(> .route-road-overlay) .services-section .section-heading > div {
  margin: 0;
  padding: 0;
  border: 0;
  border-image: none;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
#app:has(> .route-road-overlay) .services-section .section-heading > div::before {
  content: none;
}
#app:has(> .route-road-overlay) .services-section .section-intro {
  background: #fff;
  box-shadow: none;
}
#app:has(> .route-road-overlay) .services-section .card {
  border-radius: 7px;
  background: #fff;
}
#app:has(> .route-road-overlay) .services-section .card-image {
  height: 165px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 24px));
}
#app:has(> .route-road-overlay) .services-section .card-body {
  position: relative;
  margin-top: -18px;
  padding: 22px 24px 25px;
}
#app:has(> .route-road-overlay) .services-section .card .icon {
  color: var(--red);
}
@media (max-width: 470px) {
  #app:has(> .route-road-overlay) .services-section .card-image { height: 180px; }
}

/* Show the real building photo in full on the homepage. */
#app:has(> .route-road-overlay) .home-real-photo { height: auto; }
#app:has(> .route-road-overlay) .home-real-photo img { width: 100%; height: auto; object-fit: contain; }

/* Compact contact strip above the existing navigation. */
.utility-bar{background:#191a1d;color:#fff}
.utility-inner{min-height:36px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 26px;padding-block:8px}
.utility-inner a{display:inline-flex;align-items:center;gap:8px;color:#f4f4f5;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}
.utility-inner a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.utility-inner svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.site-header .site-nav{top:100%}}
@media(max-width:600px){.utility-inner{justify-content:center;gap:5px 16px;padding-block:7px}.utility-inner a{font-size:11px}.utility-inner svg{width:13px;height:13px}}

/* Subtle progressive-enhancement transitions for page changes and scrolling. */
@media (prefers-reduced-motion: no-preference) {
  html.page-entering #main { animation: page-content-enter .32s ease-out both; }
  html.page-leaving #main { opacity: 0; transition: opacity .16s ease-in; }
  @keyframes page-content-enter { from { opacity: 0; } to { opacity: 1; } }
  #app .section-heading, #app .cards, #app .svc-stage, #app .split-image,
  #app .split-copy, #app .values-grid, #app .customer-photo-grid, #app .contact-grid {
    transition: opacity .48s ease, transform .48s ease;
  }
  #app .motion-pending { opacity: 0; transform: translateY(16px); }
  #app .motion-pending:focus-within { opacity: 1; transform: none; }
}