body {
  background-image: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url("images/sunset.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
:root{--green:#00695C;--green2:#00897B;--cream:#F5F5DC;--ink:#263238;--muted:#546E7A;--line:#B2DFDB;--white:#FFFFFF}d:#64736d;--line:#dce5e0;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6;background:#fff}a{color:inherit}.container{width:min(1160px,92vw);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:20px}.brand{font-weight:900;font-size:1.25rem;text-decoration:none;color:var(--green)}.brand span{font-weight:500}.nav nav{display:flex;align-items:center;gap:20px;font-size:.92rem}.nav nav a{text-decoration:none}.nav-book{background:var(--green);color:#fff!important;padding:9px 14px;border-radius:8px}.hero{min-height:650px;background:linear-gradient(90deg,#0e2d25cc,#0e2d2550),url('images/sunset.jpg') center/cover}.hero-overlay{min-height:650px;display:flex;align-items:center}.hero-content{color:#fff;max-width:800px}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:800;margin:0 0 10px;text-transform:uppercase}.hero h1{font-size:clamp(3rem,8vw,6.2rem);line-height:.98;margin:0 0 20px}.tagline{font-size:clamp(1.2rem,2.5vw,1.7rem);margin:0 0 12px}.hero-copy{font-size:1.08rem;max-width:650px;color:#eef6f2}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:13px 18px;border-radius:9px;text-decoration:none;border:0;font-weight:800;cursor:pointer}.primary{background:var(--green);color:#fff}.hero .primary{background:#f4c95d;color:#1d352d}.light{background:#fff;color:var(--green)}section{scroll-margin-top:80px}.intro{padding:75px 0}.two-col{display:grid;grid-template-columns:1.4fr .9fr;gap:60px}.two-col h2,.section h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:0 0 18px}.amenities{display:grid;grid-template-columns:1fr 1fr;gap:12px}.amenities div{background:var(--cream);padding:15px;border-radius:10px}.section{padding:80px 0}.alt{background:#f5f7f4}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-head>p{max-width:500px;color:var(--muted);margin:0}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.room-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #173f3410}.room-card>img{width:100%;height:330px;object-fit:cover}.room-body{padding:22px}.pill{display:inline-block;background:#e7f0eb;color:var(--green);padding:4px 9px;border-radius:99px;font-size:.75rem;font-weight:800}.room-body h3{font-size:1.6rem;margin:8px 0}.room-body p{color:var(--muted)}.room-body strong{display:block;font-size:1.55rem}.room-body small{font-size:.8rem;color:var(--muted)}.text-link{display:inline-block;margin-top:15px;color:var(--green);font-weight:800;text-decoration:none}.photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.photo-strip img{width:100%;height:150px;object-fit:cover;border-radius:10px}.spot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.spot{position:relative;min-height:280px;border-radius:15px;overflow:hidden;color:#fff;text-decoration:none;background:#193d32}.spot.featured{grid-column:span 2}.spot img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;transition:transform .3s}.spot:hover img{transform:scale(1.04)}.spot:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0c211dd9)}.spot div{position:absolute;z-index:2;bottom:0;padding:20px}.spot b,.spot span{display:block}.spot span{font-size:.86rem;color:#e5eeea}.photo-credit{font-size:.78rem;color:var(--muted);margin-top:18px}.photo-credit a{color:var(--green)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;text-decoration:none}.service>span{font-size:2rem}.service h3{font-size:1.4rem;margin:10px 0 4px}.service p{color:var(--muted);min-height:75px}.service b{color:var(--green)}.months{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.months div{padding:18px;border:1px solid var(--line);border-radius:12px}.months b,.months span{display:block}.months span{color:var(--muted);font-size:.9rem;margin-top:5px}.weather-box{background:#173f34;color:#fff;border-radius:18px;padding:25px}.loader{opacity:.8}.current{display:flex;justify-content:space-between;gap:30px;padding-bottom:22px;border-bottom:1px solid #ffffff2c}.current strong,.current span{display:block}.current strong{font-size:3.4rem;line-height:1.05}.current small{letter-spacing:.1em}.forecast{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:20px}.forecast div{background:#ffffff10;border-radius:10px;padding:12px}.forecast span,.forecast strong,.forecast small{display:block}.forecast span{font-size:.78rem;margin:5px 0}.forecast small{opacity:.75;margin-top:5px}.source{display:block;margin-top:14px;opacity:.6}.news-box{background:var(--cream);padding:40px;border-radius:18px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.news-links{display:grid;gap:12px}.news-links a{background:#fff;padding:16px;border-radius:10px;text-decoration:none;font-weight:800;color:var(--green)}.booking{background:#eaf0eb}.booking-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.booking-note{background:#fff8dd;border-left:4px solid #e0b642;padding:16px;margin:20px 0}.wa-large{background:#1d7b43;color:#fff}.booking-form{background:#fff;padding:25px;border-radius:15px;box-shadow:0 8px 25px #173f3410}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-weight:700;font-size:.88rem}input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #ccd8d2;border-radius:8px;font:inherit;background:#fff}textarea{resize:vertical}.full{grid-column:1/-1}.submit{margin-top:18px;width:100%}.form-message{margin-top:12px}.form-message.success{background:#dff3e5;padding:12px;border-radius:8px}.form-message.error{background:#fde1df;padding:12px;border-radius:8px}.form-message a{font-weight:800;color:var(--green)}footer{background:#102e26;color:#dce9e3;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.footer-grid h3{color:#fff}.footer-grid a{color:#fff}.copyright{text-align:center;border-top:1px solid #ffffff1c;margin-top:25px;padding-top:15px;font-size:.8rem;opacity:.7}@media(max-width:850px){.nav nav a:not(.nav-book){display:none}.two-col,.booking-grid,.news-box{grid-template-columns:1fr}.room-grid,.service-grid{grid-template-columns:1fr}.spot-grid{grid-template-columns:1fr 1fr}.spot.featured{grid-column:span 2}.months{grid-template-columns:1fr 1fr}.forecast{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:10px}.photo-strip{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero{min-height:590px}.hero-overlay{min-height:590px}.hero h1{font-size:3.3rem}.amenities{grid-template-columns:1fr}.spot-grid{grid-template-columns:1fr}.spot.featured{grid-column:span 1}.months{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.current{display:block}.current>div+div{margin-top:15px}.forecast{grid-template-columns:1fr 1fr}.room-card>img{height:260px}}
body {
  background-image: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url("images/sunset.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}
.site-title {
  white-space: nowrap !important;
}
h1 {
  white-space: nowrap !important;
  font-size: clamp(32px, 5vw, 64px) !important;
}
/* White text over picture background */
.hero h1,
.hero h2,
.hero h3,
.hero p,
.hero .eyebrow,
.hero a {
  color: #ffffff !important;
}
/* White text for sections over background images */
.hero-content,
.hero-content h1,
.hero-content p,
.hero-content .eyebrow {
  color: #ffffff !important;
}
/* White tagline */
.hero .tagline,
.hero .subtitle,
.hero em {
  color: #ffffff !important;
}
/* White facility text */
.hero .facilities,
.hero .facility,
.hero .facility span,
.hero .facility strong {
  color: #ffffff !important;
}
/* Teal buttons with white text */
.hero a,
.hero button {
  background: #00897B !important;
  color: #ffffff !important;
  border-color: #00897B !important;
}