*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--bg:#f2f0ec;--dark:#18181a;--mid:#7a7a76;--border:#e2e0db;--forest:#2d4a38;--forest-bg:#eaf0eb;--sand:#c8a97a;--sand-bg:#fbf5eb;--clay:#a85b3a;--clay-bg:#f7ede6;--slate:#3a4a5c;--slate-bg:#ebeef2;--r:22px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--dark);font-family:Plus Jakarta Sans,sans-serif;font-weight:300;overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}nav{z-index:200;width:calc(100% - 2.8rem);height:3.25rem;box-shadow:none;background:0 0;border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;padding:0 .6rem 0 1rem;transition:width .55s cubic-bezier(.4,0,.2,1),background .5s,box-shadow .5s;display:flex;position:fixed;top:.5rem;left:50%;transform:translate(-50%)}nav.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffc7;width:min(820px,100% - 2.8rem);box-shadow:inset 0 1px #ffffffbf,0 4px 24px #00000017,0 0 0 1px #0000000e}.nav-logo{color:var(--dark);flex-shrink:0;align-items:center;text-decoration:none;display:flex}.nav-logo .logo-mark{width:auto;height:34px;display:block}.nav-links{flex:1;justify-content:center;gap:0;display:flex}.nav-links a{color:#2d2d2b;white-space:nowrap;border-radius:8px;padding:.38rem .9rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s}.nav-links a:hover{color:var(--dark);background:#0000000f}.nav-cta{white-space:nowrap;background:var(--dark);border-radius:8px;flex-shrink:0;padding:.46rem 1.15rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:opacity .18s,transform .18s;color:#fff!important}.nav-cta:hover{opacity:.8;transform:translateY(-1px)}.hero-wrap{background:var(--bg);padding:66px 1.4rem 1.4rem}.hero{border-radius:var(--r);background:var(--dark);grid-template-columns:1fr 1fr;min-height:calc(100vh - 90px);display:grid;overflow:hidden}@keyframes fUp{to{opacity:1;transform:translateY(0)}}.hero-left{flex-direction:column;justify-content:center;padding:3rem 2.8rem 3rem 3rem;display:flex}.hero-chip{color:#ffffff8c;letter-spacing:.01em;opacity:0;border:1px solid #ffffff2e;border-radius:3rem;align-items:center;gap:.45rem;width:fit-content;margin-bottom:1.4rem;padding:.32rem .82rem;font-size:.72rem;font-weight:400;animation:.7s .15s forwards fUp;display:inline-flex;transform:translateY(14px)}.chip-icon{color:#ffffff73;align-items:center;display:flex}.hero h1{letter-spacing:-.03em;color:#fff;opacity:0;font-size:clamp(2.6rem,4.2vw,4.8rem);font-weight:300;line-height:1.08;animation:.85s .35s forwards fUp;transform:translateY(22px)}.hero h1 strong{font-weight:600}.hero-sub{color:#ffffff7a;opacity:0;max-width:36ch;margin-top:1rem;font-size:.88rem;font-weight:300;line-height:1.8;animation:.8s .55s forwards fUp;transform:translateY(14px)}.hero-btns{opacity:0;flex-wrap:nowrap;align-items:center;gap:.7rem;margin-top:2rem;animation:.8s .72s forwards fUp;display:flex}.btn-solid{color:var(--dark);white-space:nowrap;background:#fff;border-radius:3rem;align-items:center;gap:.42rem;padding:.68rem 1.4rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.btn-solid:hover{opacity:.85;transform:translateY(-2px)}.btn-line{color:#fff9;white-space:nowrap;border:1px solid #ffffff38;border-radius:3rem;padding:.68rem 1.4rem;font-size:.8rem;font-weight:400;text-decoration:none;transition:border-color .2s,color .2s,transform .2s}.btn-line:hover{color:#fff;border-color:#ffffff8c;transform:translateY(-2px)}.hero-stats-row{opacity:0;border-top:1px solid #ffffff1a;gap:2.2rem;margin-top:2.8rem;padding-top:1.6rem;animation:.8s .9s forwards fUp;display:flex}.st-n{color:#fff;letter-spacing:-.03em;font-size:1.3rem;font-weight:500;line-height:1}.st-l{color:#ffffff61;letter-spacing:.02em;margin-top:.25rem;font-size:.63rem;font-weight:400}.hero-image-col{opacity:0;padding:1rem 1rem 1rem 0;animation:.9s .45s forwards fUp}.hero-image-col img{object-fit:cover;border-radius:calc(var(--r) - 4px);width:100%;height:100%;display:block}.section{padding:5rem 2.5rem}.lbl{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:.68rem;font-weight:500;display:inline-flex}.lbl:before{content:"";border-radius:2px;width:14px;height:1px}.lbl.forest{color:var(--forest)}.lbl.forest:before{background:var(--forest)}.lbl.clay{color:var(--clay)}.lbl.clay:before{background:var(--clay)}.lbl.sand{color:#9a7645}.lbl.sand:before{background:#9a7645}.lbl.slate{color:var(--slate)}.lbl.slate:before{background:var(--slate)}h2.ttl{letter-spacing:-.025em;color:var(--dark);font-size:clamp(1.75rem,3.2vw,2.8rem);font-weight:300;line-height:1.14}h2.ttl strong{font-weight:600}h2.ttl .dim{color:var(--mid);font-weight:300}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.in{opacity:1;transform:translateY(0)}.d1{transition-delay:70ms}.d2{transition-delay:.14s}.d3{transition-delay:.21s}.d4{transition-delay:.28s}.about-section{background:var(--white);border-radius:var(--r);margin:0 1.4rem}.about-inner{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.about-imgs{position:relative}.about-imgs .main img,.about-imgs .float img{object-fit:cover;width:100%;height:100%;display:block}.about-imgs .main{aspect-ratio:4/5;border-radius:16px;width:100%;max-height:clamp(360px,56vw,580px);overflow:hidden}.about-imgs .float{aspect-ratio:1;border:4px solid var(--white);border-radius:14px;width:48%;position:absolute;bottom:-1.4rem;right:-1.4rem;overflow:hidden;box-shadow:0 6px 28px #0000001a}.about-body p{color:var(--mid);max-width:44ch;margin-top:1rem;font-size:.9rem;font-weight:300;line-height:1.85}.tags{flex-wrap:wrap;gap:.45rem;margin-top:1.6rem;display:flex}.tag{background:var(--bg);border:1px solid var(--border);color:#4a4a46;cursor:default;border-radius:3rem;padding:.32rem .9rem;font-size:.74rem;font-weight:400;transition:background .22s,border-color .22s,transform .22s}.tag:hover{background:var(--dark);color:#fff;border-color:var(--dark);transform:translateY(-2px)}.about-cta{align-items:center;gap:1.1rem;margin-top:1.8rem;display:flex}.btn-dark{background:var(--dark);color:#fff;border-radius:3rem;align-items:center;gap:.45rem;padding:.7rem 1.5rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:background .22s,transform .22s;display:inline-flex}.btn-dark:hover{background:#2e2e2e;transform:translateY(-2px)}.rating-pill{border:1px solid var(--border);border-radius:3rem;align-items:center;gap:.55rem;padding:.45rem .95rem;display:flex}.rating-pill .st2{color:#e8a020;letter-spacing:.04em;font-size:.78rem}.rating-pill strong{font-size:.82rem;font-weight:600}.rating-pill span{color:var(--mid);font-size:.72rem;font-weight:300}.rooms-section{background:var(--forest);border-radius:var(--r) var(--r) 0 0;color:#fff;margin:1.4rem 1.4rem 0;display:none}.rooms-section .lbl.on-dark{color:#ffffff80}.rooms-section .lbl.on-dark:before{background:#ffffff59}.rooms-section h2.ttl{color:#fff}.rooms-section h2.ttl .dim{color:#ffffff59}.rooms-header{justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;display:flex}.arr-group{gap:.5rem;display:flex}.arr{cursor:pointer;color:#ffffffb3;background:#ffffff14;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .22s,border-color .22s;display:flex}.arr:hover{color:#fff;background:#ffffff2e;border-color:#fff6}.track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.track::-webkit-scrollbar{display:none}.room-card{scroll-snap-align:start;cursor:default;border-radius:16px;flex:0 0 268px;min-width:268px;transition:transform .32s;position:relative;overflow:hidden}.room-card:hover{transform:translateY(-5px)}.room-card img{aspect-ratio:3/4;object-fit:cover;width:100%;transition:transform .5s;display:block}.room-card:hover img{transform:scale(1.04)}.rc-overlay{background:linear-gradient(#0000 45%,#0e1610c2 100%);position:absolute;inset:0}.rc-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffd9;background:#ffffff24;border:1px solid #ffffff38;border-radius:3rem;padding:.26rem .68rem;font-size:.67rem;font-weight:400;position:absolute;top:1rem;right:1rem}.rc-lbl{position:absolute;bottom:1.2rem;left:1.2rem}.rc-name{color:#fff;letter-spacing:-.015em;font-size:1.12rem;font-weight:500}.rc-sub{color:#ffffff8c;margin-top:.18rem;font-size:.72rem;font-weight:300}.amenities-section{background:var(--sand-bg);border-radius:var(--r) var(--r) 0 0;margin:1.4rem 1.4rem 0}.am-grid{grid-template-columns:repeat(4,1fr);gap:.9rem;margin-top:3rem;display:grid}.am-card{background:var(--white);cursor:default;border:1px solid #c8a97a38;border-radius:16px;padding:1.6rem 1.4rem;transition:background .3s,transform .3s,box-shadow .3s}.am-card:hover{background:var(--dark);transform:translateY(-4px);box-shadow:0 12px 38px #00000024}.am-card:hover .am-ico{background:#ffffff14}.am-card:hover .am-ico svg{stroke:#ffffffb3}.am-card:hover .am-t{color:#fff}.am-card:hover .am-d{color:#ffffff73}.am-ico{background:var(--sand-bg);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:1.1rem;transition:background .3s;display:flex}.am-ico svg{stroke:#9a7645;transition:stroke .3s}.am-t{color:var(--dark);font-size:.9rem;font-weight:500;transition:color .3s}.am-d{color:var(--mid);margin-top:.45rem;font-size:.76rem;font-weight:300;line-height:1.65;transition:color .3s}.works-section{background:var(--white);margin:0 1.4rem}.works-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;margin-top:3rem;display:grid}.steps{flex-direction:column;display:flex}.step{border-bottom:1px solid var(--border);gap:1.3rem;padding:1.4rem 0;display:flex}.step:last-child{border-bottom:none}.step-n{background:var(--bg);min-width:38px;height:38px;color:var(--mid);border-radius:10px;justify-content:center;align-items:center;font-size:.72rem;font-weight:500;transition:background .25s,color .25s;display:flex}.step:hover .step-n{background:var(--dark);color:#fff}.step h4{color:var(--dark);font-size:.88rem;font-weight:500}.step p{color:var(--mid);margin-top:.28rem;font-size:.78rem;font-weight:300;line-height:1.7}.works-img{border-radius:18px;position:relative;overflow:hidden}.works-img img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.wb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:14px;align-items:center;gap:.75rem;padding:.85rem 1.2rem;display:flex;position:absolute;bottom:1.3rem;left:1.3rem}.wb-ico{background:var(--forest);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wb strong{color:var(--dark);font-size:.84rem;font-weight:600;display:block}.wb span{color:var(--mid);font-size:.7rem;font-weight:300}.contact-section{background:var(--dark);border-radius:0 0 var(--r) var(--r);margin:0 1.4rem}.contact-section .lbl.on-dark{color:#fff6}.contact-section .lbl.on-dark:before{background:#ffffff4d}.contact-section h2.ttl{color:#fff}.contact-section h2.ttl .dim{color:#ffffff52;font-weight:300}.contact-inner{grid-template-columns:1fr 1fr;align-items:center;gap:4.5rem;display:grid}.contact-left p{color:#ffffff80;max-width:40ch;margin-top:1rem;font-size:.88rem;font-weight:300;line-height:1.82}.cc-list{flex-direction:column;gap:.7rem;margin-top:2rem;display:flex}.cc{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:.9rem;padding:1rem 1.2rem;transition:border-color .22s,transform .22s;display:flex}.cc:hover{border-color:#ffffff40;transform:translate(4px)}.cc-ico{background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cc-ico svg{stroke:#ffffff8c}.cc-lbl{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;font-size:.65rem;font-weight:500}.cc-val{color:#ffffffd1;margin-top:.1rem;font-size:.86rem;font-weight:400}.cc-val a{color:inherit;text-decoration:none}.cc-val a:hover{color:#fff}.wa-btn{color:#fff;background:#25d366;border-radius:3rem;align-items:center;gap:.6rem;margin-top:1.8rem;padding:.78rem 1.6rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .25s,transform .25s;display:inline-flex}.wa-btn:hover{background:#1fbf5a;transform:translateY(-2px)}.map-box{border-radius:16px;overflow:hidden}.map-box iframe{border:none;width:100%;height:300px;display:block}.map-foot{background:#ffffff0f;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.85rem 1.2rem;display:flex}.map-name{color:#ffffffd9;font-size:.82rem;font-weight:500}.map-addr{color:#ffffff59;margin-top:.1rem;font-size:.7rem;font-weight:300}.map-open{color:#ffffffb3;background:#ffffff1a;border:1px solid #ffffff26;border-radius:3rem;padding:.34rem .8rem;font-size:.7rem;font-weight:400;text-decoration:none;transition:background .22s}.map-open:hover{color:#fff;background:#ffffff2e}.book-row{gap:.75rem;margin-top:1rem;display:flex}.book-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;flex:1;align-items:center;gap:.65rem;padding:.9rem 1rem;text-decoration:none;transition:border-color .22s,transform .22s;display:flex}.book-card:hover{border-color:#ffffff47;transform:translateY(-3px)}.book-ico{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:flex}.book-card strong{color:#fffc;font-size:.78rem;font-weight:500;display:block}.book-card span{color:#ffffff61;font-size:.68rem;font-weight:300}footer{background:var(--bg);justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;display:flex}.f-logo{color:var(--dark);flex-direction:row;align-items:center;gap:.55rem;display:flex}.f-logo-icon{width:auto;height:32px;display:block}.f-logo-text{color:var(--dark);font-family:Great Vibes,cursive;font-size:1.55rem;line-height:1}.f-links{gap:1.5rem;list-style:none;display:flex}.f-links a{color:var(--mid);font-size:.73rem;font-weight:300;text-decoration:none;transition:color .22s}.f-links a:hover{color:var(--dark)}.f-note{color:#b5b3ae;font-size:.7rem;font-weight:300}@media (width<=900px){nav{border-radius:12px;width:calc(100% - 1.6rem);padding:0 6px 0 14px}nav.scrolled{width:calc(100% - 1.6rem)}.nav-links{display:none}.hero-wrap{padding:66px 0 0}.hero{border-radius:0;grid-template-columns:1fr;min-height:auto}.hero-left{justify-content:flex-end;padding:2rem 1.2rem 1.4rem}.hero h1{font-size:2.1rem}.hero-btns{gap:.5rem}.btn-solid,.btn-line{padding:.58rem .95rem;font-size:.75rem}.hero-stats-row{gap:1.4rem;margin-top:1.6rem;padding-top:1.1rem}.hero-image-col{padding:0}.hero-image-col img{border-radius:0;height:240px}.about-imgs .main{aspect-ratio:4/5;max-height:none}.about-section,.rooms-section,.amenities-section,.works-section,.contact-section{border-radius:0;margin:0}.section{padding:2.8rem 1.2rem}.about-inner{grid-template-columns:1fr;gap:2rem}.about-imgs .float{width:44%}.am-grid{grid-template-columns:repeat(2,1fr)}.works-grid{grid-template-columns:1fr}.contact-inner{grid-template-columns:1fr;gap:2rem}.room-card{flex:0 0 220px;min-width:220px}footer{text-align:center;flex-direction:column;gap:.8rem;padding:1.4rem 1.2rem}}