:root{--navy:#12345f;--blue:#2f86b7;--aqua:#45aeb7;--light:#dff3fb;--light2:#eef9fd;--sand:#f3dfbd;--green:#39aeb1;--ink:#12304d;--muted:#59748b;--line:#c7e3ef;--shadow:0 16px 42px rgba(31,104,145,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);overflow-x:hidden;background:#f3fbfe}img{display:block;width:100%}a{text-decoration:none;color:inherit}.site-header{height:82px;padding:0 4.5%;display:flex;align-items:center;gap:28px;background:rgba(239,249,253,.96);backdrop-filter:blur(14px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line)}.brand{width:270px;flex:none}.brand img{height:58px;width:100%;object-fit:contain;object-position:left center}.main-nav{display:flex;gap:24px;margin-left:auto}.main-nav a{font-size:14px;font-weight:700}.header-cta{background:var(--navy);color:#fff;padding:14px 20px;border-radius:7px;font-weight:700}.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:28px;height:3px;background:var(--navy);margin:5px}.hero{min-height:560px;background:url("assets/sea-view-hero.jpg") center/cover no-repeat;position:relative;color:#fff;display:flex;align-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,43,74,.88),rgba(8,67,101,.58) 48%,rgba(10,92,125,.10) 82%)}.hero-content{position:relative;z-index:1;width:min(680px,90%);margin-left:5%;padding:80px 0}.script{font-family:"Playfair Display";font-size:28px;font-style:italic}.hero h1,h2{font-family:"Playfair Display"}.hero h1{font-size:clamp(52px,7vw,88px);margin:8px 0}.subhead{text-transform:uppercase;letter-spacing:.18em;font-weight:700}.intro{font-size:18px;line-height:1.7}.facts{display:flex;flex-wrap:wrap;gap:12px 24px;margin:26px 0;font-weight:700}.facts span:before{content:"✓";margin-right:7px;color:#89d8ff}.actions{display:flex;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:7px;font-weight:800}.blue{background:var(--blue);color:#fff}.green{background:var(--green);color:#fff}.ghost{border:1px solid rgba(255,255,255,.75);color:#fff;background:rgba(5,31,68,.35)}.booking{width:min(1180px,92%);margin:-34px auto 0;position:relative;z-index:5;background:var(--light2);border-radius:12px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;padding:20px 24px}.booking div{padding:5px 24px;border-right:1px solid var(--line)}.booking small{display:block;color:var(--muted)}.booking strong{display:block;margin-top:5px}.section{padding:78px 5%;background:#f3fbfe}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:800;color:var(--blue);margin:0 0 10px}.center{text-align:center}h2{font-size:clamp(34px,4.5vw,55px);line-height:1.08;margin:0 0 22px}.about{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;max-width:1300px;margin:auto}.tall{height:620px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}.features{display:grid;gap:18px}.features article{display:grid;grid-template-columns:44px 1fr;gap:16px}.features article>b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--light);color:var(--blue)}.features p,.local p,.local li{color:var(--muted);line-height:1.7}.reviews{background:#dff3fb}.review-top{display:grid;grid-template-columns:310px 1fr;gap:60px;max-width:1250px;margin:auto 30px}.scoreline{display:flex;gap:14px;align-items:center}.score{background:var(--blue);color:#fff;border-radius:8px;font-size:36px;font-weight:800;padding:13px}.scoreline strong,.scoreline small{display:block}.bars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 28px}.bars label{font-size:13px;font-weight:700}.bars b{float:right}.bars span{display:block;height:7px;background:#dce8f5;border-radius:99px;overflow:hidden;margin-top:8px}.bars i{display:block;height:100%;background:var(--blue)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1250px;margin:auto}.cards blockquote{background:#fafdff;border:1px solid var(--line);border-radius:12px;padding:24px;margin:0}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0a914f;color:#fff;font-weight:800}.purple{background:#a84abf}.host-card{max-width:1250px;margin:auto;padding:36px;background:linear-gradient(135deg,#dff3fb,#fafdff);border-radius:18px;display:grid;grid-template-columns:190px 1fr;gap:34px;align-items:center}.host-card img{width:170px;height:170px;border-radius:50%;object-fit:cover;object-position:center;justify-self:center;align-self:center}.amenity-grid{max-width:1250px;margin:35px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.amenity-grid article{border:1px solid var(--line);border-radius:12px;padding:25px;text-align:center}.amenity-grid article>span{font-size:30px;color:var(--blue)}.section-heading{max-width:1250px;margin:0 auto 30px;display:flex;align-items:end;justify-content:space-between;gap:25px}.gallery{background:#e7f6fb}.gallery-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:12px}.gallery-grid figure{margin:0;overflow:hidden;border-radius:10px}.gallery-grid .wide{grid-column:span 2}.gallery-grid img{height:100%;object-fit:cover}.local{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:1250px;margin:auto}.local img{height:520px;object-fit:cover;border-radius:18px}.rules{background:#dff3fb}.rule-grid{max-width:1100px;margin:35px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rule-grid div{background:#fafdff;border:1px solid var(--line);padding:22px;border-radius:10px}.rule-grid strong,.rule-grid span{display:block}.rule-grid span{color:var(--muted);margin-top:7px}.cta{padding:65px 6%;background:linear-gradient(rgba(4,32,73,.88),rgba(4,32,73,.88)),url("assets/799264457.jpg") center/cover;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{max-width:700px}footer{background:#102f52;color:#fff;padding:55px 6% 90px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}footer a,footer span{display:block;color:#dbe7f6;padding:5px 0;font-size:14px}.footer-brand img{width:100%;max-width:320px;height:auto;background:transparent;padding:0;object-fit:contain}.floating{position:fixed;right:18px;bottom:24px;z-index:120;display:flex;flex-direction:column;gap:12px}.floating a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:24px;box-shadow:0 8px 20px rgba(0,0,0,.22)}.wa{background:var(--green)}.mail{background:var(--blue)}@media(max-width:1050px){.main-nav{display:none}.menu-toggle{display:block;margin-left:auto}.header-cta{margin-left:0}.main-nav.open{display:flex;position:absolute;top:82px;left:0;right:0;background:#fff;flex-direction:column;padding:22px 5%;box-shadow:var(--shadow)}.about,.local{grid-template-columns:1fr}.review-top{grid-template-columns:1fr}.amenity-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}}@media(max-width:700px){.site-header{height:72px;padding:0 16px}.brand{width:220px}.brand img{height:50px}.header-cta{display:none}.main-nav.open{top:72px}.hero{min-height:720px;background-position:center center}.shade{background:linear-gradient(180deg,rgba(3,28,63,.62),rgba(3,28,63,.95))}.hero-content{margin:0;padding:70px 20px;width:100%}.hero h1{font-size:54px}.actions{flex-direction:column}.booking{grid-template-columns:1fr;margin-top:-15px}.booking div{border-right:0;border-bottom:1px solid var(--line);padding:14px 2px}.booking .btn{margin-top:14px}.section{padding:58px 18px}.tall,.local img{height:350px}.bars{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.host-card{grid-template-columns:1fr;text-align:center;padding:25px}.host-card img{margin:auto}.amenity-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:240px}.gallery-grid .wide{grid-column:auto}.rule-grid{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start;padding:50px 20px}.cta .actions{width:100%}.cta .btn{width:100%}footer{grid-template-columns:1fr;padding:45px 20px 100px}}

/* Sea View Retreat coastal rebrand */
body{background:#f6fbfe}.brand{width:250px}.brand img{height:64px;object-fit:contain;object-position:left center}.header-cta,.blue{background:linear-gradient(135deg,var(--navy),var(--blue))}.green,.wa{background:linear-gradient(135deg,var(--aqua),var(--blue))}.hero .facts span:before{color:#8ee2eb}.amenity-grid article{background:#fafdff;border-color:var(--line)}.amenity-grid article:hover{transform:translateY(-3px);box-shadow:var(--shadow);transition:.25s ease}.booking{border:1px solid rgba(47,134,183,.12)}.eyebrow{color:#2f86b7}.score{background:linear-gradient(135deg,var(--navy),var(--blue))}.bars i{background:linear-gradient(90deg,var(--aqua),var(--blue))}.cta{background:linear-gradient(rgba(18,52,95,.86),rgba(18,52,95,.86)),url("assets/799264457.jpg") center/cover}.site-header .brand img,.footer-brand img{filter:none}.footer-brand{align-self:start}.footer-brand p{max-width:330px}.main-nav.open{background:#eef9fd!important}@media(max-width:700px){.brand{width:190px}.brand img{height:52px}.hero h1{font-size:50px}}

/* Sea View Retreat finishing touches */
.brand{width:250px}
.brand img{height:64px;object-fit:contain}
.site-header{background:rgba(229,246,252,.96)}
.booking{background:#f8fdff}
.amenity-grid article{background:#f8fdff;box-shadow:0 8px 22px rgba(31,104,145,.06)}
.about{background:#f3fbfe}
.host{background:#eef9fd}
.gallery-grid figure{box-shadow:0 8px 24px rgba(20,73,105,.10)}
@media(max-width:700px){
  .brand{width:190px}
  .brand img{height:52px}
  .hero{background-position:center center}
  .hero h1{font-size:48px}
  .hero-content{padding-top:90px}
  .amenity-grid{grid-template-columns:1fr}
}
/* Footer logo contrast refinement */
.footer-brand img{max-width:300px;width:100%;height:auto;object-fit:contain;object-position:left center;filter:none;margin:0 0 18px}
@media(max-width:700px){.footer-brand img{max-width:250px}}

/* Retreat92 fixed header — stays visible while scrolling */
.site-header{
  position:fixed !important;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:1000;
}
body{padding-top:82px;}
.main-nav.open{z-index:1001;}
@media(max-width:700px){
  body{padding-top:72px;}
}