
:root{--header-height:104px;--lux-ease:cubic-bezier(.22,1,.36,1)}
.header-spacer{height:var(--header-height)}
header.luxury-header{position:fixed;inset:0 0 auto;max-width:none;margin:0;width:100%;height:var(--header-height);padding:0 max(32px,calc((100vw - 1240px)/2));z-index:80;background:#100d1cf5;border-bottom:1px solid transparent;transform:translateY(0);transition:transform .48s var(--lux-ease),background-color .45s,border-color .45s,box-shadow .45s;will-change:transform}
header.luxury-header.is-hidden{transform:translateY(calc(-100% - 2px));pointer-events:none}
header.luxury-header.is-glass{background:#100d1cbb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #d9c9ff24;box-shadow:0 10px 35px #08040d22}
header.luxury-header:focus-within{transform:translateY(0);pointer-events:auto}
header.luxury-header nav{gap:25px;font-family:'Space Grotesk','Noto Sans Thai',sans-serif;font-size:14px;font-weight:500;letter-spacing:1.25px;text-transform:uppercase}
header.luxury-header .nav-dropdown summary{font:500 14px/1.8 'Space Grotesk',sans-serif;letter-spacing:1.25px;color:#d1c5df;position:relative;padding:8px 0}
header.luxury-header nav>a{position:relative;padding:8px 0;white-space:nowrap}
header.luxury-header nav>a:after,header.luxury-header .nav-dropdown summary:before{content:'';position:absolute;bottom:1px;left:0;right:0;height:1px;background:#c8b0f5;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--lux-ease)}
header.luxury-header nav>a:hover:after,header.luxury-header nav>a:focus-visible:after,header.luxury-header nav>a[aria-current=page]:after,header.luxury-header .nav-dropdown:hover summary:before,header.luxury-header .nav-dropdown[open] summary:before{transform:scaleX(1);transform-origin:left}
header.luxury-header .nav-dropdown{position:static}
header.luxury-header .nav-dropdown summary:after{display:none}
.chevron{transition:transform .3s}
.nav-dropdown[open] .chevron{transform:rotate(180deg)}
.menu-kicker{font:500 9px/1.6 'Space Grotesk',sans-serif;letter-spacing:2px;color:#a692bf;margin:0 0 22px;text-transform:uppercase}
header.luxury-header .mega-panel{position:absolute;top:100%;left:0;right:0;width:100%;min-width:0;max-height:calc(100dvh - var(--header-height));overflow:auto;margin:0;padding:0;border:0;border-top:1px solid #d9c9ff18;border-bottom:1px solid #d9c9ff24;border-radius:0;background:#191122f5;backdrop-filter:blur(12px);box-shadow:0 28px 60px #0007;animation:mega-reveal .4s var(--lux-ease) both;text-transform:none;letter-spacing:normal}
.mega-inner{display:grid;grid-template-columns:1fr 1fr 1.55fr;gap:55px;max-width:1240px;margin:auto;padding:38px 0 32px}
header.luxury-header .mega-column a{display:block;padding:13px 0;margin:0 0 7px;border:0;border-radius:0;font:400 16px/1.5 'Noto Sans Thai',sans-serif;color:#e2d5f0;transition:color .25s}
header.luxury-header .mega-column a:hover{background:none;color:#bd9dff}
.mega-column a small{display:block;margin-top:6px;color:#9e8eaf;font-size:11px}
header.luxury-header .mega-column a.mega-overview{font-size:20px;font-weight:500;color:#f2edff}
.mega-overview span{float:right}
header.luxury-header .featured-story{display:block;padding:0;margin:0;border:0;border-radius:0;color:#e9dcfa;font-family:'Noto Sans Thai',sans-serif}
header.luxury-header .featured-story:hover{background:none}
.featured-story img{display:block;width:100%;height:190px;object-fit:cover;border-radius:4px;margin-bottom:16px;transition:filter .4s}
.featured-story:hover img{filter:brightness(1.12)}
.featured-story .menu-kicker{display:block;margin:0 0 7px}
.featured-story strong{display:flex;justify-content:space-between;font-size:17px;font-weight:500}
.featured-story p{font-size:11px;margin:5px 0 0}
.mega-caption{max-width:1240px;margin:auto;padding:15px 0;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;gap:20px;font:9px/1.7 'Space Grotesk','Noto Sans Thai',sans-serif;letter-spacing:2px;color:#9e8eae}
.mega-caption span{letter-spacing:.2px;font-size:10px}
.drawer-heading,.drawer-bottom{display:none}
@keyframes mega-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1021px) and (max-width:1350px){header.luxury-header{padding-inline:30px;gap:18px}header.luxury-header nav{gap:20px;font-size:13px;letter-spacing:.8px}header.luxury-header .nav-dropdown summary{font-size:13px;letter-spacing:.8px}.mega-inner,.mega-caption{margin-inline:40px}.mega-inner{gap:35px}}
@media(min-width:1021px){header.luxury-header #menu{display:none}}
@media(max-width:1020px){
:root{--header-height:88px}
header.luxury-header{padding:0 24px;gap:18px}
header.luxury-header .header-cta{display:none}
header.luxury-header .header-tools{margin-left:auto}
header.luxury-header #menu{display:grid;place-items:center;order:4;width:36px;height:40px;font:24px/1 sans-serif;color:#e5d6f2;background:none;border:0;z-index:103;padding:0}
header.luxury-header nav{display:none;position:fixed;inset:0;width:100%;height:100dvh;max-height:none;margin:0;padding:110px max(28px,calc((100vw - 640px)/2)) 32px;background:#100d1c;border:0;border-radius:0;box-shadow:none;overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:0;font-size:18px;letter-spacing:2px;z-index:100}
header.luxury-header nav.open{display:flex;animation:mega-reveal .35s var(--lux-ease) both}
body.drawer-open{overflow:hidden}
body.drawer-open header.luxury-header{transform:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.drawer-open header.luxury-header>.brand,body.drawer-open header.luxury-header>.header-tools{visibility:hidden}
body.drawer-open header.luxury-header #menu{position:fixed;right:22px;top:24px}
header.luxury-header nav>a{font-size:22px;font-weight:400;letter-spacing:2px;line-height:1.5;padding:18px 0;border-bottom:1px solid #ffffff10}
header.luxury-header .nav-dropdown summary{font-size:22px;font-weight:400;letter-spacing:2px;padding:18px 0;justify-content:space-between}
header.luxury-header .nav-dropdown{border-bottom:1px solid #ffffff10}
.drawer-heading{display:flex;flex-direction:column;gap:22px;margin-bottom:28px}
.drawer-heading img{width:150px;height:auto}
.drawer-heading .menu-kicker{margin:0}
header.luxury-header .mega-panel{position:static;width:100%;max-height:none;border:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0;animation:none}
.mega-inner{display:grid;grid-template-columns:1fr;gap:18px;padding:15px 0 22px;margin:0}
.mega-column .menu-kicker{display:none}
header.luxury-header .mega-column a{font-size:15px;padding:10px 0;margin:0}
header.luxury-header .mega-column a.mega-overview{font-size:17px}
.mega-inner .featured-story{display:none!important}
.mega-caption{display:none}
.drawer-bottom{display:block;margin-top:auto;padding-top:38px}
.concierge-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;border:1px solid #b59bdf66;border-radius:3px;background:transparent;color:#e7d8f9;font:500 12px/1.6 'Space Grotesk',sans-serif;letter-spacing:1.5px;text-align:left}
.concierge-btn:hover{background:#9b7aff12}
.drawer-bottom>p{font:11px/1.8 'Noto Sans Thai',sans-serif;letter-spacing:0;text-transform:none;margin:10px 0 24px;color:#9988ac}
.drawer-bottom .drawer-social{display:flex;width:100%;gap:10px;justify-content:space-between;flex-wrap:wrap}
.drawer-social button{padding:0;min-width:24px;min-height:32px}
.drawer-social svg{width:22px;height:22px}
.drawer-bottom>small{display:block;font:9px/1.8 'Noto Sans Thai',sans-serif;letter-spacing:0;text-transform:none;color:#8f7c9f;margin-top:12px}
}
@media(max-width:390px){header.luxury-header{padding-inline:16px;gap:10px}header.luxury-header nav{padding-inline:24px}.drawer-bottom .drawer-social{gap:5px}.drawer-social svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){header.luxury-header,header.luxury-header *{transition:none!important;animation:none!important}}

.motion-enhanced main .card{transition:border-color .25s,box-shadow .25s}.motion-enhanced main .card:hover{transform:none}

/* Always-visible navigation: no collapsed menu or scroll hiding. */
header.luxury-header.is-hidden{transform:none;pointer-events:auto}
header.luxury-header #menu{display:none!important}
header.luxury-header nav{display:flex}
@media(max-width:1350px){
:root{--header-height:140px}
header.luxury-header{display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;gap:0 20px;padding:12px 24px}
header.luxury-header .brand{order:0}
header.luxury-header .header-tools{order:1;margin-left:auto}
header.luxury-header .header-cta{display:none}
header.luxury-header nav,header.luxury-header nav.open{display:flex;position:static;inset:auto;order:2;flex:0 0 100%;width:100%;height:auto;max-height:none;margin:10px 0 0;padding:8px 0 0;border:0;border-top:1px solid #ffffff14;border-radius:0;background:transparent;box-shadow:none;overflow:visible;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;animation:none;font-size:15px;letter-spacing:.7px}
header.luxury-header nav>a,header.luxury-header .nav-dropdown summary{font-size:15px;font-weight:500;letter-spacing:.7px;line-height:1.6;padding:8px 0;border:0}
header.luxury-header .nav-dropdown{border:0}
header.luxury-header .drawer-heading,header.luxury-header .drawer-bottom{display:none}
header.luxury-header .mega-panel{position:absolute;top:100%;left:0;right:0;background:#191122f5;max-height:calc(100dvh - var(--header-height));overflow:auto;border-bottom:1px solid #d9c9ff24;box-shadow:0 28px 60px #0007}
.mega-inner{grid-template-columns:1fr 1fr;gap:24px;margin:0;padding:24px}
}
@media(max-width:560px){
:root{--header-height:178px}
header.luxury-header{padding:12px 16px}
header.luxury-header .brand img{width:130px;height:auto}
header.luxury-header .header-tools{gap:10px}
header.luxury-header nav,header.luxury-header nav.open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 12px;align-items:start}
header.luxury-header nav>a,header.luxury-header .nav-dropdown summary{font-size:12px;letter-spacing:.45px;padding:9px 0;white-space:nowrap}
.mega-inner{grid-template-columns:1fr;padding:20px}
}

.language-options{display:flex;gap:12px;margin:22px 0}.language-options .btn{flex:1}.language-options [aria-pressed=true]{border-color:#c2a9ff;box-shadow:0 0 0 1px #c2a9ff}html[lang=th] header.luxury-header nav,html[lang=th] header.luxury-header .nav-dropdown summary{letter-spacing:.15px}
