:root{--navy:#07356b;--teal:#079c9c;--aqua:#55e1e1;--ink:#092f61;--soft:#eefcfc}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;color:var(--ink);background:#fff}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:10px max(5vw,24px);position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid #e8eef2}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;font-size:18px;line-height:.9}.brand .mark{font-size:38px;color:var(--teal)}.brand small{display:block;font-size:9px;letter-spacing:1px;margin-top:7px}nav{display:flex;gap:28px}nav a{color:var(--navy);text-decoration:none;font-size:14px}.menu{display:none;border:0;background:none;font-size:26px;color:var(--navy)}main{overflow:hidden}.hero{height:440px;position:relative;background:#0b7f9b}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#023a63dd 0%,#087b9a88 45%,#0c99a811 75%),radial-gradient(circle at 70% 40%,#68d8e7 0 9%,transparent 10%),linear-gradient(165deg,#68c6df 0 42%,#087b9b 43% 70%,#f3cf8c 71% 73%,#3f9b63 74%);filter:saturate(1.05)}.hero-copy{position:relative;z-index:1;color:white;padding:110px max(7vw,34px);max-width:760px}.hero h1{font-size:64px;line-height:.95;margin:0 0 18px;letter-spacing:-3px}.hero em,.section h2 em,.longstay em{font-style:normal;color:var(--aqua)}.hero p{font-size:21px;margin:0;max-width:470px}.card,.section,.longstay{max-width:1180px;margin:0 auto}.featured{margin-top:-36px;position:relative;z-index:2;background:#fff;border-radius:22px;box-shadow:0 14px 40px #052f5d22;padding:16px;display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.photo{position:relative}.photo img{width:100%;height:320px;object-fit:cover;border-radius:15px;display:block}.photo span{position:absolute;top:14px;left:14px;background:var(--teal);color:white;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;letter-spacing:1px;z-index:1}.details{padding:20px 16px}.details h2,.section h2,.longstay h2{font-size:34px;line-height:1.05;margin:0 0 8px}.location{margin-top:0}.details ul{list-style:none;padding:0;margin:24px 0}.details li{margin:13px 0}.details li:before{content:'✓';color:var(--teal);font-weight:900;margin-right:10px}.primary{display:inline-block;background:linear-gradient(90deg,#078f8f,#05a8a8);color:#fff!important;text-decoration:none;border:0;border-radius:10px;padding:16px 24px;font-size:17px;font-weight:750;cursor:pointer}.section{padding:58px 20px 0}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head p{margin:0}.section-head a{color:var(--teal);text-decoration:none}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.filters button{border:1px solid #d3e0e8;background:white;color:var(--navy);border-radius:999px;padding:9px 17px}.filters .active{background:var(--navy);color:white}.map{height:380px;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(145deg,#d6caa3 0 56%,#15b7c4 57%);border:1px solid #d5e4e7}.map:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(28deg,transparent 0 28px,#fff8 29px 31px),repeating-linear-gradient(110deg,transparent 0 45px,#8d9b8b55 46px 48px);opacity:.7}.water{position:absolute;right:-5%;top:-20%;width:55%;height:90%;border-radius:45%;background:#16aabf}.label{position:absolute;background:#fff;border-radius:9px;padding:9px 14px;box-shadow:0 3px 10px #0002;font-weight:700}.strand{left:24%;top:14%;background:#087fce;color:#fff}.north{left:39%;top:36%}.cbd{left:43%;top:56%;background:#087fce;color:#fff}.palmer{left:47%;top:70%;background:#087fce;color:#fff}.island{right:5%;top:12%;background:#0756b7;color:white}.pin{position:absolute;color:#0756b7;font-size:34px;font-style:normal}.p1{left:14%;top:42%}.p2{left:29%;top:52%}.p3{left:56%;top:39%}.p4{left:68%;top:62%}.p5{left:77%;top:36%}.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.area{height:210px;border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;color:white;text-decoration:none;background-size:cover;background-position:center;box-shadow:inset 0 -100px 80px #002b50aa}.area b{font-size:23px}.strand-card{background-image:linear-gradient(#2c9fc4aa,#0b607b),linear-gradient(135deg,#3ed3db,#e4d7a3)}.island-card{background-image:linear-gradient(#1b8ba899,#074f70),linear-gradient(135deg,#16a6bd,#4a8a55)}.cbd-card{background-image:linear-gradient(#ef9b4f66,#112c56),linear-gradient(135deg,#f4a04b,#273b67)}.event-card{background-image:linear-gradient(#edb04d55,#143a56),linear-gradient(135deg,#95b65e,#e4a646)}.longstay{margin-top:58px;margin-bottom:50px;padding:48px;border-radius:24px;background:linear-gradient(135deg,#f4ffff,#dff8f7);display:grid;grid-template-columns:1fr 1fr;gap:42px}.longstay small{color:var(--teal);font-weight:900;letter-spacing:4px}.benefits{display:grid;gap:13px;margin-top:30px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:13px;font-weight:700}input,select,textarea{width:100%;margin-top:6px;border:1px solid #d8e5ea;border-radius:9px;padding:13px;background:white;font:inherit}textarea{height:100px;resize:vertical}form>.primary{width:100%;margin-top:12px}.thanks{font-size:13px;color:var(--teal)}footer{text-align:center;padding:28px;background:#062f61;color:white}@media(max-width:720px){header{height:70px;padding:8px 18px}.brand{font-size:15px}.brand .mark{font-size:30px}nav{display:none}.menu{display:block}.hero{height:330px}.hero-copy{padding:92px 30px}.hero h1{font-size:47px;letter-spacing:-2px}.hero p{font-size:16px}.featured{margin:-18px 16px 0;display:block;padding:10px}.photo img{height:235px}.details{padding:16px 8px 8px}.details h2{font-size:25px}.primary{width:100%;text-align:center}.section{padding:38px 16px 0}.section h2{font-size:28px}.map{height:300px}.island{right:3%;font-size:12px}.label{font-size:12px}.areas{grid-template-columns:1fr 1fr;gap:9px}.area{height:140px;padding:13px}.area b{font-size:18px}.area span{font-size:12px}.longstay{margin:38px 16px;padding:28px 20px;display:block}.longstay h2{font-size:31px}.grid{grid-template-columns:1fr}.benefits{font-size:14px;margin-bottom:24px}}