/* ===== BEGIN styles.css ===== */
:root{
  --green:#0b2b22;
  --green-2:#123d31;
  --green-3:#1a5644;
  --gold:#c99a55;
  --gold-2:#e6c58e;
  --cream:#f5f0e7;
  --paper:#fbfaf7;
  --ink:#13231e;
  --muted:#6a7772;
  --line:#e7e1d6;
  --white:#fff;
  --shadow:0 20px 60px rgba(8,35,28,.10);
  --shadow-lg:0 28px 85px rgba(4,23,18,.18);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
img,svg{display:block}
button,input,select,textarea{font:inherit}
button{color:inherit}
::selection{background:var(--gold-2);color:var(--green)}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.topbar{background:#071e18;color:#dce8e2;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar span,.topbar a{display:inline-flex;align-items:center;gap:7px}.topbar svg{color:var(--gold-2)}
.topbar-inner>div{display:flex;gap:22px}.topbar a{text-decoration:none;transition:.2s}.topbar a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:60;background:rgba(251,250,247,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(11,43,34,.08);transition:box-shadow .25s,background .25s}
.site-header.scrolled{box-shadow:0 10px 30px rgba(8,35,28,.08);background:rgba(251,250,247,.97)}
.nav-wrap{height:76px;display:flex;align-items:center;gap:34px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),var(--green-3));color:#fff;font-family:'Playfair Display',serif;font-size:24px;box-shadow:0 9px 24px rgba(11,43,34,.20);position:relative;overflow:hidden}
.brand-mark:after{content:"";position:absolute;inset:-70% 25% auto -50%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(24deg);animation:brandShine 5s infinite}
@keyframes brandShine{0%,65%{translate:-160% 0}85%,100%{translate:240% 0}}
.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:15px;letter-spacing:1.7px}.brand-copy small{font-size:8px;letter-spacing:2.05px;color:#9b7b47;margin-top:5px;font-weight:700}
.nav{display:flex;align-items:center;gap:26px;margin-left:auto}.nav a{text-decoration:none;font-size:12px;font-weight:700;color:#3b4b45;position:relative;padding:28px 0}.nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:17px;height:2px;background:var(--gold);transition:.25s}.nav a:hover{color:var(--green)}.nav a:hover:after{left:0;right:0}
.nav-actions{display:flex;align-items:center;gap:10px}.nav-call{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);text-decoration:none;color:var(--green);transition:.22s}.nav-call span{display:none}.nav-call:hover{background:var(--green);color:#fff;transform:translateY(-2px)}
.menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:var(--green);margin:5px 0;border-radius:3px;transition:.2s}
.btn{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:12px;letter-spacing:.15px;padding:13px 18px;border-radius:13px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn svg{transition:transform .2s}.btn:hover svg{transform:translateX(3px)}
.btn-primary{background:linear-gradient(135deg,var(--green-2),var(--green));color:#fff;box-shadow:0 10px 24px rgba(11,43,34,.18)}.btn-primary:hover{box-shadow:0 14px 30px rgba(11,43,34,.25);background:linear-gradient(135deg,var(--green-3),var(--green-2))}
.btn-outline{background:transparent;color:var(--green);border:1px solid #bfc9c4}.btn-outline:hover{border-color:var(--green);background:#fff}
.btn-light{background:#fff;color:var(--green)}.btn-light:hover{box-shadow:0 14px 34px rgba(0,0,0,.15)}
.btn-glass{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px)}.btn-glass:hover{background:rgba(255,255,255,.18)}
.btn-lg{padding:16px 22px;border-radius:15px}
.hero{min-height:760px;position:relative;overflow:hidden;background:#0b2b22;color:#fff;display:flex;flex-direction:column;justify-content:center}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:0}.hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,22,17,.84) 0%,rgba(4,22,17,.58) 46%,rgba(4,22,17,.28) 100%);pointer-events:none}
.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,28,21,.08),rgba(5,28,21,.35));pointer-events:none}
.hero-glow{position:absolute;border-radius:50%;filter:blur(3px);opacity:.18;pointer-events:none}.hero-glow-a{width:430px;height:430px;background:radial-gradient(circle,var(--gold-2),transparent 68%);top:-160px;right:-120px;animation:driftA 10s ease-in-out infinite alternate}.hero-glow-b{width:360px;height:360px;background:radial-gradient(circle,#72bd9d,transparent 68%);bottom:-170px;left:10%;animation:driftB 12s ease-in-out infinite alternate}
@keyframes driftA{to{transform:translate(-70px,45px) scale(1.12)}}@keyframes driftB{to{transform:translate(80px,-35px) scale(.92)}}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.72fr);gap:72px;align-items:center;padding:96px 0 66px}
.hero-copy{max-width:720px}.hero-kicker{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px;font-weight:800;color:#f0d39f}.hero-kicker span{width:28px;height:1px;background:var(--gold-2)}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(48px,6.3vw,84px);line-height:.99;letter-spacing:-2.4px;margin:19px 0 24px;max-width:850px;font-weight:600}.hero h1 em{font-style:italic;color:#f2d39b;font-weight:600}
.hero-copy>p{max-width:620px;color:#e1e9e5;font-size:16px;line-height:1.8;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-proof{display:flex;gap:0;margin-top:46px;border-top:1px solid rgba(255,255,255,.22);width:min(620px,100%)}.hero-proof>div{padding:18px 28px 0 0;margin-right:28px;border-right:1px solid rgba(255,255,255,.16)}.hero-proof>div:last-child{border:0}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{font-family:'Playfair Display',serif;font-size:24px;color:#fff}.hero-proof span{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#c9d6d1;margin-top:3px}
.hero-reserve{background:rgba(251,250,247,.94);color:var(--ink);padding:28px;border:1px solid rgba(255,255,255,.34);box-shadow:var(--shadow-lg);backdrop-filter:blur(16px);border-radius:22px;position:relative}.hero-reserve:before{content:"";position:absolute;inset:9px;border:1px solid rgba(201,154,85,.22);border-radius:16px;pointer-events:none}
.reserve-head{display:flex;align-items:center;gap:13px;margin-bottom:20px;position:relative}.reserve-icon{width:45px;height:45px;border-radius:14px;background:#edf4f0;color:var(--green);display:grid;place-items:center}.reserve-icon svg{width:22px;height:22px;animation:iconFloat 3.4s ease-in-out infinite}.reserve-head small{font-size:9px;letter-spacing:1.6px;color:#96723c;font-weight:800}.reserve-head h2{font-family:'Playfair Display',serif;margin:2px 0 0;font-size:28px}
.reserve-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}.reserve-grid label,.inquiry-form label,.modal-form label{font-size:9px;text-transform:uppercase;letter-spacing:1.1px;font-weight:800;color:#65736e}.reserve-grid label span{display:block;margin-bottom:6px}.reserve-grid input,.reserve-grid select,.inquiry-form input,.inquiry-form select,.inquiry-form textarea,.modal-form input,.modal-form select,.modal-form textarea,.corporate-card input{width:100%;border:1px solid var(--line);background:#fff;padding:13px 12px;border-radius:10px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}.reserve-grid input:focus,.reserve-grid select:focus,.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus,.corporate-card input:focus{border-color:#a68a5b;box-shadow:0 0 0 3px rgba(201,154,85,.12)}
.reserve-btn{width:100%;margin-top:12px;position:relative}.reserve-note{font-size:9px;color:#6d7a75;display:flex;align-items:center;gap:7px;margin-top:13px;justify-content:center;position:relative}.reserve-note svg{color:#18a662}
.hero-chips{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.15);padding:19px 0 24px}.hero-chips span{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:.7px;text-transform:uppercase;font-weight:800;color:#dfe8e4;border-right:1px solid rgba(255,255,255,.14)}.hero-chips span:last-child{border:0}.hero-chips svg{color:var(--gold-2);font-size:20px;animation:iconFloat 3.5s ease-in-out infinite}.hero-chips span:nth-child(2) svg{animation-delay:.4s}.hero-chips span:nth-child(3) svg{animation-delay:.8s}.hero-chips span:nth-child(4) svg{animation-delay:1.2s}
@keyframes iconFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(2deg)}}
.section{padding:96px 0}.compact-section{padding:68px 0}.section-cream{background:var(--cream)}
.eyebrow{margin:0 0 10px;font-size:10px;letter-spacing:2.2px;font-weight:800;color:var(--gold-2);text-transform:uppercase}.eyebrow.dark{color:#9b773d}
h2{font-family:'Playfair Display',serif;font-size:clamp(37px,4.4vw,56px);line-height:1.08;letter-spacing:-1.2px;margin:0;color:var(--green);font-weight:600}
p{color:var(--muted)}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.intro-grid p{margin:0;line-height:1.85}.intro-grid strong{color:var(--ink)}
.inline-link{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:800;text-decoration:none;font-size:12px;margin-top:17px}.inline-link svg{transition:.2s}.inline-link:hover svg{transform:translateX(5px)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}.section-heading>div{max-width:660px}.section-heading>p{max-width:400px;margin:0;line-height:1.75}.section-heading.centered{display:block;text-align:center}.section-heading.centered>div,.section-heading.centered>p{max-width:700px;margin-inline:auto}.section-heading.centered>p{margin-top:14px}
.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.room-card{background:#fff;border:1px solid rgba(11,43,34,.08);border-radius:20px;overflow:hidden;box-shadow:0 9px 28px rgba(8,35,28,.06);transition:transform .3s,box-shadow .3s}.room-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.room-card.featured{border-color:rgba(201,154,85,.45);box-shadow:0 16px 46px rgba(123,89,39,.11)}
.room-media{height:285px;background-size:cover;background-position:center;position:relative;overflow:hidden}.room-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.48))}.room-card:hover .room-media{background-size:108% auto}.room-one{background-image:url('/assets/images/premium-room-960.webp')}.room-two{background-image:url('/assets/images/premium-room-960.webp')}.room-three{background-image:url('/assets/images/family-room-960.webp')}
.room-badge{position:absolute;z-index:2;left:18px;top:18px;background:rgba(7,30,24,.78);backdrop-filter:blur(10px);color:#fff;padding:8px 11px;border-radius:999px;font-size:8px;letter-spacing:1.5px;font-weight:800}.featured .room-badge{background:var(--gold);color:#1b241f}.room-price{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff;display:flex;align-items:baseline;gap:6px}.room-price small{font-size:8px;letter-spacing:1.2px}.room-price strong{font-family:'Playfair Display',serif;font-size:30px}.room-price span{font-size:9px;color:#e2ebe7}.room-body{padding:25px}.room-body h3{font-family:'Playfair Display',serif;font-size:28px;margin:0 0 8px;color:var(--green)}.room-body p{font-size:12px;line-height:1.7;margin:0 0 18px}.room-body ul{list-style:none;padding:15px 0;margin:0;border-top:1px solid #eee9e0;border-bottom:1px solid #eee9e0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.room-body li{font-size:10px;color:#55655f;position:relative;padding-left:14px}.room-body li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--gold)}.room-book{width:100%;border:0;background:none;padding:18px 0 0;display:flex;align-items:center;justify-content:space-between;color:var(--green);font-weight:800;cursor:pointer;font-size:12px}.room-book svg{transition:.2s}.room-book:hover svg{transform:translateX(5px)}.room-photo-note{font-size:10px;text-align:center;margin:18px 0 0;color:#8a958f}
.amenity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.amenity-card{background:#fff;border:1px solid var(--line);padding:27px 24px;border-radius:18px;min-height:210px;transition:.28s;position:relative;overflow:hidden}.amenity-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:#eef5f1;right:-48px;top:-52px;transition:.3s}.amenity-card:hover{transform:translateY(-6px);border-color:#c9b083;box-shadow:0 18px 44px rgba(8,35,28,.08)}.amenity-card:hover:before{transform:scale(1.22);background:#e7f1ec}.amenity-card h3{font-size:14px;margin:17px 0 8px;color:var(--green)}.amenity-card p{font-size:11px;line-height:1.7;margin:0}.icon-orb{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eef4f0;color:var(--green);position:relative}.icon-orb:after{content:"";position:absolute;inset:-4px;border-radius:18px;border:1px solid rgba(201,154,85,.35);opacity:0;transform:scale(.8);transition:.3s}.icon-orb svg{width:23px;height:23px;animation:iconFloat 3.4s ease-in-out infinite}.amenity-card:nth-child(2n) .icon-orb svg{animation-delay:.55s}.amenity-card:nth-child(3n) .icon-orb svg{animation-delay:1s}.amenity-card:hover .icon-orb:after{opacity:1;transform:scale(1)}.amenity-card:hover .icon-orb svg{animation:none;transform:scale(1.15) rotate(-5deg)}.icon-orb.large{width:62px;height:62px;border-radius:20px}.icon-orb.large svg{width:28px;height:28px}
.experience-section{background:var(--green);color:#fff;padding:0}.experience-grid{display:grid;grid-template-columns:1.08fr .92fr;min-height:610px}.experience-photo{background-image:linear-gradient(180deg,transparent,rgba(5,28,21,.32)),url('/assets/images/reception.jpg');background-size:cover;background-position:center;min-height:610px;position:relative}.experience-photo span{position:absolute;left:30px;bottom:28px;font-size:9px;letter-spacing:2px;font-weight:800;color:#fff;background:rgba(5,28,21,.58);backdrop-filter:blur(8px);padding:8px 11px;border-radius:999px}.experience-copy{padding:86px 0 82px 72px;align-self:center}.experience-copy h2{color:#fff}.experience-copy>p:not(.eyebrow){color:#bacbc4;max-width:520px}.policy-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.policy-list>div{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);border-radius:14px}.policy-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:var(--gold-2)}.policy-icon svg{animation:iconFloat 3s ease-in-out infinite}.policy-list b,.policy-list strong{display:block}.policy-list b{font-size:8px;letter-spacing:1.3px;color:#9fb3aa;text-transform:uppercase}.policy-list strong{font-size:14px;color:#fff;margin-top:2px}
.corporate-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.corporate-copy>p:not(.eyebrow){max-width:660px;line-height:1.8}.corporate-copy .icon-orb{margin-bottom:18px}.corporate-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.corporate-features span,.local-keywords span{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:9px;font-weight:800;color:#51615b}.corporate-card{background:var(--green);color:#fff;padding:34px;border-radius:22px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.corporate-card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(230,197,142,.24),transparent 70%);right:-80px;top:-70px}.corporate-card small{font-size:9px;letter-spacing:1.8px;color:var(--gold-2);font-weight:800}.corporate-card h3{font-family:'Playfair Display',serif;font-size:34px;margin:6px 0 8px;position:relative}.corporate-card p{color:#b9c9c2;font-size:12px;position:relative}.corporate-card form{display:grid;gap:10px;margin-top:20px;position:relative}.corporate-card input{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff}.corporate-card input::placeholder{color:#b6c5bf}.corporate-card .btn{margin-top:4px;background:var(--gold);color:#17231f;box-shadow:none}
.gallery-section{background:#071e18;color:#fff}.section-heading.light h2{color:#fff}.section-heading.light>p{color:#a8bbb3}.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:260px 260px;gap:14px}.gallery-item{margin:0;background-size:cover;background-position:center;border-radius:18px;position:relative;overflow:hidden;min-height:220px}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,20,15,.74));transition:.3s}.gallery-item:hover:after{background:linear-gradient(180deg,rgba(201,154,85,.05),rgba(3,20,15,.66))}.gallery-item:before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;transition:transform .55s}.gallery-item:hover:before{transform:scale(1.06)}.gallery-item figcaption{position:absolute;z-index:2;left:18px;bottom:16px;font-weight:800;font-size:11px;letter-spacing:.4px}.g1{grid-row:1/3;background-image:url('/assets/images/hotel-exterior-1200.webp')}.g2{background-image:url('/assets/images/premium-room-960.webp')}.g3{background-image:url('/assets/images/reception.jpg')}.g4{background-image:url('/assets/images/bathroom.jpg')}.g5{background-image:url('/assets/images/parking.jpg')}.g4,.g5{display:none}
.location-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.location-copy>p:not(.eyebrow){line-height:1.8}.address-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:18px;border-radius:17px;margin:24px 0}.address-card small,.address-card strong{display:block}.address-card small{font-size:8px;letter-spacing:1.4px;color:#98753e;font-weight:800;margin-bottom:5px}.address-card strong{font-size:12px;line-height:1.65}.location-actions{display:flex;gap:10px;flex-wrap:wrap}.local-keywords{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.local-keywords span{background:#f8f5ee}.map-card{height:530px;border-radius:22px;overflow:hidden;position:relative;box-shadow:var(--shadow);border:8px solid #fff}.map-card iframe{border:0;width:100%;height:100%}.map-label{position:absolute;left:18px;bottom:18px;background:rgba(7,30,24,.92);color:#fff;border-radius:14px;padding:12px 16px;display:flex;gap:10px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.2)}.map-label svg{color:var(--gold-2)}.map-label small{display:block;color:#cfddd7;font-size:8px;letter-spacing:1.2px}.map-label span{font-size:11px;font-weight:800}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}.faq-intro{position:sticky;top:120px}.faq-intro>p:not(.eyebrow){max-width:400px}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{list-style:none;padding:20px 42px 20px 0;font-weight:800;font-size:13px;color:var(--green);cursor:pointer;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;top:15px;width:29px;height:29px;border-radius:50%;background:#eef4f0;display:grid;place-items:center;font-size:19px;font-weight:500;transition:.2s}.faq-list details[open] summary:after{content:"–";background:var(--green);color:#fff;transform:rotate(180deg)}.faq-list p{font-size:12px;margin:-3px 44px 20px 0;line-height:1.8}
.contact-section{background:linear-gradient(145deg,#0b2b22,#061b15);color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.contact-copy h2{color:#fff}.contact-copy>p:not(.eyebrow){color:#b8cbc3;max-width:500px}.contact-methods{display:grid;gap:10px;margin-top:28px}.contact-methods a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:11px 0}.contact-methods a>span{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--gold-2)}.contact-methods a>span svg{animation:iconFloat 3.5s ease-in-out infinite}.contact-methods small,.contact-methods strong{display:block}.contact-methods small{font-size:8px;letter-spacing:1.4px;color:#91a9a0}.contact-methods strong{font-size:12px;color:#fff;margin-top:2px}.inquiry-form{background:#fff;color:var(--ink);padding:32px;border-radius:22px;display:grid;gap:11px;box-shadow:var(--shadow-lg)}.form-kicker{font-size:9px;letter-spacing:1.8px;color:#9d793e;font-weight:800}.inquiry-form h3{font-family:'Playfair Display',serif;font-size:30px;margin:0 0 6px;color:var(--green)}.inquiry-form textarea,.modal-form textarea{min-height:88px;resize:vertical}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-message{font-size:10px;min-height:15px;color:#587069}
footer{background:#041611;color:#aebfb8;padding:62px 0 92px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .9fr 1fr;gap:48px}.footer-grid b{display:block;color:#fff;font-size:11px;margin-bottom:14px}.footer-grid a{display:block;text-decoration:none;font-size:10px;margin:8px 0;color:#afc0b9}.footer-grid a:hover{color:#fff}.footer-grid p{font-size:10px;line-height:1.7;color:#8ea49b}.footer-brand .brand{margin-bottom:15px}.footer-brand .brand-copy strong{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;color:#718a80}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:80;width:58px;height:58px;border-radius:50%;border:0;background:#25D366;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 34px rgba(14,99,56,.32)}.floating-whatsapp>svg{width:28px;height:28px;position:relative;z-index:2;animation:iconFloat 2.8s ease-in-out infinite}.wa-pulse{position:absolute;width:58px;height:58px;border-radius:50%;background:#25D366;opacity:.28;animation:waPulse 2s infinite}@keyframes waPulse{0%{transform:scale(.84);opacity:.35}70%{transform:scale(1.45);opacity:0}100%{opacity:0}}
.wa-chat{position:fixed;right:22px;bottom:92px;z-index:90;width:min(385px,calc(100vw - 28px));background:#fff;border-radius:20px;box-shadow:0 26px 80px rgba(0,0,0,.25);overflow:hidden;transform:translateY(14px) scale(.98);opacity:0;pointer-events:none;transition:.22s}.wa-chat.open{transform:none;opacity:1;pointer-events:auto}.wa-chat-head{background:var(--green);color:#fff;padding:16px;display:grid;grid-template-columns:42px 1fr 30px;gap:10px;align-items:center}.chat-avatar{width:42px;height:42px;border-radius:50%;background:var(--gold);color:#14221d;display:grid;place-items:center;font-family:'Playfair Display',serif;font-size:22px}.wa-chat-head strong,.wa-chat-head small{display:block}.wa-chat-head small{font-size:8px;color:#a9bdb5;margin-top:2px}.wa-chat-head button{border:0;background:none;color:#fff;font-size:27px;cursor:pointer}.wa-chat-body{background:#efeae2;padding:17px;height:245px;overflow:auto;display:flex;flex-direction:column;gap:9px}.chat-message{max-width:88%;padding:10px 12px;border-radius:12px;font-size:11px;line-height:1.55;box-shadow:0 1px 1px rgba(0,0,0,.06)}.chat-message.bot{background:#fff;align-self:flex-start;border-top-left-radius:3px}.chat-message.user{background:#d8fdd0;align-self:flex-end;border-top-right-radius:3px}.chat-message a{color:#0a6754;font-weight:800}.quick-replies{padding:10px 11px;display:flex;gap:6px;flex-wrap:wrap;background:#fff}.quick-replies button{border:1px solid #c3ddd4;background:#fff;color:#176852;border-radius:20px;padding:7px 9px;font:700 9px Manrope;cursor:pointer}.quick-replies button:hover{background:#eef9f4}.chat-input{display:grid;grid-template-columns:1fr 48px;border-top:1px solid #e5ebe8}.chat-input input{border:0;padding:14px;outline:none;font-size:11px}.chat-input button{border:0;background:#25D366;color:#fff;display:grid;place-items:center;cursor:pointer}.chat-input button svg{width:20px;height:20px}
.modal-backdrop{position:fixed;inset:0;z-index:110;background:rgba(3,18,13,.75);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:.22s}.modal-backdrop.open{opacity:1;pointer-events:auto}.booking-modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:var(--paper);padding:38px;border-radius:22px;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.33)}.booking-modal h2{font-family:'Playfair Display',serif;font-size:43px;line-height:1.08;margin:5px 0 10px;color:var(--green)}.modal-intro{font-size:12px;margin:0 0 22px}.modal-close{position:absolute;right:15px;top:12px;width:35px;height:35px;border:0;border-radius:50%;background:#edf1ee;color:var(--green);font-size:23px;cursor:pointer}.modal-form{display:grid;gap:11px}.booking-result{background:#fff;border-left:3px solid var(--gold);padding:15px;font-size:11px;line-height:1.7;border-radius:8px}.booking-result strong{display:block;color:var(--green);font-size:13px}.btn-whatsapp{background:#25D366;color:#10261e}.btn-whatsapp:hover{filter:brightness(.97)}body.modal-open{overflow:hidden}
.mobile-booking-bar{display:none}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}[data-reveal="right"]{transform:translateX(28px)}[data-reveal].revealed{opacity:1;transform:none}
@media(max-width:1040px){.nav{gap:18px}.nav a{font-size:11px}.hero-grid{gap:35px}.amenity-grid{grid-template-columns:repeat(2,1fr)}.corporate-wrap{gap:45px}.experience-copy{padding-left:45px}.location-grid{gap:38px}}
@media(max-width:860px){.topbar-inner>span{display:none}.topbar-inner{justify-content:flex-end}.menu-toggle{display:block;margin-left:auto}.nav{position:absolute;top:76px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:10px 18px;display:none;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 3px;border-bottom:1px solid #eee}.nav a:last-child{border:0}.nav a:after{display:none}.nav-actions .nav-call{display:none}.nav-book{display:none}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:80px 0 40px}.hero-reserve{max-width:650px}.hero-chips{grid-template-columns:1fr 1fr}.hero-chips span:nth-child(2){border-right:0}.hero-chips span{padding:9px}.intro-grid,.corporate-wrap,.location-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.room-grid{grid-template-columns:1fr 1fr}.room-grid .room-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px)}.experience-grid{grid-template-columns:1fr}.experience-photo{min-height:460px}.experience-copy{padding:58px 20px 70px}.faq-intro{position:static}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 220px 220px}.g1{grid-column:1/-1;grid-row:auto}.g4,.g5{display:block}.footer-grid{grid-template-columns:1fr 1fr}.floating-whatsapp{bottom:82px}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.topbar{display:none}.nav-wrap{height:70px}.brand-mark{width:39px;height:39px;border-radius:12px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:7px}.nav{top:70px}.hero{background-position:58% center}.hero-grid{padding:65px 0 34px}.hero h1{font-size:49px;letter-spacing:-1.4px}.hero-copy>p{font-size:13px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn{padding:14px 10px}.hero-proof>div{padding-right:15px;margin-right:15px}.hero-proof strong{font-size:21px}.hero-chips{padding-bottom:18px}.hero-chips span{font-size:8px}.hero-reserve{padding:21px}.reserve-grid,.form-two{grid-template-columns:1fr}.section{padding:70px 0}.compact-section{padding:50px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:12px}.room-grid{grid-template-columns:1fr}.room-grid .room-card:last-child{grid-column:auto;max-width:none}.room-media{height:250px}.amenity-grid{grid-template-columns:1fr 1fr;gap:10px}.amenity-card{padding:20px 16px;min-height:190px}.amenity-card h3{font-size:12px}.amenity-card p{font-size:10px}.experience-photo{min-height:360px}.policy-list{grid-template-columns:1fr 1fr;gap:8px}.policy-list>div{padding:12px}.corporate-card{padding:26px 20px}.gallery-grid{grid-template-columns:1fr;grid-template-rows:260px repeat(4,210px)}.g1{grid-column:auto}.map-card{height:410px}.contact-section{padding-bottom:95px}.inquiry-form{padding:24px 18px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.mobile-booking-bar{position:fixed;display:grid;grid-template-columns:1fr 1fr 1fr;bottom:0;left:0;right:0;height:64px;z-index:100;background:#fff;border-top:1px solid #e1e7e3;box-shadow:0 -10px 30px rgba(4,23,18,.10)}.mobile-booking-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--green);font-size:9px;font-weight:800}.mobile-booking-bar a svg{width:20px;height:20px}.mobile-booking-bar .wa{background:#25D366;color:#fff}.mobile-booking-bar .book{background:var(--green);color:#fff}.floating-whatsapp{display:none}.wa-chat{right:10px;bottom:72px;width:calc(100vw - 20px)}.booking-modal{padding:30px 18px}.booking-modal h2{font-size:34px}.local-keywords{display:none}body{padding-bottom:64px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1!important;transform:none!important}}


/* ===== RESTAURANT, FOOD MENU & EXPANDED GALLERY ===== */
section[id],#booking{scroll-margin-top:118px}
.restaurant-section{background:#fff}
.restaurant-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}
.restaurant-photo{min-height:560px;border-radius:24px;position:relative;overflow:hidden;background-image:linear-gradient(180deg,rgba(5,28,21,.05),rgba(5,28,21,.70)),url('/assets/images/restaurant.jpg');background-size:cover;background-position:center;box-shadow:var(--shadow)}
.restaurant-photo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 18%,rgba(230,197,142,.28),transparent 28%)}
.restaurant-photo-label{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:flex;align-items:center;gap:13px;color:#fff;background:rgba(4,23,18,.68);backdrop-filter:blur(10px);padding:15px;border:1px solid rgba(255,255,255,.15);border-radius:16px}
.restaurant-photo-label .icon-orb{flex:none;background:rgba(255,255,255,.11);color:var(--gold-2)}
.restaurant-photo-label small,.restaurant-photo-label strong{display:block}.restaurant-photo-label small{font-size:8px;letter-spacing:1.6px;color:#d5e1dc}.restaurant-photo-label strong{font-family:'Playfair Display',serif;font-size:19px;margin-top:2px}
.food-menu{background:linear-gradient(145deg,#f8f3ea,#fff);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow)}
.menu-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.menu-head small{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#9b773d}.menu-head h3{font-family:'Playfair Display',serif;color:var(--green);font-size:35px;margin:1px 0 0}
.menu-list{display:grid;gap:9px}.menu-item{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 16px}.menu-item b,.menu-item span{display:block}.menu-item b{font-size:12px;color:var(--green)}.menu-item span{font-size:10px;color:var(--muted);line-height:1.55;margin-top:3px}.menu-item>strong{font-size:9px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;color:#926c33;background:#f5ead8;padding:6px 8px;border-radius:999px}.menu-item.special{border-color:#a9cdbf;background:#f3faf7}.menu-item.special>strong{background:#dff2e9;color:#17654d}
.menu-note{font-size:9px;line-height:1.6;color:#77847f;margin:15px 2px 0}.restaurant-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.gallery-grid{grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:230px;grid-template-rows:none}
.g1{grid-row:span 2}.g4,.g5{display:block}
.gallery-image-slot{display:none;background:#123d31}.gallery-image-slot.is-loaded{display:block}
@media(max-width:860px){.hero-chips{grid-template-columns:repeat(2,1fr)}.hero-chips span:nth-child(2n){border-right:0}.restaurant-grid{grid-template-columns:1fr}.restaurant-photo{min-height:460px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.g1{grid-column:1/-1;grid-row:auto}}
@media(max-width:620px){html{scroll-padding-top:82px}section[id],#booking{scroll-margin-top:82px}.hero-chips{grid-template-columns:1fr 1fr}.restaurant-photo{min-height:340px}.food-menu{padding:22px 17px}.menu-item{display:block}.menu-item>strong{display:inline-block;margin-top:9px}.restaurant-actions{display:grid;grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:210px}.g1{grid-column:auto}}

/* Uploaded Hotel Nest In Platinum Stays gold monogram in header/footer */
.brand-mark.brand-image{padding:0;background:#171717;border-radius:13px;overflow:hidden;border:1px solid rgba(201,154,85,.45)}
.brand-mark.brand-image:after{display:none}
.brand-mark.brand-image img{width:100%;height:100%;object-fit:cover}


/* ===== RESTAURANT ORDERING ===== */
.food-order-modal{width:min(1080px,100%)}
.food-order-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}
.food-menu-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--green)}
.food-menu-toolbar strong{font-family:'Playfair Display',serif;font-size:25px}.text-refresh{border:0;background:transparent;color:#8d6933;font:800 9px Manrope;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.order-menu-list{display:grid;gap:13px;max-height:52vh;overflow:auto;padding-right:5px}.order-category h4{margin:0 0 7px;color:var(--green);font:800 10px Manrope;letter-spacing:1.2px;text-transform:uppercase}.order-menu-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}.order-menu-item b,.order-menu-item small{display:block}.order-menu-item b{font-size:11px;color:var(--green)}.order-menu-item small{font-size:9px;color:var(--muted);line-height:1.5;margin-top:2px}.order-menu-item .diet-tag{display:inline-block;margin-top:5px;padding:3px 7px;background:#e8f5ee;color:#17654d;border-radius:999px;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.menu-add{display:flex;align-items:center;gap:8px}.menu-add strong{font-size:10px;color:#8d6933;white-space:nowrap}.menu-add button{width:34px;height:34px;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center}.menu-add button:disabled{opacity:.35;cursor:not-allowed}.menu-loading,.menu-error{padding:25px;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:14px;font-size:10px;color:var(--muted)}
.restaurant-order-form{display:grid;gap:10px;background:#f8f3ea;border:1px solid var(--line);border-radius:18px;padding:18px;position:sticky;top:10px}.restaurant-order-form input,.restaurant-order-form select,.restaurant-order-form textarea{width:100%;border:1px solid #d6ded9;background:#fff;border-radius:9px;padding:12px 11px;font:600 10px Manrope;outline:none}.restaurant-order-form textarea{min-height:76px;resize:vertical}.order-cart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid #ded7cb}.order-cart-head small,.order-cart-head strong{display:block}.order-cart-head small{font-size:7px;letter-spacing:1.4px;color:#8d6933;font-weight:800}.order-cart-head strong{font-size:11px;color:var(--green);margin-top:2px}.restaurant-cart{display:grid;gap:7px;max-height:190px;overflow:auto}.empty-cart{font-size:9px;color:var(--muted);margin:6px 0}.cart-line{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#fff;border-radius:10px;padding:9px 10px;border:1px solid #e7e0d5}.cart-line b{font-size:10px;color:var(--green)}.cart-line small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.cart-qty{display:flex;align-items:center;gap:6px}.cart-qty button{width:25px;height:25px;border:1px solid #cfd8d3;background:#fff;color:var(--green);border-radius:50%;cursor:pointer}.cart-qty span{font-size:10px;font-weight:800;min-width:12px;text-align:center}
@media(max-width:860px){.food-order-layout{grid-template-columns:1fr}.restaurant-order-form{position:static}.order-menu-list{max-height:none}}

/* Safe fallback when restaurant photography has not been uploaded yet. */
.restaurant-photo{background-color:#123d31}


/* ===== RESTAURANT MENU ITEM PHOTOS ===== */
.restaurant-menu-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:440px;overflow:auto;padding-right:3px}
.restaurant-preview-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:11px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px;min-width:0;transition:transform .22s ease,box-shadow .22s ease}
.restaurant-preview-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(11,43,34,.09)}
.restaurant-preview-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.restaurant-preview-copy small{font:800 7px Manrope;letter-spacing:1px;text-transform:uppercase;color:#9a7541}
.restaurant-preview-copy b{font-size:10px;color:var(--green);line-height:1.35;margin-top:2px}
.restaurant-preview-copy span{font-size:8px;color:var(--muted);line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.restaurant-preview-copy strong{font-size:9px;color:#8d6933;margin-top:5px}
.menu-thumb{width:82px;height:76px;border-radius:11px;overflow:hidden;background:linear-gradient(135deg,#f0e5d1,#dce9e3);display:grid;place-items:center;flex:none}
.menu-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.restaurant-preview-card:hover .menu-thumb img,.order-menu-item:hover .menu-thumb img{transform:scale(1.05)}
.menu-thumb.no-image span{font-size:24px;filter:saturate(.6)}
.order-menu-item{grid-template-columns:82px minmax(0,1fr) auto!important;align-items:center!important}
.order-menu-copy{min-width:0}
.order-menu-item .menu-thumb{width:82px;height:72px}
.cart-line{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:620px){.restaurant-menu-preview{grid-template-columns:1fr}.restaurant-preview-card{grid-template-columns:76px minmax(0,1fr)}.order-menu-item{grid-template-columns:72px minmax(0,1fr)!important}.order-menu-item .menu-thumb{width:72px;height:66px}.menu-add{grid-column:2;justify-content:flex-end;margin-top:-4px}}


/* 2026-09-03 booking/admin experience update */
.room-card.room-card-clickable{cursor:pointer}.room-card.room-card-clickable .room-media{transition:background-size .45s ease,filter .35s ease}.room-card.room-card-clickable:hover .room-media{filter:saturate(1.06)}.room-card .book-room:focus-visible{outline:3px solid rgba(201,154,85,.55);outline-offset:4px}
.booking-modal-wide{width:min(920px,100%)}.booking-room-summary{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;margin:0 0 18px;overflow:hidden}.booking-room-photo{min-height:190px;border-radius:13px;background:linear-gradient(135deg,#dce9e3,#f1e7d7);background-size:cover;background-position:center;position:relative;overflow:hidden}.booking-room-photo:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(7,31,24,.18))}.booking-room-copy{padding:9px 6px}.booking-room-copy>small{font-size:8px;font-weight:800;letter-spacing:1.7px;color:#9c7540}.booking-room-copy h3{font-family:'Playfair Display',serif;font-size:28px;color:var(--green);margin:3px 0 5px}.booking-room-copy p{font-size:10px;line-height:1.6;margin:0 0 10px}.booking-room-amenities{display:flex;gap:6px;flex-wrap:wrap}.booking-room-amenities span{font-size:8px;font-weight:700;padding:6px 8px;border-radius:999px;background:#eef5f1;color:#315a4e}.booking-estimate{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.booking-estimate span{font-size:8px;color:var(--muted);display:grid;gap:2px}.booking-estimate b{color:var(--green);font-size:11px}.booking-estimate strong{font-size:15px;color:#8d6933}.booking-terms-box{border:1px solid #d9e2dd;background:#f8fbf9;border-radius:15px;padding:14px}.booking-terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.booking-terms-grid>div{background:#fff;border:1px solid #e2e9e5;border-radius:11px;padding:11px}.booking-terms-grid b{display:block;color:var(--green);font-size:9px;margin-bottom:4px}.booking-terms-grid p{font-size:8px;line-height:1.55;margin:0;color:#60706a}.terms-check{display:flex!important;align-items:flex-start;gap:9px;margin-top:12px;text-transform:none!important;letter-spacing:0!important;font-size:10px!important;color:var(--ink)!important}.terms-check input{width:18px!important;height:18px;flex:none;margin-top:1px;box-shadow:none!important}.terms-check span{line-height:1.5}.payment-safety{display:block;margin:8px 0 0;font-size:8px;color:#547068}.restaurant-preview-card{position:relative;overflow:hidden}.restaurant-preview-card:after{content:"";position:absolute;inset:-60% auto auto -30%;width:45%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(18deg) translateX(-250%);transition:transform .7s ease}.restaurant-preview-card:hover:after{transform:rotate(18deg) translateX(520%)}
@keyframes amenityOrbit{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(4deg)}}@keyframes orbPulse{0%,100%{box-shadow:0 0 0 0 rgba(201,154,85,0)}50%{box-shadow:0 0 0 7px rgba(201,154,85,.08)}}.amenity-card .icon-orb{animation:orbPulse 3.8s ease-in-out infinite}.amenity-card .icon-orb svg{animation:amenityOrbit 3.2s ease-in-out infinite}.amenity-card:nth-child(2n) .icon-orb,.amenity-card:nth-child(2n) .icon-orb svg{animation-delay:.45s}.amenity-card:nth-child(3n) .icon-orb,.amenity-card:nth-child(3n) .icon-orb svg{animation-delay:.9s}
@media(max-width:720px){.booking-room-summary{grid-template-columns:1fr}.booking-room-photo{min-height:210px}.booking-terms-grid{grid-template-columns:1fr}.booking-estimate{align-items:flex-start;flex-direction:column}.booking-modal-wide{padding-top:34px}}
@media(prefers-reduced-motion:reduce){.amenity-card .icon-orb,.amenity-card .icon-orb svg,.restaurant-preview-card:after{animation:none!important;transition:none!important}}

/* Remote image-link enhancements */
.brand-copy strong{font-size:12.5px;letter-spacing:1.15px;max-width:250px}.amenity-card{position:relative;overflow:hidden}.amenity-photo{display:block;height:105px;margin:-26px -22px 16px;overflow:hidden;background:#edf1ef}.amenity-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.amenity-card:hover .amenity-photo img{transform:scale(1.05)}@media(max-width:620px){.brand-copy strong{font-size:10px;letter-spacing:.75px;max-width:190px}.amenity-photo{height:90px;margin:-20px -16px 13px}}

/* ===== Responsive screen alignment + menu alignment + premium logo animation ===== */
html,body{max-width:100%;overflow-x:clip}
body{width:100%}
img{max-width:100%}
main,section,footer,.site-header,.topbar{min-width:0}
.nav-wrap,.hero-grid,.intro-grid,.room-grid,.amenity-grid,.restaurant-grid,.experience-grid,.corporate-wrap,.gallery-grid,.location-grid,.contact-grid,.faq-grid{min-width:0}
.nav-wrap{position:relative;width:100%}
.nav-wrap>*{min-width:0}
.brand{min-width:0;max-width:100%}
.brand-copy{min-width:0;max-width:280px}
.brand-copy strong{white-space:normal;overflow-wrap:anywhere;line-height:1.12}
.brand-copy small{white-space:nowrap}
section[id],#booking{scroll-margin-top:96px}

/* Logo: premium entrance, gentle float and gold light sweep. */
.brand-mark.brand-image{isolation:isolate;transition:transform .28s ease,box-shadow .28s ease;border-color:rgba(201,154,85,.58);animation:logoEntrance .8s cubic-bezier(.2,.8,.2,1) both,logoFloat 5.2s ease-in-out .9s infinite}
.brand-mark.brand-image img{position:relative;z-index:1;transform:scale(1.01);transition:transform .35s ease,filter .35s ease;animation:logoImageBreath 5.2s ease-in-out .9s infinite}
.brand-mark.brand-image:after{display:block!important;content:"";position:absolute;z-index:2;inset:-45% -80%;height:auto;background:linear-gradient(108deg,transparent 36%,rgba(255,235,188,.08) 43%,rgba(255,235,188,.7) 50%,rgba(255,255,255,.14) 57%,transparent 64%);transform:translateX(-62%) rotate(8deg);animation:logoGoldSweep 5.8s ease-in-out 1.1s infinite;pointer-events:none}
.brand:hover .brand-mark.brand-image{transform:translateY(-2px) scale(1.055);box-shadow:0 13px 28px rgba(11,43,34,.24),0 0 0 3px rgba(201,154,85,.10)}
.brand:hover .brand-mark.brand-image img{transform:scale(1.075);filter:brightness(1.08) saturate(1.08)}
@keyframes logoEntrance{0%{opacity:0;transform:translateY(-8px) scale(.82) rotate(-5deg)}70%{opacity:1;transform:translateY(1px) scale(1.04) rotate(1deg)}100%{opacity:1;transform:none}}
@keyframes logoFloat{0%,100%{translate:0 0}50%{translate:0 -2px}}
@keyframes logoImageBreath{0%,100%{filter:brightness(1);transform:scale(1.01)}50%{filter:brightness(1.045);transform:scale(1.035)}}
@keyframes logoGoldSweep{0%,58%{transform:translateX(-62%) rotate(8deg);opacity:0}64%{opacity:.9}78%{transform:translateX(62%) rotate(8deg);opacity:.7}84%,100%{transform:translateX(62%) rotate(8deg);opacity:0}}

/* Switch to the aligned dropdown before the desktop nav becomes crowded. */
@media(max-width:1100px){
  .nav-wrap{gap:14px}
  .menu-toggle{display:block;margin-left:auto;flex:none;min-width:44px;min-height:44px;border-radius:12px}
  .menu-toggle:focus-visible{outline:3px solid rgba(201,154,85,.28);outline-offset:2px}
  .nav{position:absolute;top:calc(100% + 8px);left:auto;right:0;width:min(430px,100%);margin:0;background:rgba(255,255,255,.985);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 55px rgba(8,35,28,.16);padding:9px 14px;display:none;flex-direction:column;align-items:stretch;gap:0;max-height:min(70vh,520px);overflow-y:auto;overscroll-behavior:contain}
  .nav.open{display:flex}
  .nav a{width:100%;padding:13px 5px;border-bottom:1px solid #eee;text-align:left;font-size:12px}
  .nav a:last-child{border-bottom:0}
  .nav a:after{display:none}
  .nav-actions{flex:none}
  .nav-actions .nav-call{display:none}
  .nav-book{display:none}
}

@media(max-width:860px){
  .nav{top:calc(100% + 7px);left:0;right:0;width:100%;margin:0 auto}
  .brand-copy{max-width:min(48vw,250px)}
}

@media(max-width:620px){
  html{scroll-padding-top:82px}
  section[id],#booking{scroll-margin-top:82px}
  .container{width:min(100% - 24px,1180px)}
  .nav-wrap{gap:9px}
  .brand{gap:8px;flex:1 1 auto}
  .brand-mark{flex:0 0 39px}
  .brand-copy{max-width:none;flex:1 1 auto}
  .brand-copy strong{font-size:clamp(9px,3.1vw,11px)!important;letter-spacing:.62px!important;line-height:1.15}
  .brand-copy small{font-size:6.5px;letter-spacing:1.25px;margin-top:3px}
  .menu-toggle{margin-left:4px;padding:7px;min-width:42px;min-height:42px}
  .nav{width:100%;border-radius:14px;padding:8px 12px}
  .nav a{font-size:12px;padding:12px 5px}
  .hero-grid{width:100%;gap:28px}
  .hero-copy,.hero-reserve{min-width:0;width:100%}
  .booking-modal,.food-order-modal{width:100%;max-width:100%;border-radius:18px}
  .modal-backdrop{padding:10px}
  .booking-modal{padding-left:16px;padding-right:16px}
  .order-menu-list,.restaurant-menu-preview{max-width:100%}
}

@media(max-width:460px){
  .container{width:min(100% - 18px,1180px)}
  .brand-copy small{display:none}
  .brand-copy strong{font-size:9.5px!important;letter-spacing:.45px!important;max-width:190px!important}
  .hero h1{font-size:clamp(38px,13vw,47px);letter-spacing:-1px}
  .hero-actions{grid-template-columns:1fr}
  .hero-proof{flex-wrap:wrap}
  .hero-proof>div{flex:1 1 42%;padding-right:8px;margin-right:8px;margin-bottom:8px}
  .amenity-grid,.policy-list{grid-template-columns:1fr}
  .room-media{height:225px}
  .booking-modal h2{font-size:30px}
}

@media(prefers-reduced-motion:reduce){
  .brand-mark.brand-image,.brand-mark.brand-image img,.brand-mark.brand-image:after{animation:none!important;transition:none!important;transform:none!important;translate:none!important}
}

/* ===== Next-module layout tightening, mobile call, OTA ===== */
.section{padding:clamp(58px,6.4vw,82px) 0}.compact-section{padding:clamp(42px,5vw,62px) 0}.hero{min-height:clamp(620px,78vh,720px)}.hero-grid{gap:clamp(34px,5vw,62px);padding:clamp(68px,8vw,88px) 0 52px}.section-heading{margin-bottom:clamp(26px,3vw,36px)}.intro-grid{gap:clamp(34px,5vw,64px)}.location-grid,.faq-grid,.contact-grid{gap:clamp(34px,5vw,58px)}.map-card{height:clamp(390px,48vw,500px)}
.ota-public-section{background:#f3eee4}.ota-public-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);gap:40px;align-items:center}.ota-public-wrap h2{margin:5px 0 10px;font-family:'Playfair Display',serif;color:var(--green);font-size:clamp(30px,4vw,46px)}.ota-public-wrap p{margin:0;max-width:600px}.ota-public-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ota-public-link{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px 18px;text-decoration:none;font-weight:800;color:var(--green);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ota-public-link:hover{transform:translateY(-2px);border-color:#caa867;box-shadow:0 12px 30px rgba(11,43,34,.08)}.ota-public-link svg{color:#9c7540}.configured-pay-link{display:inline-flex!important;margin-top:10px;text-decoration:none}
@media(max-width:860px){.ota-public-wrap{grid-template-columns:1fr}.ota-public-links{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.section{padding:52px 0}.compact-section{padding:40px 0}.hero{min-height:auto}.hero-grid{padding:58px 0 28px;gap:22px}.map-card{height:360px}.mobile-booking-bar{height:66px}.mobile-booking-bar a{min-width:0}.mobile-booking-bar a:first-child{background:#fff8eb;color:#6d4d1f}.mobile-booking-bar a:first-child svg{animation:mobileCallPulse 2.6s ease-in-out infinite}.ota-public-links{grid-template-columns:1fr}.contact-section{padding-bottom:86px}body{padding-bottom:66px}}
@keyframes mobileCallPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.mobile-booking-bar a:first-child svg{animation:none!important}}

/* Booking status handoff */
.booking-track-link{display:inline-flex;margin-top:10px;color:#0b5f45;font-weight:800;text-decoration:underline;text-underline-offset:3px}


/* ===== Room gallery carousel + full screen-fit pass 20260904 ===== */
html{width:100%;overflow-x:hidden}body{width:100%;max-width:100%;overflow-x:hidden}.container{max-width:1180px;width:calc(100% - 40px)}.room-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:stretch}.room-grid .room-card:last-child{grid-column:auto;max-width:none}.room-card{min-width:0;width:100%;display:flex;flex-direction:column}.room-body{flex:1;display:flex;flex-direction:column;min-width:0}.room-body .room-book{margin-top:auto}.room-slider{position:relative;background:#e7ece9!important;touch-action:pan-y;isolation:isolate}.room-slides{position:absolute;inset:0}.room-slide{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .48s ease,transform .7s ease;pointer-events:none}.room-slide.active{opacity:1;transform:scale(1)}.room-slide img{width:100%;height:100%;display:block;object-fit:cover}.room-slider:after{z-index:2;pointer-events:none}.room-slider .room-badge,.room-slider .room-price,.room-slide-arrow,.room-slide-dots{z-index:3}.room-slide-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:999px;background:rgba(255,255,255,.9);color:#153a2e;font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.15);opacity:0;transition:opacity .2s,transform .2s}.room-slide-arrow.prev{left:12px}.room-slide-arrow.next{right:12px}.room-slider:hover .room-slide-arrow,.room-slide-arrow:focus-visible{opacity:1}.room-slide-arrow:hover{transform:translateY(-50%) scale(1.07)}.room-slide-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:5px;padding:5px 7px;border-radius:999px;background:rgba(4,27,20,.34);backdrop-filter:blur(4px)}.room-slide-dots button{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.55);cursor:pointer;transition:width .2s,background .2s}.room-slide-dots button.active{width:20px;border-radius:999px;background:#fff}.room-price{right:14px;top:14px}.room-badge{left:14px;top:14px}.section-heading{min-width:0}.section-heading>*{min-width:0}.hero-grid>*{min-width:0}.corporate-wrap>*{min-width:0}.gallery-grid>*{min-width:0}
@media(max-width:1100px){.container{width:calc(100% - 30px)}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-grid .room-card:last-child{max-width:none!important}.section-heading{gap:28px}}
@media(max-width:760px){.container{width:calc(100% - 22px)!important}.section,.compact-section{overflow:hidden}.room-grid{grid-template-columns:1fr;gap:14px}.room-media{height:clamp(230px,68vw,330px)!important}.room-slide-arrow{opacity:1;width:34px;height:34px;font-size:23px}.room-slide-arrow.prev{left:8px}.room-slide-arrow.next{right:8px}.room-slide-dots{bottom:9px}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:10px}.hero-grid,.intro-grid,.corporate-wrap,.location-grid,.faq-grid,.contact-grid{width:100%;grid-template-columns:minmax(0,1fr)!important}.hero-copy,.hero-reserve,.corporate-card,.inquiry-form,.map-card{width:100%;max-width:100%;min-width:0}.hero h1{overflow-wrap:anywhere}.gallery-grid{width:100%;grid-template-columns:1fr!important}.gallery-item{width:100%;min-width:0}.ota-public-wrap{grid-template-columns:1fr!important}.mobile-booking-bar{max-width:100vw}.booking-modal,.food-order-modal{max-height:calc(100dvh - 20px);overflow:auto}}
@media(max-width:480px){.container{width:calc(100% - 16px)!important}.section{padding:44px 0!important}.compact-section{padding:36px 0!important}.hero-grid{padding-top:44px!important}.hero h1{font-size:clamp(36px,12vw,46px)!important}.hero-actions{grid-template-columns:1fr!important}.room-body{padding-left:16px!important;padding-right:16px!important}.room-media{height:66vw!important;min-height:210px}.room-badge{max-width:52%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-price{right:10px}.amenity-grid{grid-template-columns:1fr!important}.policy-list{grid-template-columns:1fr!important}.mobile-booking-bar a{font-size:8px}.nav{max-height:calc(100dvh - 90px)}}
@media(prefers-reduced-motion:reduce){.room-slide{transition:none}.room-slide-arrow{transition:none}}


/* Room-specific amenity icons - 20260904 */
.room-amenity-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px!important;padding:0!important;margin:18px 0 20px!important;list-style:none!important}.room-amenity-list li{display:flex!important;align-items:center;gap:8px;min-width:0;color:#41564e;font-size:12px;line-height:1.35}.room-amenity-icon{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:#eef4f0;color:#856027}.room-amenity-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.room-card.featured .room-amenity-icon{background:#f7efe2;color:#8d672e}@media(max-width:430px){.room-amenity-list{grid-template-columns:1fr;gap:8px!important}.room-amenity-icon{width:27px;height:27px;flex-basis:27px}}


/* ===== PageSpeed / Core Web Vitals performance pass ===== */
.site-logo-img{width:64px;height:64px;object-fit:cover}
/* Skip layout/paint work for off-screen content until it approaches the viewport. */
main>section:not(.hero){content-visibility:auto;contain-intrinsic-size:1px 850px}
footer{content-visibility:auto;contain-intrinsic-size:1px 520px}
.gallery-item:not(.is-loaded){background-color:#15372d;background-image:linear-gradient(135deg,#173b30,#0b2820)}
@media(max-width:760px){
  .amenity-card .icon-orb,.amenity-card .icon-orb svg,.policy-icon svg,.mobile-booking-bar a:first-child svg{animation:none!important}
  .brand-mark.brand-image,.brand-mark.brand-image img,.brand-mark.brand-image:after{animation:none!important}
  .restaurant-preview-card:after{display:none!important}
}

/* ===== LCP critical render fix 20260904 ===== */
.hero .hero-grid,.hero .hero-chips{z-index:2}.hero [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.hero-media{display:block}.hero-glow{z-index:1}.hero-reserve{backdrop-filter:none;-webkit-backdrop-filter:none}

.booking-update-consents{display:grid;gap:8px;margin-top:10px}.booking-update-consents .terms-check{margin:0}

/* ===== END styles.css ===== */

/* ===== BEGIN professional-responsive-v1.css ===== */
/*
 * Hotel Nest In Platinum Stays
 * Professional Responsive Design V1
 * Desktop + Tablet + Mobile
 * Presentation only.
 */

/* =========================================================
   GLOBAL DESIGN SYSTEM
   ========================================================= */

:root{
  --pro-green:#082a21;
  --pro-green-deep:#041b15;
  --pro-green-soft:#153c30;

  --pro-gold:#c89a55;
  --pro-gold-soft:#e0c08d;

  --pro-cream:#f5f0e7;
  --pro-paper:#fbfaf7;

  --pro-text:#14251f;
  --pro-muted:#617069;
  --pro-line:#e3ddd2;

  --pro-shadow-sm:0 8px 28px rgba(7,35,27,.055);
  --pro-shadow-md:0 18px 48px rgba(7,35,27,.09);
  --pro-shadow-lg:0 28px 80px rgba(4,24,18,.15);

  --pro-radius:12px;
  --pro-radius-sm:8px;
}

html{
  scroll-behavior:smooth;
}

body{
  background:var(--pro-paper);
  color:var(--pro-text);
  font-size:16px;
  line-height:1.65;
}

::selection{
  background:#ead5af;
  color:var(--pro-green);
}

img{
  max-width:100%;
}

a,
button,
input,
select,
textarea{
  -webkit-tap-highlight-color:transparent;
}

button,
a{
  touch-action:manipulation;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(200,154,85,.38);
  outline-offset:3px;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.container{
  width:min(calc(100% - 48px),1240px);
  margin-inline:auto;
}


/* =========================================================
   TOP BAR
   ========================================================= */

.topbar{
  background:#06251d;
  color:#e5eee9;
  font-size:12px;
}

.topbar-inner{
  min-height:42px;
}

.topbar a{
  transition:color .18s ease;
}

.topbar a:hover{
  color:#fff;
}


/* =========================================================
   HEADER / NAVIGATION
   ========================================================= */

.site-header{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(251,250,247,.965);
  border-bottom:1px solid rgba(8,42,33,.075);
  backdrop-filter:blur(18px);
}

.site-header.scrolled{
  background:rgba(251,250,247,.985);
  box-shadow:0 7px 25px rgba(7,35,27,.065);
}

.nav-wrap{
  min-height:88px;
}

.brand{
  text-decoration:none;
}

.brand-mark.brand-image{
  width:52px;
  height:52px;
  border-radius:10px;
  animation:none !important;
  box-shadow:0 8px 24px rgba(6,28,22,.14);
}

.brand-mark.brand-image:after{
  display:none !important;
}

.brand:hover .brand-mark.brand-image{
  transform:none;
}

.brand-copy strong{
  font-size:14px;
  letter-spacing:1.35px;
}

.brand-copy small{
  margin-top:5px;
  font-size:8px;
  letter-spacing:2.3px;
}

.nav{
  gap:30px;
}

.nav a{
  padding:32px 0;
  font-size:13px;
  font-weight:700;
  letter-spacing:.15px;
}

.nav a:after{
  height:1px;
  bottom:23px;
}

.nav-actions{
  gap:12px;
}

.nav-call{
  width:48px;
  height:48px;
}

.nav-book{
  min-height:48px;
  padding-inline:22px !important;
}


/* =========================================================
   BUTTON SYSTEM
   ========================================================= */

.btn{
  min-height:46px;
  border-radius:7px;
  padding:13px 20px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.2px;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    border-color .18s ease;
}

.btn:hover{
  transform:translateY(-1px);
}

.btn-primary{
  background:var(--pro-green);
  box-shadow:0 9px 25px rgba(8,42,33,.16);
}

.btn-primary:hover{
  background:#0d372b;
  box-shadow:0 12px 30px rgba(8,42,33,.20);
}

.btn-outline{
  border-color:#bec9c3;
}

.btn-lg{
  min-height:52px;
  padding:15px 25px;
  border-radius:7px;
}


/* =========================================================
   HERO
   ========================================================= */

.hero{
  min-height:760px;
  background:var(--pro-green-deep);
}

.hero-media{
  object-position:center center;
}

.hero:after{
  background:
    linear-gradient(
      90deg,
      rgba(3,20,15,.87) 0%,
      rgba(3,20,15,.69) 34%,
      rgba(3,20,15,.40) 63%,
      rgba(3,20,15,.18) 100%
    );
}

.hero-shade{
  background:
    linear-gradient(
      180deg,
      rgba(2,18,13,.08),
      rgba(2,18,13,.25)
    );
}

.hero-glow{
  display:none !important;
}

.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.24fr) minmax(390px,470px);
  gap:70px;
  align-items:center;
  padding:92px 0 74px;
}

.hero-copy{
  max-width:800px;
}

.hero-kicker{
  font-size:11px;
  letter-spacing:2.5px;
  color:#edce97;
}

.hero h1{
  max-width:820px;
  margin:22px 0 26px;
  font-size:clamp(52px,4.7vw,74px);
  line-height:1.02;
  letter-spacing:-1.8px;
  font-weight:500;
  text-wrap:balance;
}

.hero h1 em{
  color:#edc880;
  font-weight:500;
}

.hero-copy>p{
  max-width:660px;
  margin:0;
  color:rgba(242,247,244,.90);
  font-size:17px;
  line-height:1.8;
}

.hero-actions{
  margin-top:35px;
  gap:12px;
}

.hero-proof{
  width:min(640px,100%);
  margin-top:50px;
}

.hero-proof>div{
  padding-top:19px;
}

.hero-proof strong{
  font-size:25px;
  font-weight:500;
}

.hero-proof span{
  font-size:9px;
  letter-spacing:1.4px;
}


/* =========================================================
   HERO BOOKING WIDGET
   ========================================================= */

.hero-reserve{
  align-self:center;
  width:100%;
  padding:32px;
  border-radius:15px;
  background:rgba(252,251,248,.975);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 26px 70px rgba(2,20,15,.20);
  backdrop-filter:blur(16px);
}

.hero-reserve:before{
  inset:10px;
  border-radius:10px;
  border-color:rgba(200,154,85,.18);
}

.reserve-head{
  margin-bottom:24px;
}

.reserve-icon{
  width:48px;
  height:48px;
  border-radius:9px;
}

.reserve-icon svg{
  animation:none !important;
}

.reserve-head small{
  font-size:9px;
  letter-spacing:1.8px;
}

.reserve-head h2{
  margin-top:3px;
  font-size:31px;
  font-weight:500;
}

.reserve-grid{
  gap:13px;
}

.reserve-grid label{
  font-size:10px;
  letter-spacing:1.15px;
}

.reserve-grid input,
.reserve-grid select{
  min-height:54px;
  padding:13px 14px;
  border-radius:7px;
  font-size:13px;
  font-weight:650;
}

.reserve-btn{
  min-height:54px;
  margin-top:15px;
}

.reserve-note{
  margin-top:14px;
  font-size:10px;
}


/* =========================================================
   HERO BENEFITS
   ========================================================= */

.hero-chips{
  padding:20px 0 23px;
}

.hero-chips span{
  min-height:34px;
  font-size:10px;
}

.hero-chips svg{
  animation:none !important;
}


/* =========================================================
   SECTIONS
   ========================================================= */

.section{
  padding:104px 0;
}

.compact-section{
  padding:72px 0;
}

.eyebrow{
  margin-bottom:12px;
  font-size:10px;
  letter-spacing:2.5px;
}

h2{
  font-size:clamp(38px,4vw,55px);
  line-height:1.09;
  letter-spacing:-1px;
  font-weight:500;
  text-wrap:balance;
}

.section-heading{
  margin-bottom:42px;
}

.section-heading>p{
  max-width:650px;
  font-size:15px;
  line-height:1.8;
}

.intro-grid{
  gap:90px;
}

.intro-grid p{
  font-size:15px;
}


/* =========================================================
   ROOMS
   ========================================================= */

.room-grid{
  gap:26px;
}

.room-card{
  border-radius:13px;
  border:1px solid rgba(8,42,33,.07);
  box-shadow:var(--pro-shadow-sm);
  background:#fff;
  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

.room-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--pro-shadow-md);
}

.room-card.featured{
  border-color:rgba(200,154,85,.38);
  box-shadow:0 14px 38px rgba(112,79,34,.08);
}

.room-media{
  height:315px;
}

.room-card:hover .room-media{
  background-size:cover;
}

.room-badge{
  top:16px;
  left:16px;
  padding:8px 11px;
  border-radius:5px;
  font-size:9px;
}

.room-price{
  right:16px;
  top:16px;
  left:auto;
  bottom:auto;
  padding:8px 11px;
  border-radius:6px;
  background:rgba(4,25,19,.72);
  backdrop-filter:blur(8px);
}

.room-price strong{
  font-size:24px;
}

.room-body{
  padding:28px;
}

.room-body h3{
  margin-bottom:9px;
  font-size:29px;
  font-weight:500;
}

.room-body p{
  margin-bottom:18px;
  font-size:14px;
  line-height:1.7;
}

.room-amenity-list li,
.room-body li{
  font-size:12px;
}

.room-amenity-icon{
  border-radius:7px;
}

.room-book{
  padding-top:19px;
  font-size:13px;
}


/* =========================================================
   AMENITIES
   ========================================================= */

.amenity-grid{
  gap:18px;
}

.amenity-card{
  min-height:220px;
  padding:27px 23px;
  border-radius:11px;
  box-shadow:none;
}

.amenity-card:hover{
  transform:translateY(-3px);
  box-shadow:0 15px 35px rgba(8,42,33,.06);
}

.amenity-card:before{
  opacity:.35;
}

.amenity-card .icon-orb,
.amenity-card .icon-orb svg{
  animation:none !important;
}

.icon-orb{
  border-radius:9px;
}

.icon-orb:after{
  display:none;
}

.amenity-card h3{
  margin:18px 0 8px;
  font-size:16px;
}

.amenity-card p{
  font-size:13px;
  line-height:1.7;
}


/* =========================================================
   EXPERIENCE
   ========================================================= */

.experience-grid{
  min-height:620px;
}

.experience-photo{
  min-height:620px;
}

.experience-copy{
  padding:88px 44px 84px 74px;
}

.experience-copy>p:not(.eyebrow){
  font-size:15px;
  line-height:1.8;
}

.policy-list{
  gap:11px;
}

.policy-list>div{
  padding:16px;
  border-radius:8px;
}

.policy-icon{
  border-radius:8px;
}

.policy-icon svg{
  animation:none !important;
}

.policy-list strong{
  font-size:14px;
}


/* =========================================================
   RESTAURANT
   ========================================================= */

.restaurant-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:34px;
  align-items:stretch;
}

.restaurant-photo{
  min-height:590px;
  border-radius:14px;
  box-shadow:var(--pro-shadow-sm);
}

.restaurant-photo-label{
  border-radius:8px;
}

.food-menu{
  height:100%;
  padding:34px;
  border-radius:14px;
  box-shadow:var(--pro-shadow-sm);
}

.menu-head h3{
  font-size:34px;
  font-weight:500;
}

.menu-item{
  padding:16px;
  border-radius:8px;
}

.menu-item b{
  font-size:14px;
}

.menu-item span{
  font-size:12px;
}

.menu-note{
  font-size:11px;
}


/* =========================================================
   CORPORATE
   ========================================================= */

.corporate-wrap{
  gap:80px;
}

.corporate-copy>p:not(.eyebrow){
  font-size:15px;
}

.corporate-features span{
  padding:8px 12px;
  font-size:10px;
}

.corporate-card{
  padding:38px;
  border-radius:14px;
  box-shadow:var(--pro-shadow-lg);
}

.corporate-card h3{
  font-size:35px;
  font-weight:500;
}

.corporate-card p{
  font-size:14px;
}

.corporate-card input{
  min-height:49px;
  border-radius:7px;
  font-size:13px;
}


/* =========================================================
   GALLERY
   ========================================================= */

.gallery-grid{
  grid-template-rows:280px 280px;
  gap:12px;
}

.gallery-item{
  border-radius:9px;
}

.gallery-item:hover:before{
  transform:scale(1.035);
}

.gallery-item figcaption{
  bottom:18px;
  left:19px;
  font-size:12px;
}


/* =========================================================
   LOCATION
   ========================================================= */

.location-grid{
  gap:70px;
}

.location-copy>p:not(.eyebrow){
  font-size:15px;
}

.address-card{
  padding:20px;
  border-radius:10px;
}

.address-card strong{
  font-size:13px;
}

.map-card{
  height:520px;
  border:6px solid #fff;
  border-radius:13px;
  box-shadow:var(--pro-shadow-md);
}

.map-label{
  border-radius:8px;
}


/* =========================================================
   FAQ
   ========================================================= */

.faq-grid{
  gap:90px;
}

.faq-list summary{
  padding:23px 46px 23px 0;
  font-size:15px;
}

.faq-list p{
  margin-right:50px;
  font-size:14px;
}


/* =========================================================
   CONTACT
   ========================================================= */

.contact-grid{
  gap:78px;
}

.contact-copy>p:not(.eyebrow){
  font-size:15px;
}

.contact-methods a>span{
  border-radius:8px;
}

.contact-methods a>span svg{
  animation:none !important;
}

.contact-methods strong{
  font-size:13px;
}

.inquiry-form{
  padding:36px;
  border-radius:13px;
  box-shadow:var(--pro-shadow-lg);
}

.inquiry-form h3{
  font-size:32px;
  font-weight:500;
}

.inquiry-form input,
.inquiry-form select,
.inquiry-form textarea,
.modal-form input,
.modal-form select,
.modal-form textarea{
  min-height:49px;
  border-radius:7px;
  font-size:13px;
}

.inquiry-form textarea,
.modal-form textarea{
  min-height:100px;
}


/* =========================================================
   BOOKING MODAL
   ========================================================= */

.modal-backdrop{
  background:rgba(2,17,12,.74);
}

.booking-modal{
  width:min(920px,100%);
  padding:38px;
  border-radius:14px;
}

.booking-modal h2{
  font-size:40px;
  font-weight:500;
}

.modal-intro{
  font-size:14px;
}

.booking-room-summary{
  border-radius:10px;
  padding:14px;
}

.booking-room-photo{
  border-radius:8px;
}

.booking-room-copy p{
  font-size:12px;
}

.booking-room-amenities span{
  font-size:9px;
}

.booking-terms-box{
  border-radius:9px;
}

.booking-terms-grid>div{
  border-radius:7px;
}

.booking-terms-grid p{
  font-size:10px;
}


/* =========================================================
   WHATSAPP
   ========================================================= */

.floating-whatsapp{
  width:52px;
  height:52px;
  right:24px;
  bottom:24px;
  box-shadow:0 9px 28px rgba(14,99,56,.23);
}

.floating-whatsapp>svg{
  width:24px;
  height:24px;
  animation:none !important;
}

.wa-pulse{
  display:none !important;
}

.wa-chat{
  width:min(370px,calc(100vw - 30px));
  border-radius:14px;
}


/* =========================================================
   FOOTER
   ========================================================= */

footer{
  padding:70px 0 100px;
}

.footer-grid{
  gap:55px;
}

.footer-grid b{
  font-size:12px;
}

.footer-grid a,
.footer-grid p{
  font-size:11px;
}


/* =========================================================
   TABLET / SMALL DESKTOP
   ========================================================= */

@media(max-width:1080px){

  .container{
    width:min(calc(100% - 40px),1180px);
  }

  .nav{
    gap:20px;
  }

  .nav a{
    font-size:12px;
  }

  .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(350px,420px);
    gap:45px;
  }

  .hero h1{
    font-size:clamp(49px,5.5vw,65px);
  }

  .restaurant-grid{
    grid-template-columns:1fr 1fr;
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:860px){

  .container{
    width:min(calc(100% - 36px),760px);
  }

  .nav-wrap{
    min-height:76px;
  }

  .brand-mark.brand-image{
    width:47px;
    height:47px;
  }

  .menu-toggle{
    min-width:46px;
    min-height:46px;
  }

  .nav{
    top:calc(100% + 8px);
    right:0;
    left:auto;
    width:min(420px,100%);
    padding:10px 16px;
    border-radius:12px;
  }

  .nav a{
    padding:14px 5px;
    font-size:13px;
  }

  .hero{
    min-height:auto;
  }

  .hero-grid{
    grid-template-columns:1fr;
    gap:38px;
    padding:74px 0 48px;
  }

  .hero-copy{
    max-width:720px;
  }

  .hero h1{
    max-width:720px;
    font-size:clamp(47px,8vw,64px);
  }

  .hero-copy>p{
    max-width:650px;
  }

  .hero-reserve{
    max-width:680px;
  }

  .section{
    padding:82px 0;
  }

  .compact-section{
    padding:58px 0;
  }

  .intro-grid,
  .corporate-wrap,
  .location-grid,
  .faq-grid,
  .contact-grid{
    grid-template-columns:1fr;
    gap:42px;
  }

  .restaurant-grid{
    grid-template-columns:1fr;
  }

  .restaurant-photo{
    min-height:500px;
  }

  .experience-grid{
    grid-template-columns:1fr;
  }

  .experience-photo{
    min-height:440px;
  }

  .experience-copy{
    padding:64px 28px 72px;
  }

  .faq-intro{
    position:static;
  }

  .map-card{
    height:430px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:620px){

  .container{
    width:calc(100% - 28px);
  }

  .topbar{
    display:none;
  }

  .nav-wrap{
    min-height:70px;
  }

  .brand-mark.brand-image{
    width:42px;
    height:42px;
    border-radius:9px;
  }

  .brand-copy strong{
    max-width:205px;
    font-size:10.5px;
    letter-spacing:.8px;
  }

  .brand-copy small{
    font-size:6.8px;
    letter-spacing:1.7px;
  }

  .nav{
    top:calc(100% + 6px);
    width:100%;
    padding:8px 12px;
    border-radius:11px;
  }

  .hero-grid{
    gap:28px;
    padding:54px 0 34px;
  }

  .hero-kicker{
    font-size:9px;
    letter-spacing:1.8px;
  }

  .hero h1{
    margin:17px 0 20px;
    font-size:clamp(39px,12vw,51px);
    line-height:1.03;
    letter-spacing:-1.1px;
  }

  .hero-copy>p{
    font-size:14px;
    line-height:1.72;
  }

  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    margin-top:27px;
  }

  .hero-actions .btn{
    width:100%;
  }

  .hero-proof{
    margin-top:34px;
  }

  .hero-proof>div{
    padding-right:13px;
    margin-right:13px;
  }

  .hero-proof strong{
    font-size:20px;
  }

  .hero-proof span{
    font-size:7.5px;
  }

  .hero-reserve{
    padding:22px 18px;
    border-radius:12px;
  }

  .hero-reserve:before{
    inset:7px;
    border-radius:8px;
  }

  .reserve-head{
    margin-bottom:18px;
  }

  .reserve-head h2{
    font-size:27px;
  }

  .reserve-grid{
    grid-template-columns:1fr;
  }

  .reserve-grid input,
  .reserve-grid select{
    min-height:50px;
  }

  .hero-chips{
    grid-template-columns:1fr 1fr;
    padding:14px 0 17px;
  }

  .hero-chips span{
    padding:8px 5px;
    font-size:8px;
  }

  .section{
    padding:62px 0;
  }

  .compact-section{
    padding:46px 0;
  }

  .section-heading{
    margin-bottom:28px;
  }

  h2{
    font-size:clamp(33px,10vw,43px);
  }

  .section-heading>p,
  .intro-grid p,
  .corporate-copy>p:not(.eyebrow),
  .location-copy>p:not(.eyebrow),
  .contact-copy>p:not(.eyebrow){
    font-size:14px;
  }

  .room-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .room-card{
    border-radius:10px;
  }

  .room-media{
    height:260px;
  }

  .room-body{
    padding:23px 20px;
  }

  .room-body h3{
    font-size:27px;
  }

  .room-body p{
    font-size:13px;
  }

  .room-amenity-list{
    grid-template-columns:1fr 1fr !important;
  }

  .amenity-grid{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .amenity-card{
    min-height:190px;
    padding:20px 16px;
  }

  .amenity-card h3{
    font-size:13px;
  }

  .amenity-card p{
    font-size:11px;
  }

  .experience-photo{
    min-height:340px;
  }

  .experience-copy{
    padding:52px 18px 62px;
  }

  .policy-list{
    grid-template-columns:1fr;
  }

  .restaurant-photo{
    min-height:390px;
    border-radius:10px;
  }

  .food-menu{
    padding:24px 18px;
    border-radius:10px;
  }

  .menu-head h3{
    font-size:29px;
  }

  .corporate-card{
    padding:27px 20px;
    border-radius:10px;
  }

  .gallery-grid{
    grid-template-columns:1fr;
    grid-template-rows:260px repeat(4,210px);
  }

  .gallery-item{
    border-radius:8px;
  }

  .map-card{
    height:350px;
    border-width:4px;
    border-radius:10px;
  }

  .faq-list summary{
    padding:19px 42px 19px 0;
    font-size:14px;
  }

  .faq-list p{
    margin-right:20px;
    font-size:13px;
  }

  .inquiry-form{
    padding:24px 18px;
    border-radius:10px;
  }

  .form-two{
    grid-template-columns:1fr;
  }

  /* Mobile booking modal becomes a proper bottom sheet */
  .modal-backdrop{
    place-items:end center;
    padding:0;
  }

  .booking-modal,
  .food-order-modal{
    width:100%;
    max-width:100%;
    max-height:92vh;
    margin:0;
    padding:28px 18px 24px;
    border-radius:20px 20px 0 0;
  }

  .booking-modal h2{
    padding-right:34px;
    font-size:32px;
  }

  .booking-room-summary{
    grid-template-columns:1fr;
  }

  .booking-room-photo{
    min-height:210px;
  }

  .booking-terms-grid{
    grid-template-columns:1fr;
  }

  .wa-chat{
    right:10px;
    bottom:76px;
    width:calc(100vw - 20px);
    border-radius:13px;
  }

  .floating-whatsapp{
    display:none;
  }

  /* Existing mobile conversion bar remains the primary action */
  .mobile-booking-bar{
    height:66px;
    box-shadow:0 -8px 28px rgba(4,23,18,.10);
  }

  .mobile-booking-bar a{
    font-size:9px;
  }

  footer{
    padding:56px 0 95px;
  }

  .footer-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:430px){

  .container{
    width:calc(100% - 24px);
  }

  .brand-copy strong{
    max-width:170px;
    font-size:9.7px;
  }

  .hero h1{
    font-size:39px;
  }

  .hero-proof{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .hero-proof>div{
    border-right:0;
    margin-right:0;
  }

  .room-amenity-list{
    grid-template-columns:1fr !important;
  }

  .amenity-grid{
    grid-template-columns:1fr;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

  html{
    scroll-behavior:auto;
  }

  *,
  *:before,
  *:after{
    animation:none !important;
    transition-duration:.01ms !important;
  }

}

/* ===== END professional-responsive-v1.css ===== */

/* ===== BEGIN professional-polish-v2.css ===== */
/*
 * Hotel Nest In Platinum Stays
 * Professional Polish V2
 * Desktop + mobile refinement only.
 */


/* =========================================================
   DESKTOP BRAND / HEADER
   ========================================================= */

@media(min-width:861px){

  .nav-wrap{
    min-height:82px;
  }

  .brand-copy strong{
    max-width:none;
    white-space:nowrap;
    font-size:13.5px;
    letter-spacing:1.15px;
  }

  .brand-copy small{
    white-space:nowrap;
  }

  .brand-mark.brand-image{
    width:50px;
    height:50px;
  }

  .nav a{
    padding-top:29px;
    padding-bottom:29px;
  }

  .nav a:after{
    bottom:20px;
  }

  .hero-reserve{
    transform:translateY(-10px);
  }

  .hero-copy>p{
    max-width:620px;
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media(min-width:621px) and (max-width:860px){

  .brand-copy strong{
    white-space:nowrap;
    max-width:none;
  }

  .hero-reserve{
    max-width:660px;
  }

}


/* =========================================================
   MOBILE — HERO
   ========================================================= */

@media(max-width:620px){

  .hero-grid{
    padding-top:46px;
    padding-bottom:28px;
    gap:24px;
  }

  .hero-copy{
    width:100%;
  }

  .hero-kicker{
    margin-bottom:4px;
  }

  .hero h1{
    max-width:360px;
    margin-top:16px;
    margin-bottom:18px;
    font-size:clamp(38px,11.4vw,47px);
    line-height:1.025;
  }

  .hero-copy>p{
    max-width:355px;
    font-size:14px;
    line-height:1.65;
  }


  /* Primary actions become compact side-by-side */

  .hero-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px;
    margin-top:24px;
  }

  .hero-actions .btn{
    min-width:0;
    padding-left:10px;
    padding-right:10px;
    font-size:11px;
    white-space:nowrap;
  }


  /* Three hotel facts in one balanced row */

  .hero-proof{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    margin-top:30px;
    border-top:1px solid rgba(255,255,255,.22);
  }

  .hero-proof>div{
    min-width:0;
    margin:0;
    padding:15px 8px 3px;
    border-right:1px solid rgba(255,255,255,.14);
  }

  .hero-proof>div:last-child{
    border-right:0;
  }

  .hero-proof strong{
    font-size:18px;
    line-height:1.1;
    white-space:nowrap;
  }

  .hero-proof span{
    margin-top:5px;
    font-size:6.8px;
    line-height:1.35;
    letter-spacing:.75px;
  }


  /* Booking widget */

  .hero-reserve{
    margin-top:5px;
    padding:20px 16px;
    border-radius:12px;
    box-shadow:0 20px 52px rgba(2,20,15,.18);
  }

  .reserve-head{
    gap:11px;
    margin-bottom:17px;
  }

  .reserve-icon{
    width:44px;
    height:44px;
  }

  .reserve-head h2{
    font-size:27px;
  }

  .reserve-head small{
    font-size:8px;
  }


  /*
   * Keep all four booking controls,
   * but use two columns on normal phones.
   */

  .reserve-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 8px;
  }

  .reserve-grid label{
    min-width:0;
    font-size:8px;
    letter-spacing:.8px;
  }

  .reserve-grid input,
  .reserve-grid select{
    min-width:0;
    width:100%;
    min-height:48px;
    padding:11px 9px;
    font-size:11px;
  }

  .reserve-btn{
    min-height:50px;
    margin-top:11px;
    font-size:12px;
  }

  .reserve-note{
    font-size:8px;
  }


  /* Cleaner mobile room cards */

  .room-media{
    height:275px;
  }

  .room-body{
    padding:23px 19px;
  }

  .room-body h3{
    font-size:28px;
  }


  /* Gallery */

  .gallery-grid{
    gap:9px;
  }


  /* Footer spacing above fixed mobile booking controls */

  footer{
    padding-bottom:105px;
  }

}


/* =========================================================
   NARROW PHONES
   ========================================================= */

@media(max-width:360px){

  .brand-copy strong{
    max-width:155px;
  }

  .hero h1{
    font-size:36px;
  }

  .hero-actions{
    grid-template-columns:1fr;
  }

  .reserve-grid{
    grid-template-columns:1fr;
  }

  .hero-proof strong{
    font-size:16px;
  }

  .hero-proof span{
    font-size:6.2px;
  }

}


/* =========================================================
   FIXED MOBILE ACTION BAR
   ========================================================= */

@media(max-width:620px){

  .mobile-booking-bar{
    height:64px;
    background:#fff;
    border-top:1px solid rgba(8,42,33,.10);
    box-shadow:0 -8px 26px rgba(4,23,18,.09);
  }

  .mobile-booking-bar a{
    font-size:8px;
    letter-spacing:.1px;
  }

  .mobile-booking-bar a svg{
    width:18px;
    height:18px;
  }

  .mobile-booking-bar .wa{
    background:#20c96b;
  }

  .mobile-booking-bar .book{
    background:#073428;
  }

}


/* =========================================================
   TOUCH / MOTION QUALITY
   ========================================================= */

@media(hover:none){

  .room-card:hover,
  .amenity-card:hover,
  .btn:hover{
    transform:none;
  }

}

/* ===== END professional-polish-v2.css ===== */

/* ===== BEGIN professional-polish-v3.css ===== */
/*
 * Hotel Nest In Platinum Stays
 * Professional Polish V3
 */

/* Mobile benefit layout */
@media(max-width:620px){

  .hero-chips{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .hero-chips span:last-child{
    grid-column:1/-1;
    justify-self:center;
    width:100%;
    border-right:0;
    border-top:1px solid rgba(255,255,255,.10);
    padding-top:12px;
  }

  /* Prevent fixed action bar from covering page content */
  body{
    padding-bottom:86px !important;
  }

  footer{
    padding-bottom:125px;
  }

  .section{
    scroll-margin-top:78px;
  }

  /* Slightly cleaner introductory section */
  .intro-grid{
    gap:24px;
  }

  .intro-grid h2{
    font-size:clamp(34px,10.5vw,42px);
    line-height:1.05;
  }
}

/* ===== END professional-polish-v3.css ===== */