/* Customs & export: documented facilities, a readable logistics journey, real shipments. */
.customs-refined { --cx-ink:#10344f; --cx-muted:#566d7e; --cx-line:#dfe8ee; --cx-accent:#b75e36; background:#fff; }
.customs-refined main { background:#fff; }
.cx-hero { position:relative; isolation:isolate; min-height:570px; display:flex; align-items:center; padding:140px 0 90px; overflow:hidden; color:#fff; background:var(--cx-ink); }
.cx-hero-media,.cx-hero-media picture,.cx-hero-media img { position:absolute; inset:0; width:100%; height:100%; }
.cx-hero-media { z-index:-2; }
.cx-hero-media img { object-fit:cover; object-position:center 50%; }
.cx-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(4,25,39,.9),rgba(4,25,39,.62) 45%,rgba(4,25,39,.12)),linear-gradient(0deg,rgba(4,25,39,.5),transparent 70%); }
.cx-hero .eyebrow { color:#e6d3bd; margin:0 0 27px; font-size:11px; letter-spacing:.15em; }
.cx-hero h1 { margin:0 0 22px; color:#fff; font-size:clamp(47px,5.1vw,74px); line-height:1.1; letter-spacing:-.04em; font-weight:650; }
.cx-hero-subtitle { font-family:var(--font-display); color:#fff; font-size:clamp(25px,2.6vw,38px); line-height:1.45; margin:0 0 18px; max-width:23em; text-wrap:balance; }
.cx-hero-description { color:#e2eaf0; font-size:15px; line-height:1.9; max-width:37em; margin:0 0 29px; }
.cx-hero .hero-actions { gap:14px; flex-wrap:wrap; }
.cx-hero-caption { position:absolute; bottom:22px; left:0; right:0; color:#e4edf3; font-size:11px; margin:0; }
.cx-nav { position:sticky; z-index:12; top:84px; background:rgba(255,255,255,.98); border-bottom:1px solid var(--cx-line); }
.cx-nav-inner { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.cx-nav a { display:flex; align-items:center; justify-content:center; min-height:62px; padding:12px 15px; color:var(--cx-muted); border-bottom:2px solid transparent; font-size:14px; font-weight:600; text-align:center; line-height:1.4; }
.cx-nav a:hover { color:var(--cx-ink); background:#f4f7fa; }
.cx-nav a.is-active { color:var(--cx-ink); border-bottom-color:var(--cx-accent); }
.cx-section { padding:84px 0; scroll-margin-top:166px; }
.cx-anchor { display:block; scroll-margin-top:166px; }
.cx-kicker { color:var(--cx-accent); text-transform:uppercase; font-size:11px; font-weight:650; letter-spacing:.12em; margin:0 0 17px; }
.cx-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:55px; margin-bottom:34px; }
.cx-heading h2,.cx-copy h2,.cx-contact h2 { font-family:var(--font-display); font-size:clamp(30px,3vw,43px); line-height:1.35; font-weight:500; letter-spacing:-.025em; margin:0; color:var(--cx-ink); }
.cx-heading>p { flex:0 1 380px; color:var(--cx-muted); font-size:14px; line-height:1.9; margin:0 0 4px; }
.cx-split { display:grid; grid-template-columns:1.12fr 1fr; gap:clamp(36px,6vw,86px); align-items:center; }
.cx-copy>p:not(.cx-kicker) { font-size:14px; line-height:1.95; color:var(--cx-muted); margin:21px 0 0; max-width:40em; }
.cx-gate-photo { margin:0; max-width:460px; width:100%; justify-self:end; }
.cx-gate-photo picture { overflow:hidden; border-radius:7px; background:#edf4f8; aspect-ratio:1.12; }
.cx-gate-photo img { width:100%; height:100%; object-fit:cover; object-position:50% 48%; }
.cx-gate-photo figcaption,.cx-photo figcaption { margin-top:12px; font-size:12px; color:var(--cx-muted); line-height:1.8; }
.cx-facts { display:grid; grid-template-columns:1.2fr 1fr; gap:24px; margin:28px 0 26px; padding:23px 0; border-block:1px solid var(--cx-line); }
.cx-facts div { display:flex; flex-direction:column; gap:8px; }
.cx-facts dt { order:2; color:var(--cx-muted); font-size:12px; }
.cx-facts dd { margin:0; font-size:36px; font-weight:550; line-height:1.15; letter-spacing:-.035em; color:var(--cx-ink); }
.cx-facts dd small { font-size:17px; font-weight:400; margin-left:5px; letter-spacing:0; }
.cx-facilities { display:flex; flex-wrap:wrap; gap:9px 19px; padding:0; list-style:none; margin:0; font-size:13px; color:var(--cx-ink); }
.cx-facilities li { border-bottom:1px solid #d3e0e9; padding-bottom:6px; }
.cx-note { color:var(--cx-muted); font-size:12px; line-height:1.85; margin:24px 0 0; }
.cx-flow { background:#f4f7fa; }
.cx-steps { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:28px; }
.cx-steps li { border-top:2px solid #c9d7e1; padding-top:20px; min-width:0; }
.cx-steps li:first-child { border-color:var(--cx-accent); }
.cx-steps .cx-step-number { font-size:13px; font-weight:600; letter-spacing:.08em; color:var(--cx-accent); display:block; margin-bottom:20px; }
.cx-steps h3 { color:var(--cx-ink); font-size:18px; line-height:1.5; margin:0 0 10px; font-weight:600; }
.cx-steps p { color:var(--cx-muted); font-size:13px; line-height:1.85; margin:0; }
.cx-flow .cx-note { margin-top:28px; }
.cx-export { background:#fff; }
.cx-photo { margin:0; min-width:0; }
.cx-photo picture { aspect-ratio:1.4; border-radius:7px; overflow:hidden; background:#edf4f8; }
.cx-photo img { width:100%; height:100%; object-fit:cover; }
.cx-export .cx-photo img { object-position:50% 70%; }
.cx-route { display:flex; flex-wrap:wrap; gap:7px 10px; margin:25px 0 0; padding:19px 0; list-style:none; border-block:1px solid var(--cx-line); color:var(--cx-ink); font-size:13px; }
.cx-route li { display:flex; align-items:center; gap:10px; }
.cx-route li+li::before { content:"→"; color:#718b9c; }
.cx-copy .text-link { margin-top:17px; min-height:44px; font-size:13px; }
.cx-cargo { padding-top:25px; border-top:1px solid var(--cx-line); margin-top:29px; display:flex; flex-wrap:wrap; gap:10px 24px; color:var(--cx-muted); font-size:13px; }
.cx-cargo strong { color:var(--cx-ink); font-weight:600; }
.cx-cold { background:var(--cx-ink); color:#fff; }
.cx-cold .cx-kicker { color:#f1bc90; }
.cx-cold .cx-copy h2 { color:#fff; }
.cx-cold .cx-copy>p:not(.cx-kicker),.cx-cold .cx-photo figcaption { color:#d5e2eb; }
.cx-cold .cx-facts { border-color:#4b687b; }
.cx-cold .cx-facts dd { color:#fff; font-size:43px; }
.cx-cold .cx-facts dt { color:#d5e2eb; }
.cx-cold .text-link { color:#fff; }
.cx-cold .cx-photo { order:2; }
.cx-cold .cx-photo picture { aspect-ratio:1.35; }
.cx-cold .cx-photo img { object-position:43% center; }
.cx-cold .cx-copy { order:1; }
.cx-cold-links { display:flex; align-items:center; flex-wrap:wrap; gap:8px 24px; margin-top:10px; }
.cx-cold-links .button { font-size:13px; }
.cx-cold-links .text-link { margin:0; font-size:13px; }
.cx-contact { padding:76px 0; scroll-margin-top:166px; }
.cx-contact-top { display:flex; align-items:flex-end; justify-content:space-between; gap:42px; }
.cx-contact-top>div>p:last-child { color:var(--cx-muted); font-size:14px; line-height:1.9; margin:20px 0 0; max-width:39em; }
.cx-contact-top .button { flex-shrink:0; }
.cx-contact-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:14px 28px; border-top:1px solid var(--cx-line); margin-top:32px; padding-top:23px; font-size:13px; }
.cx-contact-bottom span { color:var(--cx-muted); }
.cx-contact-bottom a { min-height:44px; display:inline-flex; align-items:center; color:var(--blue); }
.cx-contact-bottom a:hover { text-decoration:underline; text-underline-offset:4px; }
[lang=en] .cx-hero h1 { max-width:12em; font-size:clamp(44px,4.9vw,69px); }
[lang=en] .cx-hero-subtitle { font-family:Georgia,serif; font-size:clamp(24px,2.3vw,33px); }
[lang=en] .cx-heading h2,[lang=en] .cx-copy h2,[lang=en] .cx-contact h2 { font-family:Georgia,serif; }
@media(max-width:1000px) { .cx-split { gap:35px; } .cx-heading { gap:30px; } .cx-steps { gap:19px; } .cx-steps h3 { font-size:17px; } }
@media(max-width:767px) {
 .cx-hero { min-height:585px; padding:124px 0 82px; }
 .cx-hero-media img { object-position:58% center; }
 .cx-hero::before { background:linear-gradient(90deg,rgba(4,25,39,.86),rgba(4,25,39,.5)),linear-gradient(0deg,rgba(4,25,39,.65),transparent 70%); }
 .cx-hero .eyebrow { font-size:10px; margin-bottom:24px; }
 .cx-hero h1 { font-size:47px; }
 .cx-hero-subtitle { font-size:28px; max-width:12em; }
 .cx-hero-description { font-size:14px; margin-bottom:25px; }
 .cx-hero .hero-actions { display:flex; gap:10px; }
 .cx-hero .button { font-size:13px; padding-inline:17px; }
 .cx-hero-caption { font-size:10px; bottom:20px; }
 .cx-nav { top:68px; }
 .cx-nav-inner { width:100%; max-width:none; padding:0 12px; }
 .cx-nav a { min-height:57px; padding:10px 6px; font-size:13px; }
 .cx-section { padding:57px 0; scroll-margin-top:145px; }
 .cx-anchor,.cx-contact { scroll-margin-top:145px; }
 .cx-heading { display:block; margin-bottom:28px; }
 .cx-heading>p { margin-top:20px; font-size:14px; }
 .cx-heading h2,.cx-copy h2,.cx-contact h2 { font-size:31px; line-height:1.4; }
 .cx-kicker { font-size:10px; margin-bottom:14px; }
 .cx-split { grid-template-columns:1fr; gap:32px; }
 .cx-copy>p:not(.cx-kicker) { margin-top:19px; }
 .cx-gate-photo { justify-self:start; max-width:460px; }
 .cx-gate-photo picture { aspect-ratio:1.23; }
 .cx-facts { gap:20px; margin:24px 0; padding:22px 0; }
 .cx-facts dd { font-size:33px; }
 .cx-facts dd small { font-size:16px; }
 .cx-facilities { font-size:13px; gap:10px 18px; }
 .cx-note { font-size:12px; }
 .cx-steps { grid-template-columns:1fr; gap:0; }
 .cx-steps li { position:relative; display:grid; grid-template-columns:40px 1fr; column-gap:17px; border-top:1px solid #d6e1e9; padding:19px 0; }
 .cx-steps li:first-child { border-color:#d6e1e9; }
 .cx-steps .cx-step-number { grid-row:span 2; padding-top:2px; margin:0; }
 .cx-steps h3 { font-size:19px; margin-bottom:7px; }
 .cx-steps p { font-size:13px; }
 .cx-flow .cx-note { margin-top:14px; }
 .cx-export .cx-photo { order:2; }
 .cx-export .cx-copy { order:1; }
 .cx-photo picture { aspect-ratio:1.36; }
 .cx-route { font-size:12px; gap:8px; margin-top:22px; padding:17px 0; }
 .cx-route li { gap:8px; }
 .cx-cargo { font-size:13px; gap:10px 19px; margin-top:25px; padding-top:22px; }
 .cx-cargo strong { width:100%; }
 .cx-cold .cx-facts dd { font-size:38px; }
 .cx-cold-links { gap:12px 22px; margin-top:20px; }
 .cx-contact { padding:57px 0; }
 .cx-contact-top { display:block; }
 .cx-contact-top .button { margin-top:25px; }
 .cx-contact-bottom { gap:10px 22px; margin-top:27px; padding-top:21px; }
 .cx-contact-bottom span { width:100%; }
 [lang=en] .cx-hero { min-height:640px; }
 [lang=en] .cx-hero h1 { font-size:45px; }
 [lang=en] .cx-hero-subtitle { font-size:27px; }
 [lang=en] .cx-nav a { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .customs-refined main { scroll-behavior:auto; } }