/* SEA-SKY content surfaces and responsive layouts. */
/* Brand blue sampled from the SEA-SKY lettering in the header logo. */
:root{--blue:#175896}
html[data-seasky-sphere-hover="1"] body.home:not(.menu_open) main *{cursor:pointer!important}
/* Pointer hit testing follows the sphere; the native link also supports Tab/Enter. */
.logo3d:focus-visible{outline:none}
.logo3d:focus-visible::after{content:attr(aria-label);position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);white-space:nowrap;background:#102c49;color:#fff;padding:10px 16px;border-radius:4px;outline:2px solid #fff;outline-offset:4px;font:16px/1.4 Arial,sans-serif}
body.menu_open .logo3d{visibility:hidden!important}
.freight-content,.freight-page{--color:var(--primarycolor)}
.freight-content{position:relative}
/* Shared metallic blue with static underwater scattering. Direction variables
   vary by surface; the approved homepage introduction keeps its original defaults. */
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption){--background:#123C63;--color:#F0F5FA;--intro-muted:#C8D9E8;--intro-accent:#B3D8F2;--intro-rule:#93B8D33D;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at var(--metal-origin,6% 0%),#88BBDF30 0%,transparent 56%),linear-gradient(var(--metal-angle,112deg),#102C49 0%,#1C527E 16%,#17466F 32%,#10385F 56%,#081B33 100%);color:var(--color)}
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;transform:scaleX(var(--metal-flip,1));opacity:var(--metal-glint,1);background:linear-gradient(var(--metal-strip-angle,112deg),transparent calc(var(--metal-peak,12.2%) - 10.2%),#74B2E00A calc(var(--metal-peak,12.2%) - 6.2%),#AADAF84D calc(var(--metal-peak,12.2%) - 2.2%),#D7EDFFB8 calc(var(--metal-peak,12.2%) - .7%),#ECF8FFDB var(--metal-peak,12.2%),#CCE7FFC2 calc(var(--metal-peak,12.2%) + .8%),#88BDE066 calc(var(--metal-peak,12.2%) + 3.8%),#6597BE1A calc(var(--metal-peak,12.2%) + 8.8%),transparent calc(var(--metal-peak,12.2%) + 16.8%));-webkit-mask-image:linear-gradient(180deg,#000 0%,#000D 18%,#0006 48%,transparent 86%);mask-image:linear-gradient(180deg,#000 0%,#000D 18%,#0006 48%,transparent 86%)}
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption)::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;transform:scaleX(var(--metal-flip,1));opacity:var(--metal-rays,.7);background:conic-gradient(from var(--metal-ray-angle,130deg) at var(--metal-ray-origin,14% -12%),transparent 0deg,#C5E8FF00 3deg,#C5E8FF2E 7deg,#C5E8FF00 12deg,transparent 15deg,#BBE4FF24 19deg,#BBE4FF00 24deg,transparent 28deg,#CDEBFF30 32deg,#CDEBFF00 37deg,transparent 43deg,#B3DFFF1A 47deg,#B3DFFF00 53deg,transparent 360deg);filter:blur(9px);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000B 25%,transparent 72%);mask-image:linear-gradient(180deg,#000 0%,#000B 25%,transparent 72%)}
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption) .freight-heading{color:#F0F5FA}
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption) .freight-copy>p{color:var(--intro-muted)}
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption) .freight-label,
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption) .freight-facts dd{color:var(--intro-accent)}
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption) .freight-facts dt{color:var(--intro-muted)}
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption) .freight-facts>div{border-color:var(--intro-rule)}
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption) .marqueeText{color:var(--intro-accent)}
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption) .marqueeText:before,
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption) .marqueeText:after{border-color:var(--intro-rule)}
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption) .button{border-color:var(--intro-rule);border-width:1px}
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption) .button .arrow{color:var(--intro-accent)}
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption) .button:hover{color:#fff;background:#8DCFFF14}
:is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption) .button:focus-visible{outline-color:var(--intro-accent)}
/* Other surfaces receive independent, stable random light parameters at build. */
.freight-service-caption{position:relative}
.section.section__blue::before,.section.section__blue::after{bottom:auto;height:min(100%,1100px)}
.section.section__blue .benefits__items--item{background:transparent}
.section.section__blue :is(.freight-support-card,.freight-support-consulting,.freight-quote-box){border-color:var(--intro-rule)}
.section.section__blue .freight-year .layout__second>span{color:var(--intro-accent)}
@media(max-width:600px){
 :is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption){background:radial-gradient(ellipse at var(--metal-origin,0% 0%),#487DA338 0%,transparent 42%),linear-gradient(var(--metal-angle,140deg),#17446B 0%,#12395F 35%,#081B33 100%)}
 :is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption)::before{opacity:min(var(--metal-glint,.45),.45);-webkit-mask-image:linear-gradient(180deg,#000,transparent 35%);mask-image:linear-gradient(180deg,#000,transparent 35%)}
 :is(.freight-content>.section__lightgrey:first-child,.section.section__blue,.mobilenav,.freight-service-caption)::after{opacity:min(var(--metal-rays,.4),.4);-webkit-mask-image:linear-gradient(180deg,#000,transparent 42%);mask-image:linear-gradient(180deg,#000,transparent 42%)}
}
/* Repeated marquee copies are decorative divs; retain the original H1 typography. */
.homeHeroIntro .marqueeText__title{font-family:"Barlow Condensed","Noto Sans Thai",sans-serif;font-weight:400;font-size:12vw;letter-spacing:-.1vw}
.homeHeroIntro .marqueeText__title .line__inner{padding-bottom:1.5vw;position:relative;top:1vw}
@media(max-width:600px){.homeHeroIntro .marqueeText__title{font-size:20vw}}
.freight-content .layout,.freight-page main .layout{align-items:flex-start}
.freight-copy{min-width:0}
.freight-row-unlabelled>.layout__second{margin-left:auto}
.freight-copy p,.freight-page address{line-height:1.6}
.freight-copy p.lead{line-height:1.35}
.freight-heading{font-size:clamp(30px,3.1vw,52px);line-height:1.3;letter-spacing:-.04vw;margin:0 0 1.5vw;font-family:"Barlow Condensed","Noto Sans Thai",sans-serif;font-weight:400}
.freight-heading:empty{display:none}
.freight-content .intro .freight-heading{margin-top:0;padding-top:0;text-align:left}
.freight-content .layout__third.monospace,.freight-page .layout__third.monospace{font-size:12px}
.freight-content .freight-quote-box>.monospace{font-size:13px}
.freight-label{line-height:1.6}
.freight-content .monospace,.freight-page .monospace{line-height:1.6}
.freight-link{align-items:center;min-height:48px;line-height:1.6;overflow:hidden;isolation:isolate}
.freight-link:before{content:'';position:absolute;inset:0;background:currentColor;opacity:.12;transform:translateY(101%);transition:transform .25s ease;z-index:-1}
.freight-link:hover:before{transform:translateY(0)}
.freight-link .arrow{transition:transform .25s ease}
.freight-link:hover .arrow{transform:translate(3px,-3px)}
.freight-marquee{position:relative;top:auto;height:auto;min-height:8vw;padding:1.2vw 0;--marquee-line-scale:1;margin-bottom:2.5vw;overflow:hidden}
.freight-marquee .marqueeText__track{position:relative;display:flex;top:0;left:0;animation:freight-marquee 40s linear infinite}
.freight-marquee-group{display:flex;flex:none}
.freight-marquee .marqueeText__title{font-family:"Barlow Condensed","Noto Sans Thai",sans-serif;font-weight:400;font-size:6.5vw;line-height:1.3;margin:0;padding-right:4vw}
.freight-marquee .marqueeText__symbol{font-size:.75em;margin-right:2vw}
.freight-marquee:before{top:1vw}.freight-marquee:after{bottom:1vw}
@keyframes freight-marquee{to{transform:translateX(-50%)}}
.freight-content .homeworks{padding-top:3vw;margin-bottom:0}
section .freight-showcase{display:flex;gap:2vw;height:auto;min-height:0;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 3vw 2vw;margin-top:2vw;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--grey) transparent;cursor:grab;touch-action:pan-y}
section .freight-showcase.is-auto-scrolling{overflow-x:hidden;scroll-snap-type:none;scrollbar-width:none;touch-action:pan-y}
section .freight-showcase.is-dragging{cursor:grabbing;scroll-snap-type:none}
/* Legacy edge fades scroll into the cards and create vertical dark seams. */
section .freight-showcase::before,section .freight-showcase::after{content:none;display:none}
section .freight-showcase .homeworks__showcaseItem[hidden]{display:none}
section .freight-showcase .homeworks__showcaseItem{position:relative;left:auto;top:auto;transform:none;width:34vw;min-width:34vw;flex:0 0 34vw;aspect-ratio:auto;scroll-snap-align:center;display:block;overflow:hidden;border-radius:var(--radius);background:var(--blue);color:var(--grey)}
.freight-service figure{height:20vw;overflow:hidden;position:relative}
.freight-service img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.freight-service:hover img{transform:scale(1.04)}
.freight-service-caption{padding:2vw;display:grid;grid-template-columns:1fr auto;gap:1vw;align-items:end}
.freight-service-caption h3{font-size:clamp(24px,2vw,34px);font-weight:400;line-height:1.3;letter-spacing:0;margin:0}
.freight-service-caption .arrow{font-size:3vw}
.freight-after-showcase{margin-top:3vw}
.freight-content .benefits,.freight-page .benefits{padding-top:2vw}
.freight-content .benefits__items--text,.freight-page .benefits__items--text{width:90%;padding:1.3vw 0 1.8vw}
.freight-content .benefits__items--text .lead,.freight-page .benefits__items--text .lead{font-family:"Barlow Condensed","Noto Sans Thai",sans-serif;font-size:clamp(24px,2.3vw,38px);line-height:1.3;font-weight:400;margin:0 0 .7vw;letter-spacing:0}
.freight-content .benefits__items--text p:not(.lead),.freight-page .benefits__items--text p:not(.lead){width:85%}
.freight-service-mark{font-size:3vw;line-height:1.2;opacity:.5}
.freight-quote{min-height:0!important;padding-bottom:0!important}
.freight-quote-box{border-top:var(--border);margin-top:1.5vw;padding-top:1.5vw!important}
.freight-quote-box h3{font-size:clamp(23px,2vw,32px);line-height:1.3;font-weight:400;margin:1vw 0;letter-spacing:0}
.freight-quote-box ul{padding:0;list-style:none;margin:0 0 3vw}
.freight-quote-box li{border-bottom:1px solid #bababa40;padding:.8em 0;line-height:1.5;font-size:80%}
.freight-quote-box li:before{content:'+';margin-right:1em;opacity:.5}
.freight-faq details{border-top:var(--border);padding:1.5vw 0}
.freight-faq summary{list-style:none;cursor:pointer;line-height:1.4;display:flex;justify-content:space-between;gap:20px}
.freight-faq summary::-webkit-details-marker{display:none}
.freight-faq summary:after{content:'+';font-family:GeistMono,"Noto Sans Thai",monospace;font-size:1.2em;opacity:.6}
.freight-faq details[open] summary:after{content:'−'}
.freight-faq details p{font-size:80%;margin:1.5em 0 .5em}
.freight-email{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:.2em}
.freight-wordmark{font-family:"Barlow Condensed","Noto Sans Thai",sans-serif;font-size:15vw;line-height:1.05;letter-spacing:-1.2vw;white-space:nowrap}
.footer .address{line-height:1.7;padding-right:4vw}
.footer .address strong{font-weight:400}
.freight-copyright{font-size:12px!important;opacity:.5;padding-top:2vw!important;padding-bottom:2vw!important}
.freight-page-heading{padding:clamp(130px,11vw,170px) 0 2vw!important}
.freight-page-heading h1{font-size:clamp(38px,4.6vw,72px);line-height:1.25;font-weight:400;letter-spacing:-.06vw;margin:0 0 1.4vw}
.freight-service-detail{scroll-margin-top:110px;padding:3vw 0;border-top:var(--border)}
.freight-year{border-top:var(--border);padding-top:3vw;padding-bottom:5vw}
.freight-year .layout__second>span{display:block;font-family:"Barlow Condensed","Noto Sans Thai",sans-serif;font-size:18vw;line-height:1.1;letter-spacing:-.8vw}
.freight-year p{margin:2vw 0}
.freight-contact-action{margin:3vw 0 2vw}
.freight-copy-control{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 24px}
.freight-copy-control[hidden],.freight-service-choice[hidden]{display:none}
.freight-copy-control .freight-copy-button{width:auto;max-width:100%;min-height:48px;padding:10px 18px;font:inherit;color:inherit;background:transparent;border:1px solid currentColor;cursor:pointer;text-align:left}
.freight-copy-button:disabled{opacity:.65;cursor:wait}
.freight-copy-status{font-size:15px;line-height:1.6}
.freight-service-choice{margin-top:24px}
.freight-service-choice label{display:block;margin-bottom:10px;font-size:16px}
.freight-service-choice select{display:block;width:100%;max-width:540px;min-height:48px;padding:12px;font:inherit;font-size:17px;line-height:1.5;color:#111;background:#efefef;border:1px solid #444;border-radius:0}
.freight-note{opacity:.65;font-size:70%;line-height:1.7}
.freight-contact-address{margin-top:2.5vw;padding-top:1.5vw;border-top:1px solid currentColor}
.freight-prose-row{padding-top:2vw;padding-bottom:2vw;border-top:var(--border)}
.freight-content :focus-visible,.freight-page :focus-visible,header :focus-visible{outline:2px solid currentColor;outline-offset:5px}
body:not(.menu_open) .mobilenav{visibility:hidden}
body.menu_open .mobilenav{visibility:visible}
.mobilenav__main a{line-height:1.4}
header .menu{min-width:60px;min-height:44px}
.mobilenav{transition:clip-path .4s ease}
body.menu_open .mobilenav{clip-path:rect(0% 100% 100% 0%)}
.mobilenav__main a{opacity:1}
.freight-reveal{transition:opacity .7s ease,translate .7s ease}
.freight-reveal[data-pending]{opacity:.12;translate:0 24px}
/* Denser reading rhythm, restricted to editable content below the hero. */
.freight-content,.freight-page main,.freight-page .footer{font-size:clamp(16px,1.3vw,21px)}
.freight-content .section,.freight-page main .section{padding-top:3vw;padding-bottom:4vw}
.freight-content .section.no__pt,.freight-page main .section.no__pt{padding-top:0}
.freight-content .section.no__pb,.freight-page main .section.no__pb{padding-bottom:0}
.freight-content .lead,.freight-page main .lead{font-size:clamp(19px,1.7vw,27px);line-height:1.6}
.freight-content .freight-copy .lead__indent,.freight-page main .lead__indent{text-indent:0!important}
.freight-content .freight-copy .lead__indent:before,.freight-page main .lead__indent:before{content:none!important}
.freight-content .freight-heading,.freight-page main .freight-heading{padding:0}
.freight-content h3,.freight-page main h3{padding:0}
.freight-content .monospace,.freight-page main .monospace,.freight-page .footer .monospace{font-size:13px}
.freight-content .freight-note,.freight-page main .freight-note{font-size:14px;line-height:1.8;opacity:.85}
.freight-copy p{margin:0 0 1.1em;padding:0}
.freight-page-heading .lead{margin-bottom:12px;padding:0}
.freight-content .button,.freight-page main .button,.freight-page .footer .button{font-size:clamp(16px,1.35vw,22px);padding:1.2vw 1.4vw}
.freight-content .footer,.freight-page .footer{min-height:0}
.freight-content .layout__third,.freight-page main .layout__third{padding-right:3vw}
.freight-aside{display:block;line-height:1.8;margin-top:22px;max-width:28em;font-size:14px;padding:0}
.freight-breadcrumb{display:inline-block;margin-top:18px;text-decoration:underline;text-underline-offset:4px}
.freight-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2vw;margin:2vw 0}
.freight-facts>div{border-top:1px solid currentColor;padding-top:14px;display:flex;flex-direction:column;gap:8px}
.freight-facts dt{font-size:14px;line-height:1.6}
.freight-facts dd{order:-1;font-family:"Barlow Condensed","Noto Sans Thai",sans-serif;font-size:clamp(38px,4.2vw,68px);line-height:1.1;margin:0}
.freight-title-group{display:inline-block}
.freight-fact-strip .freight-facts{width:100%;margin:0}
.freight-service-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:1vw 3vw 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.freight-service-index a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:20px 16px;border-right:1px solid currentColor;font-size:clamp(16px,1.35vw,22px);line-height:1.6}
.freight-service-index a:first-child{padding-left:0}.freight-service-index a:last-child{border-right:0}
.freight-service-index a:hover{background:#11111112}
.freight-service-caption p,.freight-card-more{grid-column:1/-1;font-size:16px;line-height:1.7;margin:0}
.freight-card-more{font-size:13px;border-top:1px solid #bababa60;padding-top:12px;margin-top:8px}
.freight-detail-grid,.freight-quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5vw;margin:24px 0}
.freight-detail-grid h3{font-size:clamp(21px,1.8vw,28px);line-height:1.5;letter-spacing:0;margin:0 0 12px}
.freight-list{list-style:none;padding:0;margin:0}
.freight-list li{border-top:1px solid #11111130;padding:12px 0;line-height:1.7;font-size:clamp(16px,1.2vw,19px)}
.section__black .freight-list li{border-color:#bababa40}
.freight-detail-image{display:block;width:100%;height:15vw;object-fit:cover;margin-top:22px;border-radius:var(--radius)}
.freight-service-detail .freight-detail-image{margin-top:0}
.freight-content .benefits__items--text p,.freight-page .benefits__items--text p{margin:0 0 10px;font-size:clamp(16px,1.25vw,20px);line-height:1.7;width:100%!important}
.freight-content .benefits__items--text .freight-support-note,.freight-page .benefits__items--text .freight-support-note{font-size:14px;opacity:.75}
.freight-support-note span{display:block}
/* Only shipment workflows carry numbers; each ordered list starts at 01. */
.freight-steps,.freight-ready-steps{list-style:none;counter-reset:freight-step;padding:0}
.freight-steps>li,.freight-ready-steps>li{counter-increment:freight-step}
.freight-steps>li:before,.freight-ready-steps>li:before{content:counter(freight-step,decimal-leading-zero);display:block;font-family:GeistMono,"Noto Sans Thai",monospace;font-size:14px;line-height:1.6;opacity:.7}
.freight-steps,.freight-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;margin:2vw 3vw 3vw}
.freight-steps>li,.freight-scope article{border-top:1px solid currentColor;padding:18px 0 0}
.freight-steps h3,.freight-scope h3{font-size:clamp(23px,2vw,32px);letter-spacing:0;line-height:1.4;margin:16px 0}
.freight-steps p,.freight-scope p{font-size:clamp(16px,1.3vw,21px);line-height:1.8;margin:0}
.freight-scope h3{margin-top:0}
.freight-profile{border-top:1px solid currentColor;margin-top:24px;padding-top:18px;line-height:1.7}
.freight-profile dt{opacity:.7;font-size:12px;margin:0 0 5px}
.freight-profile dd{font-size:16px;margin:0 0 22px}
.freight-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3vw}
.freight-timeline article{border-top:1px solid currentColor;padding-top:18px}
.freight-timeline h3{font-size:clamp(60px,7vw,110px);line-height:1.2;letter-spacing:-.2vw;margin:16px 0}
.freight-email-draft{font:inherit;font-size:clamp(16px,1.25vw,20px);line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid currentColor;padding:4px 0 4px 24px;margin:24px 0}
.freight-page main .freight-prose-row .lead{font-size:clamp(17px,1.4vw,22px)}
.freight-page main .freight-prose-row .freight-heading{font-size:clamp(25px,2.2vw,36px)}
.freight-prose-row>.layout__second{width:100%;max-width:60rem;margin-inline:auto}
.freight-page main .freight-service-body{padding-top:0}
.freight-quote-box li{font-size:16px}
.freight-quote-grid .freight-quote-box{margin:0!important}
.freight-faq summary{font-size:clamp(19px,1.6vw,25px)}
.freight-faq details p{font-size:clamp(16px,1.3vw,21px);line-height:1.8}
.freight-page .freight-contact-main{padding-top:2vw}
@media (min-width:601px) and (max-width:1000px){
 .freight-service-index{grid-template-columns:repeat(2,minmax(0,1fr))}
 .freight-service-index a:nth-child(even){border-right:0}.freight-service-index a:last-child:nth-child(odd){grid-column:1/-1;padding-left:0}.freight-service-index a:nth-child(n+3){border-top:1px solid currentColor}
 .freight-detail-grid,.freight-quote-grid{gap:22px}
}
@media(max-width:600px){
 .freight-content .section,.freight-page main .section{padding-top:28px;padding-bottom:36px}
 .freight-content .lead,.freight-page main .lead{font-size:19px;line-height:1.6}
 .freight-content .layout__third,.freight-page main .layout__third{padding-right:0}
 .freight-content .button,.freight-page main .button,.freight-page .footer .button{font-size:16px;padding:16px 10px}
 .freight-facts{gap:14px;margin:26px 0}.freight-facts dt{font-size:12px}.freight-facts dd{font-size:38px}
 .freight-service-index{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 20px 0}
 .freight-service-index a{font-size:16px;padding:14px 8px;gap:7px}
 .freight-service-index a:nth-child(even){border-right:0}.freight-service-index a:last-child:nth-child(odd){grid-column:1/-1;padding-left:0}.freight-service-index a:nth-child(n+3){border-top:1px solid currentColor}
 .freight-service-index a:nth-child(odd){padding-left:0}
 .freight-detail-grid,.freight-quote-grid,.freight-steps,.freight-scope{grid-template-columns:1fr;gap:24px}
 .freight-detail-grid{margin:22px 0}.freight-quote-grid{margin:16px 0}
 .freight-steps,.freight-scope{margin:20px 20px 30px}.freight-steps h3{margin:12px 0}
 .freight-detail-image{height:42vw;max-height:220px;margin:16px 0}
 .freight-aside{margin-top:14px;font-size:14px}
 .freight-timeline{gap:20px}.freight-timeline h3{font-size:53px}.freight-timeline .monospace{font-size:12px}
 .freight-profile{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.freight-profile dd{margin:0;font-size:14px}
 .freight-email-draft{padding-left:16px;font-size:16px}
 .freight-page main .freight-service-body{padding-top:0}
 .freight-page main .freight-contact-main{padding-top:24px}

 .freight-heading{font-size:30px;letter-spacing:0;line-height:1.35;margin-bottom:18px}
 .freight-copy p.lead{font-size:19px;line-height:1.6}
 .freight-content .layout__third.monospace,.freight-page .layout__third.monospace{padding-bottom:16px}
 .freight-marquee{padding:12px 0;margin-bottom:24px}
 .freight-marquee .marqueeText__title{font-size:12vw;line-height:1.5;padding-right:8vw}
 .freight-marquee:before{top:5px}.freight-marquee:after{bottom:5px}
 section .freight-showcase{padding:0 20px 20px;gap:16px}
 section .freight-showcase .homeworks__showcaseItem{flex-basis:82vw;min-width:82vw;width:82vw}
 .freight-service figure{height:50vw}
 .freight-service-caption{padding:20px;gap:14px}
 .freight-service-caption h3{font-size:25px}.freight-service-caption .arrow{font-size:30px}
 .freight-content .benefits__items--text,.freight-page .benefits__items--text{width:88%;padding:22px 0 28px}
 .freight-content .benefits__items--text .lead,.freight-page .benefits__items--text .lead{font-size:25px;margin-bottom:12px}
 .freight-content .benefits__items--text p:not(.lead),.freight-page .benefits__items--text p:not(.lead){width:100%;font-size:15px;line-height:1.7}
 .freight-service-mark{font-size:40px;padding-top:20px}
 .freight-quote-box{padding:25px 0!important;margin-top:30px!important}
 .freight-quote-box h3{font-size:25px;margin:14px 0}
 .freight-faq details{padding:22px 0}.freight-faq summary{font-size:21px}
 .freight-wordmark{font-size:20vw}
 .freight-page-heading{padding:125px 0 24px!important}
 .freight-page-heading h1{font-size:36px;letter-spacing:0;margin-bottom:18px}
 .freight-service-detail{padding:26px 0;scroll-margin-top:100px}
 .freight-year .layout__second>span{font-size:36vw}
 .freight-year{padding-top:30px;padding-bottom:40px}
 .freight-note{font-size:14px}
 .freight-contact-action{margin:22px 0 16px}
 .freight-contact-address{margin-top:28px;padding-top:20px}
 .freight-prose-row{padding-top:24px;padding-bottom:24px}
 .freight-copyright{padding-top:40px!important;padding-bottom:30px!important}
}
/* About: company introduction and service/contact information share two screens. */
.freight-page main .freight-about-screen{--about-rule:#FFFFFF2E;--about-copy-size:clamp(16px,1.15vw,20px);min-height:calc(100svh - 96px);display:flex;flex-direction:column;justify-content:center;padding:24px 0}
.freight-page main .freight-about-intro{min-height:100svh;padding:112px 0 24px}
.freight-about-screen .layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:12px 3vw}
.freight-about-screen .layout__third,.freight-about-screen .layout__second{width:auto}
.freight-about-screen .layout__second{grid-column:2/-1}
.freight-about-heading>.layout__second{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}
.freight-about-heading h1{font-size:clamp(38px,3.8vw,60px);line-height:1.15;letter-spacing:-.02vw;margin:0 0 8px;color:#F0F0F0}
.freight-about-heading p{font-size:var(--about-copy-size);line-height:1.65;margin:0;padding:0}
.freight-about-heading .freight-facts{width:52%;margin:0;gap:24px}
.freight-about-heading .freight-facts>div{border-color:var(--about-rule);padding-top:10px}
.freight-about-heading .freight-facts dt{font-size:12px;line-height:1.5}
.freight-about-heading .freight-facts dd{font-size:clamp(34px,3.2vw,48px);color:#F0F0F0}
.freight-about-screen .freight-heading{font-size:clamp(28px,2.5vw,38px);margin:0 0 12px;color:#F0F0F0}
.freight-about-screen .freight-copy p,.freight-about-screen .freight-copy address{font-family:Inter,"Noto Sans Thai",sans-serif;font-size:var(--about-copy-size);line-height:1.65;margin:0 0 12px;padding:0;max-width:none}
.freight-about-screen .freight-profile{margin-top:18px;padding-top:16px;border-color:var(--about-rule)}
.freight-about-screen .freight-profile dd{font-size:14px;margin:0 0 14px}
.freight-about-screen .freight-profile dd:last-child{margin-bottom:0}
.freight-page main .freight-about-screen .button{color:#F0F0F0;font-size:var(--about-copy-size);padding:14px 0;margin-top:8px;border-color:var(--about-rule)}
.freight-about-services .freight-scope{gap:32px;margin:16px 3vw 0}
.freight-about-services .freight-scope article{padding:16px 0 0;border-color:var(--about-rule)}
.freight-about-services .freight-scope h3{font-size:clamp(22px,1.8vw,27px);line-height:1.3;margin:0 0 12px;color:#F0F0F0}
.freight-about-services .freight-scope p{font-size:var(--about-copy-size);line-height:1.65;margin:0;padding:0;max-width:none}
.freight-about-contact{margin:24px 3vw 0;border-top:1px solid var(--about-rule)}
.freight-about-contact>.layout{width:100%;padding:24px 0 0}
@media(max-width:1000px){
 .freight-page main .freight-about-screen{min-height:0}
}
@media(max-width:600px){
 .freight-about-screen .layout{grid-template-columns:1fr;gap:0;padding:12px 20px}
 .freight-about-screen .layout__second{grid-column:auto}
 .freight-about-heading>.layout__second{display:block}
 .freight-about-heading .freight-facts{width:100%;margin-top:20px}
 .freight-about-screen .freight-profile dd{margin:0}
 .freight-about-services .freight-scope{grid-template-columns:1fr;gap:24px;margin:16px 20px 0}
 .freight-about-contact{margin:24px 20px 0}
 .freight-about-contact>.layout{padding:24px 0 0}
}

/* Services: six supporting services and shipment preparation each share a screen. */
.freight-page main .freight-services-screen{min-height:calc(100svh - 96px);display:flex;flex-direction:column;justify-content:center;padding:20px 0}
.freight-services-support #support-services>.layout,.freight-services-planning>.layout{padding-top:0;padding-bottom:12px}
.freight-services-screen .freight-heading{font-size:clamp(28px,2.5vw,38px);margin-bottom:8px}
.freight-services-screen .freight-copy>p{font-size:17px;line-height:1.6;margin:0}
.freight-services-support .freight-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 32px;margin:8px 3vw 0}
.freight-services-support .freight-support-card{padding-top:12px}
.freight-services-support h3{font-size:clamp(22px,1.8vw,27px);line-height:1.3;letter-spacing:0;margin:0 0 8px}
.freight-services-support article p{font-size:16px;line-height:1.6;margin:0;padding:0}
.freight-services-support article .freight-support-note{font-size:14px;line-height:1.55;margin-top:8px;color:var(--intro-muted)}
.freight-services-planning{--planning-rule:#FFFFFF2E;--planning-copy-size:clamp(16px,1.1vw,20px)}
.freight-services-planning .layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}
.freight-services-planning .layout__third,.freight-services-planning .layout__second{width:auto}
.freight-services-planning .layout__second{grid-column:2/-1}
.freight-services-planning .freight-heading,.freight-services-planning .freight-steps h3{color:#F0F0F0}
.freight-services-planning .freight-copy>p{font-size:var(--planning-copy-size);line-height:1.65}
.freight-services-planning .freight-steps{gap:32px;margin:16px 3vw 0}
.freight-services-planning .freight-steps>li{padding:16px 0 0;border-color:var(--planning-rule)}
.freight-services-planning .freight-steps h3{font-size:clamp(22px,1.8vw,27px);line-height:1.3;margin:10px 0}
.freight-services-planning .freight-steps p{font-size:var(--planning-copy-size);line-height:1.65;padding:0}
.freight-planning-cta{margin:28px 3vw 0;border-top:1px solid var(--planning-rule)}
.freight-planning-cta>.layout{width:100%;padding:24px 0 0}
.freight-services-planning .freight-planning-cta .button{color:#F0F0F0;font-size:var(--planning-copy-size);min-height:52px;padding:14px 0;margin-top:20px;border-color:var(--planning-rule)}
@media(max-width:1000px){
 .freight-services-support .freight-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .freight-page main .freight-services-screen{min-height:0}
}
@media(max-width:600px){
 .freight-services-support .freight-support-grid{grid-template-columns:1fr;gap:22px;margin:16px 20px 0}
 .freight-services-support h3{font-size:24px}
 .freight-services-planning .layout{grid-template-columns:1fr;column-gap:0}
 .freight-services-planning .layout__second{grid-column:auto}
 .freight-services-planning .freight-steps{gap:24px;margin:16px 20px 0}
 .freight-planning-cta{margin:24px 20px 0}
}

/* Homepage service overview: related services, then the 3PL consultation row. */
.freight-content .section.freight-support-overview{padding:32px 0}
#support-overview,#support-services{scroll-margin-top:90px}
.freight-support-overview .freight-heading{font-size:clamp(28px,2.7vw,42px);margin-bottom:10px}
.freight-support-overview .freight-copy p{font-size:17px;line-height:1.6;margin:0}
.freight-support-overview .freight-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 32px;margin:16px 3vw 0;padding:0;height:auto;min-height:0}
.freight-support-card{border-top:1px solid #bababa70;padding:16px 0 0;min-width:0}
.freight-support-overview h3{font-size:clamp(22px,1.8vw,28px);line-height:1.45;letter-spacing:0;padding:0;margin:0 0 10px}
.freight-support-overview article p{font-size:16px;line-height:1.65;padding:0;margin:0}
.freight-support-consulting{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:32px;margin:24px 3vw 0;border-top:1px solid #bababa70}
.freight-content .freight-support-consulting{padding:18px 0 0}
.freight-support-consulting h3{margin-bottom:0}
.freight-support-consulting .button{width:100%;margin:0;font-size:17px;padding:12px 16px}
@media(min-width:601px) and (max-width:1000px){
 .freight-support-overview .freight-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .freight-support-consulting{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
 .freight-support-consulting .button{grid-column:1/-1}
}
@media(max-width:600px){
 .freight-support-overview .freight-support-grid{grid-template-columns:1fr;gap:22px;margin:16px 20px 0}
 .freight-support-consulting{grid-template-columns:1fr;gap:12px;margin:22px 20px 0}
 .freight-support-overview h3{font-size:24px}
}
/* One shared homepage block for quote preparation, FAQs and the closing CTA. */
.freight-content .section.freight-ready{padding:32px 0}
#inquiry-guide{scroll-margin-top:90px}
.freight-ready .freight-heading{font-size:clamp(28px,2.7vw,42px);margin-bottom:10px}
.freight-ready .freight-copy p{font-size:17px;margin:0;line-height:1.6}
.freight-ready-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:18px 3vw 0}
.freight-ready-grid .freight-ready-panel{min-width:0;width:auto;margin:0;border-top:1px solid #bababa70;padding:18px 0 0}
.freight-ready-panel h3{font-size:25px;line-height:1.4;letter-spacing:0;margin:0 0 14px;padding:0}
.freight-ready-panel .freight-list li{font-size:16px;line-height:1.6;padding:9px 0}
.freight-ready-panel .freight-list li:first-child{border-top:0}
.freight-ready-steps{margin:0}
.freight-ready-steps>li{position:relative;padding:0 0 14px 34px}
.freight-ready-steps>li:before{position:absolute;left:0;top:4px}
.freight-ready-steps h4{font-size:19px;line-height:1.5;letter-spacing:0;margin:0 0 6px;padding:0}
.freight-ready-steps p{font-size:16px;line-height:1.65;padding:0;margin:0}
.freight-ready .freight-faq details{padding:12px 0}
.freight-ready .freight-faq details:first-child{border-top:0;padding-top:0}
.freight-ready .freight-faq summary{font-size:17px;line-height:1.6;gap:12px}
.freight-ready .freight-faq details p{font-size:16px;line-height:1.7;margin:12px 0 0;padding:0}
.freight-ready-action{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:16px 3vw 0;padding-top:16px;border-top:1px solid #bababa70}
.freight-ready-action>.freight-email{font-size:16px}
.freight-ready-action .button{width:40%;margin:0;padding:12px 16px;font-size:17px}
.freight-ready-cta{margin-top:clamp(32px,3vw,64px)}
@media(max-width:800px){
 .freight-ready-grid{grid-template-columns:1fr;gap:26px;margin:18px 20px 0}
 .freight-ready-panel h3{font-size:24px}
 .freight-ready-action{align-items:stretch;flex-direction:column;gap:18px;margin:24px 20px 0}
 .freight-ready-action .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.freight-marquee .marqueeText__track{animation:none}.freight-reveal{transition:none}.freight-reveal[data-pending]{opacity:1;translate:none}}

/* Surface contrast follows the site's dark sections and white ocean hero. */
body,.section,.mobilenav{--navigation-surface-ink:#fff}
.homeHeroIntro,.ocean-hero,.section__cream,.section__red{--navigation-surface-ink:#000}
header{--navigation-ink:#fff;color:var(--navigation-ink);background:transparent;mix-blend-mode:normal}
body.home header{--navigation-ink:#000}
header .nav>a,header .language-switch a,header .menu{color:var(--navigation-ink,#fff);transition:none}
.mobilenav a{color:#fff}
.header-brand-layer{position:fixed;inset:0 0 auto;z-index:22;pointer-events:none;mix-blend-mode:normal}
.header-brand-layer .logo{display:inline-block;pointer-events:auto}
.header-brand-space{min-height:55px}
body.home:not(.home-brand-visible) .header-brand-layer{visibility:hidden}
@media(max-width:600px){.header-brand-layer .logo{padding:6px 20px}}
/* The language control is the final column of the shared header navigation. */
header .nav{align-items:center}
header .language-switch{flex:none;margin-left:12px;font:14px/1.2 Arial,sans-serif}
header .language-switch a{display:flex;align-items:center;justify-content:center;min-width:52px;min-height:44px;padding:0 12px;border:1px solid currentColor;border-radius:24px;background:transparent;text-decoration:none}
header .language-switch a:hover{text-decoration:underline;text-underline-offset:4px}
header .language-switch a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:600px){
 header .nav{display:flex;position:absolute;right:20px;top:30px;width:auto}
 header .nav>a{display:none}
 header .language-switch{margin-left:0}
 header .menu{right:84px;top:30px;margin-top:0;padding:0 8px}
}

/* Keep the longer bilingual hero tagline readable without forced uppercase. */
section .banner__hero .hero-value-copy{width:min(620px,46vw);text-transform:none;text-align:left}
@media(max-width:600px){section .banner__hero .hero-value-copy{width:80vw}}
@media(max-width:600px){
 section .banner__hero .hero-value-copy{font-size:clamp(18px,4.8vw,22px);line-height:1.45;letter-spacing:0;width:calc(100% - 40px);right:20px;bottom:32px}
}

/* Shared footer: the previously designed surface waves, with readable copy. */
.section.footer.section__blue{
 background-color:#081B33;
 background-image:linear-gradient(180deg,rgba(4,19,36,.28),rgba(4,19,36,.76)),url('/img/backgrounds/footer-ocean-waves-v1.webp');
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
}
.section.footer.section__blue::before,.section.footer.section__blue::after{content:none}
@media(max-width:600px){
 .section.footer.section__blue{background-position:30% center}
}

/* Ocean cutouts: white reference layout, shared sea surface in circle and type. */
body.home{--hero-ocean:url('/img/backgrounds/hero-thailand-glass-sea-v1.webp')}
section .ocean-hero{height:auto;min-height:100svh;background:#fff;color:#173e55;overflow:hidden}
.ocean-hero-grid{max-width:1600px;min-height:100svh;margin:0 auto;padding:120px 6vw 64px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw}
.ocean-circle{width:100%;max-width:600px;aspect-ratio:1;border:12px solid #53b0c8;border-radius:50%;background-image:var(--hero-ocean);background-size:cover;background-position:24% center;justify-self:center}
.ocean-hero-copy{max-width:640px;position:relative}
.ocean-hero-copy{container-type:inline-size;min-width:0}
.ocean-title-line{display:block}
.logistics-word{display:block;white-space:nowrap;font-size:20.8cqw;line-height:1.04;letter-spacing:-.075em}
html:lang(th) .logistics-word{line-height:1.35;letter-spacing:-.035em}
/* Balance visible Thai body-letter gaps while keeping the upper gap unchanged. */
html:lang(th) .logistics-word + .ocean-title-line{margin-top:-.5em}
.logistics-fill{background-size:cover;background-position:center;color:#124e70;-webkit-text-fill-color:#124e70}
.logistics-sea{background-image:url('/img/backgrounds/hero-blue-container-port-v1.webp');background-position:center}
.logistics-sky{background-image:url('/img/services/air-960.webp');background-size:auto 260%;background-position:20% top}
.logistics-road{background-image:url('/img/services/road-960.webp');background-position:48% center}
.logistics-rail{background-image:url('/img/services/rail-960.webp');background-position:60% bottom}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .logistics-fill{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
.ocean-headline{font-family:Arial,"Noto Sans Thai",Helvetica,sans-serif;font-weight:900;font-size:clamp(54px,6.1vw,102px);line-height:.96;letter-spacing:-.065em;text-transform:uppercase;margin:0 0 28px;overflow-wrap:normal}
.ocean-wave-fill{color:#124e70;background-image:var(--hero-ocean);background-size:cover;background-position:35% center}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .ocean-wave-fill{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
section .ocean-hero .hero-value-copy{position:static;width:auto;max-width:560px;margin:0;font-family:Arial,"Noto Sans Thai",Helvetica,sans-serif;font-size:clamp(19px,1.65vw,27px);font-weight:600;line-height:1.5;letter-spacing:-.02em;color:#245366;text-align:left;text-transform:none}
.ocean-hero-link{display:inline-flex;align-items:center;gap:36px;margin-top:30px;padding:17px 25px;background:#53b0c8;color:#fff;font:600 16px/1.3 Arial,Helvetica,sans-serif;border-radius:3px;transition:background .2s}
.ocean-hero-link:hover{background:#227c99}
.ocean-hero-link:focus-visible{outline:3px solid #173e55;outline-offset:5px}
html:lang(th) .ocean-headline{font-family:Arial,"Noto Sans Thai",Thonburi,sans-serif;font-size:clamp(44px,4.5vw,76px);line-height:1.16;letter-spacing:-.035em}
@media(max-width:800px){
 .ocean-hero-grid{grid-template-columns:1fr;gap:30px;padding:144px 24px 48px;min-height:100svh}
 .ocean-circle{width:min(68vw,360px);border-width:8px}
 .ocean-hero-copy{width:100%;max-width:540px;justify-self:center}
 .ocean-headline{font-size:clamp(44px,10vw,68px);line-height:1;letter-spacing:-.055em;margin-bottom:18px}
 html:lang(th) .ocean-headline{font-size:clamp(32px,7.5vw,48px);line-height:1.18}
 section .ocean-hero .hero-value-copy{font-size:18px;line-height:1.5}
 .ocean-hero-link{margin-top:22px;padding:14px 22px;font-size:15px}
}
@media(min-width:801px) and (max-height:750px){
 .ocean-hero-grid{padding-top:100px;padding-bottom:40px}
 .ocean-circle{max-width:68vh}
 .ocean-headline{font-size:clamp(54px,5.5vw,86px)}
}