*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,system-ui,sans-serif;font-weight:700;color:#0B2F33;background:#FFF9EC;font-size:17px;line-height:1.45}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.w{width:min(100% - 2rem,70rem);margin-inline:auto}
.top{position:fixed;inset:0 0 auto;z-index:20;background:rgba(6,28,31,.92);backdrop-filter:blur(8px)}
.top .w{display:flex;align-items:center;justify-content:space-between;gap:.6rem;height:4.2rem}
.logo{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:800;font-size:1.15rem;min-width:0}.logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk{flex:none;display:grid;place-items:center;height:2.6rem;width:2.6rem;border-radius:12px;background:#E0A530;color:#0B2F33;font-weight:800;font-size:1.3rem;overflow:hidden}.mk img{height:100%;width:100%;object-fit:cover}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.2rem;padding:.6rem 1.4rem;border-radius:14px;border:3px solid transparent;font:inherit;font-weight:800;font-size:1.05rem;cursor:pointer;white-space:nowrap}
.btn svg{width:1.3rem;height:1.3rem}.gold{background:#E0A530;color:#0B2F33}.gold:hover{background:#F0B63F}.line{border-color:#fff;color:#fff}.dark{background:#0B2F33;color:#fff}
.top .btn{min-height:2.7rem;padding:.4rem 1rem;font-size:.95rem}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;color:#fff;padding:6.5rem 0 3rem;background:#0B2F33;overflow:hidden}
.hero>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,28,31,.88),rgba(6,28,31,.55) 60%,rgba(6,28,31,.35))}
.hero .w{position:relative;z-index:1}.chip{display:inline-block;background:#E0A530;color:#0B2F33;border-radius:999px;padding:.35rem 1rem;font-size:.9rem;font-weight:800;margin-bottom:1rem}
.hero h1{margin:0;font-size:clamp(2.6rem,9vw,5.2rem);line-height:1.02;font-weight:800;max-width:14ch}
.hero p{max-width:34rem;margin:1rem 0 1.6rem;font-size:clamp(1.1rem,3.4vw,1.4rem);font-weight:700;color:#EAF2F2}
.form{display:grid;gap:.8rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;color:#0B2F33;border-radius:22px;padding:1.1rem;max-width:42rem;box-shadow:0 30px 60px -30px #000}
.form label{display:block;font-size:.85rem;font-weight:800;color:#5B7073;margin-bottom:.25rem}
.form input,.form select{width:100%;height:3.4rem;border:3px solid #C5D3D4;border-radius:14px;padding:0 .8rem;font:inherit;font-size:1.1rem;font-weight:800;background:#F7FAFA;color:#0B2F33}
.form .btn{grid-column:1/-1;font-size:1.25rem;min-height:3.8rem}
.ctas{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.1rem}
.strip{background:#0B2F33;color:#fff}.strip .w{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.4rem 0}
.strip div{display:flex;align-items:center;gap:.7rem;font-size:1.05rem;font-weight:800}.strip svg{flex:none;width:2.2rem;height:2.2rem;color:#E0A530}
.sec{padding:3.6rem 0}.sec h2{margin:0 0 .4rem;font-size:clamp(1.9rem,6vw,3rem);font-weight:800;line-height:1.1}.lead{margin:0 0 1.8rem;color:#4B6366;font-size:1.15rem}
.rooms{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}
.room{background:#fff;border-radius:22px;overflow:hidden;border:3px solid #F0E3C2;display:flex;flex-direction:column;box-shadow:0 20px 40px -28px rgba(11,47,51,.6)}
.room .ph{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#1F6A70,#0B2F33)}.room .ph img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
.room .in{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.room h3{margin:0;font-size:1.45rem;font-weight:800}
.room .pr{font-size:2rem;font-weight:800;color:#B7790A;line-height:1}.room .pr small{font-size:1rem;color:#5B7073;font-weight:700}
.room .sl{color:#4B6366;font-size:1rem}.room .btn{margin-top:auto;width:100%}
.why{background:#fff}.tiles{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}
.tile{display:flex;align-items:center;gap:.9rem;background:#FFF9EC;border:3px solid #F0E3C2;border-radius:18px;padding:1.1rem;font-size:1.15rem;font-weight:800}
.tile svg{flex:none;width:2.4rem;height:2.4rem;color:#B7790A}
.contact{background:#0B2F33;color:#fff}.contact .lead{color:#C9DEDF}.cgrid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.cgrid .btn{min-height:4rem;font-size:1.2rem;justify-content:flex-start}.info{margin-top:1.6rem;display:grid;gap:.4rem;font-size:1.1rem;color:#EAF2F2}
.foot{background:#061C1F;color:#9DB8BA;padding:1.4rem 0 5.5rem;font-size:.95rem}.foot .w{display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;justify-content:space-between}.foot a{color:#E0A530;font-weight:800}
.bar{display:none}
@media(max-width:700px){.strip .w{grid-template-columns:1fr}.top .hide{display:none}
 .bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;inset:auto 0 0;z-index:25;background:#fff;border-top:3px solid #E0A530;gap:.6rem;padding:.6rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom))}.bar .btn{min-height:3.4rem}}

.sl svg{width:1.2rem;height:1.2rem;vertical-align:-.2rem;margin-right:.15rem}.form>*{min-width:0}

/* fix 4: full logo (not cropped) and date fields that fit the card on phones */
.logo .mk.has-img{background:none;border-radius:0;width:auto;height:2.9rem;max-width:9rem;display:block;overflow:visible}
.logo .mk.has-img img{height:100%;width:auto;max-width:100%;object-fit:contain;display:block}
.form>div{min-width:0}
.form input[type=date]{-webkit-appearance:none;appearance:none;min-width:0;max-width:100%;display:block;text-align:center;font-size:1rem;padding:0 .4rem}
.form input[type=date]::-webkit-date-and-time-value{text-align:center;min-width:0}
@media(max-width:420px){.form{padding:.9rem;gap:.7rem}.form input{font-size:1rem}}