/* D-86: visual refinement, loaded only by Home. Existing copy, assets and behavior preserved. */
.home-page{--home-paper:#eeede7;--home-card:#fbfaf6;--home-ink:#152d3a;--home-line:#243e4a1c;--home-ease:cubic-bezier(.22,.68,.2,1)}
.home-page .home-service-strip{background:#e5e7df;border-bottom:1px solid var(--home-line)}
.home-page .home-service-strip a{color:#263d48;gap:14px;min-height:72px}
.home-page .home-service-strip a span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #85958d45;border-radius:50%;font-size:10px}
.home-page .home-service-strip a b{color:#b4283c;transition:transform .25s var(--home-ease)}
.home-page .home-service-strip a:hover{background:#d9ded5}
.home-page .home-service-strip a:hover b{transform:translate(2px,-2px)}

/* Freight: one strong photograph and four distinct, directly clickable service cards. */
.home-page .services-home{background:var(--home-paper);padding-block:clamp(52px,5.5vw,84px)}
.home-page .services-home .section-head{gap:48px;margin-bottom:32px}
.home-page .services-home .section-head h2{font-size:clamp(34px,3.6vw,52px);letter-spacing:-.05em}
.home-page .services-home .section-head>p{font-size:15px;max-width:45ch}
.home-page .freight-layout{grid-template-columns:.94fr 1.06fr;gap:22px;align-items:stretch}
.home-page .freight-feature{border-radius:19px;border:1px solid #19364212;background:#182f3d;box-shadow:0 12px 30px #132d3710;isolation:isolate}
.home-page .freight-feature .freight-feature-photo{min-height:275px;overflow:hidden}
.home-page .freight-feature-photo img{height:100%;transition:transform .65s var(--home-ease);object-position:50% 42%}
.home-page .freight-feature-contact{padding:26px;gap:18px;flex-wrap:wrap}
.home-page .freight-feature-contact h3{font-size:24px;letter-spacing:-.035em}
.home-page .freight-feature-contact p{color:#c4d2d8;font-size:13px;margin-top:7px}
.home-page .freight-feature-contact .btn{border-radius:9px;min-height:46px;font-size:12px}
.home-page .services-home .freight-service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-page .services-home .service-row{display:grid;grid-template-columns:1fr 40px;grid-template-rows:auto 1fr;gap:22px 12px;min-height:215px;padding:25px;border:1px solid #233b491c;border-radius:18px;background:var(--home-card);color:var(--home-ink);box-shadow:0 2px 3px #142d3903,0 7px 16px #142d3905;position:relative;overflow:hidden;transition:transform .28s var(--home-ease),box-shadow .28s,border-color .28s,background .28s}
.home-page .services-home .service-row::after{content:'';position:absolute;inset:auto 25px 0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--home-ease)}
.home-page .services-home .service-row>div{grid-column:1/-1;grid-row:2;align-self:start}
.home-page .services-home .service-row h3{font-size:clamp(21px,1.7vw,25px);line-height:1.15;letter-spacing:-.04em;text-wrap:initial}
.home-page .services-home .service-row p{font-size:13px;line-height:1.55;color:#50626a;margin-top:9px;max-width:29ch}
.home-page .services-home .service-symbol{grid-column:1;grid-row:1;width:54px;height:54px;border:1px solid #cbd6d8;border-radius:14px;background:linear-gradient(145deg,#fff,#eaf0ed);box-shadow:inset 0 1px #fff;transition:transform .3s var(--home-ease)}
.home-page .services-home .service-row:nth-child(2) .service-symbol{background:linear-gradient(145deg,#fffdf6,#f1eadc);border-color:#ded6c3}
.home-page .services-home .service-row:nth-child(3) .service-symbol{background:linear-gradient(145deg,#faffff,#e3edf4)}
.home-page .services-home .service-row:nth-child(4) .service-symbol{background:linear-gradient(145deg,#fff,#ece7df);border-color:#dad6ce}
.home-page .services-home .service-row .arrow{grid-column:2;grid-row:1;align-self:start;margin-top:6px;width:36px;height:36px;border-radius:50%;background:var(--red);color:#fff;font-size:20px;box-shadow:0 3px 7px #d52d3f16;transition:transform .25s var(--home-ease),background .25s}

/* Recruiting: light card surfaces frame the existing photography against navy. */
.home-page .career-home{position:relative;isolation:isolate;background:linear-gradient(120deg,#18323f,#122632);padding-block:clamp(54px,5.5vw,84px)}
.home-page .career-home:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 0,#3e63621c,transparent 65%)}
.home-page .career-heading{gap:60px;margin-bottom:32px}
.home-page .career-heading h2{font-size:clamp(34px,3.5vw,50px);line-height:1.08}
.home-page .career-heading p{font-size:15px;color:#c6d2d6;max-width:51ch}
.home-page .career-heading .btn{border-radius:9px;min-height:48px;margin-top:22px}
.home-page .career-photos{gap:22px}
.home-page .career-photo{border-radius:19px;overflow:hidden;background:var(--home-card);border:1px solid #ffffff25;box-shadow:0 10px 26px #040f1829;transition:transform .32s var(--home-ease),box-shadow .32s,border-color .32s;isolation:isolate}
.home-page .career-photo figure{aspect-ratio:1.75;position:relative;overflow:hidden}
.home-page .career-photo figure:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff14}
.home-page .career-photo img{transition:transform .75s var(--home-ease)}
.home-page .career-photo>div{padding:21px 25px;border-bottom:0;color:var(--home-ink);position:relative;min-height:90px}
.home-page .career-photo>div:before{content:'';position:absolute;left:25px;bottom:0;height:3px;width:35px;background:var(--red);transition:width .35s var(--home-ease)}
.home-page .career-photo h3{font-size:28px;line-height:1.15;letter-spacing:-.04em}
.home-page .career-photo>div>span{width:44px;height:44px;background:var(--red);color:#fff;border:0;font-size:23px;box-shadow:0 4px 10px #bf23331a;transition:transform .3s var(--home-ease),background .3s}
.home-page .career-facts{gap:16px;margin-top:22px;align-items:stretch}
.home-page .career-facts.benefit-summary>div{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:44px auto;align-content:start;align-items:center;gap:16px 13px;padding:23px 24px 25px;border:1px solid #ffffff30;border-radius:16px;background:#e9ede5;color:var(--home-ink);position:relative;overflow:hidden;box-shadow:0 6px 18px #07192316;transition:transform .3s var(--home-ease),box-shadow .3s}
.home-page .career-facts.benefit-summary>div:nth-child(2){background:#e1e9e8}
.home-page .career-facts.benefit-summary>div:nth-child(3){background:#eee9de}
.home-page .benefit-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#ffffff99;border:1px solid #ffffffb0;font-style:normal}
.home-page .benefit-symbol svg{width:34px;height:34px}
.home-page .career-facts.benefit-summary strong{font-size:22px;letter-spacing:-.035em;line-height:1.15;white-space:normal}
.home-page .career-facts.benefit-summary span{grid-column:1/-1;margin:0;max-width:36ch;color:#415762;font-size:14px;line-height:1.65;text-align:left}

/* Supporting sections share the card finish while keeping their existing content and order. */
.home-page .about-home{background:var(--home-paper);color:var(--home-ink);padding-block:clamp(56px,5vw,78px)}
.home-page .about-home .section-head{gap:60px;align-items:center;margin:0 auto}
.home-page .about-home .section-head>div:last-child{padding-left:38px;border-left:1px solid #203b4b24}
.home-page .about-home .eyebrow{color:#4b626a}
.home-page .about-home p{color:#4b5f69}
.home-page .about-home .lead{font-size:21px;color:var(--home-ink)}
.home-page .about-home .text-link{color:var(--home-ink);border-color:#8d9d9f;font-size:13px}
.home-page .about-home .text-link span{color:#b62337}
.home-page .home-faq{background:#e5e8e1;padding-block:40px;border-top:1px solid var(--home-line)}
.home-page .home-faq-layout{grid-template-columns:.85fr 1.15fr;gap:55px}
.home-page .home-faq-list{display:grid;gap:9px;border-top:0}
.home-page .home-faq details{border:1px solid #223d4a1e;border-radius:11px;background:#f8f8f2;overflow:hidden;transition:border-color .25s,background .25s}
.home-page .home-faq summary{padding:16px 50px 16px 21px;min-height:54px}
.home-page .home-faq summary:before,.home-page .home-faq summary:after{right:22px;top:26px}
.home-page .home-faq details[open]{border-color:#9baca7;background:#fffefa}
.home-page .home-faq-answer{padding:0 42px 18px 21px}
.home-page .closing-home{background:var(--home-paper);padding-block:44px 54px}
.home-page .closing-home .closing-grid{gap:22px}
.home-page .closing-home .closing-grid>div{padding:32px;border:1px solid #273c481a;border-radius:18px;background:#18303d;box-shadow:0 7px 20px #142c3509;overflow:hidden;position:relative}
.home-page .closing-home .closing-grid>div:after{content:'';position:absolute;width:140px;height:140px;right:-95px;top:-90px;border:25px solid #ffffff06;border-radius:50%;pointer-events:none}
.home-page .closing-home .closing-grid>div:last-child{background:#dce4de;color:var(--home-ink);border-left:1px solid #273c481a}
.home-page .closing-home h3{font-size:clamp(23px,2.25vw,31px);line-height:1.15;max-width:22ch}
.home-page .closing-home p{font-size:14px;line-height:1.6;margin-top:13px;color:#c9d4d8}
.home-page .closing-home .closing-grid>div:last-child p{color:#435b64}
.home-page .closing-home .btn{border-radius:9px;min-height:47px;margin-top:23px}

/* Motion is finite and uses the existing one-shot reveal observer; no new JS or library. */
@media(hover:hover) and (pointer:fine){
 .home-page .services-home .service-row:hover{background:#fffefa;border-color:#8ba09b8c;transform:translateY(-4px);box-shadow:0 7px 12px #142d3905,0 17px 30px #142d3910}
 .home-page .services-home .service-row:hover::after{transform:scaleX(1)}
 .home-page .services-home .service-row:hover .service-symbol{transform:translateY(-2px)}
 .home-page .services-home .service-row:hover .arrow{transform:translate(2px,-2px);background:#b92032}
 .home-page .freight-feature:hover .freight-feature-photo img{transform:scale(1.025)}
 .home-page .career-photo:hover{transform:translateY(-5px);box-shadow:0 18px 35px #040f1845;border-color:#ffffff61}
 .home-page .career-photo:hover img{transform:scale(1.025)}
 .home-page .career-photo:hover>div:before{width:calc(100% - 50px)}
 .home-page .career-photo:hover>div>span{transform:translate(2px,-2px);background:#b92032}
 .home-page .career-facts.benefit-summary>div:hover{transform:translateY(-3px);box-shadow:0 13px 26px #040f1824}
}
.home-page .service-row:focus-visible,.home-page .career-photo:focus-visible{outline:3px solid #b72b3c;outline-offset:5px}
.home-page .career-photo:focus-visible{outline-color:#e9bf7a}
.home-page .services-home .service-row:focus-visible::after{transform:scaleX(1)}

@media(max-width:1150px){
 .home-page .freight-layout{grid-template-columns:.9fr 1.1fr;gap:18px}
 .home-page .services-home .service-row{padding:21px;min-height:213px;gap:19px 10px}
 .home-page .services-home .service-row h3{font-size:22px}
 .home-page .career-facts.benefit-summary>div{padding:20px;gap:14px 10px}
 .home-page .career-facts.benefit-summary strong{font-size:20px}
 .home-page .career-heading{gap:36px}
}
@media(max-width:850px){
 .home-page .freight-layout{grid-template-columns:1fr;gap:18px}
 .home-page .services-home .section-head{gap:18px;margin-bottom:26px}
 .home-page .freight-feature .freight-feature-photo{min-height:0;aspect-ratio:1.8}
 .home-page .freight-feature-contact{flex-direction:row;align-items:center;padding:23px}
 .home-page .services-home .service-row{min-height:196px;gap:18px;padding:23px}
 .home-page .career-heading{gap:21px;margin-bottom:28px}
 .home-page .career-photos{gap:16px}
 .home-page .career-photo>div{padding:19px;min-height:80px}
 .home-page .career-photo>div:before{left:19px}
 .home-page .career-photo h3{font-size:24px}
 .home-page .career-photo>div>span{width:38px;height:38px;font-size:21px}
 .home-page .career-facts{gap:12px}
 .home-page .career-facts.benefit-summary>div{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:19px;gap:13px}
 .home-page .career-facts.benefit-summary span{font-size:13px;line-height:1.6}
 .home-page .about-home .section-head{gap:30px}
 .home-page .about-home .section-head>div:last-child{padding-left:25px}
 .home-page .home-faq-layout{gap:28px}
 .home-page .closing-home .closing-grid{gap:16px}
 .home-page .closing-home .closing-grid>div{padding:25px}
}
@media(max-width:600px){
 .home-page .home-service-strip a{font-size:10px;min-height:60px;gap:8px}
 .home-page .home-service-strip a span{width:23px;height:23px;flex-shrink:0;font-size:9px}
 .home-page .services-home,.home-page .career-home{padding-block:44px}
 .home-page .services-home .section-head{gap:14px;margin-bottom:24px}
 .home-page .services-home .section-head>p{font-size:14px;line-height:1.6}
 .home-page .freight-feature{border-radius:15px}
 .home-page .freight-feature .freight-feature-photo{aspect-ratio:1.5}
 .home-page .freight-feature-contact{padding:20px;gap:18px;flex-direction:column;align-items:stretch}
 .home-page .freight-feature-contact h3{font-size:24px}
 .home-page .freight-feature-contact .btn{justify-content:space-between;width:100%}
 .home-page .services-home .freight-service-list{gap:11px}
 .home-page .services-home .service-row{border-radius:14px;min-height:192px;padding:16px;grid-template-columns:1fr 30px;gap:18px 8px}
 .home-page .services-home .service-symbol{width:42px;height:42px;border-radius:11px}
 .home-page .services-home .service-symbol svg{width:31px;height:31px}
 .home-page .services-home .service-row .arrow{width:28px;height:28px;margin-top:7px;font-size:17px}
 .home-page .services-home .service-row h3{font-size:19px;line-height:1.15}
 .home-page .services-home .service-row p{font-size:12px;line-height:1.55;margin-top:8px}
 .home-page .services-home .service-row::after{inset-inline:16px}
 .home-page .career-heading h2{font-size:34px}
 .home-page .career-heading p{font-size:14px}
 .home-page .career-heading .btn{margin-top:19px}
 .home-page .career-photos{grid-template-columns:1fr;gap:17px}
 .home-page .career-photo{border-radius:16px}
 .home-page .career-photo figure{aspect-ratio:1.6}
 .home-page .career-photo>div{padding:18px 20px;min-height:80px}
 .home-page .career-photo h3{font-size:26px}
 .home-page .career-photo>div>span{width:41px;height:41px;font-size:22px}
 .home-page .career-facts{grid-template-columns:1fr;gap:11px;margin-top:19px}
 .home-page .career-facts.benefit-summary>div{grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;gap:7px 15px;padding:20px;border-radius:14px}
 .home-page .benefit-symbol{grid-row:1/3;width:40px;height:40px;align-self:start}
 .home-page .benefit-symbol svg{width:32px;height:32px}
 .home-page .career-facts.benefit-summary strong{font-size:21px}
 .home-page .career-facts.benefit-summary span{grid-column:2;font-size:13px;line-height:1.55;max-width:none}
 .home-page .about-home{padding-block:44px}
 .home-page .about-home .section-head{gap:23px}
 .home-page .about-home .section-head>div:last-child{padding:0;border:0}
 .home-page .about-home .lead{font-size:19px}
 .home-page .about-home p{font-size:14px}
 .home-page .home-faq{padding-block:30px}
 .home-page .home-faq-layout{grid-template-columns:1fr;gap:22px}
 .home-page .home-faq summary{font-size:13px;padding:15px 39px 15px 17px;min-height:52px}
 .home-page .home-faq summary:before,.home-page .home-faq summary:after{right:17px;top:24px}
 .home-page .home-faq-answer{padding:0 17px 17px}
 .home-page .closing-home{padding-block:30px 36px}
 .home-page .closing-home .closing-grid{grid-template-columns:1fr;gap:14px}
 .home-page .closing-home .closing-grid>div{padding:24px;border-radius:15px}
 .home-page .closing-home h3{font-size:25px}
 .home-page .closing-home .btn{margin-top:21px;width:100%;justify-content:space-between}
}
@media(max-width:359px){
 .home-page .services-home .service-row{padding:13px;gap:15px 5px}
 .home-page .services-home .service-row h3{font-size:17px}
 .home-page .services-home .service-row p{font-size:11px}
 .home-page .services-home .service-symbol{width:38px;height:38px}
 .home-page .career-facts.benefit-summary>div{padding:17px;gap:8px 11px}
}
@media(prefers-reduced-motion:reduce){
 .home-page .service-row,.home-page .service-row:after,.home-page .service-symbol,.home-page .service-row .arrow,.home-page .career-photo,.home-page .career-photo>div:before,.home-page .career-facts.benefit-summary>div,.home-page .home-service-strip a b{transition:none!important;animation:none!important;transform:none!important}
 .home-page .service-row:after{display:none}
}