:root{--bg:#101713;--panel:#1b251e;--cream:#f5f3ea;--gold:#eac18d;--orange:#e98359;--muted:#aeb8ac;--line:#ffffff22;color:var(--cream);background:var(--bg);font-family:'IBM Plex Sans Thai',system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-size:1rem;line-height:1.68}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3,.hall-name{font-family:inherit;font-weight:500;letter-spacing:-.025em}h1{line-height:1.15}h2{line-height:1.2}h3{line-height:1.3}p{line-height:1.7}::selection{background:var(--orange);color:var(--bg)}.wrap{width:min(1500px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:10px;left:10px;padding:12px;background:white;color:black;z-index:30;transform:translateY(-160%)}.skip:focus{transform:none}.progress{position:fixed;z-index:20;top:0;left:0;width:100%;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;pointer-events:none}
.header{position:sticky;top:0;z-index:10;background:#101713ec;backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .25s}.header.scrolled{border-color:var(--line)}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-logo{width:64px;height:43px;object-fit:contain;filter:brightness(0) invert(1)}.brand strong{display:block;font-size:.96rem;font-weight:600;letter-spacing:.08em;line-height:1.3}.brand small{display:block;font-size:.7rem;letter-spacing:.18em;color:var(--muted);margin-top:2px;line-height:1.4}.navlinks,.nav-actions,.header-social,.languages{display:flex;align-items:center}.navlinks{gap:24px;font-size:.9rem;line-height:1.5;color:#dde4d8}.navlinks a:hover,.contact a:hover{color:var(--gold)}.nav-actions{gap:16px}.header-social{gap:7px}.social-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff37;border-radius:50%;font-weight:600;line-height:1;transition:background .25s,transform .25s}.social-icon.facebook{font-family:Arial,sans-serif;font-size:1.3rem}.social-icon.line{font-size:.59rem;letter-spacing:-.06em}.social-icon:hover{background:#ffffff22;transform:translateY(-2px)}.languages{padding:3px;border:1px solid var(--line);border-radius:40px;gap:2px}.languages a{display:grid;place-items:center;border-radius:30px;padding:6px 10px;min-height:33px;min-width:38px;font-size:.84rem;line-height:1.4}.languages a[aria-current=page]{color:var(--bg);background:var(--cream)}.nav-button{white-space:nowrap;border:1px solid #ffffff55;border-radius:40px;padding:11px 18px;font-size:.87rem;font-weight:500;line-height:1.5;transition:background .2s,color .2s}.nav-button:hover{background:var(--cream);color:var(--bg)}
.intro-line{display:flex;justify-content:space-between;gap:15px;padding:21px 0;font-size:.76rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.intro-line span:last-child{color:var(--gold)}.hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:580px;padding:46px 6% 102px;overflow:hidden;border-radius:26px}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;animation:ambient 18s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07130feb,#07130f83 54%,#07130f27),linear-gradient(0deg,#07130fcc,transparent 74%)}.tag{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;line-height:1.5;letter-spacing:.09em;text-transform:uppercase}.tag:before{content:"";display:block;width:22px;height:1px;background:currentColor}.hero .tag{color:#eed1a7}.hero-copy{max-width:850px;padding:30px 0 40px}.hero h1{font-size:clamp(3.25rem,6.3vw,6.5rem);max-width:820px}.hero h1 em{font-style:normal;color:#f0cfa3}.hero .lead{font-size:1.13rem;line-height:1.7;max-width:545px;margin-top:27px;color:#e7ece2}.hero-footer{display:flex;justify-content:space-between;gap:20px;font-size:.76rem;line-height:1.5;color:#e6e8dc}
.booking{position:relative;z-index:2;isolation:isolate;width:calc(100% - 60px);margin:-48px auto 0;padding:29px 31px 23px;border:1px solid #d9c3a344;border-radius:25px;background:radial-gradient(600px circle at var(--mx,70%) var(--my,0%),#dac09a12,transparent 70%),linear-gradient(125deg,#242e28,#171f1a);box-shadow:0 20px 62px #0005,inset 0 1px #f3d9ac22}.booking-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:23px}.booking h2{font-size:2.1rem;font-weight:500}.booking .description{color:#bdc5b7;font-size:.94rem;max-width:340px;line-height:1.6;text-align:right}.choices{display:grid;grid-template-columns:1.2fr repeat(6,minmax(0,1fr));gap:10px}.choice{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:124px;padding:16px 8px;background:#ffffff06;border:1px solid #ffffff30;border-radius:16px;overflow:hidden;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s}.choice:hover,.choice:focus-visible{background:#ffffff12;border-color:#eac08e99;transform:translateY(-5px);box-shadow:0 12px 22px #0003}.platform-symbol{width:48px;height:48px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:0 3px 12px #0002;transition:transform .3s}.choice:hover .platform-symbol{transform:translateY(-2px) rotate(-4deg)}.choice img{width:30px;height:30px;object-fit:contain}.choice strong{font-size:.86rem;line-height:1.4;font-weight:500;white-space:nowrap}.booking-arrow{position:absolute;right:11px;top:8px;color:var(--gold);opacity:0;transform:translate(-3px,3px);transition:opacity .25s,transform .25s}.choice:hover .booking-arrow,.choice:focus-visible .booking-arrow{opacity:1;transform:none}.choice.direct{background:linear-gradient(135deg,#efe2c9,#dcc2a0);color:#253225;gap:6px;border:0}.choice.direct:hover{background:linear-gradient(135deg,#fff2d9,#e2c8a7)}.choice.direct .direct-logo{width:45px;height:30px;margin-bottom:2px}.choice.direct small{font-size:.74rem;line-height:1.45;color:#4a5748}.choice.direct .booking-arrow{color:#253926}.booking-note{margin-top:17px;color:#bac4b5;text-align:right;font-size:.77rem;line-height:1.6}.mobile-note{display:none}.is-mobile .mobile-note{display:inline}.is-mobile .desktop-note{display:none}.choice:after{content:"";position:absolute;inset:0;z-index:-1;transform:translateX(-120%);background:linear-gradient(110deg,transparent 30%,#fff1 50%,transparent 70%);pointer-events:none}.choice:hover:after{transform:translateX(120%);transition:transform .85s ease}.booking.dock-visible .choice{animation:dock-arrive .6s both cubic-bezier(.2,.7,.2,1);animation-delay:calc(var(--order,0)*65ms)}
.section{padding-top:110px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-top .tag,.events .tag{color:var(--gold)}.section-top h2,.events h2{font-size:clamp(2.8rem,4.3vw,4.65rem);margin-top:20px;line-height:1.18}.section-top p{color:var(--muted);font-size:1rem;line-height:1.72;max-width:350px}.features{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:18px}.feature{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:440px;padding:27px;border:1px solid var(--line);border-radius:24px;background:var(--panel);background-image:radial-gradient(500px circle at var(--mx,50%) var(--my,50%),#ffffff07,transparent 65%);overflow:hidden;transition:transform .3s,border-color .3s}.feature:hover{transform:translateY(-5px);border-color:#eac08e65}.feature.light{background:#d9e0cd;color:#172318}.feature.orange{background:#e98359;color:#202517}.feature.photo-card{padding:0;justify-content:flex-start}.feature-photo{width:100%;height:220px;object-fit:cover;transition:transform .5s}.photo-card:hover .feature-photo{transform:scale(1.02)}.feature-body{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:20px;padding:26px}.feature-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.77rem;line-height:1.5;letter-spacing:.06em}.feature-number{font-size:clamp(3rem,5vw,5rem);font-weight:400;line-height:1.2;letter-spacing:-.055em;opacity:.86;margin:20px 0}.feature h3{font-size:clamp(1.7rem,2vw,2.3rem);line-height:1.3;margin-bottom:12px}.feature p{font-size:1rem;line-height:1.68;opacity:.82}.round-arrow{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;line-height:1;transition:transform .3s}.feature:hover .round-arrow{transform:rotate(45deg)}
.amenities{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:18px;align-items:stretch;margin-top:68px}.amenities-intro{padding:30px 20px 24px 0}.amenities-intro .tag{color:var(--gold)}.amenities h3{font-size:clamp(1.7rem,2.3vw,2.55rem);line-height:1.3;margin:19px 0 16px}.amenities p{font-size:1rem;line-height:1.7;color:var(--muted)}.amenity-grid{list-style:none;margin:0;padding:0 26px;border:1px solid var(--line);border-radius:22px;background:#1d2820;display:grid;align-content:center}.amenity-grid li{display:flex;align-items:baseline;gap:17px;padding:13px 0;border-bottom:1px solid var(--line);font-size:1rem;line-height:1.6}.amenity-grid li:last-child{border-bottom:0}.amenity-number{font-size:.72rem;color:var(--gold);letter-spacing:.08em;flex:none}.transfer-card{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;border-radius:22px;padding:29px;background:#d9e0cd;color:#183024}.transfer-label{font-size:.75rem;line-height:1.5;letter-spacing:.08em}.transfer-card h3{font-size:clamp(1.7rem,2.25vw,2.5rem);margin:24px 0 13px}.transfer-card p{color:#4c5c4f;line-height:1.7}.transfer-link{margin-top:25px;border-bottom:1px solid #183024;padding-bottom:5px;font-weight:500;line-height:1.5}.transfer-link:hover{color:#7c532c}
.events{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding:110px 0 100px}.events h2{font-size:clamp(2.9rem,4.8vw,5rem);margin:22px 0}.events p{font-size:1rem;line-height:1.73;color:var(--muted);max-width:500px}.event-link{display:inline-flex;gap:25px;margin-top:28px;padding-bottom:8px;color:var(--gold);border-bottom:1px solid #eac08e70;font-size:.92rem;line-height:1.5}.halls{border-top:1px solid var(--line);margin-top:12px}.hall{border-bottom:1px solid var(--line)}.hall summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 0}.hall summary::-webkit-details-marker{display:none}.hall-name{font-size:1.45rem;line-height:1.35}.hall summary small{display:block;font-family:inherit;font-size:.78rem;color:var(--muted);font-weight:400;line-height:1.5;margin-top:4px}.hall summary .plus{font-size:1.7rem;line-height:1;color:var(--gold);font-weight:300;transition:transform .25s}.hall[open] .plus{transform:rotate(45deg)}.hall-content{padding:0 45px 25px 0;color:var(--muted);font-size:.95rem;line-height:1.75}.hall-content strong{color:var(--cream);font-weight:500}.hall-content a{display:inline-block;margin-top:10px;color:var(--gold);border-bottom:1px solid #eac08e66}
.footer{background:#d9e0cd;color:#172318;border-radius:26px 26px 0 0;padding-top:66px}.footer-main{display:flex;justify-content:space-between;gap:60px;padding-bottom:52px}.footer h2{font-size:clamp(2.5rem,4.3vw,4.6rem);line-height:1.18;max-width:590px;margin-top:18px}.footer .tag{color:#6c5434}.contact{display:grid;gap:10px;font-size:.93rem;line-height:1.68;max-width:350px}.contact strong{font-size:1rem;font-weight:600}.footer-social{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.footer-social-link{border:1px solid #17231870;border-radius:40px;padding:8px 16px;font-size:.88rem;line-height:1.5;transition:background .2s,color .2s}.footer-social-link:hover{background:#172318;color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #17231835;color:#4e5d4e;font-size:.78rem;line-height:1.6}
:lang(th) body{line-height:1.8}:lang(th) h1{line-height:1.3;letter-spacing:0}:lang(th) h2{line-height:1.34;letter-spacing:0}:lang(th) h3{line-height:1.42;letter-spacing:0}:lang(th) p{line-height:1.85}:lang(th) .hero h1{font-size:clamp(3rem,5.5vw,5.7rem);font-weight:500;line-height:1.31}:lang(th) .hero .lead{line-height:1.84}:lang(th) .booking h2{font-size:1.95rem}:lang(th) .amenity-grid li{line-height:1.85}:lang(th) .feature h3{line-height:1.42}:lang(th) .hall-name{line-height:1.5}:lang(th) .tag,:lang(th) .intro-line,:lang(th) .feature-top{letter-spacing:0}:lang(th) .brand strong{font-size:1.02rem;letter-spacing:0}
@keyframes ambient{to{transform:scale(1.055)}}@keyframes dock-arrive{from{opacity:.45;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:1250px){.wrap{width:calc(100% - 40px)}.navlinks{gap:15px}.nav-actions{gap:10px}.choices{grid-template-columns:repeat(4,minmax(0,1fr))}.booking{width:calc(100% - 40px)}.amenities{grid-template-columns:1fr 1.2fr}.transfer-card{grid-column:1/-1}.transfer-card h3{margin-top:5px}.events{gap:40px}}
@media(max-width:900px){.navlinks{display:none}.nav{min-height:77px}.hero{min-height:560px}.section{padding-top:78px}.section-top{display:block}.section-top p{margin-top:20px;max-width:590px}.features{grid-template-columns:1fr}.feature{min-height:320px}.feature-photo{height:290px}.feature-body{gap:25px}.amenities{margin-top:48px}.events{grid-template-columns:1fr;gap:28px;padding:80px 0}.halls{margin-top:0}.footer-main{display:block}.contact{margin-top:40px}.footer-bottom{display:block}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.nav{flex-wrap:wrap;padding:13px 0;gap:10px}.brand-logo{width:49px;height:34px}.brand{gap:7px}.brand strong{font-size:.74rem;letter-spacing:.03em}.brand small{font-size:.63rem}.nav-button{display:none}.nav-actions{display:contents}.languages{order:2;margin-left:auto}.header-social{order:3;width:100%;justify-content:flex-end}.social-icon{width:30px;height:30px}.intro-line{padding:17px 0;font-size:.7rem;letter-spacing:0}.intro-line span:last-child{display:none}.hero{min-height:505px;padding:33px 24px 93px;border-radius:20px}.hero-copy{padding:22px 0 29px}.hero h1{font-size:clamp(2.7rem,10vw,3.6rem)}.hero .lead{font-size:1rem;margin-top:20px;line-height:1.72}.hero-footer{display:block}.hero-footer span{display:block}.booking{width:calc(100% - 10px);padding:22px 16px;border-radius:20px}.booking-top{display:block;margin-bottom:18px}.booking h2{font-size:1.82rem}.booking .description{text-align:left;max-width:none;margin-top:8px}.choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.choice{min-height:105px;padding:12px 5px;gap:8px}.choice strong{font-size:.8rem}.platform-symbol{width:42px;height:42px;border-radius:12px}.choice img{width:28px;height:28px}.choice.direct{grid-column:1/-1;display:grid;grid-template-columns:50px auto;grid-template-rows:auto auto;justify-content:start;gap:2px 12px;text-align:left;min-height:72px;padding:12px 20px}.choice.direct .direct-logo{grid-row:1/3;width:46px;height:33px}.choice.direct strong{align-self:end;font-size:.9rem}.choice.direct small{align-self:start}.choice.direct .booking-arrow{opacity:1;transform:none;top:25px;right:18px}.booking-note{text-align:left;font-size:.75rem}.section-top h2,.events h2{font-size:2.65rem}.feature-photo{height:225px}.feature-body{padding:23px}.feature h3{font-size:1.86rem}.amenities{grid-template-columns:1fr;margin-top:44px}.amenities-intro{padding:0}.amenity-grid{padding:10px 23px}.transfer-card{grid-column:auto}.events{padding:76px 0}.footer{padding-top:57px;border-radius:20px 20px 0 0}.footer .wrap{width:calc(100% - 42px)}.footer h2{font-size:2.7rem}:lang(th) .hero h1{font-size:clamp(2.45rem,9.5vw,3.5rem);line-height:1.35}:lang(th) .hero .lead{line-height:1.86}:lang(th) .booking h2{font-size:1.6rem}:lang(th) .section-top h2,:lang(th) .events h2{font-size:2.4rem}}
@media(max-width:380px){.choices{grid-template-columns:repeat(2,minmax(0,1fr))}.brand strong{font-size:.68rem}:lang(th) .brand strong{font-size:.86rem}:lang(th) .hero h1{font-size:2.24rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.choice:hover,.feature:hover{transform:none}.choice:hover:after{display:none}}
/* Booking rail: all providers remain reachable by touch, pointer and keyboard. */
.carousel-shell{position:relative;overflow:hidden}.choices{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-inline:contain;padding:6px 2px 17px;scrollbar-width:thin;scrollbar-color:#bc9a6c66 transparent}.choices:focus-visible{outline-offset:-3px}.choice{flex:0 0 clamp(175px,19vw,255px);scroll-snap-align:start;min-height:140px}.choice.direct{flex-basis:clamp(195px,21vw,280px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;grid-column:auto;grid-template-columns:none;grid-template-rows:none;gap:6px;padding:16px}.choice.direct .direct-logo{grid-row:auto}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.carousel-index{font-size:.75rem;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.16em}.carousel-buttons{display:flex;gap:8px}.carousel-button{width:42px;height:42px;border:1px solid #fff5;border-radius:50%;background:#ffffff0c;color:var(--cream);cursor:pointer;transition:background .25s,transform .25s,border-color .25s}.carousel-button:hover:not(:disabled){background:#e2c69d;color:#1e2b22;border-color:#e2c69d;transform:translateY(-2px)}.carousel-button:disabled{opacity:.36;cursor:default}.booking-note{margin-top:8px}
/* Editorial comforts composition. */
.amenities{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,.82fr);gap:12px;margin-top:82px;min-height:440px}.amenities-intro,.amenities-panel,.transfer-card{position:relative;overflow:hidden;border-radius:25px}.amenities-intro{padding:39px 36px;background:#e7d8bf;color:#26352a;display:flex;flex-direction:column;align-items:flex-start}.amenities-intro .tag{color:#805c36}.amenities h2{font-size:clamp(2.3rem,3.1vw,3.8rem);line-height:1.16;margin:26px 0 18px;max-width:10ch}.amenities-intro p{color:#526150;max-width:34ch}.amenities-mark{font-size:clamp(6rem,12vw,12rem);line-height:.65;color:#b7a07b;opacity:.65;margin-top:auto;align-self:flex-end;transform:rotate(-15deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.amenities:hover .amenities-mark{transform:rotate(15deg)}.amenities-panel{border:1px solid #ffffff28;background:radial-gradient(circle at 85% 3%,#687d5744,transparent 45%),#25382d;padding:34px 30px}.amenities-panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#c5d6b9;font-size:.72rem;line-height:1.6;letter-spacing:.1em}.amenities-panel-top span:last-child{font-size:1.5rem}.amenity-grid{display:block;padding:0;margin-top:42px;background:none;border:0;border-radius:0}.amenity-grid li{display:grid;grid-template-columns:30px 1fr 32px;align-items:center;gap:14px;padding:14px 0;border-color:#ffffff29;font-size:clamp(1rem,1.25vw,1.25rem);transition:padding-left .3s,color .3s}.amenity-grid li:hover{padding-left:9px;color:#eed3a6}.amenity-number{font-size:.73rem}.amenity-glyph{justify-self:end;color:#d6c19e;font-size:1.35rem;font-family:inherit}.transfer-card{padding:34px;background:#cddbbc;color:#203b2b;justify-content:space-between;min-height:420px}.transfer-art{position:relative;height:105px;margin:18px 0 24px;border-bottom:1px dashed #59735c66}.transfer-line{display:block;position:absolute;width:60%;height:90px;top:20px;left:8%;border-top:1px dashed #59735c;border-radius:50%;transform:rotate(-13deg)}.transfer-plane{position:absolute;right:5%;top:10px;font-size:3.7rem;line-height:1;transform:rotate(-17deg);transition:transform .5s}.transfer-card:hover .transfer-plane{transform:translate(12px,-10px) rotate(-12deg)}.transfer-card h3{font-size:clamp(1.8rem,2.4vw,2.6rem);margin:0 0 14px}.transfer-card p{font-size:.95rem}.transfer-link{display:inline-block}
/* The city and the hotel's restaurant. */
.neighborhood{padding:110px 0 80px}.neighborhood-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;column-gap:70px}.neighborhood-head .tag{grid-column:1/-1;margin-bottom:20px}.neighborhood h2,.restaurant h2{font-size:clamp(3.1rem,5vw,6rem);line-height:1.16}.neighborhood h2 em,.restaurant h2 em{font-style:normal;color:var(--gold)}.neighborhood-head p{max-width:440px;color:var(--muted);font-size:1.05rem;padding-bottom:9px}.nearby-grid{display:grid;grid-template-columns:1.14fr 1fr 1fr;gap:12px;margin-top:50px}.nearby-card{position:relative;display:flex;flex-direction:column;gap:18px;min-height:282px;padding:28px;background:#1f2e26;border:1px solid #ffffff25;border-radius:23px;overflow:hidden;transition:transform .3s,background .3s}.nearby-card:hover{transform:translateY(-5px);background:#293b2e}.nearby-card strong{font-weight:500;font-size:clamp(1.1rem,1.5vw,1.45rem);line-height:1.45;z-index:1}.nearby-kicker{font-size:.7rem;letter-spacing:.12em;color:var(--gold);margin-bottom:auto;line-height:1.6}.nearby-highlight{background:#dfc8a9;color:#21362a;border:0}.nearby-highlight:hover{background:#edd5b2}.nearby-highlight .nearby-kicker{color:#75522c}.nearby-watermark{position:absolute;bottom:-70px;right:-24px;font-size:210px;line-height:1;font-weight:600;opacity:.07;letter-spacing:-.12em}.nearby-card-icon{position:absolute;right:26px;bottom:16px;color:#cbbb97;font-size:2rem}.restaurant{display:flex;align-items:center;justify-content:space-between;position:relative;isolation:isolate;min-height:500px;padding:65px clamp(35px,6vw,92px);margin-bottom:75px;background:#b85c3c;border-radius:28px;overflow:hidden}.restaurant:before{content:"";position:absolute;width:560px;height:560px;right:-90px;top:-30px;border:1px solid #fff6;border-radius:50%;box-shadow:0 0 0 70px #ffffff0d,0 0 0 140px #ffffff0b;z-index:-1}.restaurant-copy{max-width:680px}.restaurant .tag{color:#ffe3b8}.restaurant h2{margin:23px 0}.restaurant h2 em{color:#ffe3b8}.restaurant p{max-width:490px;font-size:1.05rem}.restaurant-link{display:inline-block;margin-top:28px;border-bottom:1px solid #fff8;padding-bottom:6px}.restaurant-stamp{display:grid;place-items:center;width:200px;height:200px;border:1px solid #fff9;border-radius:50%;font-size:4.5rem;letter-spacing:-.08em;line-height:1.05;text-align:center;transform:rotate(10deg)}.restaurant-stamp span{display:block;font-size:.58rem;letter-spacing:.18em}.restaurant-orbit{position:absolute;right:40%;top:18%;font-size:1.6rem;color:#ffdcab}.restaurant-orbit span{display:block;position:absolute}.restaurant-orbit span:nth-child(2){left:55px;top:220px}.restaurant-orbit span:nth-child(3){left:340px;top:50px}
:lang(th) .amenities h2,:lang(th) .neighborhood h2,:lang(th) .restaurant h2{line-height:1.35;letter-spacing:0}:lang(th) .nearby-card strong{line-height:1.65}
@media(max-width:1250px){.choices{display:flex}.amenities{grid-template-columns:1fr 1fr}.amenities-intro{min-height:390px}.amenities-panel{min-height:390px}.transfer-card{grid-column:1/-1;min-height:280px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.transfer-label{grid-column:1/-1;align-self:start}.transfer-art{grid-column:2;grid-row:2}.transfer-card>div:last-child{grid-column:1;grid-row:2}.nearby-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.neighborhood{padding:85px 0 65px}.neighborhood-head{display:block}.neighborhood-head p{margin-top:22px}.nearby-grid{grid-template-columns:1fr 1fr}.nearby-highlight{grid-column:1/-1;min-height:240px}.restaurant-stamp{width:140px;height:140px;font-size:3rem}}
@media(max-width:650px){.choices{display:flex;gap:10px}.choice,.choice.direct{flex:0 0 min(74vw,230px);min-height:126px;padding:13px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;grid-column:auto;gap:6px}.choice.direct .direct-logo{grid-row:auto}.choice.direct strong{align-self:auto}.choice.direct small{align-self:auto}.carousel-button{width:40px;height:40px}.amenities{display:block;margin-top:55px}.amenities-intro,.amenities-panel,.transfer-card{border-radius:20px;margin-top:10px;min-height:0}.amenities-intro{padding:30px;min-height:340px}.amenities h2{font-size:2.5rem;max-width:12ch}.amenities-mark{font-size:8rem}.amenities-panel{padding:27px}.amenity-grid{margin-top:24px;padding:0}.amenity-grid li{padding:15px 0;font-size:1.06rem}.transfer-card{display:flex;min-height:340px;padding:28px}.transfer-art{width:100%;height:75px;margin:12px 0}.transfer-card>div:last-child{width:100%}.neighborhood{padding:75px 0 55px}.neighborhood h2,.restaurant h2{font-size:clamp(2.75rem,10vw,4.3rem)}.nearby-grid{grid-template-columns:1fr;gap:10px;margin-top:32px}.nearby-highlight{grid-column:auto}.nearby-card{min-height:215px;padding:25px;gap:12px}.nearby-watermark{font-size:170px}.restaurant{min-height:530px;margin-bottom:45px;padding:36px 27px;align-items:flex-start}.restaurant-copy{align-self:flex-start;z-index:1}.restaurant-stamp{position:absolute;right:25px;bottom:28px;width:105px;height:105px;font-size:2rem}.restaurant-stamp span{font-size:.42rem}.restaurant-orbit{right:15%;top:72%}:lang(th) .amenities h2{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){.amenities:hover .amenities-mark,.transfer-card:hover .transfer-plane,.nearby-card:hover{transform:none}}
/* Quiet header, compact booking dock, and a consistent spacing rhythm. */
.nav{gap:clamp(16px,2vw,32px)}.navlinks{gap:clamp(15px,2vw,30px)}.nav-actions{gap:14px}.section-top{gap:clamp(28px,6vw,96px);align-items:end}.section-top>div{min-width:0;flex:1}.section-top p{flex:0 1 400px;max-width:400px}.events{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px)}.footer-main{gap:clamp(36px,6vw,100px)}
.booking{width:calc(100% - 70px);padding:22px 26px 17px;border-radius:20px}.booking-top{gap:18px;margin-bottom:14px}.booking h2{font-size:clamp(1.45rem,2vw,1.85rem)}.booking .description{font-size:.88rem}.choices{gap:9px;padding-bottom:10px}.choice,.choice.direct{flex-basis:clamp(145px,14.5vw,190px);min-height:102px;border-radius:13px;padding:10px 8px;gap:5px}.platform-symbol{width:38px;height:38px;border-radius:11px}.choice img{width:26px;height:26px}.choice.direct .direct-logo{width:37px;height:27px}.choice strong{font-size:.83rem}.choice.direct small{font-size:.7rem}.carousel-controls{margin-top:5px}.carousel-button{width:35px;height:35px}.booking-note{margin-top:3px;font-size:.72rem}
/* The stay and comforts sections now share a deliberate swipeable rhythm. */
.content-rail{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#ba986a66 transparent;padding:5px 3px 13px}.content-rail:focus-visible{outline-offset:-3px}.features>.feature{flex:0 0 calc((100% - 32px)/2.45);scroll-snap-align:start;min-height:420px}.features .feature-photo{height:245px}.features .feature.light{background:#dce3d0}.features .feature.orange{background:#b85d3d;color:white}.features .feature.orange .feature-photo{height:245px}.content-controls{display:flex;justify-content:space-between;align-items:center;padding:9px 2px 0;color:var(--gold)}.content-counter{font-size:.78rem;font-variant-numeric:tabular-nums;letter-spacing:.15em}.content-buttons{display:flex;gap:8px}.content-buttons button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #fff5;border-radius:50%;background:transparent;color:var(--cream);cursor:pointer;transition:background .2s,color .2s}.content-buttons button:hover:not(:disabled){background:var(--cream);color:var(--bg)}.content-buttons button:disabled{opacity:.35;cursor:default}
.amenities.content-rail{margin-top:65px;min-height:0;align-items:stretch}.amenities.content-rail>.amenities-intro,.amenities.content-rail>.amenities-panel,.amenities.content-rail>.transfer-card{flex:0 0 calc((100% - 32px)/2.45);min-height:420px;scroll-snap-align:start;grid-column:auto;display:flex;flex-direction:column}.amenities.content-rail>.amenities-panel{display:block}.amenities.content-rail>.transfer-card{justify-content:space-between}.amenities.content-rail>.transfer-card>div:last-child{width:100%}.amenities+.content-controls{margin-top:0}
/* Motion is a progressive enhancement; locally stored images are always present. */
.location-film{color:#fff;background:#14221d;isolation:isolate}.location-poster,.location-film .ambient-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.location-film:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08151180 0%,#08151191 46%,#071310ed 100%);pointer-events:none}.location-film .feature-number{font-size:clamp(3rem,4vw,4.7rem);opacity:.35}.ambient-video{opacity:0;transition:opacity 1s}.ambient-video.is-playing{opacity:1}
.nearby-grid{gap:16px;grid-template-columns:1.14fr 1fr 1fr}.nearby-card{min-width:0;isolation:isolate;min-height:315px;justify-content:flex-end;gap:10px;color:#fff;background:#1b2b22;border:1px solid #ffffff32}.nearby-card .nearby-kicker{margin-bottom:auto;color:#f4d9aa}.nearby-card .nearby-photo,.nearby-card .ambient-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s}.nearby-card:hover .nearby-photo{transform:scale(1.04)}.nearby-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0916106b 0%,#09161044 36%,#091610ef 100%)}.nearby-highlight{background:#1b2b22;color:#fff}.nearby-highlight:hover{background:#1b2b22}.nearby-highlight .nearby-kicker{color:#f4d9aa}.nearby-watermark{display:none}.nearby-card-icon{z-index:2;opacity:.7}.visual-note{margin-top:16px;text-align:right;font-size:.77rem;color:var(--muted)}.visual-note a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.features>.feature,.amenities.content-rail>.amenities-intro,.amenities.content-rail>.amenities-panel,.amenities.content-rail>.transfer-card{flex-basis:min(70vw,380px)}.nearby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nearby-highlight{grid-column:1/-1}.section-top p{max-width:600px}.booking{width:calc(100% - 40px)}}
@media(max-width:650px){.nav{padding:12px 0;min-height:62px}.nav-actions{display:flex;margin-left:auto}.languages{margin-left:0;order:initial}.hero{min-height:445px;padding-bottom:78px}.booking{width:calc(100% - 8px);margin-top:-35px;padding:17px 15px 13px;border-radius:17px}.booking-top{margin-bottom:10px}.booking h2,:lang(th) .booking h2{font-size:1.35rem;line-height:1.35}.booking .description{font-size:.78rem;line-height:1.55;margin-top:4px}.choices{gap:8px;padding:3px 2px 8px}.choice,.choice.direct{flex:0 0 min(42vw,165px);min-height:91px;padding:8px 5px;gap:4px;border-radius:12px;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}.choice.direct .booking-arrow{top:7px;right:8px}.choice strong,.choice.direct strong{font-size:.76rem;line-height:1.35;white-space:normal}.choice.direct small{font-size:.66rem}.platform-symbol{width:35px;height:35px}.choice img{width:24px;height:24px}.choice.direct .direct-logo{width:35px;height:25px}.carousel-controls{margin-top:2px}.carousel-button{width:31px;height:31px}.booking-note{text-align:left;font-size:.68rem;line-height:1.45;margin-top:2px}.section{padding-top:70px}.section-top{margin-bottom:20px}.content-rail{gap:10px;padding-bottom:13px}.features>.feature{flex-basis:min(83vw,325px);min-height:370px}.features .feature-photo,.features .feature.orange .feature-photo{height:210px}.features .feature-body{padding:22px}.features .feature{padding:22px}.features .feature.photo-card{padding:0}.amenities.content-rail{display:flex;margin-top:45px;gap:10px}.amenities.content-rail>.amenities-intro,.amenities.content-rail>.amenities-panel,.amenities.content-rail>.transfer-card{flex-basis:min(83vw,325px);min-height:370px;margin-top:0}.amenities.content-rail>.amenities-panel{padding:25px}.amenities.content-rail>.amenities-intro{padding:26px}.amenities.content-rail>.transfer-card{padding:25px}.nearby-grid{grid-template-columns:1fr;gap:10px}.nearby-highlight{grid-column:auto}.nearby-card{min-height:250px}.visual-note{text-align:left}.events{grid-template-columns:1fr;gap:25px}}
@media(prefers-reduced-motion:reduce){.ambient-video{display:none}.nearby-card:hover .nearby-photo{transform:none}}
/* Locale-specific wordmark, the illustrated phone action, and calmer proportions. */
:lang(th) .brand small:empty{display:none}.phone-pictogram{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#21362a;color:#f8e9cf;margin-top:4px;transition:transform .2s}.choice.direct:hover .phone-pictogram{transform:rotate(-12deg)}.choice.direct .booking-arrow{top:11px}.booking{width:min(1050px,calc(100% - 110px));padding:28px 28px 22px;margin-top:-42px}.booking-top{margin-bottom:19px}.choice,.choice.direct{min-height:124px}.choices{padding-bottom:12px}.booking-note{margin-top:7px}
/* Two authentic views alternate with a measured pan; static under reduced motion. */
.hero-image-primary{animation:hero-picture-one 24s ease-in-out infinite}.hero-image-secondary{opacity:0;object-position:center 45%;animation:hero-picture-two 24s ease-in-out infinite}@keyframes hero-picture-one{0%,38%{opacity:1;transform:scale(1.03) translateX(0)}50%,88%{opacity:0;transform:scale(1.12) translateX(-2%)}100%{opacity:1;transform:scale(1.03) translateX(0)}}@keyframes hero-picture-two{0%,38%{opacity:0;transform:scale(1.12) translateX(2%)}50%,88%{opacity:1;transform:scale(1.03) translateX(0)}100%{opacity:0;transform:scale(1.12) translateX(2%)}}
/* The real Pong Lang buffet photo carries the restaurant panel. */
.restaurant{background-image:linear-gradient(90deg,#111b17ed 0%,#111b17ca 38%,#111b1765 78%),url('/assets/pong-lang-restaurant.webp');background-position:center,center;background-size:cover;color:#fff}.restaurant:before{display:none}.restaurant .tag,.restaurant h2 em{color:#f2c58c}.restaurant-stamp{background:#14221991;backdrop-filter:blur(6px)}.restaurant p{color:#f4f4e9}.restaurant-link{color:#fff}
/* Meeting rooms as a card rail, with useful details visible at every position. */
.events{display:block;padding:90px 0 95px}.events>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(30px,6vw,90px);align-items:end}.events>div:first-child .tag,.events>div:first-child h2{grid-column:1}.events>div:first-child p,.events>div:first-child .event-link{grid-column:2}.events>div:first-child .tag{align-self:end}.events>div:first-child h2{margin-bottom:0}.events>div:first-child p{grid-row:1 / span 2;margin-bottom:12px;align-self:end}.events>div:first-child .event-link{grid-row:3;justify-self:start;margin-top:16px}.halls.content-rail{border:0;margin-top:45px;gap:15px;padding:5px 2px 14px}.hall-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;flex:0 0 calc((100% - 30px)/2.5);min-height:342px;scroll-snap-align:start;padding:27px;border:1px solid #ffffff2c;border-radius:23px;background:#223229;overflow:hidden;transition:transform .3s,border-color .3s}.hall-card:nth-child(1){background-image:linear-gradient(180deg,#08151184,#071310e8),url('/assets/hotel-hall-v2.webp');background-position:center;background-size:cover}.hall-card:nth-child(3){background:#a6593b}.hall-card:nth-child(5){background:#344938}.hall-card:hover{transform:translateY(-4px);border-color:#eac08e8c}.hall-card-top{display:flex;justify-content:space-between;align-items:center;color:#eac08e;font-size:.77rem;letter-spacing:.11em;line-height:1.5}.hall-card-top span:last-child{font-size:1.35rem}.hall-card-bottom h3{font-size:clamp(1.65rem,2.2vw,2.4rem);line-height:1.3;margin-bottom:4px}.events .hall-card-type,.events .hall-card-capacity{color:#d8ddd0;line-height:1.55;font-size:.9rem}.hall-card-capacity strong{font-weight:500}.hall-card-link{margin-top:22px}.hall-card-link a{display:inline-block;border-bottom:1px solid #eac08e99;padding-bottom:5px;color:#efd2a8;font-size:.85rem;line-height:1.5}.hall-card-link a:hover{color:white}.hall-controls{padding-top:2px}.photo-credit{white-space:normal}
@media(max-width:900px){.booking{width:calc(100% - 46px)}.events>div:first-child{display:block}.events>div:first-child p{margin:20px 0 0}.events>div:first-child .event-link{margin-top:18px}.hall-card{flex-basis:min(65vw,340px)}}
@media(max-width:650px){.booking{width:calc(100% - 27px);margin-top:-33px;padding:22px 16px 18px}.booking-top{margin-bottom:13px}.choice,.choice.direct{min-height:111px}.choices{padding-bottom:10px}.phone-pictogram{width:29px;height:29px;margin-top:2px}.hero-image-secondary{object-position:55% center}.restaurant{background-position:center,58% center}.restaurant-stamp{background:#142219b0}.events{padding:72px 0 80px}.halls.content-rail{margin-top:30px;gap:10px}.hall-card{flex-basis:min(82vw,318px);min-height:320px;padding:23px}.hall-card-bottom h3{font-size:1.9rem}.visual-note{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.hero-image-primary{animation:none;transform:none}.hero-image-secondary{display:none}.hall-card:hover{transform:none}}

/* Booking sits in the former hero footer area; comfortable air around each card. */
.hero{min-height:610px;padding-bottom:165px}
.booking{margin-top:-112px}
.content-rail{gap:22px}
.nearby-grid{gap:22px}
.halls.content-rail{gap:22px}
.choices{gap:12px}
.navlinks{font-size:.84rem;line-height:1.55}
.brand strong{font-size:.88rem;line-height:1.35}
:lang(th) .brand strong{font-size:.90rem;line-height:1.5}
.brand small{font-size:.64rem}
.nav-button{font-size:.81rem}
.languages a{font-size:.78rem}
@media(max-width:900px){.hero{min-height:580px;padding-bottom:145px}.booking{margin-top:-100px}}
@media(max-width:650px){.hero{min-height:500px;padding-bottom:125px}.booking{margin-top:-88px}.content-rail,.halls.content-rail,.nearby-grid{gap:15px}.choices{gap:11px}.brand strong{font-size:.72rem}:lang(th) .brand strong{font-size:.78rem}.brand small{font-size:.59rem}}
@media(max-width:380px){.hero{min-height:515px}.brand strong{font-size:.68rem}:lang(th) .brand strong{font-size:.74rem}}

/* The navigation floats over the hero image, then gains contrast on scroll. */
.header{position:fixed;left:0;right:0;top:0;background:linear-gradient(180deg,#07130fe8 0%,#07130f88 58%,transparent 100%);backdrop-filter:none;border-color:transparent}
.header.scrolled{background:#101713ed;backdrop-filter:blur(16px);border-color:var(--line)}
.hero{padding-top:126px}
.booking{margin-top:-130px}
@media(max-width:900px){.hero{padding-top:112px}.booking{margin-top:-115px}}
@media(max-width:650px){.hero{padding-top:104px}.booking{margin-top:-100px}}

/* A quieter navigation scale, while preserving legibility over the hero. */
.nav{min-height:76px}
.brand-logo{width:56px;height:38px}
.brand strong{font-size:.78rem;line-height:1.4}
:lang(th) .brand strong{font-size:.80rem;line-height:1.5}
.navlinks{font-size:.77rem;line-height:1.55}
.nav-button{font-size:.75rem;padding:9px 16px}
.languages a{font-size:.72rem;min-height:31px;min-width:35px;padding:5px 9px}
@media(max-width:900px){.nav{min-height:70px}}
@media(max-width:650px){.nav{min-height:60px}.brand-logo{width:45px;height:31px}.brand strong{font-size:.67rem}:lang(th) .brand strong{font-size:.70rem}.languages a{font-size:.68rem;min-height:29px;min-width:33px;padding:5px 8px}}
@media(max-width:380px){.brand strong{font-size:.64rem}:lang(th) .brand strong{font-size:.67rem}}

/* Align introductory copy with its heading across the editorial rows. */
@media(min-width:901px){.section-top{align-items:center}.section-top p{margin-block:0}.neighborhood-head{align-items:center}.neighborhood-head p{padding-bottom:0}.events>div:first-child p{align-self:center;margin-bottom:0}}

/* Editorial introductions share a card rhythm; headings and copy meet at eye level. */
@media(min-width:901px){.section-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:auto auto;column-gap:clamp(32px,6vw,96px);row-gap:13px;align-items:center}.section-top .tag{grid-column:1;grid-row:1}.section-top h2{grid-column:1;grid-row:2;margin-top:0}.section-top p{grid-column:2;grid-row:2;align-self:center;max-width:450px;margin:0}.booking-top{align-items:baseline}}
.phone-pictogram{background:transparent;border:1.6px solid currentColor;color:#21362a;width:34px;height:34px}.phone-pictogram svg{width:20px;height:20px;stroke-width:1.7}
.neighborhood{padding-top:96px}.nearby-grid.content-rail{display:flex;grid-template-columns:none;gap:22px;margin-top:0;padding:5px 3px 13px}.nearby-grid.content-rail>.neighborhood-head,.nearby-grid.content-rail>.nearby-card{flex:0 0 calc((100% - 66px)/3.1);min-height:420px;scroll-snap-align:start;grid-column:auto}.nearby-grid .neighborhood-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;min-width:0;padding:34px;background:#e7d8bf;color:#26352a;border-radius:23px}.neighborhood-head .tag{grid-column:auto;color:#805c36;margin:0 0 28px}.neighborhood-head h2{font-size:clamp(2.3rem,3.25vw,3.7rem);line-height:1.22;margin:0;max-width:13ch}.neighborhood-head h2 em{color:#9a6444}.neighborhood-head p{font-size:1rem;line-height:1.75;color:#526150;margin:auto 0 0;padding:25px 0 0;max-width:32ch}.nearby-grid .nearby-card{justify-content:flex-end}.nearby-controls{margin-top:0}
:lang(th) .neighborhood-head h2{line-height:1.36}
@media(max-width:900px){.section-top{display:block}.section-top h2{margin-top:18px}.section-top p{margin-top:18px}.nearby-grid.content-rail>.neighborhood-head,.nearby-grid.content-rail>.nearby-card{flex-basis:min(70vw,380px)}.nearby-grid .neighborhood-head{display:flex;padding:30px}}
@media(max-width:650px){.neighborhood{padding-top:75px}.section-top p{margin-top:16px}.nearby-grid.content-rail{gap:15px;margin-top:0}.nearby-grid.content-rail>.neighborhood-head,.nearby-grid.content-rail>.nearby-card{flex-basis:min(83vw,325px);min-height:365px}.nearby-grid .neighborhood-head{padding:27px}.neighborhood-head .tag{margin-bottom:22px}.neighborhood-head h2{font-size:clamp(2rem,8vw,2.7rem)}.neighborhood-head p{font-size:.94rem;padding-top:18px}.phone-pictogram{width:32px;height:32px}}

/* Each story starts with the same heading-and-copy row, followed by its cards. */
.hero{justify-content:flex-end}
.amenities-heading{margin-top:96px;margin-bottom:29px}
.amenities.content-rail{margin-top:0;min-height:0}
.neighborhood-heading{margin-bottom:29px}
.neighborhood-heading h2{font-size:clamp(2.8rem,4.3vw,4.65rem);line-height:1.18;max-width:none}
.neighborhood-heading h2 em{color:var(--gold)}
.neighborhood-heading p{font-size:1rem;line-height:1.72;color:var(--muted);max-width:450px;padding:0;margin:0}
.nearby-grid.content-rail{margin-top:0}
@media(min-width:901px){.amenities.content-rail>.amenities-panel,.amenities.content-rail>.transfer-card{flex-basis:calc((100% - 22px)/2)}}
:lang(th) .neighborhood-heading h2{line-height:1.34}
@media(max-width:900px){.amenities-heading{margin-top:75px}.neighborhood-heading h2{font-size:2.65rem}.neighborhood-heading p{margin-top:20px;max-width:600px}}
@media(max-width:650px){.amenities-heading{margin-top:62px;margin-bottom:20px}.neighborhood-heading{margin-bottom:20px}.neighborhood-heading h2,:lang(th) .neighborhood-heading h2{font-size:2.4rem;line-height:1.35}.neighborhood-heading p{margin-top:16px}.amenities.content-rail{margin-top:0}}
/* Shared dimensions for the four editorial card rails. */
.content-rail{--rail-card-width:calc((100% - 44px)/2.45);--rail-card-height:480px;gap:22px;align-items:stretch}
.features.content-rail>.feature,.amenities.content-rail>.amenities-panel,.amenities.content-rail>.transfer-card,.nearby-grid.content-rail>.nearby-card,.halls.content-rail>.hall-card{flex:0 0 var(--rail-card-width);width:var(--rail-card-width);height:var(--rail-card-height);min-height:var(--rail-card-height);box-sizing:border-box}
.halls.content-rail,.nearby-grid.content-rail,.amenities.content-rail{gap:22px}
/* One type scale for major section headings and one for card headings. */
.section-top h2,.neighborhood-heading h2,.events h2,.restaurant h2,.footer h2{font-size:clamp(2.8rem,4.3vw,4.65rem);line-height:1.22;font-weight:500}
.feature h3,.hall-card-bottom h3,.transfer-card h3{font-size:clamp(1.65rem,2vw,2.15rem);line-height:1.38;font-weight:500}
.navlinks,.nav-button,.languages a{font-size:.8rem}
.brand strong,:lang(th) .brand strong{font-size:.8rem}
@media(max-width:900px){.content-rail{--rail-card-width:min(70vw,380px);--rail-card-height:465px}}
@media(max-width:650px){.content-rail{--rail-card-width:min(83vw,325px);--rail-card-height:450px;gap:15px}.halls.content-rail,.nearby-grid.content-rail,.amenities.content-rail{gap:15px}.section-top h2,.neighborhood-heading h2,.events h2,.restaurant h2,.footer h2,:lang(th) .section-top h2,:lang(th) .neighborhood-heading h2,:lang(th) .events h2,:lang(th) .restaurant h2,:lang(th) .footer h2{font-size:clamp(2.25rem,8vw,2.85rem);line-height:1.34}.feature h3,.hall-card-bottom h3,.transfer-card h3{font-size:1.8rem;line-height:1.4}.brand strong,:lang(th) .brand strong,.languages a{font-size:.7rem}}

/* Travel and delivery share the editorial card proportions. */
.amenities.content-rail>.transport-card{flex:0 0 var(--rail-card-width);width:var(--rail-card-width);height:var(--rail-card-height);min-height:var(--rail-card-height);box-sizing:border-box;scroll-snap-align:start}
.transport-card{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;border-radius:25px;padding:34px;background:radial-gradient(circle at 82% 12%,#d8875b 0%,transparent 47%),#a6533c;color:#fff}
.transport-label{font-size:.73rem;line-height:1.6;letter-spacing:.08em;color:#ffe2bf}
.transport-illustration{position:relative;display:flex;align-items:center;justify-content:space-around;min-height:116px;margin:auto 0 14px}
.transport-route{position:absolute;left:12%;right:12%;top:50%;border-top:1px dashed #fff8}
.transport-icon{z-index:1;display:grid;place-items:center;width:72px;height:72px;border:1px solid #fff8;border-radius:19px;background:#f0dbbd;color:#704733;box-shadow:0 12px 25px #57281549;transform:rotate(-6deg)}
.transport-icon:last-child{transform:rotate(7deg)}
.transport-icon svg{width:37px;height:37px}
.transport-copy h3{margin:0 0 12px}.transport-copy p{font-size:.95rem;line-height:1.7;color:#fff2e7}
.transport-options{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0 10px}.transport-options span{border:1px solid #fff8;border-radius:20px;padding:5px 10px;font-size:.72rem;line-height:1.45;color:#fff8eb}
.transport-copy small{font-size:.69rem;line-height:1.5;color:#ffe7d2}
.nearby-cafes .nearby-photo{object-position:center 40%}
.nearby-cafes:before{background:linear-gradient(180deg,#09161053 0%,#09161042 30%,#091610ec 100%)}
@media(max-width:650px){.transport-card{padding:26px;border-radius:20px}.transport-illustration{min-height:85px;margin:auto 0 10px}.transport-icon{width:61px;height:61px;border-radius:16px}.transport-icon svg{width:32px;height:32px}.transport-options{margin:12px 0 8px}}
/* Travel planning sits alongside transfers in the same swipeable row. */
.amenities.content-rail>.flight-card{flex:0 0 var(--rail-card-width);width:var(--rail-card-width);height:var(--rail-card-height);min-height:var(--rail-card-height);box-sizing:border-box;scroll-snap-align:start}
.flight-card{display:flex;flex-direction:column;isolation:isolate;overflow:hidden;position:relative;padding:34px;border:1px solid #b4c3c477;border-radius:25px;background:linear-gradient(145deg,#314b53,#182c31 70%);color:#f6f5e9}
.flight-card:before{content:"";position:absolute;top:-130px;right:-70px;width:330px;height:330px;border:1px solid #d8e4dc40;border-radius:50%;box-shadow:0 0 0 55px #d8e4dc0d,0 0 0 110px #d8e4dc0b;pointer-events:none}
.flight-kicker{position:relative;z-index:1;color:#e5ceab;font-size:.73rem;line-height:1.6;letter-spacing:.1em}
.flight-route{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:78px;margin:auto 0 8px;max-width:270px;color:#e6d0aa}
.flight-route strong{font-size:3rem;font-weight:500;letter-spacing:.09em;line-height:1}.flight-route span:last-child{font-size:2.15rem;transform:rotate(-13deg)}.flight-line{position:absolute;top:75%;left:0;right:0;border-top:1px dashed #d9caab9a}
.flight-copy{position:relative}.flight-copy h3{font-size:clamp(1.65rem,2vw,2.15rem);line-height:1.38;font-weight:500;margin:0 0 11px}.flight-copy p{font-size:.92rem;line-height:1.62;color:#dde7e3;max-width:42ch}
.flight-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:19px 0 9px}.flight-actions a{display:grid;align-items:center;border:1px solid #e7d7bc88;border-radius:10px;padding:9px 12px;min-height:45px;line-height:1.4;font-size:.79rem;transition:background .2s,color .2s}.flight-actions a:hover{background:#e9d5b7;color:#1b3031}
.flight-copy small{color:#b8c9c8;font-size:.69rem;line-height:1.4}
@media(max-width:650px){.flight-card{padding:25px;border-radius:20px}.flight-route{min-height:59px}.flight-route strong{font-size:2.25rem}.flight-actions{grid-template-columns:1fr;gap:6px;margin:12px 0 6px}.flight-actions a{min-height:34px;padding:6px 10px}}
/* Admin-controlled styling is constrained to safe palette, radius, and type presets. */
.hotel-site{background:var(--bg);color:var(--cream)}
.hotel-site .restaurant{background-image:linear-gradient(90deg,#111b17ed 0%,#111b17ca 38%,#111b1765 78%),var(--restaurant-image)}
.hotel-site.corners-subtle :is(.hero,.booking,.feature,.nearby-card,.restaurant,.hall-card,.amenities-panel,.transfer-card,.transport-card,.flight-card){border-radius:13px}
.hotel-site.heading-compact :is(.section-top h2,.neighborhood-heading h2,.events h2,.restaurant h2,.footer h2){font-size:clamp(2.45rem,3.9vw,4.2rem)}
.hotel-site.heading-large :is(.section-top h2,.neighborhood-heading h2,.events h2,.restaurant h2,.footer h2){font-size:clamp(3rem,4.8vw,5rem)}
@media(max-width:650px){.hotel-site.heading-compact :is(.section-top h2,.neighborhood-heading h2,.events h2,.restaurant h2,.footer h2){font-size:2.1rem}.hotel-site.heading-large :is(.section-top h2,.neighborhood-heading h2,.events h2,.restaurant h2,.footer h2){font-size:2.7rem}}

/* A roomier reading rhythm for the stay carousel, including its comforts card. */
.features.content-rail>.amenities-panel{flex:0 0 var(--rail-card-width);width:var(--rail-card-width);height:var(--rail-card-height);min-height:var(--rail-card-height);box-sizing:border-box;scroll-snap-align:start;padding:clamp(22px,2.2vw,32px);border-radius:25px}
.features.content-rail>.amenities-panel .amenity-grid{margin-top:22px}
.features.content-rail>.amenities-panel .amenity-grid li{padding:11px 0}
.features.content-rail>.feature.photo-card .feature-photo{height:220px;flex:none}
.features.content-rail>.feature.photo-card .feature-body{padding:24px 27px 28px;gap:14px}
.features.content-rail>.feature h3{font-size:clamp(1.48rem,1.75vw,1.86rem);line-height:1.38;margin:0 0 10px}
.features.content-rail>.feature p{font-size:.94rem;line-height:1.62;opacity:.9}
.features.content-rail>.feature.location-film{padding:28px 30px}
.features.content-rail>.feature.location-film>div:last-child{max-width:38ch}
@media(max-width:650px){.features.content-rail>.feature.photo-card .feature-photo{height:185px}.features.content-rail>.feature.photo-card .feature-body{padding:21px 23px 25px;gap:11px}.features.content-rail>.feature h3{font-size:1.52rem;line-height:1.4}.features.content-rail>.feature p{font-size:.87rem;line-height:1.6}.features.content-rail>.feature.location-film{padding:25px}.features.content-rail>.amenities-panel{padding:24px}.features.content-rail>.amenities-panel .amenity-grid{margin-top:20px}.features.content-rail>.amenities-panel .amenity-grid li{padding:10px 0}}
