:root{--ink:#071b2b;--sea:#0d5c73;--sky:#dbeff2;--gold:#c8a363;--paper:#f7f5f0;--white:#fff;--muted:#54636c;--line:rgba(7,27,43,.14);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}img{display:block;width:100%}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.top{background:var(--ink);color:#fff}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:1.35rem}.brand img{width:48px;height:48px;border-radius:50%}.navlinks{display:flex;align-items:center;gap:25px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.navlinks a:not(.btn){padding:28px 0;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a.active{border-color:var(--gold)}.menu{display:none;background:none;border:0;color:#fff;font-size:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid var(--gold);background:var(--gold);color:var(--ink);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:.2s}.btn:hover{transform:translateY(-2px);background:#ddbd82}.btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.65)}.hero{min-height:calc(100svh - 82px);display:grid;place-items:center;color:#fff;background:linear-gradient(90deg,rgba(2,18,29,.84),rgba(2,18,29,.25)),url('assets/hero.webp') center/cover}.hero-copy{padding:100px 0;max-width:820px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem}.eyebrow:before{content:"";width:32px;height:1px;background:currentColor}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;margin-top:0}h1{font-size:clamp(3.2rem,8vw,7.2rem);margin:.18em 0}.hero p{font-size:clamp(1.05rem,2vw,1.3rem);max-width:650px;color:rgba(255,255,255,.9)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.section{padding:105px 0}.section.alt{background:#fff}.section.dark{background:var(--ink);color:#fff}.section-head{max-width:760px;margin-bottom:48px}.section-head h2{font-size:clamp(2.6rem,5vw,4.8rem);margin:.25em 0}.section-head p{color:var(--muted);font-size:1.08rem}.dark .section-head p{color:#b9c5ca}.split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.split h2{font-size:clamp(2.5rem,5vw,4.7rem);margin:.25em 0}.split p{color:var(--muted);font-size:1.06rem}.image-frame{position:relative;padding:0 0 28px 28px}.image-frame:before{content:"";position:absolute;left:0;bottom:0;width:45%;height:65%;border:1px solid var(--gold)}.image-frame img{height:620px;object-fit:cover;position:relative}.room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.room-card{background:#fff;color:var(--ink)}.room-card img{height:480px;object-fit:cover}.room-body{padding:34px}.tag{color:var(--sea);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.room-body h3{font-size:2rem;margin:10px 0}.room-body ul,.detail-list{padding:0;list-style:none;margin:22px 0}.room-body li,.detail-list li{padding:10px 0;border-top:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:38px;background:#fff;border:1px solid var(--line)}.icon{width:36px;height:36px;color:var(--gold);margin-bottom:18px}.feature h3{font-size:1.45rem;margin:0 0 10px}.feature p{color:var(--muted);margin:0}.page-hero{min-height:430px;display:grid;align-items:end;color:#fff;padding:80px 0;background:linear-gradient(rgba(2,18,29,.3),rgba(2,18,29,.8)),var(--bg) center/cover}.page-hero h1{font-size:clamp(3rem,7vw,6.2rem);margin:.2em 0 0}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw}.content-grid h2{font-size:clamp(2.4rem,4.4vw,4rem)}.info-box{background:var(--sky);padding:42px}.info-box h3{font-size:1.6rem}.destination-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.destination-card{background:#fff;border:1px solid var(--line);padding:34px}.destination-card .icon{font-size:2rem}.destination-card h3{font-size:1.45rem}.contact-panel{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.contact-panel>div{padding:8vw;display:flex;flex-direction:column;justify-content:center}.contact-copy{background:var(--ink);color:#fff}.contact-copy h2{font-size:clamp(2.8rem,5vw,5rem);margin:.2em 0}.contact-copy p{color:#c6d0d5}.contact-photo{background:url('assets/room-4.jpg') center/cover}.contact-links{display:grid;gap:12px;margin:26px 0}.contact-links a{font-size:1.08rem}.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:1.7rem;box-shadow:0 8px 24px #0004;z-index:20}.footer{background:#020e17;color:#b8c4ca;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px;padding-bottom:38px}.footer h4{color:var(--gold);font-size:.76rem;text-transform:uppercase;letter-spacing:.15em}.footer a,.footer p{display:block;margin:0 0 8px;font-size:.92rem}.footer-title{color:#fff;font-family:var(--serif);font-size:2rem}.footer-bottom{border-top:1px solid #ffffff1f;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.78rem}.powered{color:#fff}.powered span{color:#e96b75}@media(max-width:850px){.nav{min-height:72px}.navlinks{display:none}.navlinks.open{display:flex;position:absolute;top:72px;left:0;right:0;background:var(--ink);padding:24px;flex-direction:column;z-index:50}.navlinks.open a:not(.btn){padding:6px}.menu{display:block}.split,.content-grid,.contact-panel{grid-template-columns:1fr}.room-grid,.feature-grid{grid-template-columns:1fr}.image-frame img{height:500px}.section{padding:75px 0}.contact-photo{min-height:440px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wrap{width:min(100% - 28px,1160px)}.brand span{font-size:1.05rem}.brand img{width:42px;height:42px}.hero-copy{padding:72px 0}.actions .btn{width:100%}.room-card img{height:360px}.destination-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.image-frame img{height:390px}.contact-panel>div{padding:65px 28px}}