.ribbon{padding-block:1.625rem;overflow:hidden}.ribbon-track{letter-spacing:-1px;text-transform:uppercase;white-space:nowrap;width:max-content;font-size:1.6875rem;font-weight:500;animation:135s linear infinite ribbon-loop;display:flex}.ribbon-group{align-items:center;gap:3.4375rem;padding-inline-end:3.4375rem;display:flex}.ribbon-arrow{width:1.5rem;height:1.5rem;margin-inline:.625rem}.motion-paused .ribbon-track{animation-play-state:paused}@media (max-width:40rem){.ribbon{padding-block:1.1875rem}.ribbon-track{font-size:1.25rem;animation-duration:100s}.ribbon-group{gap:1.875rem;padding-inline-end:1.875rem}.ribbon-arrow{width:1.125rem;height:1.125rem}}@media (prefers-reduced-motion:reduce){.ribbon-track{animation:none}}@keyframes ribbon-loop{to{transform:translate(-50%)}}
main:has(>.hero-pin)>:not(.hero-pin,.intro){z-index:1;position:relative}.hero-photo{object-fit:cover;object-position:center 58%;filter:saturate(.83);width:100%;max-width:none;height:108%;position:absolute;top:-4%;left:0}.hero-shade{background:linear-gradient(#0c1925d4 0%,#101f2c80 24%,#101f2c6b 46%,#101f2c17 66%,#101f2c54 100%)}.hero-copy{padding-top:clamp(9.5rem,20vh,13.4375rem)}.hero-eyebrow{color:var(--color-mist-100);letter-spacing:.2em}.hero-eyebrow:lang(th){letter-spacing:normal}.hero-title{letter-spacing:-.055em;text-shadow:0 2px 30px #0d20302b;width:100%;max-width:81.25rem;margin-block:1.5625rem 2.125rem;font-size:clamp(3.125rem,5.55vw,5.75rem);font-weight:550;line-height:1.12}.hero-title:lang(th){letter-spacing:0;line-height:1.3}.hero-buttons{justify-content:center;align-items:center;gap:.75rem;display:flex}.hero-button{letter-spacing:.05em;min-width:11.5rem;padding-inline:1.4375rem;font-size:.6875rem;font-weight:550}@media (max-width:68.75rem){.hero-title{font-size:6vw}}@media (max-width:40rem){.hero-photo{object-position:57% center}.hero-shade{background:linear-gradient(#0c1925d9 0%,#10203070 32%,#10203014 62%,#10203069 100%)}.hero-copy{flex:1;justify-content:center;padding-top:clamp(5.5rem,100svh - 37rem,6.5rem);padding-bottom:clamp(1.5rem,100svh - 43rem,9rem)}.hero-eyebrow{letter-spacing:.1em;text-wrap:balance;font-size:.625rem}.hero-eyebrow:lang(th){letter-spacing:normal;font-size:.75rem}.hero-title{letter-spacing:-.05em;margin-block:1.75rem 2.5rem;font-size:clamp(1.875rem,8.2vw,2.5rem);line-height:1.12}.hero-title .hero-line{white-space:nowrap}.hero-title:lang(th){font-size:clamp(1.875rem,8.6vw,2.5rem);line-height:1.3}.hero-buttons{flex-direction:column;gap:.625rem}.hero-button{justify-content:center;gap:.75rem;width:min(14.5rem,100%);min-width:0;min-height:3.25rem;padding-inline:1.25rem;font-size:.8125rem}}.hero-photo{animation:home-hero-zoom 2.4s var(--ease-reveal) both}.hero-line{animation:home-hero-settle .9s var(--ease-reveal) both;animation-delay:calc(var(--i) * 90ms)}.hero-fade{animation:home-hero-fade .9s var(--ease-reveal) both;animation-delay:calc(.25s + var(--i) * 90ms)}.map-ping{transform-box:fill-box;transform-origin:50%;opacity:0;animation:home-map-ping 2.4s var(--ease-ui) infinite;animation-delay:calc(1.6s + var(--i) * .3s)}.motion-paused .map-ping{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.hero-photo,.hero-line,.hero-fade,.map-ping{animation:none}}@keyframes home-hero-zoom{0%{transform:scale(1.08)}}@keyframes home-hero-settle{0%{transform:translateY(.08em)}}@keyframes home-hero-fade{0%{opacity:0;transform:translateY(.75rem)}}@keyframes home-map-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.dot-list{--dot-gap:1.1em;flex-wrap:wrap;margin-inline-start:calc(-1 * var(--dot-gap));display:flex}.dot-list>*{padding-inline-start:var(--dot-gap);position:relative}.dot-list>:before{content:"·" / "";width:var(--dot-gap);text-align:center;position:absolute;inset-inline-start:0}.intro{display:none}html[data-intro="1"]{overflow:hidden}html[data-intro="1"] .intro{display:block}html[data-intro] :is(.hero-photo,.hero-line,.hero-fade,.map-ping){animation:none}html[data-intro="1"] .site-header{opacity:0;transform:translateY(-100%)}html[data-intro="1"] #hero-title{visibility:hidden}
.showcase-title{font-size:var(--text-display-md);letter-spacing:-.06em;font-weight:500;line-height:1.12}.showcase-title:lang(th){letter-spacing:0;line-height:1.3}.showcase{grid-template-columns:35% 65%;display:grid}.showcase-tabs{flex-direction:column;padding-inline-end:2.8125rem;display:flex}.showcase-tab{text-align:start;width:100%;color:var(--color-slate-600);cursor:pointer;border-top:1px solid #bdc3c4;grid-template-columns:1.5625rem 1fr auto;align-items:start;gap:.6875rem;padding-block:1.5625rem;transition:color .15s;display:grid;position:relative}.showcase-tab:after{content:"";background:var(--color-navy-900);transform-origin:0;height:2px;transition:transform .4s;position:absolute;inset:-1px 0 auto;transform:scaleX(0)}.showcase-tab[aria-selected=true]{color:var(--color-navy-900)}.showcase-tab[aria-selected=true]:after{transform:scaleX(1)}.showcase-tab-no{padding-top:.4375rem;font-size:.625rem}.showcase-tab-name{letter-spacing:-.6px;margin-bottom:.625rem;font-size:1.3125rem;font-weight:500;display:block}.showcase-tab-place{font-size:.6875rem;display:block}.showcase-tab-status{letter-spacing:.125em;text-transform:uppercase;writing-mode:vertical-rl;padding-top:.4375rem;font-size:.625rem}.showcase-tab-status:lang(th){letter-spacing:normal;writing-mode:horizontal-tb;font-size:.625rem}.showcase-nav{border-top:1px solid #bdc3c4;justify-content:space-between;align-items:center;gap:.625rem;margin-top:auto;padding-top:1.5625rem;display:flex}.showcase-nav>p{letter-spacing:.16em;text-transform:uppercase;color:var(--color-slate-600);font-size:.625rem;line-height:1.8}.showcase-nav>p:lang(th){letter-spacing:normal;font-size:.6875rem}.showcase-step{cursor:pointer;border:1px solid #bfc4c5;border-radius:50%;place-items:center;width:2.4375rem;height:2.4375rem;font-size:1rem;transition:background-color .15s,color .15s,scale .15s;display:grid}.showcase-step:active{scale:.96}.showcase-step:hover{background:var(--color-navy-900);color:var(--color-white)}.showcase-frame{background:#b5bab7;height:31.875rem;display:block;position:relative;overflow:hidden}.showcase-photo{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s cubic-bezier(.33,1,.68,1),scale .7s cubic-bezier(.33,1,.68,1),transform 1.2s cubic-bezier(.22,.7,.15,1);position:absolute;inset:0;scale:1.04}.showcase-photo.is-active{opacity:1;scale:1}.showcase-frame:hover .showcase-photo.is-active{transform:scale(1.04)}.showcase-view{color:var(--color-navy-900);background:#f3f2ee;align-items:center;gap:1.875rem;padding:.8125rem 1.0625rem;font-size:.6875rem;display:flex;position:absolute;bottom:1.5625rem;right:1.5625rem}.showcase-caption{justify-content:space-between;gap:.9375rem;padding-top:1.25rem;font-size:.6875rem;display:flex}.showcase-caption>span:last-child{letter-spacing:.1em;font-size:.625rem}@media (max-width:75rem){.showcase-tabs{padding-inline-end:1.5625rem}.showcase-frame{height:28.75rem}.showcase-tab-name{font-size:1.1875rem}}@media (max-width:40rem){.showcase{flex-direction:column-reverse;display:flex}.showcase-tabs{padding:0}.showcase-frame{height:22.5rem}.showcase-caption{padding-block:1rem 1.4375rem;font-size:.625rem;line-height:1.6}.showcase-caption>span:last-child{flex-shrink:0;font-size:.625rem}.showcase-tab{align-items:center;padding-block:1.1875rem}.showcase-tab-name{margin-bottom:.3125rem;font-size:1.125rem}.showcase-tab-place{font-size:.625rem}.showcase-tab-status{writing-mode:horizontal-tb;padding:0}.showcase-nav{padding-top:1.25rem}.showcase-view{padding:.625rem .875rem;font-size:.625rem;bottom:1.125rem;right:1.125rem}}@media (prefers-reduced-motion:reduce){.showcase-tab,.showcase-tab:after,.showcase-photo,.showcase-step{transition:none}.showcase-step:active{scale:none}.showcase-frame:hover .showcase-photo.is-active{transform:none}}