@import"https://brand.grey-matters.com/gm-base.css";@import"https://brand.grey-matters.com/tokens-light.css";@import"https://brand.grey-matters.com/themes/greymatters.css";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Jost:wght@300;400;500;600&family=Inter:wght@300;400;500&family=Cousine:wght@400;700&display=swap";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}html{scroll-behavior:smooth}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.rv{opacity:0;transform:translateY(24px)}.rv-in{opacity:1;transform:none;transition:opacity .7s var(--ease-out, ease-out),transform .7s var(--ease-out, ease-out)}body{margin:0;background:var(--ui-bg);color:var(--ui-text)}[data-plx-bg]{position:relative;overflow:hidden}.plx-layer{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;will-change:transform;pointer-events:none}[data-plx-drift]{will-change:transform}:root{--gm-black: #27251F;--gm-mid: #58595B;--gm-light: #A7A9AC;--gm-bg: #F5F4F2;--gm-border: #E5E3DF;--gm-white: #FFFFFF;--font-ui: "Jost", system-ui, sans-serif;--font-display: "Cormorant Garamond", Georgia, serif;--logo-h: 16px;--chrome-pad-x: calc(var(--island-side) + var(--island-pad));--chrome-pad-y: calc(var(--island-top) + var(--island-pad));--chrome-clear: 28px;--island-top: 0px;--island-side: 0px;--island-radius: 0px;--island-pad: 40px;--reveal-in: .6s;--reveal-out: .2s;--bg-scale0: .8;--close-lift: 24px;--ink-idle: 50%;--ink-off: 20%;--ink-on: 80%;--ink-active: 100%;--hover-ms: .32s;--item-ms: .6s;--item-drift: 16px}*{margin:0;box-sizing:border-box}html,body{height:100%;background:var(--gm-black)}body{font-family:var(--font-ui)}html:has(body.open){overflow:hidden}body.open{overflow:hidden}html:has(body.closing){overflow:hidden}body.closing{overflow:hidden}#chrome{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:var(--chrome-pad-y) var(--chrome-pad-x);pointer-events:none;background:var(--gm-bg);transition:background .3s ease}body.open #chrome,body.chrome-clear #chrome{background:transparent}body.chrome-clear #logo{color:var(--gm-white)}body.chrome-clear #burger span{background:var(--gm-white)}#logo{color:var(--gm-black);height:var(--logo-h);display:block;pointer-events:auto;transition:color .3s ease}#logo svg{height:100%;width:auto;display:block}#burger{pointer-events:auto;cursor:pointer;background:none;border:0;padding:6px;display:flex;flex-direction:column;gap:5px}#burger span{display:block;width:22px;height:1.5px;background:var(--gm-black);transition:background .3s ease}#menu-scrim{position:fixed;inset:0;z-index:19;background:color-mix(in srgb,var(--gm-black) 55%,transparent);opacity:0;pointer-events:none;transition:opacity var(--reveal-out, .2s) ease}body.open #menu-scrim{opacity:1;pointer-events:auto;transition:opacity var(--reveal-in, .6s) ease}#island{position:fixed;z-index:20;top:var(--island-top);left:var(--island-side);right:var(--island-side);padding:var(--island-pad);color:var(--gm-black);opacity:0;pointer-events:none;transition:opacity var(--reveal-out) ease-in-out}#island:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--gm-bg);border-radius:var(--island-radius);transform-origin:top;transform:scaleY(var(--bg-scale0));transition:transform 0s var(--reveal-out)}body.open #island{opacity:1;pointer-events:auto;transition:opacity var(--reveal-in) ease-in-out}body.open #island:before{transform:scaleY(1);transition:transform var(--reveal-in) cubic-bezier(.22,1,.36,1)}body.closing #island{transform:translateY(calc(-1 * var(--close-lift)));transition:opacity var(--reveal-out) ease-in-out,transform var(--reveal-out) ease-in}body.closing #island:before{transition:transform var(--reveal-out) ease-in}#island .grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:56px;margin-top:calc(var(--logo-h) + var(--chrome-clear))}#island .eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gm-light);margin-bottom:20px;font-weight:500}#island .col a{display:block;width:fit-content;text-decoration:none;color:var(--gm-black);font-size:15px;font-weight:400;letter-spacing:.02em;padding:7px 0}#island .col a:hover{color:var(--gm-mid)}#island[data-hover=dim] .col a{color:color-mix(in srgb,var(--gm-black) var(--ink-idle),transparent)}#island[data-hover=dim]:has(.col a:hover) .col a:not(:hover):not(.active){color:color-mix(in srgb,var(--gm-black) var(--ink-off),transparent)}#island[data-hover=dim] .col a:hover{color:color-mix(in srgb,var(--gm-black) var(--ink-on),transparent)}#island[data-hover=dim] .col a.active{color:color-mix(in srgb,var(--gm-black) var(--ink-active),transparent)}#island[data-hover=italic] .col a:hover{font-style:italic;color:var(--gm-black)}#island[data-hover=slide] .col a{transition:transform .2s cubic-bezier(.22,1,.36,1),opacity 0s var(--reveal-out),color var(--hover-ms)}#island[data-hover=slide] .col a:hover{transform:translate(10px)}#island .col a.primary{font-family:var(--font-display);font-size:30px;font-weight:400;padding:4px 0}#island .featured{display:flex;gap:20px}#island .featured .card{flex:1}#island .featured .thumb{aspect-ratio:4 / 5;border-radius:0;background:var(--gm-border);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--gm-light);font-size:10px;letter-spacing:.18em}#island .featured .thumb img{width:100%;height:100%;object-fit:cover;display:block}#island .featured .card{cursor:pointer}#island .featured .thumb canvas.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#island .featured .cap{margin-top:10px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gm-light)}#island .featured .cap b{display:block;margin-top:3px;font-weight:400;color:color-mix(in srgb,var(--gm-black) var(--ink-idle),transparent);transition:color var(--hover-ms);font-size:13px;letter-spacing:.02em;text-transform:none}#island .featured .card:hover .cap b{color:color-mix(in srgb,var(--gm-black) var(--ink-active),transparent)}#island .anim{opacity:0;transition:opacity 0s var(--reveal-out),color var(--hover-ms)}body.open #island .anim{opacity:1;animation:itemIn var(--item-ms) cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d, 0s)}@keyframes itemIn{0%{opacity:0;transform:translateY(var(--item-drift))}to{opacity:1;transform:none}}#island .island-form{display:none;margin-top:calc(var(--logo-h) + var(--chrome-clear))}body.bn #island .grid{display:none}body.bn #island .island-form{display:block}#island .if-back{background:none;border:0;cursor:pointer;padding:0;font-family:var(--font-ui);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--gm-black) var(--ink-idle),transparent);transition:color var(--hover-ms)}#island .if-back:hover{color:color-mix(in srgb,var(--gm-black) var(--ink-on),transparent)}#island .island-form h2{font-family:var(--font-display);font-weight:400;font-size:clamp(32px,5vw,56px);line-height:1.05;color:var(--gm-black);margin:18px 0 28px}#island .if-grid{display:grid;grid-template-columns:minmax(0,480px) 1fr;gap:56px;align-items:stretch}#island .island-form form{display:grid;gap:18px}#island .island-form label{display:grid;gap:6px;font-family:var(--font-ui);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--gm-black) var(--ink-idle),transparent)}#island .island-form input,#island .island-form textarea{font-family:var(--font-ui);font-size:15px;color:var(--gm-black);background:none;border:0;border-bottom:1px solid var(--gm-border);padding:8px 0;border-radius:0;outline:none;transition:border-color var(--hover-ms)}#island .island-form input:focus,#island .island-form textarea:focus{border-bottom-color:var(--gm-black)}#island .island-form textarea{min-height:84px;resize:vertical}#island .if-submit{justify-self:start;font-family:var(--font-ui);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gm-white);background:var(--gm-black);border:0;padding:13px 26px;cursor:pointer;transition:opacity var(--hover-ms)}#island .if-submit:hover{opacity:.8}#island .if-note{font-family:var(--font-ui);font-size:13px;font-style:italic;color:var(--gm-light)}#island .if-note a{color:inherit}#island .if-map{margin:0;position:relative;min-height:320px;background:url(/visuals/images/bkk-map.jpg) center / cover no-repeat;filter:grayscale(1)}#island .if-map-credit{position:absolute;right:8px;bottom:6px;font-family:var(--font-ui);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--gm-black) 55%,transparent)}@media(max-width:900px){#island .grid{grid-template-columns:1fr;gap:32px}#island .featured{display:none}#island .if-grid{grid-template-columns:1fr}#island .if-map{display:none}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}#loader{position:fixed;inset:0;z-index:200;margin:0;height:100%;background:#000;overflow:hidden}#loader,#loader *{box-sizing:border-box}#loader canvas{position:fixed;inset:0;display:block}#loader-num{position:fixed;inset:0;display:grid;place-content:center;pointer-events:none;font-family:var(--font-mono, "Cousine", monospace);font-size:var(--type-lg, 16px);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-widest, .15em);color:#fffc}