/* Original client logo, with a warmer gold that stays readable in the UI. */
:root{--brass:#c5a04b;--gold:#dbb652;--gold-action:#966b0d}
html{scrollbar-gutter:stable}
.button-brass{background:#966b0d;border:1px solid #b89335;box-shadow:inset 0 1px 0 #efd27b42;color:#fff}
.button-brass:hover{background:#805b08;border-color:#d1ae55;box-shadow:inset 0 1px 0 #efd27b55,0 7px 19px #98761c20}
.nav-shell{background:rgba(24,36,36,.88)}
.site-header.is-scrolled .nav-shell{background:rgba(24,36,36,.98)}
.site-header .brand img{width:222px;height:74px;object-fit:contain}
.site-header .brand{min-width:222px}
.nav-shell{height:96px}
.site-header.is-scrolled .nav-shell{height:87px}
.footer-top .brand img{width:300px;height:auto}
.site-footer{background:#1b2828}
.hero .eyebrow{color:#f0eee5}
.hero .tiny-line{background:#dfba5e}
.hero-brand-row{display:flex;align-items:center;gap:17px;margin-bottom:26px}
.hero-brand-row .eyebrow{margin:0}
.brand-replay{display:inline-flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid #e5d4a52c;border-radius:6px;color:#dac594;background:#ffffff06;font:500 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.01em;transition:background .2s,border-color .2s,color .2s}
.brand-replay:hover{background:#ddbd6720;border-color:#e5c98475;color:#fff1cb}
.brand-replay svg{width:12px;height:12px;fill:currentColor;flex-shrink:0}
.route-switch button.active{background:#966b0d;color:#fff}
.map-line{stroke:#d4b365}
.map-point{fill:#f2d48d;stroke:#d1ac58}
.about-link-label{border-color:#ead7a9}
.about-facts{border-color:#d8d4c5}
.review-dots button[aria-pressed=true]::after{background:#b58b29}

/* The opening is a brand moment, with a hard timeout and a skip control. */
.brand-intro{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#182626;color:#fff;overflow:hidden;isolation:isolate;outline:none;opacity:1;transition:opacity .36s ease,visibility .36s}
.brand-intro::before{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(ellipse at 50% 47%,#3b44342e 0,transparent 45%),radial-gradient(ellipse at 14% 91%,#9271290d 0,transparent 40%);pointer-events:none}
html.brand-intro-pending{overflow:hidden;background:#182626}
.brand-intro-pending body>:not(.brand-intro){visibility:hidden}
.brand-intro-pending .hero-image,.brand-intro-pending .hero-content>*{animation-play-state:paused!important}
.brand-intro-logo{display:block;width:clamp(280px,47vw,670px);height:auto;overflow:visible;max-width:calc(100vw - 72px);filter:drop-shadow(0 12px 30px #0b141433)}
.brand-intro .brand-piece{transform-box:fill-box;transform-origin:center;opacity:0;filter:blur(4px);transform:translate(var(--dx,0),var(--dy,0)) rotate(var(--rz,0));will-change:transform,opacity,filter}
.brand-piece--trailer{--dx:-27px;--dy:-21px;--rz:-9deg;--delay:100ms}
.brand-piece--line-top{--dx:-35px;--dy:8px;--rz:12deg;--delay:180ms}
.brand-piece--line-middle{--dx:22px;--dy:-17px;--rz:-10deg;--delay:260ms}
.brand-piece--line-bottom{--dx:-18px;--dy:19px;--rz:7deg;--delay:340ms}
.brand-piece--cab{--dx:32px;--dy:-16px;--rz:11deg;--delay:200ms}
.brand-piece--tm{--dx:-25px;--dy:12px;--rz:-8deg;--delay:380ms}
.brand-piece--transport{--dx:13px;--dy:19px;--rz:6deg;--delay:440ms}
.brand-piece--hyphen{--dx:0;--dy:-24px;--rz:30deg;--delay:470ms}
.brand-piece--spedycja{--dx:27px;--dy:14px;--rz:-6deg;--delay:510ms}
.brand-piece--signature{--dx:0;--dy:8px;--rz:0deg;--delay:720ms}
.brand-piece--baseline{--dx:-15px;--dy:0;--rz:0deg;--delay:780ms}
.brand-intro.is-playing .brand-piece{animation:brand-assemble 1050ms cubic-bezier(.16,.75,.22,1) var(--delay) both}
.brand-intro-caption{display:flex;align-items:center;gap:18px;margin-top:32px;color:#abb6a9;font:400 9px/1.8 Manrope,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;opacity:0}
.brand-intro-caption:before,.brand-intro-caption:after{content:"";height:1px;width:45px;background:#b9974d45}
.brand-intro.is-playing .brand-intro-caption{animation:brand-caption .55s ease 1.35s both}
.brand-intro-skip{position:absolute;right:max(35px,5.2vw);bottom:32px;display:inline-flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #cbb46f50;color:#c3c7bc;font:400 11px/1.6 Manrope,Arial,sans-serif;transition:color .2s,border-color .2s}
.brand-intro-skip:hover{color:#fff0c9;border-color:#dbc179}
.brand-intro-skip .icon{width:16px;height:16px}
.brand-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
@keyframes brand-assemble{from{opacity:.18;filter:blur(4px);transform:translate(var(--dx,0),var(--dy,0)) rotate(var(--rz,0))}to{opacity:1;filter:blur(0);transform:translate(0,0) rotate(0)}}
@keyframes brand-caption{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1310px){.site-header .brand img{width:238px;height:78px}.site-header .brand{min-width:238px}}
@media(max-width:760px){.nav-shell{height:82px}.site-header.is-scrolled .nav-shell{height:76px}.site-header .brand img{width:158px;height:57px}.site-header .brand{min-width:158px}.nav-actions{gap:16px}.nav-shell{gap:14px;padding-inline:14px}.hero-brand-row{gap:10px;flex-wrap:wrap;margin-bottom:25px}.hero-brand-row .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:0}.brand-replay{font-size:8px;padding:5px 7px;gap:6px}.brand-replay svg{width:10px;height:10px}.brand-intro-logo{width:78vw;max-width:calc(100vw - 52px)}.brand-intro-caption{gap:10px;margin-top:25px;font-size:7px;letter-spacing:1px}.brand-intro-caption:before,.brand-intro-caption:after{width:21px}.brand-intro-skip{right:26px;bottom:26px;font-size:10px}.footer-top .brand img{width:290px}.brand-intro .brand-piece{will-change:auto}}
@media(max-width:380px){.site-header .brand img{width:137px;height:51px}.site-header .brand{min-width:137px}.nav-actions{gap:13px}.hero-brand-row{gap:8px}.brand-replay span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.brand-replay{display:none}.brand-intro{transition:none}.brand-intro .brand-piece{animation:none!important;opacity:1;filter:none;transform:none}.brand-intro-caption{animation:none!important;opacity:1}.brand-intro-pending body>:not(.brand-intro){visibility:visible}}
