.about-page{background:#f7f8fa;color:#10263e}.about-header{height:auto;min-height:86px;background:#10263e;padding:22px max(24px,5vw);gap:24px;position:static}.about-header img{display:block;max-width:100%;height:auto}.about-header nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.about-header nav>a{color:#fff;font-size:.82rem;text-decoration:none;line-height:1.5}.about-header select{padding:10px 12px;border:1px solid #ffffff30;border-radius:10px;background:#203750;color:white;max-width:150px}.about-main{max-width:1280px;padding:0 5vw}.about-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;padding:88px 0 80px}.about-story h1{font-size:clamp(2.8rem,5.5vw,5.3rem);line-height:1.02;letter-spacing:-3px;font-weight:650;margin:24px 0}.about-story h1 em{font-style:normal;color:#72818c}.about-story>p{max-width:540px;color:#607184;font-size:1rem}.about-story .about-lead{color:#10263e;font-size:1.2rem;line-height:1.5}.about-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;padding:16px 24px;background:#fec51d;color:#10263e;text-decoration:none;font-weight:650;border-radius:12px;line-height:1.5}.about-story .about-cta{margin-top:16px}.about-route{position:relative;isolation:isolate;overflow:hidden;min-height:430px;padding:38px;color:#fff;border-radius:26px;background:radial-gradient(ellipse at 90% 10%,#345771,transparent 65%),#10263e;box-shadow:0 24px 60px #10263e18}.about-route:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:35px 35px;transform:rotate(-12deg) scale(1.3)}.route-kicker{letter-spacing:2px;font-size:.65rem;color:#c5d1dc;margin-bottom:46px}.route-point{display:flex;align-items:center;gap:18px}.route-point small{display:block;letter-spacing:2px;font-size:.6rem;color:#adbccc;margin-bottom:10px}.route-point strong{display:block;font-size:2rem;letter-spacing:-1px}.route-dot{width:16px;height:16px;border-radius:50%;background:#fec51d;box-shadow:0 0 0 8px #fec51d16;flex-shrink:0}.route-path{height:105px;border-left:1px dashed #d0b25d;margin:15px 0 15px 7px;padding:38px 0 0 26px;color:#c2ced9;font-size:.8rem}.route-end .route-dot{background:#fff;box-shadow:0 0 0 8px #ffffff10}.route-caption{margin-top:34px;padding-top:24px;border-top:1px solid #ffffff20;font-size:.75rem;color:#bfcdd9}.about-foundation{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #dce3eb;padding:60px 0}.section-number{display:block;font-size:.7rem;color:#8d7441;letter-spacing:2px;margin-bottom:22px}.about-main h2{font-size:clamp(1.6rem,2.8vw,2.5rem);line-height:1.15;letter-spacing:-1px;font-weight:600}.about-foundation p,.about-principles>div>p{color:#607184;line-height:1.8}.about-source{display:inline-block;margin-top:8px;color:#10263e;text-underline-offset:5px;font-size:.85rem}.about-capabilities{padding:30px 0 64px}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.capability-grid article{position:relative;background:white;border:1px solid #e0e6ed;border-radius:20px;padding:28px}.capability-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff7dc;color:#8c7126;margin-bottom:32px}.capability-number{position:absolute;right:28px;top:40px;font-size:.72rem;color:#9babb8}.capability-grid h3{font-size:1.15rem;line-height:1.4;letter-spacing:-.3px}.capability-grid p{font-size:.88rem;color:#637589;line-height:1.7;margin:0}.about-service-note{font-size:.75rem;color:#708092;margin:22px 0 0;max-width:720px;line-height:1.7}.about-principles{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:60px 0;border-top:1px solid #dce3eb}.principle-list article{display:flex;align-items:start;gap:20px;padding:24px 0;border-bottom:1px solid #dce3eb}.principle-list article:first-child{padding-top:0}.principle-list b{font-size:.72rem;color:#9c8143;margin-top:3px}.principle-list h3{font-size:1.03rem;line-height:1.45}.principle-list p{color:#637589;font-size:.86rem;margin:0}.about-closing{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:44px;background:#10263e;border-radius:24px;color:white;margin:20px 0 64px}.about-closing .eyebrow{color:#e7c665}.about-closing h2{margin-bottom:0}.about-closing-actions{display:grid;gap:20px;min-width:220px}.about-closing-actions>a:last-child{color:#c9d4df;font-size:.85rem;text-align:center;text-underline-offset:5px}.about-footer{max-width:1280px;margin:auto;padding:20px 5vw 35px;border:0;gap:20px;display:flex;justify-content:space-between;font-size:.78rem}.about-footer a{color:#52687c;text-decoration:none}.about-header a:focus-visible,.about-cta:focus-visible{outline:3px solid #bf8f22;outline-offset:5px}
@media(max-width:800px){.about-intro{gap:30px;padding:48px 0}.about-story h1{letter-spacing:-1.6px}.about-foundation,.about-principles{gap:30px}.capability-grid{grid-template-columns:1fr}.capability-grid article{padding:26px}.capability-icon{margin-bottom:22px}.about-route{padding:28px;min-height:400px}.about-closing{padding:30px}}
@media(max-width:600px){.about-header{padding:18px 20px;display:flex;align-items:center;flex-wrap:wrap;gap:20px}.about-header>a{max-width:142px}.about-header nav{gap:16px;flex:1;justify-content:flex-end}.about-header nav>a{display:none}.about-header select{max-width:130px}.about-main{padding:0 22px}.about-intro{grid-template-columns:1fr;padding:42px 0;gap:32px}.about-story h1{font-size:clamp(2.7rem,11vw,3.6rem);line-height:1.04;letter-spacing:-2px}.about-story .eyebrow{font-size:.61rem;line-height:1.8;letter-spacing:1.8px}.about-story .about-lead{font-size:1.08rem}.about-story>p{font-size:.9rem}.about-story .about-cta{display:flex;width:100%;font-size:.9rem}.about-route{min-height:390px}.about-foundation,.about-principles{grid-template-columns:1fr;padding:38px 0;gap:12px}.about-foundation p{font-size:.9rem}.about-capabilities{padding:12px 0 38px}.about-main h2{font-size:1.9rem}.about-closing{flex-direction:column;align-items:stretch;padding:28px 24px;margin:20px 0 36px}.about-closing-actions{min-width:0}.about-closing .about-cta{font-size:.88rem;gap:12px}.about-footer{padding:18px 22px 32px;flex-wrap:wrap;line-height:1.6}}
/* Desktop composition uses the available canvas; gutters never grow inside a capped column. */
.about-main{width:min(2160px,calc(100% - 96px));max-width:none;padding:0}.about-footer{width:min(2160px,calc(100% - 96px));max-width:none;padding:26px 0 40px}.about-header{padding-left:max(48px,calc((100vw - 2160px)/2));padding-right:max(48px,calc((100vw - 2160px)/2))}
@media(min-width:1001px){
 .about-page{background:#eef2f5}.about-intro{margin:36px 0 0;padding:clamp(44px,3.5vw,84px);grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:clamp(40px,4vw,110px);min-height:650px;border-radius:30px;background:radial-gradient(ellipse at 10% 0%,#254864,transparent 70%),#10263e;color:white;position:relative;overflow:hidden}.about-story{min-width:0}.about-story .eyebrow{color:#e6cc83;font-size:.73rem;letter-spacing:2.4px}.about-story h1{font-size:clamp(3.6rem,4.5vw,6.4rem);letter-spacing:-3.5px;line-height:1.04;margin:30px 0}.about-story h1 em{color:#e5c777}.about-story>p{color:#c2d0dc;max-width:62ch;font-size:clamp(1rem,1.1vw,1.22rem)}.about-story .about-lead{color:white;font-size:clamp(1.15rem,1.35vw,1.6rem);max-width:44ch}.about-story .about-cta{margin-top:22px;padding:18px 26px;border-radius:12px}.about-route{min-height:490px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,3vw,64px);border:1px solid #ffffff25;background:linear-gradient(180deg,#10263ea8,#07192cf0),url('assets/freight-hero-desktop.webp') 70% center/cover;box-shadow:none;border-radius:22px}.about-route:before{opacity:.25}.route-point strong{font-size:clamp(2rem,2.4vw,3.6rem)}.route-kicker{font-size:.72rem}.route-path{height:130px;font-size:.95rem}.route-caption{font-size:.83rem}.about-foundation{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);padding:70px clamp(12px,2vw,46px);border:0;margin:26px 0;background:white;border-radius:24px;gap:8vw}.about-main h2{font-size:clamp(2rem,2.35vw,3.5rem);line-height:1.14;letter-spacing:-1.5px}.about-foundation p{font-size:clamp(1rem,1vw,1.2rem);max-width:68ch}.about-capabilities{padding:42px 0 65px}.about-section-title{display:flex;align-items:start;gap:46px}.about-section-title .section-number{padding-top:10px}.capability-grid{gap:24px}.capability-grid article{padding:clamp(28px,2.5vw,52px);min-height:300px;border:0;box-shadow:0 12px 38px #162d4505}.capability-grid h3{font-size:clamp(1.25rem,1.4vw,1.7rem)}.capability-grid p{font-size:clamp(.95rem,1vw,1.15rem);max-width:48ch}.capability-icon{width:56px;height:56px;margin-bottom:38px}.about-service-note{font-size:.85rem;max-width:90ch}.about-principles{padding:65px 40px;grid-template-columns:1fr 1.15fr;gap:8vw}.about-principles>div>p{font-size:1.1rem;max-width:56ch}.principle-list h3{font-size:1.22rem}.principle-list p{font-size:1rem;max-width:68ch}.about-closing{padding:56px 64px}.about-closing h2{font-size:clamp(2rem,2.8vw,4rem)}
}
@media(min-width:1600px){.about-intro{min-height:740px}.about-header nav>a{font-size:.95rem}.about-header img{width:190px}.about-foundation{margin-top:32px}.section-number{font-size:.8rem}}
@media(max-width:1000px){.about-main,.about-footer{width:calc(100% - 56px);padding-left:0;padding-right:0}.about-header{padding-left:28px;padding-right:28px}.about-intro{gap:36px}.about-story h1{font-size:clamp(2.7rem,5.8vw,4.4rem)}}
@media(max-width:600px){.about-main,.about-footer{width:calc(100% - 40px)}.about-header{padding-left:20px;padding-right:20px}.about-story h1{font-size:clamp(2.7rem,11vw,3.6rem)}.about-intro{gap:32px}}

/* Shared public-page actions: real vector icons and readable touch controls. */
.about-cta [data-icon],.home-signin [data-icon],.about-source [data-icon],.about-footer [data-icon]{display:inline-flex;flex:0 0 auto}
.about-cta svg,.home-signin svg,.about-source svg,.about-footer svg{width:19px;height:19px}
.about-source,.about-footer a{display:inline-flex;align-items:center;gap:8px}
.about-footer a>span:first-child{display:inline}
.about-closing-actions .home-signin{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 20px;border:1px solid currentColor;border-radius:12px;text-decoration:none;font-weight:600}
@media(max-width:800px){
 .about-closing{padding:28px;gap:24px;border-radius:22px}
 .about-closing-actions{gap:12px}
 .about-closing-actions>a{width:100%;min-height:56px;margin:0;font-size:.94rem!important;line-height:1.35}
 .about-closing-actions .about-cta,.about-closing-actions .home-signin{padding:15px 18px;justify-content:space-between;border-radius:14px;text-align:left}
 .about-closing-actions .home-signin{color:inherit}
}
@media(max-width:600px){
 .about-closing h2{font-size:clamp(1.7rem,7vw,2.1rem);line-height:1.15;letter-spacing:-.6px;max-width:18ch}
 .about-closing .eyebrow{font-size:.65rem;letter-spacing:1.5px;line-height:1.6}
 .about-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 0 max(20px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}
 .about-footer a{justify-content:center;text-align:center;min-height:48px;gap:5px;font-size:.72rem;line-height:1.35;padding:8px 4px;border-radius:10px}
 .about-footer svg{width:15px;height:15px}
 .about-cta:active,.home-signin:active{transform:scale(.98)}
}

/* Route card: one text axis, clear hierarchy, no detached timeline ornaments. */
.about-route.route-card{min-width:0;min-height:450px;padding:clamp(24px,3vw,48px);display:flex;flex-direction:column;justify-content:center;gap:28px;background:linear-gradient(180deg,#10263ea8,#07192cf0),url('assets/freight-hero-desktop.webp') 70% center/cover}.route-card:before{display:none}.route-card .route-kicker{margin:0;font-size:.65rem;line-height:1.7;letter-spacing:1.6px}.route-stops{display:grid;gap:18px}.route-stop{min-width:0}.route-stop small{display:block;font-size:.65rem;letter-spacing:1.4px;line-height:1.6;color:#c5d1dc;margin:0 0 8px}.route-stop strong{display:block;color:white;font-size:clamp(1.9rem,2.5vw,3.2rem);letter-spacing:-1px;line-height:1.15;overflow-wrap:break-word}.route-transfer{display:flex;align-items:center;height:28px;color:#fec51d}.route-transfer svg{width:26px;height:26px;transform:rotate(135deg)}.route-services{border-top:1px solid #ffffff20;padding-top:22px;color:#e7c665;line-height:1.7;font-size:.95rem}.route-card .route-caption{border:0;margin:0;padding:0;color:#c5d1dc;line-height:1.7;font-size:.82rem}@media(max-width:600px){.about-route.route-card{padding:28px 24px;min-height:410px;gap:24px}.route-stop strong{font-size:2rem}}

/* Text roles reuse the brand tokens across the public surfaces. */
.about-page .about-story>p,.about-page .about-foundation p,.about-page .about-values p,.about-page .about-main .muted,.about-page footer,.about-page footer span,.about-page [aria-current="page"]{color:var(--muted)}.about-page .section-number{color:var(--navy)}
@media(max-width:600px){.about-route,.about-route.route-card{background-image:linear-gradient(180deg,#10263ea8,#07192cf0),url('assets/freight-hero-mobile.webp')}}

.about-page .about-capabilities p,.about-page .about-service-note,.about-page .about-principles p{color:var(--muted)}.about-page .capability-number,.about-page .principle-list b{color:var(--navy)}

@media(max-width:600px){.about-page:not(.home-page) .about-story>.eyebrow{color:var(--navy)}}