/* Shared document shell, rebuilt for the static SEA-SKY pages. */
:root {
  --bgcolor:#1a1a1a; --primarycolor:#bababa; --grey:#bababa; --black:#111;
  --blue:#175896; --radius:.5vw; --border:1px solid #ffffffb3; --borderFade:1px solid #ffffff80;
}
*,*::before,*::after {box-sizing:border-box}
* {margin:0;padding:0}
html {overflow-x:clip}
body {background:var(--bgcolor);color:var(--primarycolor);font:400 1.7vw Inter,"Noto Sans Thai",sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
main {min-height:100dvh;width:100%}
body.home {--primarycolor:#d9d9d9}
a {color:inherit;text-decoration:none}
button,input,select,textarea {font:inherit}
button {cursor:pointer}
img,svg,canvas {max-width:100%}
img {vertical-align:middle}
address {font-style:normal}
[hidden] {display:none!important}
h1,h2,h3,h4 {font-family:"Barlow Condensed","Noto Sans Thai",sans-serif;font-weight:400}
h1 {font-size:6vw;line-height:.9}
h2 {font-size:10vw;line-height:.9}
h3 {font-size:8vw;line-height:.95}
h4 {font-size:6vw;line-height:.85}
.block {display:block}
.monospace {font:400 50% GeistMono,"Noto Sans Thai",monospace;letter-spacing:-.05vw;text-transform:uppercase}
.layout {display:flex;flex-wrap:wrap;justify-content:space-between;width:100vw;padding:1.5vw 3vw}
.layout__third {width:33%}
.layout__second {width:66%}
section,.section {position:relative;padding:5vw 0 10vw;background:var(--background);color:var(--color,var(--primarycolor))}
.section__grey {--background:#1a1a1a}
.section__black {--background:#111}
.section__lightgrey {--background:#bababa;--color:#111}
.section__blue {--background:var(--blue)}
.no__p {padding:0!important}
.no__pt {padding-top:.3vw!important}
.no__pb {padding-bottom:0!important}
.no__mt {margin-top:0!important}
.lead {font-size:2.5vw;line-height:1.3}
p.lead {font-family:"Barlow Condensed","Noto Sans Thai",sans-serif}
.layout__third.monospace {position:relative;padding-left:3vw;padding-top:.8vw;white-space:pre-line}
.layout__third.monospace::before {position:absolute;left:0;top:.8vw;content:"⬤"}
.section__lightgrey .button {font-weight:600}
.arrow {display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:150%;line-height:1;margin-right:.5vw;position:relative;top:.05vw}
.button {position:relative;display:inline-block;font-family:GeistMono,"Noto Sans Thai",monospace;font-size:70%;letter-spacing:-.05vw}
.button__big {display:flex;justify-content:space-between;width:100%;padding:1vw 0;border-bottom:1px solid currentColor}
.buttons {display:flex;flex-wrap:wrap;justify-content:space-between}
.buttons .button__half {display:flex;justify-content:space-between;width:48%;border-bottom:1px solid currentColor;padding:.5vw 0}
.button__half:nth-child(-n+2) {border-top:1px solid currentColor}
header {position:fixed;top:0;left:0;width:100%;z-index:23;pointer-events:none}
header a,header button {pointer-events:auto}
header .nav {display:flex;justify-content:flex-end;font-family:"Barlow Condensed","Noto Sans Thai",sans-serif}
header .nav>a {padding:.3vw .7vw}
header .menu {display:none;border:0;background:none;color:inherit;position:fixed}
.logo-img {display:block;width:auto;height:auto;max-height:55px}
.line,.line__inner {display:block}
.mobilenav {position:fixed;inset:0 0 auto;height:85svh;padding:20svh 0 0 10px;z-index:20;clip-path:inset(0 0 100%);transition:clip-path .4s ease;overflow:auto}
.mobilenav__main a {display:block;font-family:"Barlow Condensed","Noto Sans Thai",sans-serif;font-size:8vw;padding:0 3vw}
.mobilenav__backdrop {display:none}
body.menu_open .mobilenav {clip-path:inset(0)}
body.menu_open .mobilenav__backdrop {display:block;position:fixed;inset:0;background:#0008;z-index:19}
.banner__hero {position:relative}
.logo3d {position:fixed;z-index:12;pointer-events:none;transform-origin:50% 0}
.logo3d__canvas,.logo3d__canvas canvas {width:100%;height:100%;display:block}
.marqueeText {white-space:nowrap;overflow:hidden}
.marqueeText::before,.marqueeText::after {content:"";position:absolute;left:0;right:0;border-top:1px solid currentColor;pointer-events:none}
.marqueeText__title {display:flex;align-items:center;flex:none}
.footer {position:relative;width:100%;overflow:hidden}
.footer__wrapper {position:relative;height:100%}
.footer__logoStack {position:relative;padding:3vw;color:var(--grey);opacity:.7}
.footer__logo {display:block;width:100%;height:auto}
.footer__logo path {fill:currentColor}
/* Reading widths and list rhythm are scoped to the current content components. */
article :is(h2,h3,h4,p,ul,ol) {max-width:45vw}
article :is(p,ul,ol) {font-size:90%}
article :is(ul,ol) {padding-bottom:3vw}
article li {margin-bottom:1vw;border-bottom:1px solid #ffffff66}
article li:last-child {border-bottom:0}
.freight-timeline article {padding-bottom:20vw}
html.lenis,html.lenis body {height:auto}
.lenis.lenis-smooth {scroll-behavior:auto!important}
.lenis.lenis-stopped {overflow:hidden}
@media(max-width:600px) {
  body {font-size:20px}
  h1 {font-size:40px}
  .layout {display:block;padding:10px 20px}
  .layout__third,.layout__second {width:100%}
  .layout__third.monospace {padding-left:0;padding-bottom:40px}
  .layout__third.monospace::before {content:none}
  .buttons .button__half {width:100%}
  .button__half:nth-child(2) {border-top:0}
  article :is(h2,h3,h4) {max-width:80vw}
  article :is(p,ul,ol) {max-width:85vw;font-size:100%}
  article :is(ul,ol) {padding-bottom:5vh}
  article li {margin-bottom:2vh}
  .freight-timeline article {padding-bottom:10vh}
  section,.section {padding:30px 0 60px}
  .button__big {padding:10px 0}
  header .menu {display:block}
  .mobilenav__main a {font-size:40px;padding:0 20px}
  .footer .address {margin-bottom:50px}
}
@media(min-width:601px) and (max-width:1300px) {body {font-size:20px}}
@media(prefers-reduced-motion:reduce) {.mobilenav {transition:none}}

.button__big:first-child {border-top:1px solid currentColor}
.section__black {--color:var(--grey)}
.footer__logo--front {display:none}
.footer__logoStack::after {content:"";display:block;width:120px;height:120px;margin:auto;background:url(/img/logo/header.webp) center/contain no-repeat}