/* Shared finish: readable navigation, a consistent rhythm and font-independent icons. */
svg.ui-icon{display:inline-block;width:1.1em;height:1.1em;min-width:1.1em;flex:none;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* Route controls are built dynamically. Render their hidden glyph as strokes too. */
body.design-2026 :is(.rn-quote-arrow,.rn-country-indicator){font-size:0;position:relative;display:inline-block;width:16px;height:16px;flex:0 0 16px}
body.design-2026 :is(.rn-quote-arrow,.rn-country-indicator)::before{content:"";position:absolute;width:11px;height:11px;top:1px;right:1px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}
body.design-2026 :is(.rn-quote-arrow,.rn-country-indicator)::after{content:"";position:absolute;left:1px;bottom:1px;width:18px;height:1.5px;background:currentColor;transform:rotate(-45deg);transform-origin:left center}
body.navigation-open{overflow:hidden}
body.navigation-open>main{opacity:.25;pointer-events:none}
body.design-2026 .site-header nav[data-navigation]{width:min(390px,calc(100vw - 32px));padding:12px;background:var(--d-panel);border-radius:18px;box-shadow:0 20px 60px #0003;overscroll-behavior:contain}
body.design-2026 .site-header nav[data-navigation].is-open{display:flex!important;flex-direction:column;gap:2px}
body.design-2026 .site-header nav[data-navigation]>a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:12px 16px;margin:0;border:0;border-radius:9px;font-size:15px;line-height:1.4;font-weight:500;white-space:normal;word-break:normal;overflow-wrap:normal;color:var(--d-ink);background:transparent;text-align:left;flex-shrink:0}
body.design-2026 .site-header nav[data-navigation]>a::after{content:"";position:static;inset:auto;background:none;width:6px;height:6px;flex:0 0 6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.5;margin-right:3px}
body.design-2026 .site-header nav[data-navigation]>a:hover,body.design-2026 .site-header nav[data-navigation]>a:focus-visible{background:var(--d-soft);transform:none}
body.design-2026 .site-header nav[data-navigation]>a .nav-label{min-width:0;flex:1;font:inherit;color:inherit}
body.design-2026 .site-header nav[data-navigation]>a.button{order:2;margin-top:8px;min-height:50px;background:var(--d-ink);color:var(--d-paper);border-radius:10px;font-weight:600}
body.design-2026 .site-header nav[data-navigation]>a.nav-tracking{order:1;border-top:1px solid var(--d-line);border-radius:0;margin-top:6px;padding-top:16px!important;padding-left:16px!important}
body.design-2026 .site-header nav[data-navigation]>a [aria-hidden=true]{display:none}
body.design-2026 :is(.text-link,.button){gap:12px}
body.design-2026 :is(h1,h2,h3){overflow-wrap:normal;word-break:normal}
body.design-2026 .page-banner{padding-block:clamp(36px,5vw,72px)}
body.design-2026 .page-banner p:not(.eyebrow){max-width:58ch;line-height:1.8}
body.design-2026 .prose{max-width:76ch}
body.design-2026 .prose :is(p,li){line-height:1.85}
body.design-2026 .footer-main>div{gap:12px 24px}
body.design-2026 .footer-main>div>a{display:inline-flex;align-items:center;min-height:44px}
body.design-2026 .owner-chapter::before{opacity:.16}
body.design-2026 .owner-hub .hub-link{box-shadow:none}
@media(max-width:760px){
 html{scroll-padding-top:128px}
 body.design-2026 .container{width:calc(100% - 40px)}
 body.design-2026 .nav-wrap{min-height:72px;gap:8px;flex-wrap:nowrap}
 body.design-2026 .nav-wrap>.brand{min-width:0;margin-right:auto}
 body.design-2026 .brand img{width:134px;max-width:100%;height:auto}
 body.design-2026 :is(.language-toggle,.theme-toggle,.menu-toggle){height:44px;min-height:44px;border-radius:12px}
 body.design-2026 .language-toggle{min-width:62px;padding:0 10px;gap:6px}
 body.design-2026 .language-toggle>svg{display:none}
 body.design-2026 :is(.theme-control,.menu-toggle){width:44px;flex:0 0 44px}
 body.design-2026 .theme-toggle{width:44px}
 body.design-2026 .site-header nav[data-navigation]{left:16px;right:16px;top:calc(100% + 8px);width:auto;max-height:calc(100svh - 104px - env(safe-area-inset-bottom));padding:10px}
 body.home-page.owner-2026 .hero{padding:36px 0 28px}
 body.home-page.owner-2026 .hero-grid{gap:0}
 body.home-page.owner-2026 .hero-copy>.eyebrow{grid-row:1;margin:0 0 16px}
 body.home-page.owner-2026 .hero-copy>h1{grid-row:2;font-size:clamp(36px,10.5vw,46px);line-height:1.1;letter-spacing:-.045em;max-width:17ch;margin:0 0 22px}
 body.home-page.owner-2026 .hero-copy>.hero-body{grid-row:3;font-size:15px;line-height:1.8;margin:0;max-width:54ch}
 body.home-page.owner-2026 .hero-copy>.hero-actions{grid-row:4;margin:22px 0 24px;gap:12px 24px;align-items:center}
 body.home-page.owner-2026 .hero-actions .text-link{font-size:14px;min-height:44px;padding-block:10px}
 body.home-page.owner-2026 .hero-visual{grid-row:5;margin:0;width:100%;min-height:0}
 body.home-page.owner-2026 .freight-stage{height:clamp(240px,66vw,310px)}
 body.home-page.owner-2026 .hero-bottom{margin-top:20px;padding-top:20px}
 body.design-2026 .owner-chapter{padding-block:52px}
 body.design-2026 .owner-manifesto h2{font-size:clamp(30px,8.2vw,38px);line-height:1.18;max-width:22ch;margin-block:18px}
 body.design-2026 .owner-manifesto>p:not(.eyebrow){font-size:15px;line-height:1.8}
 body.design-2026 .page-banner{padding-block:32px}
 body.design-2026 .page-banner h1{font-size:clamp(32px,8.4vw,40px);line-height:1.15;letter-spacing:-.035em}
 body.design-2026 .page-banner .banner-composition{gap:24px}
 body.design-2026 .banner-art{width:100%;max-width:360px;margin:0;min-height:0}
 body.showroom-2026 .banner-art [data-native3d=cargo]{height:240px;min-height:0}
 body.showroom-2026 .banner-art .cargo-sculpture{scale:.7}
 body.design-2026 .page-content{padding-block:20px 52px}
 body.design-2026 .section{padding-block:48px}
 body.design-2026 .section-heading{margin-bottom:28px}
 body.design-2026 .section-heading h2{font-size:32px;line-height:1.18}
 body.design-2026 .prose :is(p,li){font-size:15px}
 body.design-2026 .site-footer{padding-block:28px 36px}
 body.showroom-2026 .quote-layout:has(#quote-form)>.panel{padding:0;border:0;background:transparent;box-shadow:none}
 body.showroom-2026 #quote-form .quote-fieldset{padding:20px 16px;background:var(--d-panel)}
 body.showroom-2026 #quote-form .quote-fieldset legend{font-size:11px;letter-spacing:.04em}
 body.design-2026 .chapter-signoff{flex-wrap:wrap;gap:18px}
 body.design-2026 .chapter-signoff strong{max-width:none;font-size:24px}
}
@media(max-width:480px){
 body.design-2026 .owner-hub{grid-template-columns:1fr;gap:0;border-top:1px solid var(--d-line)}
 body.design-2026 .owner-hub .hub-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;min-height:76px;padding:20px 8px;border:0;border-bottom:1px solid var(--d-line);border-radius:0;background:transparent;font-size:15px}
 body.design-2026 .owner-hub .hub-link .hub-arrow{position:static;margin-left:auto;order:3}
 body.design-2026 .owner-hub .hub-link>svg{width:24px;height:24px;flex:0 0 24px}
 body.design-2026 .owner-hub .hub-link.vision-link{grid-column:auto}
 .ops-pagination{display:flex;flex-wrap:wrap;gap:10px}
 .ops-pagination>span{flex-basis:100%;text-align:center;order:2}
 .ops-pagination>.button{flex:1;justify-content:center}
 .ops-actions{flex-wrap:wrap}
}
@media(max-width:350px){body.design-2026 .container{width:calc(100% - 32px)}body.design-2026 .brand img{width:110px}body.design-2026 .nav-wrap{gap:6px}body.design-2026 .language-toggle{min-width:52px}}
@media(prefers-reduced-motion:no-preference){body.design-2026 .site-header nav[data-navigation].is-open{animation:nav-enter .18s ease-out}@keyframes nav-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}}
@media print{svg.ui-icon{display:none}}

