.site-header{background:linear-gradient(180deg,rgba(4,47,61,.2),transparent)}
.hero{background:transparent}
.hero:before{background:linear-gradient(180deg,#18aab9 0%,#2cb7c2 72%,#64c9ca 100%)}
.hero{min-height:790px}
.statement{background:linear-gradient(180deg,#64c9ca 0%,#b7e8e6 86px,#e9f9f8 190px);margin-top:-1px}
.hero-copy{transform:translateY(-10px)}
.hero-media{transform:translateY(22px) rotate(1.2deg);box-shadow:0 26px 60px rgba(4,47,61,.22)}
.statement,.rooms,.explore,.contact{position:relative}
.statement:before,.rooms:before,.explore:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(37,185,200,.35),transparent)}
.room-card,.destination{border:1px solid rgba(37,185,200,.14)}
.room-card:nth-child(2),.room-card:nth-child(4),.destination:nth-child(even){transform:none}
.room-card:nth-child(2):hover,.room-card:nth-child(4):hover,.destination:nth-child(even):hover{transform:translateY(-4px)}
@media(max-width:760px){.hero{min-height:0}.hero-copy{transform:none}.hero-media{transform:none}.room-card:nth-child(2),.room-card:nth-child(4),.destination:nth-child(even),.room-card:nth-child(2):hover,.room-card:nth-child(4):hover,.destination:nth-child(even):hover{transform:none}}

/* Design system pass: tighter rhythm, clearer hierarchy, less decorative drift */
.statement{background:linear-gradient(180deg,#64c9ca 0%,#b7e8e6 48px,#e9f9f8 150px);min-height:0;padding:118px 0 126px}
.statement-grid{align-items:center;gap:clamp(56px,9vw,150px)}
.statement-grid .kicker{align-self:start;margin-top:12px}
.statement-grid h2{max-width:610px;margin-bottom:24px}
.statement-grid p:not(.kicker){max-width:520px;line-height:1.65;color:rgba(6,55,70,.82)}
.rooms,.explore,.contact{padding-top:clamp(104px,10vw,156px);padding-bottom:clamp(104px,10vw,156px)}
.section-top{align-items:end;margin-bottom:64px;gap:48px}
.section-top>p{max-width:390px;line-height:1.6;margin-bottom:4px}
.room-grid,.destination-grid{column-gap:24px;row-gap:56px}
.room-card,.destination{overflow:hidden}
.room-info{padding:24px 24px 26px}
.room-info h3{margin:12px 0 22px}
.room-info a,.destination a{font-size:.72rem;letter-spacing:.09em}
.essentials{padding:clamp(104px,10vw,156px) 0;background:#d9f3f1;color:var(--ink)}
.essentials h2{color:var(--ink)}
.essentials .section-copy,.essentials .service-list p{color:rgba(6,55,70,.78)}
.essentials .kicker,.essentials .service-list>div>span{color:#a9503a}
.essentials .service-list>div{border-bottom-color:rgba(6,55,70,.18)}
.essentials-grid{align-items:start;gap:clamp(56px,10vw,150px)}
.service-list>div{padding:24px 0}
.service-list h3{margin-bottom:8px}
.service-list p{max-width:460px;line-height:1.55}
.destination-grid{align-items:start}
.contact{padding-bottom:140px}
.contact-inner>p:not(.kicker){max-width:430px;line-height:1.6}
@media(max-width:760px){
  .statement{padding:84px 0 88px}
  .statement-grid,.essentials-grid{display:block}
  .statement-grid .kicker{margin:0 0 34px}
  .statement-grid h2{margin-bottom:20px}
  .rooms,.explore,.contact{padding-top:84px;padding-bottom:84px}
  .section-top{display:block;margin-bottom:40px}
  .section-top>p{margin-top:24px}
  .room-grid,.destination-grid{row-gap:28px}
  .essentials{padding:84px 0}
  .essentials-grid>.kicker{margin-bottom:26px}
  .essentials-grid h2{margin-bottom:18px}
  .service-list{margin-top:42px}
  .room-card:nth-child(2):hover,.room-card:nth-child(4):hover,.destination:nth-child(even):hover{transform:none}
  .contact{padding-bottom:84px}
}

/* Calm coastal palette and a clearer header hierarchy */
:root{--ink:#073b4c;--cream:#eaf9f8;--paper:#fbfefd;--rust:#0d7181;--sage:#32bdc9;--line:rgba(7,59,76,.16)}
body{background:var(--paper);color:var(--ink)}
.site-header{color:var(--ink);background:rgba(251,254,253,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(7,59,76,.08)}
.nav{height:82px}
.brand-mark{border-color:var(--ink)}
.nav-links{color:var(--ink)}
.nav-cta{color:var(--ink);border-color:rgba(7,59,76,.32);background:rgba(255,255,255,.28)}
.hero{color:var(--ink);min-height:760px;padding-top:42px}
.hero:before{background:linear-gradient(180deg,#b9edf0 0%,#d9f5f4 74%,#eefafa 100%)}
.hero .kicker{color:#0d7181}
.hero h1,.hero h1 i,h2 i{color:var(--ink)}
.hero h1 i,h2 i{color:#0d7181}
.hero-lede{color:rgba(7,59,76,.84)}
.hero-meta{color:var(--ink);opacity:.7}
.button.primary{background:var(--ink);color:#fff}
.under-link{color:var(--ink)}
.hero-media{box-shadow:0 22px 50px rgba(7,59,76,.16)}
.media-label{color:#fff;text-shadow:0 1px 10px rgba(7,59,76,.28)}
.media-label b{color:#d9f5f4}
.statement{display:none}
.statement-grid .kicker,.section-top .kicker,.contact .kicker{color:#0d7181}
.statement-grid p:not(.kicker),.section-top>p,.contact-inner>p:not(.kicker){color:rgba(7,59,76,.78)}
.room-card,.destination{background:#f5fbfa;border-color:rgba(7,59,76,.12);box-shadow:0 10px 28px rgba(7,59,76,.05)}
.room-info>span,.destination>div>span,.room-info h3 i{color:#0d7181}
.room-info a,.destination a{color:var(--ink)}
.essentials{background:#dff6f5;color:var(--ink)}
.essentials h2,.essentials .service-list h3{color:var(--ink)}
.essentials .kicker,.essentials .service-list>div>span{color:#0d7181}
.explore{background:var(--paper)}
.destination h3{color:var(--ink)}
.contact{background:var(--paper)}
.contact-details a{color:var(--ink)}
footer{background:var(--ink)}
@media(max-width:760px){.site-header{background:rgba(251,254,253,.9)}.hero{padding-top:122px}.nav{height:72px}.menu-btn{color:var(--ink)}}

/* Final coastal colour direction: one fresh sea-blue hero, quiet light sections */
.site-header{color:#fff;background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.brand-mark{border-color:rgba(255,255,255,.82)}
.nav-links,.nav-cta{color:#fff}
.nav-cta{border-color:rgba(255,255,255,.62);background:rgba(7,59,76,.08)}
.hero{color:#fff;background:transparent}
.hero:before{background:#2bbbc6}
.hero .kicker{color:#e2fbf7}
.hero h1,.hero h1 i{color:#fff}
.hero h1 i{color:#d9faf3}
.hero-lede{color:rgba(255,255,255,.92)}
.hero-meta{color:#fff}
.under-link{color:#fff}
.statement{background:#f7fcfb}
.rooms{background:transparent;z-index:0}
.rooms:after{content:'';position:absolute;z-index:-1;inset:0 -100vw;background:linear-gradient(180deg,#dff5f3 0%,#e7f8f6 68%,#effafa 100%)}
.explore{background:linear-gradient(180deg,#effafa 0%,#f7fcfb 210px,#fbfefd 100%)}
.contact{background:linear-gradient(180deg,#fbfefd 0%,#f7fcfb 100%)}
.rooms:before{background:linear-gradient(90deg,transparent,rgba(13,113,129,.22),transparent)}
.rooms .section-top>p{color:rgba(7,59,76,.78)}
.rooms .room-card{background:#ffffff;border-color:rgba(7,59,76,.1);box-shadow:0 12px 28px rgba(7,59,76,.08)}
.rooms .room-info{background:#ffffff}
.rooms .room-info>span{color:#0d7181}
.essentials{background:linear-gradient(180deg,#d9f3f1 0%,#e8f9f7 100%)}
@media(max-width:760px){.site-header{background:transparent}.menu-btn{color:#fff}}

/* Restore the lighter sea version */
.site-header{color:var(--ink);background:rgba(251,254,253,.72);border-bottom:1px solid rgba(7,59,76,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header{min-height:104px}
.nav{height:104px}
.brand{font-size:17px;gap:12px;letter-spacing:.11em}
.brand small{font-size:10px}
.brand-mark{width:36px;height:36px;font-size:18px}
.nav-links{gap:40px;font-size:14px}
.nav-cta{padding:15px 22px;font-size:14px}
.brand-mark{border-color:var(--ink)}
.nav-links,.nav-cta{color:var(--ink)}
.nav-cta{border-color:rgba(7,59,76,.32);background:rgba(255,255,255,.28)}
.hero{color:var(--ink);background:transparent}
.hero:before{background:linear-gradient(180deg,#b9edf0 0%,#d9f5f4 74%,#eefafa 100%)}
.hero .kicker{color:#0d7181}
.hero h1,.hero h1 i{color:var(--ink)}
.hero h1 i{color:#0d7181}
.hero-lede{color:rgba(7,59,76,.84)}
.hero-meta{color:var(--ink);opacity:.7}
.under-link{color:var(--ink)}
.statement{background:#f7fcfb}
.rooms,.explore,.contact{background:#fbfefd}
.essentials{background:#e4f7f5}
@media(max-width:760px){.site-header{background:rgba(251,254,253,.9);min-height:78px}.nav{height:78px}.brand{font-size:15px}.brand small{font-size:9px}.brand-mark{width:32px;height:32px;font-size:16px}.nav-links{gap:18px}.nav-cta{padding:13px 18px;font-size:13px}.menu-btn{color:var(--ink)}}

/* Tighten the hero-to-rooms handoff */
.hero{min-height:700px}
.hero:before{background:linear-gradient(180deg,#b9edf0 0%,#d9f5f4 68%,#dff5f3 100%)}
.hero-media{transform:translateY(32px);border-radius:22px;overflow:hidden;background:#dff5f3;box-shadow:0 24px 54px rgba(7,59,76,.16);isolation:isolate}
.hero-media img{object-position:center center;transform:scale(1.018)}
.hero-media:after{inset:16px;border-color:rgba(255,255,255,.58);border-radius:12px;pointer-events:none}
.rooms{padding-top:88px;background:transparent}
.rooms:after{background:linear-gradient(180deg,#dff5f3 0%,#e7f8f6 68%,#effafa 100%)}
.essentials,.explore,.contact{position:relative;z-index:0;background:transparent}
.essentials:before,.explore:before,.contact:before{content:'';position:absolute;z-index:-1;inset:0 -100vw}
.essentials:before{background:linear-gradient(180deg,#e7f8f6 0%,#dff5f3 100%)}
.explore:before{background:linear-gradient(180deg,#dff5f3 0%,#eefafa 180px,#f8fdfc 100%)}
.contact:before{background:linear-gradient(180deg,#f8fdfc 0%,#f4fbfa 100%)}
.essentials .service-list>div{border-bottom-color:rgba(7,59,76,.14)}
@media(max-width:760px){.hero{min-height:0}.rooms{padding-top:76px}}
