:root{--blue:#16476b;--blue-dark:#103652;--blue-soft:#245b7c;--cream:#faf8f1;--sand:#eee9dd;--ink:#203b47;--gold:#e2bf79;--muted:#65737a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{background:#0d324d;color:#e9e1cf;text-align:center;font-size:10px;letter-spacing:.22em;padding:10px 12px}.site-header{background:var(--blue);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px #061d2d20}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:.13em;font-size:18px;line-height:1.05}.brand small{display:block;font-size:11px;letter-spacing:.3em;margin-top:6px}.brand-mark{font-size:42px;color:var(--gold);line-height:1}.links{display:flex;align-items:center;gap:29px;font-size:12px;letter-spacing:.05em}.links a:hover{color:var(--gold)}.nav-cta{border:1px solid #d2dce6;padding:12px 20px;border-radius:2px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:27px;cursor:pointer}.hero{height:min(750px,83vh);min-height:590px;position:relative;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url('https://dynamic-media-cdn.tripadvisor.com/media/photo-o/2d/bb/56/43/starfish-beach-bar-a.jpg?h=800&s=1&w=1400');background-position:center 46%;background-size:cover;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071d2bd9 0%,#082f43a6 44%,#0b263347 100%)}.hero-inner{position:relative;z-index:1;padding-top:145px}.eyebrow{font-size:11px;letter-spacing:.23em;color:#9b8b63;font-weight:700}.eyebrow.light{color:var(--gold)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1{font-size:clamp(56px,7vw,100px);line-height:1.05;letter-spacing:-.04em;margin:22px 0}h1 em,h2 em{font-weight:400} .hero-inner p{max-width:460px;font-size:16px;line-height:1.85;color:#f3f1e9;margin:0 0 28px}.btn{display:inline-flex;align-items:center;gap:45px;padding:16px 23px;font-size:12px;letter-spacing:.08em;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.gold{background:var(--gold);color:#243b44}.btn.blue{background:var(--blue);color:white}.btn.outline{border:1px solid var(--blue);color:var(--blue)}.hero-bottom{position:absolute;z-index:2;bottom:28px;left:max(24px,calc((100vw - 1160px)/2));right:max(24px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#eee}.section{padding:115px 0}.intro-grid,.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}h2{font-size:clamp(40px,4.7vw,65px);line-height:1.15;letter-spacing:-.04em;margin:19px 0 27px}.intro p,.visit p{font-size:15px;line-height:1.95;color:#5c6c71;max-width:530px}.text-link{display:inline-flex;gap:34px;color:var(--blue);border-bottom:1px solid var(--gold);font-weight:700;font-size:12px;padding:18px 0 10px}.intro-photo,.visit-photo{position:relative}.intro-photo img{height:560px}.photo-tag{position:absolute;bottom:25px;left:-24px;background:var(--blue);color:white;font-size:10px;letter-spacing:.2em;padding:20px 25px}.offer{background:#f1eee5}.section-heading{text-align:center;max-width:780px;margin:0 auto 52px}.section-heading h2{margin-bottom:15px}.section-heading p{color:#68777a;font-size:15px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:#fff}.card-img{height:265px;overflow:hidden}.card-img img{height:100%;transition:transform .5s}.card:hover img{transform:scale(1.05)}.card-body{padding:28px 26px 33px}.card-num{font-size:10px;letter-spacing:.16em;color:#9c8a62;font-weight:700}.card h3{font-size:29px;margin:13px 0}.card p{font-size:13px;line-height:1.85;color:#68757a;margin:0}.quote{background:var(--blue);color:white;text-align:center;padding:92px 0 80px}.quote p{font-family:'Playfair Display',serif;font-size:clamp(30px,4.5vw,55px);line-height:1.4;margin:22px auto}.starfish-decoration{color:var(--gold);font-size:45px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid img{height:335px}.gallery-credit{text-align:center;font-size:11px;color:#7d8588;margin-top:22px}.visit{background:#f0ede4}.details{margin:26px 0}.details>div{padding:17px 0;border-bottom:1px solid #d8d7d0;display:grid;grid-template-columns:95px 1fr;gap:20px}.details span{font-size:10px;letter-spacing:.14em;color:#9a8864;font-weight:700}.details strong{font-size:13px;line-height:1.65;font-weight:500}.visit-buttons{display:flex;gap:12px;flex-wrap:wrap}.visit-photo img{height:560px}.visit-caption{position:absolute;bottom:0;left:0;right:0;background:#103652d9;color:white;padding:20px;text-align:center;font-size:10px;letter-spacing:.14em}footer{background:var(--blue);color:white;padding:75px 0 24px}.footer-main{display:flex;justify-content:space-between;gap:50px;padding-bottom:60px}.footer-symbol{font-size:55px;color:var(--gold)}.footer-brand h2{font-size:38px;margin:4px 0 15px}.footer-brand h2 span{font-style:italic}.footer-brand p,.footer-side p{color:#d1dfe4;font-size:13px;line-height:1.8}.footer-side{text-align:right;padding-top:25px}.footer-side>span{font-size:10px;letter-spacing:.2em;color:var(--gold)}.footer-side a{color:var(--gold);font-size:13px}.footer-bottom{border-top:1px solid #ffffff45;padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#d0dce3}@media(max-width:800px){.nav{height:75px}.menu-toggle{display:block}.links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--blue);padding:20px 24px 30px;flex-direction:column;align-items:flex-start;gap:22px}.links.open{display:flex}.hero{height:680px;min-height:560px}.hero-inner{padding-top:130px}.section{padding:75px 0}.intro-grid,.visit-grid{grid-template-columns:1fr;gap:40px}.intro-photo img,.visit-photo img{height:440px}.photo-tag{left:0}.cards{grid-template-columns:1fr;max-width:540px;margin:auto}.card-img{height:290px}.gallery-grid img{height:240px}.footer-main{flex-direction:column}.footer-side{text-align:left;padding:0}}@media(max-width:520px){.wrap{width:calc(100% - 34px)}.topbar{font-size:8px;letter-spacing:.13em}.brand{font-size:15px}.brand-mark{font-size:34px}.hero{height:630px}.hero-inner{padding-top:110px}h1{font-size:58px}.hero-bottom{font-size:8px;left:17px;right:17px}.hero-bottom span{display:none}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img{height:205px}.gallery-grid img:last-child{grid-column:1/-1;height:230px}.visit-buttons{flex-direction:column;align-items:stretch}.btn{justify-content:space-between}.footer-bottom{flex-direction:column}.details>div{grid-template-columns:78px 1fr}} .brand-logo{width:60px;height:60px;object-fit:contain;flex:none;background:#fff;border-radius:50%;padding:3px} .footer-logo{width:84px;height:84px;object-fit:contain;background:#fff;border-radius:50%;padding:4px} .hero{height:auto;min-height:max(700px,calc(100svh - 110px));display:flex;align-items:center;padding:95px 0 105px} .hero-inner{padding-top:0;padding-bottom:30px} .hero-bottom{bottom:22px} .gallery-grid{grid-template-columns:repeat(3,1fr)} @media(max-width:800px){.hero{min-height:700px;padding:90px 0 100px}.brand-logo{width:49px;height:49px}} @media(max-width:520px){.hero{height:auto;min-height:680px;padding:80px 0 105px}.hero-inner{padding-top:0}.hero h1{font-size:clamp(48px,12vw,64px)}.hero-inner p{font-size:14px;line-height:1.65}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid img:last-child{grid-column:auto;height:205px}.brand-logo{width:44px;height:44px}} :root{--blue:#4169E1;--blue-dark:#2548ad;--blue-soft:#587be8;--gold:#4169E1} .topbar{background:#4169E1;color:white} .site-header{background:#fff;color:#24458e;box-shadow:0 2px 14px #132e6b17} .brand{color:#284db9}.brand-logo{background:transparent;border-radius:0;padding:0;width:66px;height:66px;object-fit:contain} .links a:hover{color:var(--blue)} .nav-cta{border-color:#4169E1;color:#4169E1} .menu-toggle{color:#4169E1} .hero-bg{background-image:url('assets/waterfront.webp');background-position:center 53%} .hero-shade{background:linear-gradient(90deg,#071b37d6 0%,#102b4f99 47%,#102b4f30 100%)} .hero{min-height:740px;padding:125px 0 115px} .hero-inner{padding-top:0} .hero .eyebrow.light{color:#dbe7ff} .btn.gold{background:#4169E1;color:white} .eyebrow,.card-num,.details span{color:#4169E1} .quote{background:#4169E1}.quote .eyebrow.light{color:#fff} .starfish-decoration{color:#fff} .footer-logo{background:#fff;border-radius:50%;padding:4px} footer{background:#4169E1} .footer-side>span,.footer-side a{color:#fff} .gallery-grid img{object-fit:cover} .gallery-grid img:nth-child(6){object-position:center top} @media(max-width:800px){.links{background:white;color:#24458e} .hero{min-height:720px;padding:105px 0 120px} .brand-logo{width:56px;height:56px}} @media(max-width:520px){.hero{min-height:720px;height:auto;padding:115px 0 120px} .hero-inner{padding:0} .hero h1{font-size:clamp(45px,11vw,62px)} .hero-inner p{font-size:14px} .brand-logo{width:48px;height:48px}} .hero{position:relative} .reopening-badge{position:absolute;z-index:3;right:7%;top:25%;width:clamp(165px,21vw,270px);aspect-ratio:1;border-radius:50%;background:#4169E1;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;text-align:center;transform:rotate(9deg);border:5px solid #ffffffec;box-shadow:0 12px 35px #0006, inset 0 0 0 2px #ffffff44;pointer-events:none} .reopening-badge strong{font:700 clamp(24px,3.4vw,43px)/1.02 'DV',sans-serif;letter-spacing:.01em} .reopening-badge span{font:700 clamp(8px,.9vw,12px)/1.2 'DV',sans-serif;letter-spacing:.18em} .freshwater-section{background:#f2f7ff} .freshwater-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center} .freshwater-visual{position:relative} .freshwater-visual img{width:100%;height:520px;object-fit:cover;display:block} .freshwater-photo-note{position:absolute;bottom:18px;left:18px;background:#4169E1;color:white;padding:12px 16px;font-size:11px;letter-spacing:.13em;font-weight:700} .freshwater-content h2{margin:14px 0 25px} .freshwater-content h3{color:#4169E1;margin:23px 0 9px;font-size:19px} .freshwater-content p{line-height:1.8} .freshwater-content .transfer-note{font-size:13px;border-left:3px solid #4169E1;padding-left:14px;margin:20px 0 25px} .freshwater-btn{display:inline-flex;align-items:center;gap:14px;background:#4169E1;color:#fff} .social-row{display:flex;justify-content:center;gap:23px;align-items:center;padding:28px 0 24px} .social-row a{color:#fff;display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s,background .2s} .social-row a:hover,.social-row a:focus-visible{transform:translateY(-3px);background:#ffffff25} .social-row svg{width:24px;height:24px;fill:currentColor} @media(max-width:900px){.freshwater-layout{grid-template-columns:1fr;gap:35px}.freshwater-visual img{height:370px}.reopening-badge{right:4%;top:18%;width:180px}} @media(max-width:600px){.hero{min-height:820px;padding-top:250px}.reopening-badge{top:28px;right:20px;width:150px;gap:6px;border-width:4px}.reopening-badge strong{font-size:24px}.reopening-badge span{font-size:8px}.freshwater-visual img{height:290px}.social-row{gap:18px}} .hero-bg{background-image:url('assets/waterfront-from-sea.webp')!important;background-position:center 53%!important} .gallery-grid{display:none!important} .gallery-track{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 0 14px;outline-offset:4px} .gallery-track::-webkit-scrollbar{display:none} .gallery-slide{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;margin:0;min-width:0} .gallery-slide img{display:block;width:100%;height:340px;object-fit:cover;border-radius:3px} .gallery-controls{display:flex;align-items:center;justify-content:center;gap:26px;margin:12px 0 0} .gallery-arrow{border:1px solid #4169E1;color:#4169E1;background:transparent;width:45px;height:45px;border-radius:50%;font-size:23px;cursor:pointer;transition:background .2s,color .2s} .gallery-arrow:hover,.gallery-arrow:focus-visible{background:#4169E1;color:#fff} .gallery-status{font-size:12px;letter-spacing:.16em;color:#4169E1;font-weight:700;min-width:65px;text-align:center} .gallery-note{text-align:center;font-size:13px;opacity:.65;margin-top:12px} @media(max-width:850px){.gallery-slide{flex-basis:calc((100% - 18px)/2)}.gallery-slide img{height:280px}} @media(max-width:540px){.gallery-slide{flex-basis:88%}.gallery-slide img{height:310px}.gallery-track{gap:12px}} body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif} h1,h2,h3{font-family:Georgia,"Times New Roman",serif} .faq{background:#f0f5fa}.faq-wrap{max-width:1100px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 48px;margin-top:35px}.faq-grid article{padding:10px 0;border-top:1px solid #d3dce7}.faq-grid h3{font-size:21px;margin:14px 0 8px}.faq-grid p{line-height:1.75;font-size:15px;color:#52616a}@media(max-width:680px){.faq-grid{grid-template-columns:1fr;gap:10px}} .hero-bg{background-image:url("assets/waterfront-hero.webp")!important}