/* Distinct brand identity for /export-logistics/ • scoped to this demonstration */
:root{--identity-accent:#16b7c3;--identity-soft:#09273b}
.wti-attribution{display:block;text-align:right;padding:13px max(22px,calc((100vw - 1160px)/2));font-size:12px;line-height:1.5;letter-spacing:.02em;background:#101a26;color:#dde6ee}
.wti-attribution a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.wti-attribution a:hover{color:#16b7c3}
.site-header .logo{letter-spacing:.035em}
.hero-media img{transition:transform .6s ease}
.hero-media:hover img{transform:scale(1.025)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #16b7c3!important;outline-offset:3px}
@media(max-width:700px){.wti-attribution{text-align:center;padding:18px 22px}}
.hero{background:linear-gradient(130deg,#e9f9fd 30%,#b9ecf3)!important}.hero-copy h1{font-size:clamp(3rem,5.8vw,6rem)!important}.hero-media img{clip-path:polygon(9% 0,100% 0,100% 89%,91% 100%,0 100%,0 9%)}.rail{background:#062d43!important;color:white!important}

.hero,.hero-copy,.hero h1,.hero p,.hero .pill{color:#102b40!important}.hero .btn.outline{color:#102b40!important;border-color:#35566c!important}