/* Scoped to the transport page. The homepage and warehouse layouts are independent. */
.transport-page { --tr-ink:#102b48; --tr-muted:#526674; --tr-line:#dce3e7; --tr-gold:#b89556; color:var(--tr-ink); }
.transport-page [hidden] { display:none!important; }
.transport-page .wrap { width:min(1200px,calc(100% - 96px)); }
.transport-page :is(h1,h2,h3,p,figure,dl,dd) { margin:0; }
.transport-page :is(h1,h2,h3) { color:inherit; }
.transport-page h2 { font-size:clamp(28px,3vw,44px); line-height:1.45; letter-spacing:.015em; }
.transport-page h3 { font-size:22px; line-height:1.5; }
.transport-page p { line-height:1.9; }
.transport-page a { text-underline-offset:4px; }
.transport-page :is(section[id],h2[id],h3[id]) { scroll-margin-top:110px; }
.tr-section { padding-block:56px; }
.transport-page .tr-kicker { font:600 11px/1.7 Inter,sans-serif; letter-spacing:.13em; color:#7c6b4d; margin-bottom:16px; }
.tr-heading { display:grid; grid-template-columns:1.1fr 1fr; align-items:end; gap:70px; margin-bottom:32px; }
.tr-heading>p { font-size:16px; max-width:490px; color:var(--tr-muted); }
.tr-hero { position:relative; overflow:hidden; background:#102d45; color:white; min-height:600px; display:flex; align-items:center; }
.tr-hero-visual { position:absolute; inset:0 0 0 43%; }
.tr-hero-visual picture,.tr-hero-visual img { display:block; width:100%; height:100%; }
.tr-hero-visual img { object-fit:cover; object-position:53% 50%; }
.tr-hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#102d45 0%,#102d4577 24%,transparent 55%); }
.tr-hero-visual>span { position:absolute; bottom:22px; right:30px; z-index:1; font-size:11px; padding:6px 10px; background:#102d45ce; }
.tr-hero-copy { position:relative; z-index:1; padding-block:65px; pointer-events:none; }
.tr-hero-copy a { pointer-events:auto; }
.transport-page .tr-hero h1 { font-size:clamp(38px,4.5vw,64px); line-height:1.35; letter-spacing:.015em; max-width:670px; text-shadow:0 2px 18px #102d45aa; }
.transport-page .tr-hero .tr-kicker { color:#ddc79e; margin-bottom:23px; }
.transport-page .tr-hero-lead { max-width:510px; font-size:17px; color:#e7edf1; margin:26px 0 29px; }
.transport-page .tr-hero-note { font-size:13px; margin-top:18px; color:#d4dfe6; }
.tr-button { display:inline-flex; align-items:center; justify-content:space-between; gap:22px; min-height:56px; padding:16px 24px; border:1px solid var(--tr-ink); background:var(--tr-ink); color:white; font:600 16px/1.6 var(--font-body); text-decoration:none; cursor:pointer; border-radius:2px; transition:background .2s; }
.tr-button:hover { background:#285270; }
.tr-button-white { background:white; color:var(--tr-ink); border-color:white; }
.tr-button-white:hover { background:#f1ede5; }
.tr-text-link { display:inline-flex; gap:24px; align-items:center; padding-block:12px; font-size:14px; font-weight:600; text-decoration:none; border-bottom:1px solid #a3afb7; }
.tr-jump { display:flex; justify-content:center; padding-block:24px; border-bottom:1px solid var(--tr-line); }
.tr-jump a { font-size:13px; font-weight:600; text-decoration:none; padding:8px 26px; border-right:1px solid var(--tr-line); }
.tr-jump a:last-child { border:0; }
.tr-cargo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.tr-cargo figure { position:relative; }
.tr-cargo img { width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; display:block; }
.tr-cargo figcaption { position:absolute; bottom:0; left:0; padding:6px 12px; background:#142f49e8; color:white; font-size:11px; }
.tr-cargo>div { padding-top:18px; }
.transport-page .tr-cargo .tr-kicker { font-size:10px; margin-bottom:12px; }
.transport-page .tr-cargo h3 { min-height:66px; margin-bottom:8px; }
.tr-cargo>div>p:not(.tr-kicker) { font-size:15px; color:var(--tr-muted); }
.tr-cargo-link { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; margin-top:16px; border-top:1px solid var(--tr-line); color:var(--tr-ink); font-size:15px; font-weight:600; text-decoration:none; }
.tr-cargo-link span { color:#8d713f; }
.tr-cargo-link:hover { border-color:var(--tr-gold); color:#345a77; }
.tr-condition { padding:18px 22px; border-left:2px solid var(--tr-gold); background:#f4f6f7; margin-top:28px; font-size:13px; color:var(--tr-muted); }
.tr-planning { background:#eef2f4; }
.tr-planning-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:58px; align-items:start; }
.tr-planning-photo img { width:100%; aspect-ratio:4/3.7; object-fit:cover; object-position:42% 50%; display:block; }
.tr-planning-photo figcaption { font-size:12px; line-height:1.8; margin-top:12px; color:var(--tr-muted); }
.transport-page .tr-planning h2 { font-size:clamp(27px,2.5vw,36px); }
.tr-planning-list { list-style:none; padding:0; margin:25px 0 16px; }
.tr-planning-list li { display:flex; gap:20px; padding-block:14px; border-top:1px solid #d3dce2; }
.tr-planning-list li>span { font:500 13px/1.8 Inter,sans-serif; color:#8a744f; }
.transport-page .tr-planning-list h3 { font-size:18px; margin-bottom:5px; }
.tr-planning-list p { font-size:15px; line-height:1.75; color:var(--tr-muted); }
.transport-page .tr-note { font-size:13px; line-height:1.85; color:var(--tr-muted); }
.tr-related-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--tr-line); }
.tr-related-grid article { padding:28px 32px 10px 0; }
.tr-related-grid article+article { padding-inline:32px 0; border-left:1px solid var(--tr-line); }
.transport-page .tr-related-grid h3 { margin-bottom:16px; }
.tr-related-grid article>p:not(.tr-kicker) { font-size:15px; color:var(--tr-muted); }
.transport-page .tr-related-grid .tr-note { margin-top:14px; font-size:13px; }
.tr-sources { margin-top:20px; font-size:13px; color:var(--tr-muted); }
.tr-sources summary { cursor:pointer; padding-block:10px; min-height:44px; }
.tr-sources p { margin-top:10px; }
.transport-page .clients-section { padding-block:60px; background:#f6f7f7; }
.tr-contact { background:#edf2f5; }
.tr-form-shell { padding:30px 40px; background:white; border-top:3px solid var(--tr-gold); box-shadow:0 12px 50px #142f4907; }
.transport-page .tr-prefill-notice { padding:12px 16px; border-left:2px solid var(--tr-gold); background:#faf7f0; font-size:14px; line-height:1.8; margin-bottom:24px; }
.transport-page .tr-demo-note { padding:14px 18px; background:#f2f5f7; font-size:13px; color:var(--tr-muted); margin-bottom:28px; }
.tr-demo-note strong { color:var(--tr-ink); margin-right:12px; }
.tr-form-shell fieldset { min-width:0; border:0; padding:0; margin:0 0 30px; }
.tr-form-shell legend { font-size:21px; font-weight:600; }
.tr-form-shell legend span { font:500 13px/1.5 Inter,sans-serif; color:#8a744f; margin-right:16px; }
.transport-page .tr-field-intro { font-size:14px; color:var(--tr-muted); margin:10px 0 24px; }
.tr-fields { display:grid; grid-template-columns:1fr 1fr; gap:22px 30px; }
.tr-field { min-width:0; }
.tr-wide { grid-column:1/-1; }
.tr-field label { display:flex; gap:10px; align-items:center; margin-bottom:9px; font-size:15px; line-height:1.6; font-weight:500; }
.tr-optional { font-size:10px; color:var(--tr-muted); font-weight:400; white-space:nowrap; }
.tr-required { font-size:10px; font-weight:500; color:#ac4141; background:#faeded; padding:2px 6px; white-space:nowrap; }
.tr-field :is(input,select,textarea) { display:block; width:100%; min-width:0; min-height:52px; border:1px solid #cbd5dc; border-radius:3px; background:#fcfdfd; color:var(--tr-ink); padding:12px 14px; font:400 16px/1.6 var(--font-body); }
.tr-field textarea { resize:vertical; }
.tr-field ::placeholder { color:#73808b; opacity:1; }
.tr-field :is(input,select,textarea):focus { outline:2px solid #345f7b; outline-offset:2px; }
.tr-field [aria-invalid="true"] { border-color:#ab3c42; background:#fffafa; }
.transport-page .tr-error { color:#a52e35; font-size:13px; margin-top:8px; }
.transport-page .tr-error-summary { color:#a52e35; font-size:14px; border-left:3px solid #ab3c42; background:#fff4f4; padding:12px 16px; margin-bottom:24px; }
.tr-extra { margin-top:24px; border:1px solid var(--tr-line); padding:0 22px; }
.tr-extra summary { padding:18px 0; cursor:pointer; font-size:15px; font-weight:500; line-height:1.8; }
.tr-extra summary span { font-size:12px; color:var(--tr-muted); margin-left:14px; font-weight:400; }
.tr-extra .tr-fields { padding-block:15px 22px; }
.tr-extra>.tr-note { padding-bottom:22px; }
.tr-form-actions { text-align:center; padding-top:26px; border-top:1px solid var(--tr-line); }
.tr-form-actions .tr-button { min-width:300px; }
.tr-form-actions .tr-note { margin-top:12px; }
.transport-page .tr-result-notice { margin-block:20px; background:#eef3f6; padding:16px; }
#tr-result-values>div { display:grid; grid-template-columns:250px 1fr; gap:25px; border-bottom:1px solid var(--tr-line); padding-block:13px; font-size:14px; line-height:1.8; }
#tr-result-values dd { white-space:pre-wrap; overflow-wrap:anywhere; }
#tr-result .tr-button { margin-block:24px 14px; }
.transport-page .page-motion { position:static; display:flex; width:max-content; margin:20px auto; box-shadow:none; }
.transport-page :is(a,button,summary):focus-visible { outline:2px solid #aa8b54; outline-offset:4px; }
@media(max-width:1000px) {
  .transport-page .wrap { width:calc(100% - 64px); }
  .tr-hero { min-height:590px; }
  .transport-page .tr-hero-lead { max-width:430px; }
  .tr-heading { gap:32px; }
  .tr-jump a { padding-inline:15px; }
  .tr-cargo-grid { gap:18px; }
  .transport-page .tr-cargo h3 { font-size:20px; }
  .tr-planning-grid { gap:32px; }
  .tr-form-shell { padding:30px; }
}
@media(max-width:640px) {
  .transport-page .wrap { width:calc(100% - 40px); }
  .transport-page :is(section[id],h2[id],h3[id]) { scroll-margin-top:82px; }
  .tr-section { padding-block:32px; }
  .transport-page h2 { font-size:28px; }
  .transport-page .tr-kicker { font-size:10px; letter-spacing:.1em; margin-bottom:12px; }
  .tr-hero { display:flex; flex-direction:column; min-height:0; }
  .tr-hero-visual { position:relative; inset:auto; width:100%; height:clamp(210px,61vw,240px); }
  .tr-hero-visual img { object-position:50% 53%; }
  .tr-hero-visual::after { background:linear-gradient(0deg,#102d4544,transparent 45%); }
  .tr-hero-visual>span { right:16px; bottom:12px; font-size:10px; }
  .tr-hero-copy { padding-block:22px 24px; }
  .transport-page .tr-hero h1 { font-size:clamp(28px,8.2vw,36px); line-height:1.45; }
  .transport-page .tr-hero .tr-kicker { margin-bottom:14px; }
  .transport-page .tr-hero-lead { font-size:15px; line-height:1.8; margin:14px 0 18px; }
  .tr-hero-lead br { display:none; }
  .tr-hero .tr-button { width:100%; padding:15px 16px; font-size:14px; gap:10px; }
  .transport-page .tr-hero-note { font-size:12px; margin-top:10px; }
  .tr-jump { display:grid; grid-template-columns:1fr 1fr; padding-block:14px; }
  .tr-jump a { display:flex; align-items:center; justify-content:center; text-align:center; font-size:12px; min-height:44px; padding:9px 3px; }
  .tr-jump a:nth-child(2) { border:0; }
  .tr-heading { grid-template-columns:1fr; gap:14px; margin-bottom:22px; }
  .tr-heading>p { font-size:15px; }
  .tr-cargo-grid { grid-template-columns:1fr; gap:24px; }
  .tr-cargo img { aspect-ratio:16/9; }
  .tr-cargo>div { padding-top:14px; }
  .transport-page .tr-cargo h3 { min-height:0; font-size:22px; }
  .transport-page .tr-cargo .tr-kicker { margin-bottom:8px; }
  .tr-cargo-link { margin-top:12px; min-height:48px; font-size:14px; }
  .tr-cargo h3 br { display:none; }
  .tr-condition { padding:16px; font-size:12px; margin-top:22px; }
  .tr-planning-grid { grid-template-columns:1fr; gap:22px; }
  .tr-planning-photo img { aspect-ratio:4/3; }
  .tr-planning-photo figcaption { font-size:11px; }
  .transport-page .tr-planning h2 { font-size:26px; }
  .tr-planning-list { margin-top:22px; }
  .tr-related-grid { grid-template-columns:1fr; }
  .tr-related-grid article,.tr-related-grid article+article { padding:24px 0; border:0; }
  .tr-related-grid article+article { border-top:1px solid var(--tr-line); padding-bottom:0; }
  .transport-page .clients-section { padding-block:40px; }
  .tr-form-shell { padding:22px 16px; }
  .transport-page .tr-demo-note { padding:12px; font-size:12px; }
  .tr-demo-note strong { display:block; margin-bottom:4px; }
  .tr-fields { grid-template-columns:1fr; gap:17px; }
  .tr-field label { flex-wrap:wrap; font-size:14px; gap:8px; }
  .tr-extra { padding-inline:14px; }
  .tr-extra summary { font-size:14px; }
  .tr-extra summary span { display:block; margin-left:0; }
  .tr-form-actions .tr-button { width:100%; min-width:0; font-size:14px; padding-inline:14px; }
  #tr-result-values>div { grid-template-columns:1fr; gap:4px; }
  #tr-result-values dt { font-size:12px; color:var(--tr-muted); }
}
@media(prefers-reduced-motion:reduce) { .transport-page * { scroll-behavior:auto!important; } }
.motion-paused .transport-page * { scroll-behavior:auto!important; }