header nav{gap:18px}header{gap:18px;padding-left:3%;padding-right:3%}header .brand{font-size:14px}header nav a{font-size:13px;white-space:nowrap}.about-hero{background:#263832;color:#fff;margin:20px 3% 0;border-radius:26px}.about-hero h1{max-width:920px}.about-hero p{max-width:650px}.service-row{padding:22px 0;border-bottom:1px solid var(--line)}.service-row h3{font-size:30px;margin-bottom:10px}.service-row p{margin:0}.contact-options{margin-top:35px}.contact-options h3{margin:24px 0 8px;font-size:27px}#contact-form{background:#fffdf8;border:1px solid var(--line);padding:30px;border-radius:20px}#contact-form h3{font-size:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#contact-form label{display:block;margin-bottom:16px;font-size:14px}#contact-form label>span{display:block;margin-bottom:6px}#contact-form input,#contact-form select,#contact-form textarea{border:1px solid var(--line);border-radius:7px;width:100%;padding:12px;font:inherit;background:#fff}#enquiry-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;background:#f4f0e8;padding:18px;margin-top:25px}.home-paths .guide-grid{display:flex;flex-wrap:wrap;gap:20px}#contact-form .note{margin-top:12px}@media(max-width:1150px){header{height:auto;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}}@media(max-width:600px){header .brand{font-size:12px}.form-grid{grid-template-columns:1fr}#contact-form{padding:22px}header nav{gap:12px}.header-right{gap:8px}header .button.small{font-size:12px;padding:10px}header .language-picker span{font-size:12px}}
.image-kind{font-size:12px;line-height:1.4;color:#706957;margin-bottom:14px}.room-enquiry{display:block;text-align:center;text-decoration:underline;padding-top:14px;font-size:14px}.whatsapp-demo{background:#176749;margin:12px 12px 12px 0}.access-panel{background:#eee8dc}#whatsapp-dialog{padding:0;width:min(480px,92vw);border:0;border-radius:18px;max-height:85vh}#whatsapp-dialog::backdrop{background:#14231fcc}#close-whatsapp{position:absolute;right:14px;top:10px;background:none;border:0;color:white;font-size:27px}.wa-head{background:#145747;color:white;padding:25px}.wa-head p{font-size:13px;margin:6px 0 0}.wa-body{padding:22px;background:#e9e3d7}.wa-bubble{border-radius:12px;background:white;padding:16px;margin:0 0 20px;white-space:pre-wrap;font-size:14px}.wa-bubble p{margin:0}.wa-guest{background:#d9efca;margin-left:24px}.wa-body>p:last-child{font-size:12px;color:#615b51}body[data-page=home] .room-image{height:180px}body[data-page=home] .room-desc{display:none}body[data-page=home] .room-body{padding:20px}

/* Phone and tablet navigation stays available without JavaScript. */
@media(max-width:1000px){
 header{position:relative;height:auto;display:flex;flex-wrap:wrap;padding:14px 4%;gap:14px}
 header nav{display:flex;order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:4px 16px;border-top:1px solid var(--line);padding-top:8px}
 header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;white-space:normal}
 header .header-right{margin-left:auto}
}
@media(max-width:650px){
 html{scroll-padding-top:20px}
 header .brand{white-space:normal;min-width:0;font-size:13px}
 header .brand>span{max-width:220px}
 header .header-right{width:100%;justify-content:space-between;margin-left:0}
 header .language-picker #language{font-size:16px;min-height:44px;width:120px}
 header .header-right .button.small{min-height:44px;max-width:none;font-size:14px;padding:12px 18px}
 .search{grid-template-columns:minmax(0,1fr);padding:24px 20px}
 .search>*{min-width:0;grid-column:1/-1}
 input,select,textarea,#contact-form input,#contact-form select,#contact-form textarea{font-size:16px;min-width:0;max-width:100%}
 .search label>span,.search-note,.season-note{font-size:14px}
 .property-caption{flex-direction:column;gap:12px}
 .property-caption p{max-width:100%}
 .gallery-controls{gap:12px}
 .gallery-controls button{flex-shrink:0}
 dialog{max-height:90dvh;max-width:94vw}
 .dialog-actions .button{width:100%;min-height:44px}
 .summary-row{gap:12px;flex-wrap:wrap}
 .room-enquiry{min-height:44px;padding:12px 0}
 .close,#close-whatsapp{min-width:44px;min-height:44px}
 .salon-details{flex-wrap:wrap;gap:20px}
 .home-paths .guide-grid{flex-direction:column}
 .home-paths .guide-grid a{min-height:44px;padding:10px 0}
 footer .brand{white-space:normal}
 .footer-address{overflow-wrap:anywhere}
}

.experience-media{background:#f0ece3}.experience-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.experience-photo-grid figure,.experience-video-grid figure{margin:0}.experience-photo-grid .experience-feature-photo{grid-column:span 2;grid-row:span 2}.experience-photo-grid img{display:block;width:100%;height:260px;object-fit:cover;border-radius:18px}.experience-photo-grid .experience-feature-photo img{height:100%;min-height:542px}.experience-photo-grid figcaption,.experience-video-grid figcaption{padding-top:11px;font-size:14px;color:#5e625b}.experience-video-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:70px 0 24px}.experience-video-heading h3{font-size:36px;margin:0}.experience-video-heading p{margin:0;color:#656a62}.experience-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.experience-video-grid video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#17211e;border-radius:18px}@media(max-width:700px){.experience-photo-grid,.experience-video-grid{grid-template-columns:1fr}.experience-photo-grid .experience-feature-photo{grid-column:auto;grid-row:auto}.experience-photo-grid img,.experience-photo-grid .experience-feature-photo img{height:320px;min-height:0}.experience-video-heading{display:block;margin-top:50px}.experience-video-heading p{margin-top:12px}}

.experience-media>.section-heading,.experience-media>.experience-photo-grid,.experience-media>.experience-video-heading,.experience-media>.experience-video-grid{width:100%;max-width:1360px;margin-left:auto;margin-right:auto}.experience-media>.section-heading{align-items:center}.experience-media>.section-heading>p{max-width:470px}.experience-photo-grid{grid-auto-flow:dense}.experience-video-heading{padding-top:6px}@media(max-width:1000px){.experience-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-photo-grid .experience-feature-photo{grid-column:span 2}}@media(max-width:700px){.experience-media>.section-heading{display:block}.experience-media>.section-heading>p{margin-top:18px}.experience-photo-grid{grid-template-columns:1fr}.experience-photo-grid .experience-feature-photo{grid-column:auto}.experience-video-grid{grid-template-columns:1fr}}