/* RAK BKK — editorial design direction */
html{scroll-behavior:smooth;scroll-padding-top:110px;color-scheme:light}
body{margin:0;font-weight:400;line-height:1.65}
:root{--ground:#f5efe4;--panel:#eae0cf;--sand:#d9cbb5;--oak:#806848;--terra:#a84931;--ink:#302c26;--soft:#655e53;--rule:rgba(48,44,38,.18);--bar:rgba(245,239,228,.97)}
.review{background:var(--ground);color:var(--soft);font-size:10px;letter-spacing:.22em;padding:6px;border-bottom:1px solid var(--rule)}
.wrap,.bar,footer.site .in,footer.site .legal{max-width:1320px;padding-left:clamp(24px,4vw,64px);padding-right:clamp(24px,4vw,64px)}
.bar{padding-top:24px;padding-bottom:24px;gap:24px}.logo{width:150px}nav{gap:22px;font-size:11px;letter-spacing:.12em}nav a{text-decoration:none}nav a[aria-current=page]{color:var(--terra);text-decoration:underline;text-underline-offset:7px}
.btn{font-size:11px;letter-spacing:.12em;padding:14px 20px;transition:background .2s,color .2s;line-height:1.5;text-decoration:none}.btn:hover{background:var(--ink);color:var(--ground)}.btn.solid{background:var(--terra);color:#fff;border-color:var(--terra)}
h1,h2,h3{font-weight:400;text-wrap:balance}h2.big{font-size:clamp(36px,4.4vw,58px);line-height:1.08;max-width:21ch;letter-spacing:-.025em}.label,.eyebrow{color:var(--terra);font-size:11px;letter-spacing:.2em}.label{display:flex;align-items:center;gap:14px}.label:before{content:'';width:28px;height:1px;background:currentColor}.sub,.intro2{font-size:19px;line-height:1.7}
.book,.proof,.house,.events,.hood,.gallery,.visit,.sec{padding-top:100px;padding-bottom:28px}
.home-opening{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;min-height:650px;border-bottom:1px solid var(--rule)}
.home-opening .hero{grid-column:2;grid-row:1;margin:32px 32px 32px 0;min-width:0}.home-opening .hero img{height:100%;min-height:600px;object-position:50% 50%}.home-opening .curve{display:none}
.home-opening .intro{grid-column:1;grid-row:1;align-self:center;text-align:left;margin:0;padding:60px clamp(28px,4.5vw,72px);max-width:none}.home-opening h1{font-size:clamp(52px,5.8vw,82px);line-height:1.02;letter-spacing:-.045em;max-width:10ch;margin:28px 0}.home-opening .sub{text-align:left;margin:0;max-width:35ch;font-size:18px}.home-opening .ctas{justify-content:flex-start;margin-top:32px;gap:12px}.home-opening .dia{display:none}.home-opening .eyebrow{text-align:left;font-size:10px}.opening-caption{font-size:11px;color:var(--soft);letter-spacing:.1em;text-transform:uppercase;margin-top:44px;padding-top:20px;border-top:1px solid var(--rule)}
.packs{gap:28px;margin-top:40px}.pack{background:transparent;border-bottom:1px solid var(--rule)}.pack img{aspect-ratio:4/3}.pack .in{padding:26px 0;gap:14px}.pack h3{font-size:34px}.pack .price{font-size:42px}.pack ul{font-size:16px}.pack .btn{align-self:flex-start}.addon{margin-top:36px;background:var(--panel);padding:28px}.fine{font-size:14px;max-width:85ch}
.proof-grid{gap:64px;align-items:center}.proof-grid figure{margin:0}.proof-grid figure img{aspect-ratio:5/4}.q{margin:0;border:0;padding:0}.q p{font-family:var(--display);font-size:clamp(30px,3.4vw,46px);line-height:1.2}.q cite{font-size:12px;letter-spacing:.14em}.proof-grid figcaption{font-size:12px;margin-top:12px;color:var(--soft)}
.house-top{gap:60px}.floors{grid-template-columns:1fr}.fl{background:transparent;border-top:1px solid var(--rule);padding:20px 0}.thai{margin-top:48px}.ba{gap:24px}.ev-grid{gap:28px}.ev{background:transparent}.ev .in{padding:28px 0;border-bottom:1px solid var(--rule)}.days{gap:28px;margin-top:36px}.hood3{gap:40px}.mosaic{gap:16px;grid-auto-rows:260px}
.phero{padding-top:56px;padding-bottom:56px;gap:64px}.phero img{aspect-ratio:4/5;max-height:660px}.phero h1{font-size:clamp(46px,5.5vw,76px);line-height:1.06;letter-spacing:-.03em}.fac{padding:40px;gap:48px}.quotes{display:block}.tq.lead{padding:48px;max-width:100%;background:var(--panel)}.tq.lead p{font-size:clamp(30px,3vw,44px)}
form.enq{padding:36px;gap:20px}form.enq input,form.enq select,form.enq textarea{min-width:0}form.enq label{font-size:11px;letter-spacing:.08em}.preview-note{grid-column:1/-1;font-size:13px;margin:0;color:var(--soft)}
footer.site{margin-top:96px;background:#302c26}footer.site .in{padding-top:64px;padding-bottom:48px}footer.site .legal{padding-top:20px;padding-bottom:28px}
img{max-width:100%}section[id]{scroll-margin-top:100px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--terra);outline-offset:5px}
@media(max-width:1080px){.bar{padding-top:18px;padding-bottom:18px}.home-opening{min-height:0}.home-opening .hero img{min-height:540px}.home-opening .intro{padding:40px 28px}.home-opening h1{font-size:60px}.home-opening .ctas{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){.bar{gap:12px}.logo{width:120px}.bar>.btn{display:none}.home-opening{display:flex;flex-direction:column}.home-opening .intro{order:0;padding:46px 24px 30px}.home-opening h1{font-size:58px;max-width:11ch;margin:20px 0}.home-opening .hero{order:1;margin:0 24px 28px}.home-opening .hero img{height:auto;min-height:0;aspect-ratio:4/3}.home-opening .ctas{flex-direction:row}.opening-caption{margin-top:28px}.book,.proof,.house,.events,.hood,.gallery,.visit,.sec{padding-top:64px;padding-bottom:16px}.packs{gap:36px}.proof-grid,.house-top{gap:28px}.mosaic{grid-auto-rows:170px;gap:10px}.phero{padding-top:40px;gap:28px}.phero img{aspect-ratio:4/3}.fac{padding:24px;gap:24px}.tq.lead{padding:26px}form.enq{padding:24px}.addon{flex-wrap:wrap}.lite div+div{border-left:0}.intro2{font-size:18px}footer.site{margin-top:64px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
