:root{--radius:16px}body{background:#fbfaf8}header{padding-top:22px;padding-bottom:22px}.logo img{display:block;width:245px;height:76px;object-fit:contain}.logo{flex-shrink:0}.dark .logo{background:white;padding:6px 14px;border-radius:8px}.header-link{font-weight:600}.hero{gap:48px;padding-top:35px;padding-bottom:60px}.hero h1{font-size:clamp(38px,4.25vw,62px);line-height:1.13;letter-spacing:-2.7px}.hero-copy>p{max-width:520px}.button{border-radius:8px;min-height:54px;font-weight:600;box-shadow:0 6px 18px #b6243d18;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px)}.photo-hero,.dark .photo-hero{height:570px;border:0;border-radius:18px;transform:none;box-shadow:0 22px 55px #14251e18;color:#fff;position:relative}.photo-hero>img{width:100%;height:100%;object-fit:cover;display:block}.photo-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#071b2433 0%,transparent 25%,#071b24dd 100%)}.photo-hero .visual-top{position:absolute;inset:0 0 auto;z-index:1;font-size:9px;letter-spacing:1.5px}.hero-image-caption{position:absolute;z-index:1;bottom:35px;left:32px;right:32px}.hero-image-caption>small{font-size:9px;letter-spacing:2px;color:#e6e8e4}.hero-image-caption>strong{display:block;font-size:32px;font-weight:500;line-height:1.3;margin:18px 0 26px;letter-spacing:-1px}.photo-route{display:flex;justify-content:space-between;border-top:1px solid #ffffff55;padding-top:18px;font-size:12px}.strip{background:#f1f1ec}.line-icon{width:32px;height:32px;color:var(--accent);display:block;flex-shrink:0}.tile{border-radius:var(--radius);background:#fff;overflow:hidden;padding:28px;position:relative;box-shadow:0 3px 14px #17221a03}.tile:hover{background:#fff;box-shadow:0 14px 32px #17221a0b;border-color:#bd263d55}.tile .line-icon{margin:20px 0 0}.tile h3{margin:15px 0;font-size:21px;line-height:1.4}.tile-photo{width:calc(100% + 56px);max-width:none;height:190px;object-fit:cover;display:block;margin:-28px -28px 25px;transition:filter .2s}.tile:hover .tile-photo{filter:saturate(1.15)}.catalog{gap:24px}.services>a{padding:30px 24px!important}.services .line-icon{margin-bottom:20px}.services p{min-height:85px}.services h3{line-height:1.35}.articles details{border-radius:12px;border:1px solid var(--line)}.articles summary{padding-block:5px}.articles h3{line-height:1.4}.about{gap:55px}#about{grid-template-columns:.85fr 1fr 1fr;align-items:center;gap:35px}#about h2{font-size:34px}#about .large{font-size:21px}.about-photo{width:100%;height:370px;object-fit:cover;border-radius:14px}.calculator .line-icon{width:48px;height:48px;margin-bottom:24px}input,textarea,select{border-radius:6px;padding:12px!important;border:1px solid #858f8355!important;background:#ffffff33}label{display:block;line-height:1.6}textarea{resize:vertical}.contact input,.contact textarea{background:#ffffff08;color:#fff}.calculator form,.contact form{padding:28px;border:1px solid #929d8b44;border-radius:16px;background:#ffffff07}.faq details{padding:25px 0}.faq summary{font-weight:500}.faq summary span{padding-left:15px}.full-footer{border-top:1px solid var(--line);padding-top:60px}.footer-logo{width:180px;height:60px;object-fit:contain;object-position:left}.dark .footer-logo{background:#fff;padding:8px;border-radius:5px}.full-footer a{font-size:11px;line-height:1.7}.dropdown{border-radius:10px;padding:10px;top:30px}.dropdown a{border-radius:5px}.page-intro.has-photo{position:relative;min-height:400px;padding-right:44%;padding-bottom:65px}.page-photo{position:absolute;right:5%;top:45px;width:33%;height:300px;object-fit:cover;border-radius:16px}.page-intro h1,.dark .page-intro h1{font-size:clamp(34px,3.6vw,52px);line-height:1.15;letter-spacing:-2px}.page-intro .large{font-size:18px;line-height:1.7;margin-top:25px}.breadcrumbs{line-height:1.7;margin-bottom:30px}.channel-list .line-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:7px}.dark .tile{background:#202a31}.dark .tile:hover{background:#26333a}.dark .photo-hero{transform:none}.dark .strip{background:#202a31}.dark .hero h1{font-size:clamp(38px,4.4vw,64px)}.empty-state{border-radius:16px}section{padding-block:72px}.steps h3{line-height:1.45}.concept{letter-spacing:.8px}.concept button{border-radius:5px}.shipping-result{font-size:14px}@media(max-width:1100px){#about{grid-template-columns:1fr 1fr}#about>div:last-child{grid-column:1/-1}.photo-hero,.dark .photo-hero{height:500px}.hero{gap:30px}.full-footer{gap:25px}}@media(max-width:1000px){.hero,.dark .hero{grid-template-columns:1fr 1fr}.hero .visual{height:490px}.hero h1,.dark .hero h1{font-size:42px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.hero-image-caption>strong{font-size:27px}.page-intro.has-photo{padding-right:43%}}@media(max-width:700px){.hero,.dark .hero{grid-template-columns:1fr}.hero .visual{height:390px;max-width:none}.hero h1,.dark .hero h1{font-size:clamp(32px,8vw,50px);letter-spacing:-1.7px}.hero-image-caption{left:25px;bottom:25px}.hero-copy>p{font-size:15px}.logo img{width:190px;height:60px}.dark .logo{padding:4px 8px}.header-link{font-size:10px}.page-intro.has-photo{padding-right:6%;padding-bottom:25px;display:flex;flex-direction:column}.page-photo{position:static;order:5;width:100%;height:230px;margin-top:20px}.page-intro .large{font-size:16px}.page-intro h1,.dark .page-intro h1{font-size:34px}.catalog{gap:18px}.tile{padding:24px}.tile-photo{width:calc(100% + 48px);margin:-24px -24px 20px;height:200px}#about{grid-template-columns:1fr}#about>div:last-child{grid-column:auto}.about-photo{height:250px}#about h2{font-size:32px}.calculator form,.contact form{padding:20px}.full-footer{gap:25px}.full-footer a{font-size:10px}.contact{gap:30px}section{padding-block:50px}.dropdown{width:240px}.steps{gap:22px}.steps h3{font-size:16px}.hero .actions{gap:18px}.hero-note{margin-top:28px}.services p{min-height:0}}

/* Navigation and motion refresh */
.nav-group>summary{display:flex;align-items:center;gap:9px;line-height:1.5;padding:8px 0}.nav-chevron{display:block;width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.nav-group[open] .nav-chevron{transform:rotate(180deg)}header nav{align-items:center}.dropdown{top:100%}.photo-hero>img{animation:port-camera 24s ease-in-out infinite alternate;transform-origin:52% 50%;will-change:transform}.photo-hero.motion-paused>img{animation-play-state:paused}.motion-toggle{position:absolute;right:24px;top:58px;z-index:3;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff88;border-radius:50%;color:white;background:#14242d66;cursor:pointer;backdrop-filter:blur(6px)}.motion-toggle:hover{background:#14242dbb}.motion-toggle span{font-family:Arial,sans-serif;font-size:15px;line-height:1}.photo-hero:after,.visual-top{pointer-events:none}@keyframes port-camera{from{transform:scale(1.04) translate(-.5%,-.5%)}to{transform:scale(1.17) translate(1%,1%)}}.catalog:has(>a[href^="containers.html"]){grid-template-columns:repeat(4,minmax(0,1fr))}.catalog:has(>a[href^="containers.html"]) .tile{padding:22px}.catalog:has(>a[href^="containers.html"]) .tile-photo{width:calc(100% + 44px);margin:-22px -22px 22px;height:180px}.catalog:has(>a[href^="containers.html"]) h3{font-size:19px;overflow-wrap:anywhere}.tile-photo{flex-shrink:0;object-fit:cover}.tile .line-icon{flex-shrink:0}@media(max-width:1100px){.catalog:has(>a[href^="containers.html"]){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.catalog:has(>a[href^="containers.html"]){grid-template-columns:1fr}.nav-group>summary{gap:5px}.nav-chevron{width:13px;height:13px;flex-basis:13px}.motion-toggle{right:18px;top:52px}}@media(prefers-reduced-motion:reduce){.photo-hero>img{animation:none;will-change:auto}.photo-hero:not(.motion-paused)>img{animation:port-camera 24s ease-in-out infinite alternate}}

/* Shared photo and vehicle coordinate system keeps trucks on terminal lanes. */
.terminal-scene{position:absolute;inset:0;animation:port-camera 30s ease-in-out infinite alternate;will-change:transform}.terminal-scene>img{display:block;width:100%;height:100%;object-fit:cover}.terminal-traffic{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.photo-hero.motion-paused .terminal-scene{animation-play-state:paused}.photo-hero .terminal-traffic{transform:none}.photo-hero .visual-top,.hero-image-caption{z-index:2}.photo-hero:after{z-index:1}@media(prefers-reduced-motion:reduce){.terminal-scene{animation:none;will-change:auto}.photo-hero:not(.motion-paused) .terminal-scene{animation:port-camera 30s ease-in-out infinite alternate}}

/* Align the visible mark, compensating the original PNG transparent margin. */
header .logo{width:211px;overflow:visible}header .logo img{width:245px;max-width:none;transform:translateX(-34px)}@media(max-width:700px){header .logo{width:164px}header .logo img{width:190px;transform:translateX(-26px)}}