:root{--navy:#123a4a;--teal:#0c7b7f;--sand:#f5f0e7;--coral:#df7357;--white:#fff;--shadow:0 16px 44px rgba(18,58,74,.14);--muted:#60777f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);line-height:1.6}img{display:block;width:100%;height:100%;object-fit:cover}a{text-decoration:none;color:inherit}.header{position:fixed;z-index:10;top:0;left:0;right:0;height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(0,0,0,.08)}.logo{display:flex;align-items:baseline;gap:.5rem;font-family:Georgia,serif;font-size:1.55rem;font-weight:700}.logo small{text-transform:uppercase;letter-spacing:.22em;font-family:Arial,sans-serif;font-size:.6rem;color:var(--teal)}nav{display:flex;align-items:center;gap:1.1rem;font-weight:700;font-size:.86rem}.pill{background:var(--teal);color:#fff;padding:.65rem 1rem;border-radius:99px}.menu{display:none;border:0;background:transparent;font-size:1.6rem}.hero{height:calc(100vh - 76px);min-height:620px;margin-top:76px;position:relative;color:white}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,35,45,.74),rgba(6,35,45,.08) 70%)}.hero-copy{position:absolute;left:7vw;bottom:11%;max-width:720px}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:800}.teal{color:var(--teal)}h1,h2,h3{font-family:Georgia,serif;line-height:1.08;margin:.2rem 0 1rem}h1{font-size:clamp(3.4rem,7vw,6.4rem)}h2{font-size:clamp(2.25rem,4vw,4rem)}h3{font-size:1.55rem}.hero-copy>p:not(.kicker){font-size:1.18rem;max-width:640px}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.btn{display:inline-flex;justify-content:center;border:0;border-radius:999px;padding:.95rem 1.3rem;font:inherit;font-weight:800;cursor:pointer}.primary{background:var(--coral);color:#fff}.secondary{background:var(--navy);color:#fff}.outline{border:1px solid #fff;color:#fff;background:rgba(255,255,255,.08)}.facts{display:grid;grid-template-columns:repeat(4,1fr);padding:2.4rem 7vw;background:var(--sand)}.facts div{text-align:center;border-right:1px solid rgba(18,58,74,.18)}.facts div:last-child{border:0}.facts b{display:block;font-family:Georgia,serif;font-size:2rem}.facts span{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.section{padding:7rem 7vw}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end}.intro p{font-size:1.08rem}.amenities{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;padding-top:0}.amenities article{border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow);padding-bottom:1.25rem}.amenities img{height:260px}.amenities h3,.amenities p{margin-left:1.25rem;margin-right:1.25rem}.bedrooms{background:var(--sand)}.center{text-align:center;max-width:850px;margin:0 auto 3rem}.bed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.bed-grid article{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.bed-grid img{min-height:330px}.bed-grid article div{padding:2rem;display:flex;flex-direction:column;justify-content:center}.bed-grid small{text-transform:uppercase;letter-spacing:.16em;color:var(--teal);font-weight:800}.gallery-section{padding:7rem 3vw}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:10px}.gallery button{border:0;padding:0;overflow:hidden;cursor:pointer;background:none}.gallery button:nth-child(1),.gallery button:nth-child(7){grid-column:span 2}.gallery img{transition:transform .3s}.gallery button:hover img{transform:scale(1.03)}.availability{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;background:#f7fbfb;align-items:center}.availability-copy p{font-size:1.05rem}.legend{display:flex;gap:1.5rem;margin:1.5rem 0 2rem;font-weight:700}.legend span{display:flex;align-items:center;gap:.5rem}.legend i{width:14px;height:14px;border-radius:50%;display:inline-block}.available-dot{background:#dff1e4;border:1px solid #8ab898}.blocked-dot{background:#e5e9ea;border:1px solid #a9b5b8}.calendar-card{background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:1.5rem}.calendar-controls{display:flex;justify-content:space-between;align-items:center}.calendar-controls button{width:42px;height:42px;border-radius:50%;border:1px solid #cad5d7;background:#fff;font-size:1.6rem;cursor:pointer}.calendar-controls h3{margin:0}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-weekdays{margin:1rem 0 .5rem;text-align:center;font-size:.75rem;text-transform:uppercase;font-weight:800;color:var(--muted)}.calendar-day{min-height:72px;border-radius:10px;padding:.45rem;text-align:right;background:#dff1e4;border:1px solid #c2dfca}.calendar-day.blocked{background:#e5e9ea;color:#859397;text-decoration:line-through;border-color:#d5dcde}.calendar-day.outside{background:transparent;border-color:transparent;color:#b7c0c2}.calendar-status{font-size:.82rem;color:var(--muted);margin:.8rem 0 0}.reviews{background:var(--sand)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-bottom:2rem}.review-grid article{background:#fff;padding:2rem;border-radius:18px;box-shadow:var(--shadow)}.review-grid span{letter-spacing:.1em;color:#d69b20}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.guide-grid article{background:#fff;border-radius:18px;padding:1.6rem;box-shadow:var(--shadow)}.guide-grid a{display:block;padding:.5rem 0;border-bottom:1px solid #e2e9ea;color:var(--teal);font-weight:700}.guide-grid a:last-child{border:0}.safety-note{margin-top:2rem;padding:1.25rem 1.4rem;border-left:5px solid var(--coral);background:#fff7f3;border-radius:10px}.ohana{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;background:var(--sand)}.ohana img{height:520px;border-radius:20px}.location{position:relative;height:680px;color:white}.location:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,35,45,.7),rgba(6,35,45,.08))}.location-card{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-50%);max-width:590px}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;background:#f7fbfb}.contact form{background:white;padding:2rem;border-radius:18px;box-shadow:var(--shadow)}label{display:block;font-weight:800;font-size:.9rem;margin-bottom:1rem}input,textarea{width:100%;margin-top:.4rem;border:1px solid #bdcccf;border-radius:9px;padding:.85rem;font:inherit}.row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-links{display:flex;flex-direction:column;gap:.7rem;margin-top:1.5rem}.contact-links a{font-size:1.15rem;font-weight:800;color:var(--teal)}footer{padding:3rem 7vw;background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.light small{color:#88d7d4}.mobile-actions{display:none}dialog{border:0;padding:0;background:transparent;max-width:94vw}dialog::backdrop{background:rgba(0,0,0,.9)}dialog img{max-height:90vh;max-width:94vw;width:auto;object-fit:contain}dialog button{position:fixed;right:2rem;top:1rem;border:0;background:none;color:white;font-size:3rem;cursor:pointer}
@media(max-width:1080px){nav{gap:.75rem;font-size:.78rem}.guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:1.5rem 5vw;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}nav.open{display:flex}.menu{display:block}.intro,.contact,.availability,.ohana{grid-template-columns:1fr}.amenities{grid-template-columns:repeat(2,1fr)}.bed-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}.ohana img{height:420px}}
@media(max-width:600px){body{padding-bottom:62px}.header{padding:0 1rem}.logo{font-size:1.25rem}.hero-copy{left:1.25rem;right:1.25rem}.section{padding:5rem 1.2rem}.facts{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem 1rem}.facts div{border:0}.amenities{grid-template-columns:1fr;padding-top:0}.bed-grid article{grid-template-columns:1fr}.bed-grid img{height:260px;min-height:0}.gallery-section{padding:5rem .6rem}.gallery{grid-auto-rows:160px;gap:5px}.row{grid-template-columns:1fr}.location-card{left:1.2rem;right:1.2rem}.guide-grid{grid-template-columns:1fr}.calendar-card{padding:.8rem}.calendar-day{min-height:52px;font-size:.82rem}.calendar-weekdays{font-size:.62rem}.ohana img{height:300px}footer{padding:2.5rem 1.2rem}.mobile-actions{position:fixed;z-index:20;bottom:0;left:0;right:0;height:62px;display:grid;grid-template-columns:1fr 1fr;background:#fff;box-shadow:0 -4px 18px rgba(0,0,0,.15)}.mobile-actions a{display:flex;align-items:center;justify-content:center;font-weight:800}.mobile-actions a:first-child{background:var(--teal);color:#fff}}