/* Quiet charcoal surfaces; colour belongs to the cargo and meaningful actions. */
.company-phone{display:inline-flex;align-items:center;min-height:44px;font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-theme="dark"] body.design-2026{
 --d-paper:#171b20;--d-panel:#242a30;--d-soft:#20262c;
 --d-ink:#f1f3ef;--d-muted:#bac3ca;--d-line:#3b444c;
 --d-teal:#95d8c5;--d-mint:#293b38;--d-glass:#171b20f2;
}
html[data-theme="dark"] body.design-2026 .owner-chapter{background:#1e242a}
html[data-theme="dark"] body.design-2026 .owner-chapter::before{display:none}
html[data-theme="dark"] body.design-2026 .site-footer{background:#15191e}
html[data-theme="dark"] body.design-2026 .button:not(.white):not(.outline-light):not(.outline):not(.button-outline):not(.button-quiet):not(.button-danger):not(.button-secondary){background:#edf1e9;color:#202b2c}
html[data-theme="dark"] body.design-2026 .button:not(.white):not(.outline-light):not(.outline):not(.button-outline):not(.button-quiet):not(.button-danger):not(.button-secondary):hover:not(:disabled){background:#c7e4da}
html[data-theme="dark"] body.design-2026 .site-header nav[data-navigation]>a.button{background:#edf1e9;color:#202b2c}
html[data-theme="dark"] body.design-2026 .owner-hub .hub-link{background:transparent}
html[data-theme="dark"] body.design-2026 .owner-hub .hub-link:hover{background:#29343a}
html[data-theme="dark"] body.design-2026 .freight-stage::before{display:none}
body.design-2026 .banner-copy>h1{margin-bottom:24px}
body.design-2026 .banner-copy>p:not(.eyebrow){max-width:52ch}
body.design-2026 .hero-body{max-width:49ch}
body.design-2026 :is(.panel,.service-card,.contact-card){box-shadow:none}
body.design-2026 .owner-manifesto .chapter-scene{margin-block:24px}
@media(min-width:1001px){
 body.home-page.owner-2026 .hero-grid{gap:clamp(32px,5vw,80px)}
 body.design-2026 .banner-composition{gap:clamp(40px,6vw,96px)}
 body.design-2026 .owner-chapter{padding-block:80px}
 body.design-2026 .owner-hub{gap:16px}
 body.design-2026 .owner-hub .hub-link{padding:28px;min-height:154px}
}
@media(max-width:760px){
 body.home-page.owner-2026 .hero-copy>.hero-actions{margin-block:26px 30px}
 body.design-2026 .owner-chapter{padding-block:56px}
 body.design-2026 .hero-bottom{padding-block:22px}
 body.design-2026 .page-banner .banner-composition{gap:30px}
 body.design-2026 .contact-entry-actions{gap:16px 24px}
 body.design-2026 .site-footer .footer-main{gap:28px}
}