.apx-page {  --apx-ink: #211e18;  --apx-muted: #625d53;  --apx-paper: #f7f5f0;  --apx-white: #fffdf8;  --apx-line: #dcd6c8;  --apx-gold: #c99736;  --apx-gold-light: #efd48b;  --apx-jade: #163c34;  width: 100%;  min-width: 0;  margin: 0;  overflow-x: clip;  background: var(--apx-paper);  color: var(--apx-ink);  font: 400 16px/1.6 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;  -webkit-text-size-adjust: 100%;  text-size-adjust: 100%;}.apx-page, .apx-page *, .apx-page *::before, .apx-page *::after { box-sizing: border-box; }.apx-page :where(h1, h2, h3, p, ol) { margin: 0; }.apx-page a { color: inherit; }.apx-page a:focus-visible { outline: 3px solid #9c6817; outline-offset: 5px; }.apx-page :target { scroll-margin-top: 24px; }.apx-shell { width: min(calc(100% - 48px), 1280px); min-width: 0; margin-inline: auto; }.apx-hero {  color: #f9f6ec;  background: radial-gradient(ellipse at 50% 37%, #574321 0%, #2c261b 37%, #171611 77%);  overflow: hidden;}.apx-hero-inner { padding-block: 28px clamp(52px, 6vw, 82px); }.apx-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: #d3cbb9; font-size: .78rem; }.apx-breadcrumb a { text-underline-offset: 4px; }.apx-breadcrumb span[aria-hidden] { color: #9e8655; }.apx-kicker, .apx-overline, .apx-card-index, .apx-card-foot, .apx-destination-top, .apx-time-graphic-label {  font-size: .72rem;  font-weight: 760;  letter-spacing: .14em;  line-height: 1.5;  text-transform: uppercase;}.apx-kicker { margin-top: clamp(48px, 6vw, 85px) !important; color: #ead6a7; }.apx-stage {  position: relative;  display: flex;  align-items: center;  justify-content: space-between;  gap: 16px;  min-height: clamp(300px, 35vw, 485px);  isolation: isolate;}.apx-stage::before {  content: "";  position: absolute;  z-index: 0;  top: 50%;  left: 11%;  width: 78%;  height: 80%;  border-radius: 50%;  transform: translateY(-50%);  background: radial-gradient(ellipse, rgb(230 188 89 / 15%) 0%, transparent 70%);}.apx-stage-code {  position: relative;  z-index: 2;  flex: 0 1 auto;  color: #f4e8c9;  font-size: clamp(7rem, 19vw, 18rem);  font-weight: 800;  letter-spacing: -.105em;  line-height: .82;  text-shadow: 0 2px 1px #fff8e7, 0 10px 38px rgb(227 182 91 / 18%);  white-space: nowrap;}.apx-stage-code-end {  color: #ddb15e;  font-size: clamp(3.5rem, 9vw, 8.25rem);  letter-spacing: -.085em;  text-shadow: 0 2px 1px #f6dda4, 0 10px 38px rgb(227 182 91 / 18%);}.apx-stage-line {  position: absolute;  z-index: 1;  top: 53%;  left: 24%;  right: 32%;  display: flex;  align-items: center;  justify-content: space-between;  height: 2px;  background: linear-gradient(90deg, #d7ae5c, #f8e4ae, #a97728);}.apx-stage-line i {  display: block;  width: 11px;  height: 11px;  border: 2px solid #f5db9e;  border-radius: 50%;  background: #302718;  box-shadow: 0 0 0 6px rgb(223 177 87 / 14%);}.apx-hero-bottom { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr); gap: clamp(28px, 5vw, 75px); align-items: end; }.apx-hero :is(h1, h2) { font-size: clamp(3.1rem, 6.7vw, 7.1rem); font-weight: 770; letter-spacing: -.075em; line-height: .99; overflow-wrap: anywhere; }.apx-gold-stop { color: #efbd54; }.apx-hero-side { min-width: 0; padding-bottom: 6px; }.apx-hero-side p { max-width: 39ch; color: #dfd9cb; font-size: clamp(1rem, 1.5vw, 1.18rem); line-height: 1.56; }.apx-pill {  display: inline-flex;  align-items: center;  justify-content: space-between;  gap: 18px;  min-height: 46px;  max-width: 100%;  padding: 10px 18px;  border: 1px solid transparent;  border-radius: 999px;  font-size: .88rem;  font-weight: 700;  line-height: 1.35;  text-align: left;  text-decoration: none;}.apx-pill-light { margin-top: 25px; color: #2c2213 !important; background: #f0d58d; }.apx-pill-light:hover { background: #ffe3a0; }.apx-local-nav { border-bottom: 1px solid var(--apx-line); background: #fffcf4; }.apx-local-inner { display: flex; align-items: center; gap: 22px; min-height: 72px; }.apx-local-name { flex: none; font-size: .92rem; font-weight: 770; letter-spacing: -.02em; }.apx-local-links { display: flex; flex-wrap: wrap; gap: 7px 21px; align-items: center; min-width: 0; margin-left: auto; }.apx-local-links a { min-height: 40px; display: inline-flex; align-items: center; font-size: .81rem; font-weight: 620; text-decoration: none; }.apx-local-links a:hover { text-decoration: underline; text-underline-offset: 4px; }.apx-local-action { flex: none; display: inline-flex; align-items: center; gap: 11px; min-height: 42px; padding: 8px 13px; border: 1px solid #927037; border-radius: 999px; color: #3d2b10 !important; font-size: .79rem; font-weight: 740; text-decoration: none; }.apx-local-action:hover { background: #f6e9c7; }.apx-section { padding-block: clamp(78px, 9vw, 135px); }.apx-defer { content-visibility: auto; contain-intrinsic-size: auto 760px; }.apx-overline { color: #865e21; }.apx-section-head { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr); align-items: end; gap: clamp(28px, 6vw, 100px); margin: 15px 0 clamp(31px, 4vw, 56px); }.apx-section h2, .apx-final h2 { font-size: clamp(2.55rem, 5.8vw, 5.75rem); font-weight: 760; letter-spacing: -.068em; line-height: 1.04; overflow-wrap: anywhere; }.apx-section-head > p { max-width: 40ch; color: var(--apx-muted); font-size: clamp(1rem, 1.4vw, 1.12rem); line-height: 1.6; }.apx-highlights { background: var(--apx-paper); }.apx-highlight-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }.apx-highlight { display: flex; flex-direction: column; justify-content: space-between; gap: 32px; min-width: 0; min-height: 450px; padding: clamp(25px, 3vw, 42px); border-radius: 26px; overflow-wrap: anywhere; }.apx-highlight-air { color: #fff9e8; background: #283b33; }.apx-highlight-road { color: #2d2618; background: linear-gradient(145deg, #e9c16a, #f9e9b8); }.apx-highlight-pier { color: #fef9ee; background: #4a3325; }.apx-card-index { opacity: .82; }.apx-highlight h3 { margin: 12px 0 14px; font-size: clamp(1.55rem, 2.6vw, 2.7rem); font-weight: 720; letter-spacing: -.05em; line-height: 1.12; }.apx-highlight-body > p:not(.apx-big-number) { max-width: 36ch; font-size: .94rem; line-height: 1.65; opacity: .9; }.apx-big-number { font-size: clamp(3.9rem, 6vw, 6rem); font-weight: 780; letter-spacing: -.075em; line-height: 1; white-space: nowrap; }.apx-big-number span { margin-left: 7px; font-size: .27em; font-weight: 700; letter-spacing: -.02em; }.apx-card-foot { padding-top: 18px; border-top: 1px solid currentColor; opacity: .78; }.apx-timing { color: #fff9ed; background: var(--apx-jade); }.apx-timing-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .84fr); align-items: center; gap: clamp(35px, 7vw, 115px); }.apx-timing .apx-overline { color: #e5c276; }.apx-timing h2 { margin: 17px 0 29px; }.apx-timing-copy > p:not(.apx-overline) { max-width: 55ch; margin-bottom: 17px; color: #e0ebe1; font-size: 1.02rem; }.apx-text-link { display: inline-flex; align-items: center; gap: 15px; min-height: 44px; margin-top: 16px; color: inherit; font-size: .93rem; font-weight: 730; text-decoration-thickness: 1px; text-underline-offset: 5px; }.apx-time-graphic { padding: clamp(25px, 3vw, 42px); border: 1px solid rgb(245 220 161 / 46%); border-radius: 26px; background: rgb(9 35 26 / 40%); }.apx-time-graphic-label { color: #e8c985; }.apx-time-graphic ol { padding: 0; margin-top: 20px; list-style: none; }.apx-time-graphic li { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 0 16px; align-items: baseline; padding: 13px 0; border-bottom: 1px solid rgb(225 235 223 / 21%); }.apx-time-graphic li:last-child { border-bottom: 0; }.apx-time-graphic li span { grid-row: span 2; color: #e5c276; font-size: .76rem; font-weight: 770; }.apx-time-graphic li strong { font-size: 1.02rem; font-weight: 680; }.apx-time-graphic li small { color: #bdd2c5; font-size: .8rem; }.apx-arrival { background: #fffefa; }.apx-destination-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }.apx-destination { display: flex; flex-direction: column; justify-content: space-between; gap: 45px; min-height: 465px; padding: clamp(28px, 4.5vw, 58px); border-radius: 26px; overflow-wrap: anywhere; }.apx-destination-tonsai { color: #f8f7ef; background: #24231f; }.apx-destination-laemtong { color: #2b2417; background: linear-gradient(145deg, #ddb152, #f5dd9d); }.apx-destination h3 { margin-bottom: 17px; font-size: clamp(2.7rem, 4.3vw, 5rem); font-weight: 750; letter-spacing: -.065em; line-height: 1.06; }.apx-destination p { max-width: 43ch; font-size: 1rem; }.apx-destination-bottom { padding-top: 18px; border-top: 1px solid currentColor; font-size: .87rem !important; font-weight: 620; }.apx-departures { background: #e9e8e2; }.apx-departure-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--apx-line); border-radius: 20px; background: var(--apx-line); }.apx-departure-grid article { display: flex; flex-direction: column; min-width: 0; min-height: 225px; padding: 25px; background: #fffefa; }.apx-departure-grid span { color: #635b4e; font-size: .8rem; font-weight: 670; }.apx-departure-grid strong { margin: auto 0 4px; color: #2c2418; font-size: clamp(2.5rem, 4vw, 4.3rem); font-weight: 760; letter-spacing: -.065em; line-height: 1; }.apx-departure-grid small { color: #756a57; font-size: .83rem; }.apx-schedule-note { max-width: 76ch; margin-top: 23px !important; color: #534e44; font-size: .88rem; }.apx-schedule-note a { font-weight: 730; text-underline-offset: 3px; }.apx-practical { background: #f7f5f0; }.apx-practical-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .68fr); gap: clamp(35px, 7vw, 115px); }.apx-practical h2 { margin-top: 16px; }.apx-practical-copy { align-self: end; padding-bottom: 9px; }.apx-practical-copy p { max-width: 54ch; margin-bottom: 17px; color: #4f4a40; font-size: 1.02rem; }.apx-practical .apx-text-link { color: #664813; }.apx-questions { background: #fffefa; }.apx-questions h2 { margin: 15px 0 clamp(32px, 4vw, 55px); }.apx-question-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }.apx-question-list article { padding: clamp(23px, 3vw, 36px); border: 1px solid #d9d1c1; border-radius: 20px; background: #f9f5ea; }.apx-question-list h3 { margin-bottom: 16px; font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 710; letter-spacing: -.035em; line-height: 1.28; }.apx-question-list p { color: #514c42; font-size: .94rem; }.apx-final { padding-block: clamp(68px, 8vw, 115px); color: #281d0d; background: linear-gradient(112deg, #c9932b 0%, #e2b954 52%, #f6e3a6 100%); }.apx-final .apx-overline { color: #533c16; }.apx-final-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(250px, .8fr); align-items: end; gap: 35px; }.apx-final h2 { margin: 15px 0 18px; }.apx-final p:not(.apx-overline) { max-width: 56ch; font-size: 1.04rem; }.apx-final-links { display: flex; flex-direction: column; gap: 11px; align-items: stretch; max-width: 340px; margin-left: auto; width: 100%; }.apx-pill-dark { color: #fffaf0 !important; background: #29231a; }.apx-pill-dark:hover { background: #4b3820; }.apx-pill-outline { color: #352713 !important; border-color: #61491e; background: rgb(255 252 237 / 24%); }.apx-pill-outline:hover { background: rgb(255 252 237 / 45%); }@media (max-width: 1080px) {  .apx-local-inner { flex-wrap: wrap; padding-block: 11px; }  .apx-local-links { order: 3; width: 100%; margin-left: 0; }  .apx-local-action { margin-left: auto; }  .apx-highlight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }  .apx-highlight:last-child { grid-column: 1 / -1; min-height: 330px; }  .apx-departure-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 760px) {  .apx-shell { width: min(calc(100% - 32px), 1280px); }  .apx-hero-inner { padding-bottom: 55px; }  .apx-kicker { margin-top: 50px !important; }  .apx-stage { min-height: 275px; }  .apx-stage-code { font-size: clamp(5.1rem, 20vw, 9rem); }  .apx-stage-code-end { font-size: clamp(2.65rem, 9vw, 4.6rem); }  .apx-stage-line { left: 24%; right: 27%; }  .apx-hero-bottom, .apx-section-head, .apx-timing-layout, .apx-practical-layout, .apx-final-layout { grid-template-columns: minmax(0, 1fr); }  .apx-hero :is(h1, h2) { font-size: clamp(3rem, 10vw, 5.4rem); }  .apx-hero-side p { max-width: 61ch; }  .apx-section-head { gap: 20px; }  .apx-destination-grid, .apx-question-list { grid-template-columns: minmax(0, 1fr); }  .apx-destination { min-height: 365px; }  .apx-final-links { max-width: none; margin-left: 0; }}@media (max-width: 520px) {  .apx-shell { width: min(calc(100% - 24px), 1280px); }  .apx-hero-inner { padding-block: 20px 48px; }  .apx-breadcrumb { font-size: .72rem; }  .apx-kicker { margin-top: 42px !important; font-size: .63rem; }  .apx-stage { min-height: 210px; }  .apx-stage-code { font-size: clamp(4.1rem, 20vw, 6.5rem); }  .apx-stage-code-end { font-size: clamp(2.1rem, 9vw, 3.2rem); }  .apx-stage-line { left: 25%; right: 27%; }  .apx-stage-line i { width: 8px; height: 8px; box-shadow: 0 0 0 4px rgb(223 177 87 / 14%); }  .apx-hero :is(h1, h2) { font-size: clamp(2.75rem, 11vw, 4rem); }  .apx-local-links { gap: 0 18px; }  .apx-local-links a { font-size: .76rem; }  .apx-section { padding-block: 75px; }  .apx-highlight-grid, .apx-departure-grid { grid-template-columns: minmax(0, 1fr); }  .apx-highlight, .apx-highlight:last-child { grid-column: auto; min-height: 375px; }  .apx-big-number { font-size: 4.5rem; }  .apx-time-graphic { padding: 22px; }  .apx-departure-grid article { min-height: 170px; }  .apx-departure-grid strong { font-size: 3.4rem; }  .apx-destination { padding: 30px 25px; }}