
:root{--green:#bd4526;--cyan:#bd4526;--blue:#252f2d;--dark:#252f2d;--ink:#252f2d;--muted:#666b64;--line:#d8d8cb;--soft:#eeeee5;--shadow:0 12px 40px #252f2d12}
body{background:#f6f5ed;font-family:"Segoe UI",Arial,sans-serif}
h1,h2,h3{letter-spacing:-.045em}h2{font-weight:500}
.container{width:min(1280px,calc(100% - 80px));max-width:1280px}
body.home .site-header,.site-header{position:relative;background:#f6f5ed;box-shadow:none;border-bottom:1px solid var(--line);backdrop-filter:none}
body.home .top-bar,.top-bar{background:#252f2d;color:#fff;backdrop-filter:none}
.top-bar-inner{min-height:42px}.header-inner,body.home .header-inner{min-height:104px;background:#f6f5ed}
.brand,body.home .brand{width:auto;gap:12px;max-width:none;color:#252f2d;text-decoration:none}
.brand-mark{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:#bd4526;color:white;font-size:37px;font-weight:700;line-height:1;position:relative}
.brand-mark>span{font-size:18px;position:absolute;right:3px;top:3px}
.brand-type{display:flex;flex-direction:column;gap:3px;line-height:1.2;text-transform:none}
.brand-type strong{font-size:27px;letter-spacing:.075em}
.brand-type>span{font-size:11px;letter-spacing:.055em;font-weight:500}
.nav{gap:32px;font-size:14px}.nav a,body.home .nav a{color:#252f2d}
body.home .top-phone{color:white}
body.home .home-hero{min-height:720px;height:auto;padding:0;position:relative;isolation:isolate;background:#f6f5ed;color:#252f2d;display:block;overflow:hidden}
body.home .home-hero:before{content:"";position:absolute;inset:0 0 0 49%;background:linear-gradient(90deg,#f6f5ed 0%,transparent 15%),linear-gradient(0deg,#252f2d55,#252f2d00 60%),var(--hero) center/cover;z-index:-2;opacity:1}
body.home .home-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#252f2d09 1px,transparent 1px),linear-gradient(90deg,#252f2d09 1px,transparent 1px);background-size:70px 70px;z-index:-1;pointer-events:none}
body.home .hero-content{display:block;padding:72px 0 38px;position:relative;min-height:720px}
body.home .main-screen-box{max-width:740px;width:65%;padding:0;background:none;border:0;box-shadow:none}
body.home .main-screen-box .route-eyebrow{color:#5c635b;font-size:10px;font-weight:650;letter-spacing:.13em;line-height:1.7;margin:0 0 30px;max-width:none}
body.home .main-screen-box h1{font-size:clamp(45px,5.1vw,73px);font-weight:500;line-height:1.04;color:#252f2d;margin:0 0 26px;letter-spacing:-.06em}
body.home .main-screen-box h1 .accent{color:#bd4526;font-size:.78em;display:inline;line-height:1.1}
body.home .main-screen-box p:not(.route-eyebrow){color:#5b635a;font-size:16px;max-width:390px;margin-bottom:28px}
.main-button,body.home .main-button{background:#bd4526;color:#fff;border-radius:0;box-shadow:none;font-size:14px;min-height:55px;padding:16px 24px;transition:background .2s,transform .2s}
.main-button:hover{background:#9d381d;transform:translateY(-2px)}
body.home .hero-metrics{position:relative;display:flex;gap:38px;margin-top:48px;background:none;color:#252f2d;width:max-content;border-top:1px solid #252f2d33;padding-top:18px}
body.home .hero-metrics div{border:0;padding:0;background:none}body.home .hero-metrics p{color:#5c635b;font-size:12px;margin:0}
body.home .hero-metrics strong{font-size:20px;color:#252f2d}body.home .hero-metrics strong span{color:#bd4526}
.route-diagram{position:absolute;right:4%;bottom:70px;width:26%;display:flex;align-items:center;gap:16px;color:#fff}
.route-diagram>span{border:1px solid #ffffff99;border-radius:50%;padding:13px;font-size:15px}.route-diagram i{height:1px;background:#fff;flex:1;position:relative}
.route-diagram i:after{content:"";position:absolute;width:8px;height:8px;background:#e35c32;left:50%;top:-4px;border-radius:50%}
.route-diagram small{position:absolute;top:68px;font-size:8px;letter-spacing:.13em;white-space:nowrap}
.offer-section,.advantages-section,.geography-section{padding:85px 0;background:#f6f5ed}
.section-kicker{font-size:10px;letter-spacing:.16em;color:#6b7066;margin-bottom:22px}
.offer-section h2,.advantages-section h2,.geography-section h2{font-size:clamp(36px,4vw,54px);line-height:1.08;color:#252f2d;margin:0 0 36px}
.offer-grid{gap:24px}.offer-card{border-radius:0;height:340px;background:#252f2d;box-shadow:none;overflow:hidden}
.offer-card img{transition:transform .4s;filter:saturate(.65)}.offer-card:hover img{transform:scale(1.04)}
.offer-card span{background:linear-gradient(0deg,#17211feb,transparent);padding:32px;font-size:25px;letter-spacing:-.02em}
.advantages-section{background:#eaeade;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.advantages-layout{display:grid;grid-template-columns:1fr 2fr;gap:45px}
.advantage-grid{gap:0;counter-reset:benefit}
.advantage-card,.advantage-card.blue{background:transparent;color:#252f2d;border-radius:0;box-shadow:none;border:1px solid #cdcebf;padding:24px 18px;min-height:148px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;font-size:15px}
.advantage-card:before{counter-increment:benefit;content:"0" counter(benefit);color:#bd4526;font-size:11px;font-weight:500;margin-bottom:24px}
.advantage-card span{font-weight:500}
.geography-section{background:#252f2d;color:#f6f5ed}
.geography-section h2,.geography-section p{color:#f6f5ed}.geography-section .section-kicker{color:#bbc2b5}
.geo-photos img{border-radius:0;filter:saturate(.55)}
.footer-form{background:#eaeade;padding:75px 0;color:#252f2d}
.footer-form h2{font-size:44px;color:#252f2d}.footer-form p{color:#5b635a}
.footer-form-fields input,.footer-form-fields textarea{background:transparent;border:0;border-bottom:1px solid #8c9485;border-radius:0;color:#252f2d;padding-left:0}
.footer-form-fields input::placeholder,.footer-form-fields textarea::placeholder{color:#666b64}
.footer{background:#252f2d;color:#ddd;clip-path:none;border-radius:0;padding-top:60px}
.footer .brand{color:#fff;margin-bottom:24px}.footer .brand-type strong{font-size:24px}.footer h3,.footer a{color:#f6f5ed}
.footer-bottom{background:#1e2725;border-top:1px solid #ffffff22}.footer-bottom-grid{font-size:11px}
.inner-title{font-weight:500;font-size:clamp(36px,4vw,62px);color:#252f2d}
.breadcrumbs{font-size:12px}
.details-card,.faq-item,.contact-card,.transport-card,.document-card{border-radius:0;box-shadow:none}
.logistics-hero,.transport-hero{background:#eaeade}
.logistics-hero-image,.transport-hero-image,.logistics-hero-image img,.transport-hero-image img{border-radius:0}
.logistics-hero h1,.transport-hero h1{font-weight:500;letter-spacing:-.045em}
:focus-visible{outline:3px solid #bd4526;outline-offset:4px}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.nav{gap:20px}.brand-type strong{font-size:23px}.brand-mark{width:46px;height:46px}.advantages-layout{grid-template-columns:1fr}.home .main-screen-box{width:70%}}
@media(max-width:900px){body.home .nav{background:#f6f5ed}body.home .nav a{color:#252f2d}.nav-button{color:#252f2d}body.home .nav-button span,body.home .nav-button span:before,body.home .nav-button span:after{background:#252f2d}}
@media(max-width:640px){.container{width:calc(100% - 36px)}.header-inner,body.home .header-inner{min-height:88px}.brand-type strong{font-size:21px}.brand-type>span{font-size:9px}.brand-mark{width:42px;height:44px;font-size:30px}
body.home .home-hero{min-height:0}body.home .hero-content{padding:40px 0 250px;min-height:0}
body.home .home-hero:before{inset:55% 0 0;background:linear-gradient(#f6f5ed,transparent 35%),var(--hero) center/cover}
body.home .main-screen-box{width:100%;max-width:none}body.home .main-screen-box h1{font-size:46px;line-height:1.07}
body.home .main-screen-box h1 .accent{font-size:.82em}
body.home .main-screen-box .route-eyebrow{font-size:8px;margin-bottom:22px}body.home .main-screen-box p:not(.route-eyebrow){font-size:14px;max-width:100%}
body.home .hero-metrics{margin-top:30px;gap:30px}.route-diagram{right:18px;bottom:48px;width:55%}
.offer-section,.advantages-section,.geography-section{padding:52px 0}.offer-grid{grid-template-columns:1fr}.offer-card{height:280px}
.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advantage-card,.advantage-card.blue{min-height:140px;font-size:14px;padding:18px}
.geography-layout{grid-template-columns:1fr}.geo-photos{gap:8px}.footer-form{padding:50px 0}.footer-form h2{font-size:36px}.footer-form-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

body.home .nav-button, .nav-button{background:#252f2d;border-color:#252f2d}body.home .nav-button span,body.home .nav-button span:before,body.home .nav-button span:after{background:#fff}

.language-menu:focus-within:not(.is-scroll-closed) .language-dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}

.rates-community{background:#eaeade;border-block:1px solid #d8d8cb;padding:72px 0}
.rates-community-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.rates-community h2{font-size:clamp(36px,4vw,56px);font-weight:500;line-height:1.07;margin:0;color:#252f2d}
.rates-community-copy>p{font-size:19px;line-height:1.6;color:#252f2d;max-width:510px}
.rates-community-copy .rates-note{font-size:13px;color:#656b62;margin:18px 0 28px}
.rates-community .main-button{display:inline-flex;align-items:center;gap:35px}
@media(max-width:700px){.rates-community{padding:48px 0}.rates-community-grid{grid-template-columns:1fr;gap:20px}.rates-community-copy>p{font-size:16px}}

.max-social-label{font-size:9px;font-weight:800;letter-spacing:-.04em;color:#fff;background:#5658d8;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;width:27px;height:25px;line-height:1}

/* Keep both complete vehicles visible in the hero photograph. */
@media(min-width:641px){
body.home .home-hero:before{background:linear-gradient(90deg,#f6f5ed,transparent 8%),var(--hero) center/contain no-repeat #f6f5ed}
body.home .route-diagram{color:#252f2d;bottom:50px}
body.home .route-diagram>span{border-color:#252f2d66}
body.home .route-diagram i{background:#252f2d}
}
@media(max-width:640px){body.home .home-hero:before{background:var(--hero) center/contain no-repeat #f6f5ed}.route-diagram{display:none}}

.contact-wechat-content{display:flex;gap:36px;align-items:center;flex-wrap:wrap}.contact-wechat-content .wechat-add-link{display:inline-block;color:#bd4526;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:4px}.contact-wechat-help{max-width:330px;font-size:14px;color:#666b64;margin-top:14px}.contact-wechat-qr{display:block;width:200px;height:auto;max-width:100%;border:1px solid #d8d8cb;border-radius:8px}.contact-wechat-content>a{display:block;flex-shrink:0}@media(max-width:640px){.contact-wechat-content{gap:18px}.contact-wechat-qr{width:190px}}

.wechat-code-frame{position:relative;width:min(340px,75vw);aspect-ratio:1;overflow:hidden;background:#fff;margin:0 auto}
.wechat-modal-dialog .wechat-code-frame img{position:absolute;display:block;width:134%;max-width:none;height:auto;left:-17.1%;top:-42.7%;border-radius:0}
.wechat-add-link{display:inline-block;color:#bd4526;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:4px}

.wechat-code-frame{width:100%;max-width:340px}

/* Reserve a header row for the close button, clear of the QR code. */
.wechat-modal-dialog{padding:58px 20px 20px;overflow:hidden}
.wechat-modal-close{top:12px;right:12px;z-index:3;width:34px;height:34px}
.wechat-code-frame{position:relative;z-index:1}

.offer-card span{color:#fff;background:#252f2d;font-weight:600}
.offer-card i{color:#fff;opacity:1}
.offer-card:hover span{background:#bd4526;color:#fff}
.footer .footer-about-copy{color:#e1e5df;font-size:14px;line-height:1.75;max-width:270px;margin:12px 0 18px}
.footer .footer-about-link{color:#fff;text-decoration:underline;text-underline-offset:5px;font-size:13px}

.yard-section{background:#eeeede;padding:72px 0;border-block:1px solid #d8d8cb}
.yard-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.yard-copy h2{font-size:clamp(34px,3.8vw,52px);line-height:1.1;margin:0 0 24px;font-weight:500}
.yard-copy>p{max-width:480px}
.yard-equipment{display:flex;gap:32px;border-block:1px solid #c7cbbd;padding:20px 0;margin:28px 0}
.yard-equipment strong{display:block;font-size:30px;color:#bd4526;font-weight:600}
.yard-equipment span{font-size:12px;display:block;color:#555f52}
.yard-phones{display:flex;flex-wrap:wrap;gap:12px 24px}.yard-phones a{font-size:21px;color:#252f2d;font-weight:650}
.yard-copy .yard-phone-label{font-size:12px;color:#555f52}
.yard-photo img{width:100%;height:auto;display:block}.yard-photo small{display:block;color:#596051;font-size:10px;margin-top:7px}
.form-submit-row>span{color:#4b5548}
.nav{gap:clamp(14px,2vw,28px)}
@media(max-width:760px){.yard-section{padding:48px 0}.yard-grid{grid-template-columns:1fr;gap:28px}.yard-equipment{gap:24px}.yard-phones a{font-size:19px}}

body[data-page="transshipment"] .inner-content{min-height:0;padding-bottom:24px}

body.home .main-screen-box h1{font-size:clamp(40px,4.1vw,59px);line-height:1.1}body.home .main-screen-box h1 .accent{font-size:.88em}@media(max-width:640px){body.home .main-screen-box h1{font-size:clamp(34px,8.5vw,46px)}}

/* Keep headline within its own column, clear of the photograph. */
@media(min-width:641px){
body.home .main-screen-box{width:46%;max-width:46%}
body.home .main-screen-box h1{white-space:normal;overflow-wrap:normal;font-size:clamp(34px,3.7vw,54px);line-height:1.12}
}
body.home .main-screen-box h1 .hero-location-line{display:block;color:inherit;font-size:inherit;white-space:normal}
@media(max-width:640px){body.home .main-screen-box{width:100%;max-width:100%}}

/* Visible, in-flow feedback for contact forms. */
.footer-form .form-success-message{position:static;white-space:normal;color:#234535;background:#e3eee4;border:1px solid #a5bba7;padding:12px 14px;margin-top:14px;border-radius:4px;font-size:14px;line-height:1.5;max-width:420px}
.footer-form .form-success-message[data-state="error"]{color:#812b20;background:#fbe9e3;border-color:#dba08f}
.footer-form .form-success-message[data-state="pending"]{color:#252f2d;background:#f6f5ed;border-color:#b9bcae}
.footer-form .form-submit-action{padding-bottom:0}
