:root{--paper:#f6f3eb;--ink:#263e32;--line:#d9ddd1;--muted:#627367}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font:50px/.9 Georgia,serif;letter-spacing:-3px}.brand span{display:block;font:9px/2.8 Arial;letter-spacing:2px}nav{display:flex;gap:30px;font-size:13px}.right{display:flex;align-items:center;gap:24px}#lang{border:0;background:none;color:var(--ink);font-size:13px}.smallbtn{border:1px solid var(--ink);padding:10px 20px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:720px}.hero-copy{padding:70px 10% 30px}.eyebrow{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;font-weight:600;margin:0 0 25px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.07;letter-spacing:-2px}h1{font-size:clamp(60px,6.3vw,105px);margin:30px 0}i{font-weight:400;color:#698461}h2{font-size:clamp(38px,4vw,64px);margin:20px 0 28px}h3{font-size:25px;letter-spacing:-.5px;margin:0 0 12px}.hero-copy>p:not(.eyebrow){max-width:370px;color:var(--muted)}.btn{display:inline-block;background:var(--ink);color:#fff;padding:16px 24px;font-size:13px;margin-top:24px}.hero-photo{position:relative}.hero-photo img{object-position:center 55%}.hero-photo>span{position:absolute;bottom:28px;left:30px;color:white;font-size:10px;letter-spacing:2px}.hero-foot{margin-top:60px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px}.hero-foot a{font-size:24px}.section{padding:110px 7%;max-width:1600px;margin:auto}.story{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.story-image{height:580px;max-width:450px}.story-copy p:not(.eyebrow){color:var(--muted);max-width:440px}.textlink{display:inline-block;border-bottom:1px solid var(--ink);font-size:13px;padding:10px 0;margin-top:20px}.stay{border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-head>p{color:var(--muted);max-width:340px}.stay-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}figure{margin:0}figure img{height:580px}figcaption{font-size:10px;color:var(--muted);margin-top:14px}.room-list article{display:flex;gap:22px;padding:35px 0;border-bottom:1px solid var(--line)}article>span{font-size:10px;padding-top:5px}article>div{flex:1}article p{font-size:13px;color:var(--muted);margin:0}article>a{font-size:24px}.amenities{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.amenities span{font-size:11px;padding:8px 12px;border:1px solid var(--line)}.note{font-size:12px;color:var(--muted)}.bay{position:relative;height:620px;color:#fff}.bay>img{object-position:center 65%}.bay:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,32,25,.8),rgba(16,32,25,.05))}.bay>div{position:absolute;top:100px;left:7%;z-index:1;max-width:400px}.bay h2 i{color:#d7e3c8}.photos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.photo{padding:0;border:0;background:none;text-align:left;color:var(--ink)}.photo img{height:330px;transition:filter .2s}.photo:hover img{filter:brightness(.88)}.photo:first-child{grid-column:span 2;grid-row:span 2}.photo:first-child img{height:708px}.photo span{display:block;font-size:10px;letter-spacing:.7px;margin-top:9px}.location{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line);align-items:center}.location>img{height:520px}.location p{max-width:400px}.outline{background:transparent;border:1px solid var(--ink);color:var(--ink)}.contact{max-width:none;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact>div>p:not(.eyebrow){max-width:410px;color:#c5cdbf}.contact i{color:#c6d1b3}.light{background:var(--paper);color:var(--ink)}.contact-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin-top:30px}.faq{padding-top:60px}details{border-bottom:1px solid #536759;padding:24px 0}summary{cursor:pointer;font-family:Georgia;font-size:22px}details p{color:#c5cdbf;font-size:14px}.contact details p{max-width:450px}footer{display:flex;align-items:center;justify-content:space-between;padding:50px 7%}footer>span{font-size:11px}dialog{border:0;background:#17271ff5;color:white;padding:30px;width:min(95vw,1100px);max-height:95vh}dialog::backdrop{background:#000b}dialog img{height:75vh;object-fit:contain}dialog p{text-align:center;font-size:12px}#close{position:absolute;right:12px;top:0;background:none;color:white;border:0;font-size:36px}a:hover{opacity:.8}:focus-visible{outline:3px solid #bc905a;outline-offset:4px}@media(max-width:800px){header{height:85px;padding:0 6%}nav{display:none}.smallbtn{display:none}.brand{font-size:43px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 7% 25px}h1{font-size:65px;margin:24px 0}.hero-copy>p:not(.eyebrow){max-width:330px}.hero-foot{margin-top:35px}.hero-photo{height:580px}.section{padding:70px 7%}.story,.stay-layout,.location,.contact{grid-template-columns:1fr;gap:35px}.story-image{height:480px;max-width:none}.section-head{display:block;margin-bottom:35px}h2{font-size:44px}.section-head>p{max-width:none}figure img{height:490px}.room-list article{padding:25px 0}.bay{height:580px}.bay>div{top:70px;max-width:80%}.photos{grid-template-columns:1fr 1fr;gap:12px}.photo img{height:240px}.photo:first-child{grid-row:auto}.photo:first-child img{height:460px}.location>img{height:430px}.faq{padding-top:10px}footer{gap:24px;flex-wrap:wrap}footer>span{font-size:10px}.contact-links{line-height:2}}
/* Mobile-first refresh */
:root{--paper:#f7f7f2;--ink:#163b30;--muted:#67796f;--line:#dce3dc}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}h1,h2{font-family:Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:-2.8px;line-height:1.08}h1 i,h2 i{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.6px}h3{font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:500}header{position:absolute;z-index:5;top:0;width:100%;height:88px;color:white;border:0;padding:0 6%}.brand{font-size:44px}#lang{color:inherit;border:1px solid #ffffff66;border-radius:30px;min-width:48px;min-height:44px}.smallbtn{border-color:#ffffff88;border-radius:30px}.hero{display:block;position:relative;min-height:700px;height:min(900px,100svh);color:white;isolation:isolate}.hero-photo{position:absolute;inset:0;z-index:-2;height:100%}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10281e22 0%,#10281e22 25%,#10281eb3 70%,#10281ee8 100%)}.hero-photo img{object-position:50% 42%}.hero-photo>span{display:none}.hero-copy{position:absolute;inset:auto 0 0;padding:130px 6% 52px;max-width:720px}.hero h1{font-size:clamp(55px,7vw,100px);margin:18px 0 22px}.hero h1 i{color:#deebc8}.hero-copy>p:not(.eyebrow){color:#e0e7de;font-size:16px;max-width:360px}.hero .eyebrow{font-size:9px;letter-spacing:2px}.hero .btn{background:#e3edcf;color:#173c2f;border-radius:32px;margin-top:12px}.hero-foot{display:none}.btn{border:0;border-radius:28px;min-height:50px;padding:15px 24px;transition:transform .2s,background .2s}.btn:hover{opacity:1;transform:translateY(-2px)}.btn:active{transform:scale(.97)}.section{padding:76px 6%}.section-head{margin-bottom:32px}h2{font-size:42px}.eyebrow{letter-spacing:2px;color:#637c63}.hero .eyebrow,.bay .eyebrow,.contact .eyebrow{color:#d4e4c9}.story,.stay-layout,.location,.contact{display:grid;grid-template-columns:1fr;gap:32px}.story-image{height:440px;max-width:none;border-radius:140px 140px 20px 20px;overflow:hidden}.story-copy{padding:0 3px}.stay-layout figure img{height:470px;border-radius:22px}.stay{background:#edf1e8}.room-list article{padding:27px 0;align-items:start}.room-list article>a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #becbbc;border-radius:50%;flex-shrink:0}.amenities span{border-radius:25px;background:#fff8}.bay{height:570px}.bay>div{top:80px;left:6%;max-width:82%}.bay h2{font-size:48px}.photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.photo{min-width:0}.photo img{height:230px;border-radius:16px;transition:transform .35s,filter .35s}.photo:first-child{grid-column:span 2;grid-row:auto}.photo:first-child img{height:430px}.photo span{font-size:10px;color:var(--muted)}.location>img{height:420px;border-radius:22px}.contact{border-radius:28px 28px 0 0}.faq{padding-top:10px}summary{font-family:Arial;font-size:18px;line-height:1.5;min-height:44px}.contact-links a{min-height:44px;display:flex;align-items:center}.mobile-dock{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:5px;position:fixed;z-index:20;bottom:0;left:0;right:0;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));background:#f7f7f2eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid #173c2f18;box-shadow:0 -8px 35px #123b3012}.mobile-dock a,.mobile-dock button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:0;border-radius:28px;background:transparent;color:var(--ink);font-size:12px;font-weight:600}.mobile-dock .dock-book{background:var(--ink);color:white}.mobile-dock svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}body{padding-bottom:calc(85px + env(safe-area-inset-bottom))}footer{padding:45px 6%;gap:22px}.booking-sheet{color:var(--ink);background:var(--paper);padding:26px 24px calc(28px + env(safe-area-inset-bottom));border:0;border-radius:26px 26px 0 0;width:100%;max-width:none;max-height:90svh;margin:auto 0 0;overflow:auto;overscroll-behavior:contain}.booking-sheet h2{font-size:34px;margin:18px 0}.booking-sheet .eyebrow{margin:20px 0 0}.sheet-handle{height:4px;width:42px;background:#c5cec2;border-radius:5px;margin:-10px auto 12px}.sheet-close{position:absolute;right:18px;top:12px;border:0;background:#e8eee3;border-radius:50%;width:44px;height:44px;color:var(--ink);font-size:26px}.sheet-intro{font-size:14px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:block;text-align:left;font-size:12px;margin:16px 0;color:var(--ink);min-width:0}label>span{display:block;margin-bottom:7px}input,select,textarea{display:block;width:100%;min-width:0;max-width:100%;border:1px solid #ccd6c8;border-radius:12px;min-height:50px;padding:12px;background:#fff;color:var(--ink);font:16px Arial}textarea{line-height:1.5;resize:vertical}.form-grid label{margin:7px 0}#booking-form>.btn{width:100%;font:14px Arial}.enquiry-actions{display:flex;gap:10px;flex-wrap:wrap}.enquiry-actions .outline{background:transparent;border:1px solid var(--ink)}.booking-sheet .note{line-height:1.6}.booking-sheet::backdrop{background:#082d2377;backdrop-filter:blur(5px)}html.dialog-open{overflow:hidden}#lightbox{border-radius:18px}#lightbox img{border-radius:12px}.reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.25,1)}.reveal.pending{opacity:0;transform:translateY(24px)}.reveal.visible{opacity:1;transform:none}dialog[open]{animation:sheet-in .35s cubic-bezier(.2,.75,.3,1)}.hero-copy{animation:hero-in .85s ease both}.hero-photo img{animation:photo-in 1.3s ease both}@keyframes sheet-in{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes photo-in{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(min-width:801px){body{padding-bottom:0}header{height:100px}header nav{display:flex}.hero-copy{padding-bottom:65px}.hero-photo img{object-position:center 52%}.hero-photo:after{background:linear-gradient(90deg,#112b22cb 0%,#112b2255 50%,#112b220a 100%)}.mobile-dock{display:none}.section{padding:110px 7%}.story,.stay-layout,.location,.contact{grid-template-columns:1fr 1fr;gap:9%;align-items:center}h2{font-size:58px}.story-image{height:580px;max-width:480px}.section-head{display:flex}.stay-layout figure img{height:580px}.photos{grid-template-columns:repeat(4,minmax(0,1fr))}.photo:first-child{grid-row:span 2}.photo:first-child img{height:710px}.photo img{height:330px}.location>img{height:520px}.bay>div{max-width:420px}.bay h2{font-size:64px}.booking-sheet{width:560px;max-width:calc(100vw - 40px);border-radius:26px;margin:auto;padding:34px}.sheet-handle{display:none}.faq{padding-top:20px}.contact{align-items:start}}
@media(max-width:360px){.hero h1{font-size:51px}h2{font-size:37px}.hero-copy{padding-bottom:32px}.hero{min-height:670px}.photo img{height:205px}.mobile-dock a,.mobile-dock button{gap:5px;font-size:11px}.booking-sheet{padding-left:18px;padding-right:18px}.room-list article{gap:13px}h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}

/* Horizontal bonsai identity */
.brand{display:block;flex-shrink:0;line-height:0;letter-spacing:normal}.brand-logo{display:block;width:210px;max-width:100%;height:auto;object-fit:contain}header{height:104px;gap:16px}header .brand{overflow:hidden;border-radius:12px;box-shadow:0 3px 18px #09251a18}header .right{flex-shrink:0}footer .brand-logo{width:270px}footer .brand{max-width:100%}
@media(min-width:801px){header{height:118px}header .brand-logo{width:270px}}
@media(min-width:801px) and (max-width:1099px){header nav{display:none}}
@media(max-width:359px){header .brand-logo{width:185px}header{gap:10px}}