:root{--col-ink-champagne:#8c7448}.col-hero{isolation:isolate}.col-stage{position:relative;flex:1 1 auto;min-height:0}.col-stage:after{content:"";position:absolute;inset-inline:0;top:0;z-index:2;height:52%;pointer-events:none;background:linear-gradient(180deg,rgba(14,13,12,.34),rgba(14,13,12,.14) 55%,rgba(14,13,12,0))}.col-panels{position:absolute;inset:0;display:flex;margin:0;padding:0;list-style:none}.col-panel{position:relative;min-width:0}.col-panel-link{display:block;color:var(--sv-bone)}.col-panel-link,.col-panel-media{position:absolute;inset:0;overflow:hidden}.col-panel-media{background:#1b1917}.col-panel-media img.col-panel-img{transition:transform 1.6s var(--sv-ease),filter 1.2s var(--sv-ease)}.col-panel-link:after{content:"";z-index:1;height:66%;pointer-events:none;background:linear-gradient(0deg,rgba(14,13,12,.7),rgba(14,13,12,.4) 40%,rgba(14,13,12,0))}.col-panel-link:after,.col-panel-text{position:absolute;inset-inline:0;bottom:0}.col-panel-text{z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:clamp(1.25rem,2.2vw,2.25rem)}.col-panel-num{font-size:.95rem;color:var(--sv-champagne)}.col-panel-place{color:hsla(40,33%,93%,.84)}.col-panel-name{font-size:clamp(1.7rem,2.3vw,2.5rem);line-height:1.05;letter-spacing:-.01em}.col-panel-sub{color:var(--sv-champagne)}.col-panel-char{max-width:36ch;margin-top:.35rem;font-size:.93rem;line-height:1.55;color:hsla(40,33%,93%,.9);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.col-panel-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:.7rem}.col-panel-enter{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:.2rem;transition:background-size var(--sv-d1) var(--sv-ease)}html[dir=rtl] .col-panel-enter{background-position:100% 100%}.col-panel-link:focus-visible .col-panel-enter,.col-panel-link:hover .col-panel-enter{background-size:100% 1px}.col-chip{display:inline-flex;align-items:center;padding:.32rem .62rem;border:1px solid hsla(40,33%,93%,.45);font-size:.6rem;line-height:1.3;color:var(--sv-bone)}.col-chip--open{border-color:var(--sv-champagne);color:var(--sv-champagne)}@media (max-width:1023px){.col-panels{gap:10px;padding-inline:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}.col-panels::-webkit-scrollbar{display:none}.col-panel{flex:0 0 84%;scroll-snap-align:center}.col-panel-link{top:calc(var(--demo-bar-h) + var(--header-h) + .25rem)}}@media (min-width:600px) and (max-width:1023px){.col-panel{flex-basis:58%}}@media (min-width:1024px){.col-panel{flex:1 1 0;transition:flex-grow 1.1s var(--sv-ease)}.col-panel+.col-panel{border-inline-start:1px solid hsla(40,33%,93%,.24)}.col-panels:has(.col-panel:is(:hover,:focus-within)) .col-panel{flex-grow:0.82}.col-panels .col-panel:is(:hover,:focus-within){flex-grow:1.7}.col-panels:has(.col-panel:is(:hover,:focus-within)) .col-panel:not(:hover,:focus-within) img.col-panel-img{filter:saturate(.82) brightness(.9)}.col-panel:is(:hover,:focus-within) img.col-panel-img{transform:scale(1.045)}}@media (min-width:1024px) and (hover:hover){.col-panel-char{max-height:0;opacity:0;transition:max-height 1s var(--sv-ease),opacity .8s var(--sv-ease)}.col-panel:is(:hover,:focus-within) .col-panel-char{max-height:6em;opacity:1}}.col-title{position:absolute;inset-inline:0;top:0;z-index:4;display:flex;justify-content:center;padding-inline:16px;text-align:center;pointer-events:none}.col-title-words{max-width:820px;padding-block:.75rem 1rem}.col-h1{font-size:clamp(2.3rem,5.2vw,5.4rem);line-height:.98;letter-spacing:-.02em;color:var(--sv-bone);text-wrap:balance}html:is(.sv-script-thai,.sv-script-arabic,.sv-script-devanagari) .col-h1{line-height:1.32;letter-spacing:0}html:is(.sv-script-sc,.sv-script-jp,.sv-script-kr) .col-h1{line-height:1.2}.col-lead{max-width:50ch;margin-inline:auto;font-size:clamp(.98rem,1.1vw,1.12rem);line-height:1.6;color:hsla(40,33%,93%,.88)}@media (max-width:1023px){.col-title{padding-top:calc(var(--demo-bar-h) + var(--header-h) + 1.25rem)}.col-h1{font-size:clamp(2.1rem,9vw,3.2rem)}}.col-desk{flex:0 0 auto;border-top:1px solid hsla(40,33%,93%,.14);background:var(--sv-obsidian)}.col-desk-inner{display:flex;flex-direction:column;align-items:center;gap:.9rem;max-width:1180px;margin-inline:auto;padding:1.1rem 16px 0}.col-desk-label{color:hsla(40,33%,93%,.7)}@media (min-width:1024px){.col-desk-inner{flex-direction:row;justify-content:space-between;gap:2.5rem;padding:1.4rem clamp(1rem,4vw,3.5rem) 0}.col-desk-label{max-width:22ch}}@media (prefers-reduced-motion:no-preference){html.sv-motion .col-panel-text{animation:col-in 1.2s var(--sv-ease) both;animation-delay:calc(var(--i, 0) * .13s + .26s)}html.sv-motion img.col-panel-img{animation:col-drift 16s cubic-bezier(.2,.6,.2,1) both}}@keyframes col-in{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes col-drift{0%{scale:1.08}to{scale:1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html.sv-motion [data-scroll-reveal]{animation:col-rise linear both;animation-timeline:view();animation-range:entry 0 entry 70%}html.sv-motion .col-route:before{transform-origin:top;animation:col-draw-y linear both;animation-timeline:view();animation-range:entry 10% cover 55%}}}@keyframes col-rise{0%{opacity:0;translate:0 56px}to{opacity:1;translate:0 0}}@keyframes col-draw-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.col-route{position:relative;display:grid;gap:clamp(1.8rem,3.4vw,2.8rem);margin:0;padding:0;padding-inline-start:2.6rem;list-style:none}.col-route:before{content:"";position:absolute;inset-inline-start:.42rem;top:.9rem;bottom:.9rem;width:1px;background:var(--sv-champagne)}.col-route-stop{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:1.4rem}.col-route-dot{inset-inline-start:-2.6rem;top:.55rem;width:.9rem;height:.9rem;border:1px solid var(--col-ink-champagne);background:var(--sv-paper)}.col-route-dot,.col-route-dot:after{position:absolute;border-radius:999px}.col-route-dot:after{content:"";inset:3px;background:var(--sv-obsidian)}.col-route-n{font-size:1rem;color:var(--col-ink-champagne)}.col-route-text{display:flex;flex-direction:column;gap:.35rem;border-bottom:1px solid var(--sv-line);padding-bottom:1.4rem}.col-route-name{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.08;transition:color var(--sv-d1) var(--sv-ease)}.col-route-name:focus-visible,.col-route-name:hover{color:var(--col-ink-champagne)}.col-bkk{padding-top:clamp(5rem,10vw,9rem)}.col-bkk-inner{max-width:900px;text-align:center}.col-bkk .sv-lead,.col-bkk-inner{margin-inline:auto}.col-card-frame{aspect-ratio:4/3}.col-card-chip{position:absolute;inset-inline-start:1rem;top:1rem;z-index:2;background:rgba(14,13,12,.55)}.col-card-link:focus-visible h3,.col-card-link:hover h3{color:var(--col-ink-champagne)}.col-card h3{transition:color var(--sv-d1) var(--sv-ease)}.col-map{margin:0;padding:clamp(1rem,2vw,1.75rem);border:1px solid var(--sv-line);background:var(--sv-paper)}.col-map-svg{display:block;width:100%;height:auto;overflow:visible}.col-map-grid line{stroke:rgba(14,13,12,.06);stroke-width:.6}.col-map-context{fill:none;stroke:rgba(14,13,12,.26);stroke-width:.7;stroke-linejoin:round}.col-map-home{fill:hsla(39,37%,66%,.14);stroke:var(--col-ink-champagne);stroke-width:1;stroke-linejoin:round}.col-map-labels text{font-family:var(--font-text);font-size:9px;letter-spacing:.32em;text-transform:uppercase;fill:var(--sv-ash)}html:is(.sv-script-thai,.sv-script-sc,.sv-script-jp,.sv-script-kr,.sv-script-arabic,.sv-script-devanagari) .col-map-labels text{letter-spacing:.04em;font-size:11px}.col-marker{--marker-on:0;cursor:pointer;outline:none}.col-marker:focus-visible,.col-marker:hover,.col-marker[data-current]{--marker-on:1}.col-marker-ring{fill:hsla(39,37%,66%,.12);stroke:var(--col-ink-champagne);stroke-width:1;transform-box:fill-box;transform-origin:center;transform:scale(calc(.42 + var(--marker-on) * .58));opacity:calc(.4 + var(--marker-on) * .6);transition:transform .8s var(--sv-ease),opacity .8s var(--sv-ease)}.col-marker-dot{fill:var(--sv-obsidian);transition:fill .6s var(--sv-ease)}.col-marker:focus-visible .col-marker-dot{fill:var(--col-ink-champagne)}.col-marker-label{font-family:var(--font-display);font-size:15px;fill:var(--sv-obsidian);paint-order:stroke;stroke:var(--sv-paper);stroke-width:4px;stroke-linejoin:round}@media (prefers-reduced-motion:no-preference){html.sv-motion .col-marker[data-current] .col-marker-ring{animation:col-beacon 3.2s var(--sv-ease) infinite}}@keyframes col-beacon{0%,to{opacity:1}50%{opacity:.45}}.dest-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;border:0}.dest-filter input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dest-filter label{display:inline-flex;align-items:center;min-height:44px;padding-inline:1.1rem;border:1px solid var(--sv-line-strong);cursor:pointer;transition:background-color var(--sv-d1) var(--sv-ease),color var(--sv-d1) var(--sv-ease),border-color var(--sv-d1) var(--sv-ease)}.dest-filter label:hover{border-color:var(--sv-obsidian)}.dest-filter input:checked+label{border-color:var(--sv-obsidian);background:var(--sv-obsidian);color:var(--sv-bone)}.dest-filter input:focus-visible+label{outline:1px solid var(--col-ink-champagne);outline-offset:3px}.dest:has(#mood-beach:checked) .col-card:not([data-mood=beach]),.dest:has(#mood-city:checked) .col-card:not([data-mood=city]),.dest:has(#mood-culture:checked) .col-card:not([data-mood=culture]),.dest:has(#mood-island:checked) .col-card:not([data-mood=island]),.dest:has(#mood-mountain:checked) .col-card:not([data-mood=mountain]){display:none}.dest:has(#mood-beach:checked) .col-marker:not([data-mood=beach]),.dest:has(#mood-city:checked) .col-marker:not([data-mood=city]),.dest:has(#mood-culture:checked) .col-marker:not([data-mood=culture]),.dest:has(#mood-island:checked) .col-marker:not([data-mood=island]),.dest:has(#mood-mountain:checked) .col-marker:not([data-mood=mountain]){opacity:.22}@media (min-width:1024px){.dest-map{position:sticky;top:calc(var(--demo-bar-h) + var(--header-h) + 2rem)}}.house-band{color:var(--sv-bone);background:#1b1917}.house-highlights{margin:0;padding:0;list-style:none;border-top:1px solid var(--sv-line)}.house-highlights li{display:grid;grid-template-columns:2.6rem 1fr;gap:.75rem;align-items:baseline;padding-block:1.15rem;border-bottom:1px solid var(--sv-line)}.house-sig{display:grid;gap:1px;background:var(--sv-line);border:1px solid var(--sv-line)}@media (min-width:768px){.house-sig{grid-template-columns:1fr 1fr}}.house-sig-card{display:flex;flex-direction:column;gap:.9rem;padding:clamp(1.6rem,3.2vw,3rem);background:var(--sv-paper);transition:background-color var(--sv-d1) var(--sv-ease)}.house-sig-card:hover{background:#fbf9f4}.house-next{border-top:1px solid var(--sv-line);border-bottom:1px solid var(--sv-line)}.house-links{display:grid;gap:1px;background:var(--sv-line);border:1px solid var(--sv-line)}@media (min-width:768px){.house-links{grid-template-columns:repeat(4,1fr)}}.house-links a{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;min-height:9rem;padding:1.6rem;background:var(--sv-paper);transition:background-color var(--sv-d1) var(--sv-ease),color var(--sv-d1) var(--sv-ease)}.house-links a:focus-visible,.house-links a:hover{background:var(--sv-obsidian);color:var(--sv-bone)}html[lang=th] .col-panel-char{-webkit-line-clamp:5}@media (min-width:1024px) and (hover:hover){html[lang=th] .col-panel:is(:hover,:focus-within) .col-panel-char{max-height:10em}}