/* RentManistee.com  */
:root{
  --navy:#142F44;
  --navy-deep:#0C2233;
  --lake:#5286AB;
  --lake-soft:#C8DCE9;
  --mist:#EBF2F6;
  --paper:#FBF9F4;
  --cedar:#A87B4F;
  --cedar-soft:#E9DCCB;
  --ink:#1B2731;
  --slate:#5A6B78;
  --line:#D8E2E8;
  --radius:10px;
  --shadow:0 10px 30px rgba(13,34,51,.10);
  --maxw:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
body{
  font-family:"Public Sans",system-ui,-apple-system,Segoe UI,sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.65;
  font-size:17px;
}
img,svg{display:block;max-width:100%}
a{color:var(--lake)}
a:focus-visible,button:focus-visible{outline:3px solid var(--cedar);outline-offset:2px;border-radius:4px}

h1,h2,h3,.serif{font-family:"Spectral",Georgia,serif;font-weight:600;line-height:1.18;color:var(--navy);letter-spacing:-.01em}
h1{font-size:clamp(2.1rem,4.6vw,3.4rem)}
h2{font-size:clamp(1.6rem,3vw,2.25rem)}
h3{font-size:1.25rem;font-weight:600}
.eyebrow{
  display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--cedar);margin-bottom:.85rem;
}
.lede{font-size:1.15rem;color:var(--slate);max-width:46rem}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.section{padding:84px 0}
.section.tight{padding:56px 0}
.section.alt{background:var(--mist)}
.center{text-align:center}
.center .lede{margin-left:auto;margin-right:auto}

/* header */
.topbar{background:var(--navy-deep);color:#cfe0ec;font-size:.85rem}
.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:7px;padding-bottom:7px}
.topbar a{color:#fff;text-decoration:none;font-weight:600}
header.site{
  position:sticky;top:0;z-index:50;background:rgba(251,249,244,.94);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line);
}
.nav{display:flex;align-items:center;gap:28px;padding:14px 24px;max-width:var(--maxw);margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto}
.brand svg{width:34px;height:34px}
.brand .name{font-family:"Spectral",serif;font-weight:700;font-size:1.22rem;color:var(--navy)}
.brand .name span{color:var(--lake)}
.nav-links{display:flex;align-items:center;gap:22px;list-style:none}
.nav-links a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.92rem}
.nav-links a:hover{color:var(--lake)}
.nav-links a.active{color:var(--lake)}
.nav-links a.btn{color:#fff}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 10px;cursor:pointer}
.menu-btn svg{width:22px;height:22px;stroke:var(--navy)}

/* buttons */
.btn{
  display:inline-block;background:var(--navy);color:#fff;text-decoration:none;
  font-weight:700;font-size:.95rem;padding:13px 26px;border-radius:8px;border:0;cursor:pointer;
  transition:background .18s ease,transform .18s ease;
}
.btn:hover{background:var(--lake);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}
.btn.ghost:hover{background:var(--navy);color:#fff}
.btn.light{background:#fff;color:var(--navy)}
.btn.light:hover{background:var(--lake-soft)}
.btn-row{display:flex;gap:14px;flex-wrap:wrap}

/* hero */
.hero{background:linear-gradient(180deg,#F6FAFC 0%,var(--lake-soft) 100%);overflow:hidden;position:relative}
.hero .wrap{padding-top:84px;padding-bottom:0;position:relative;z-index:2;text-align:center}
.hero h1{max-width:21ch;margin:0 auto .9rem}
.hero .lede{margin:0 auto 1.8rem}
.hero .btn-row{justify-content:center;margin-bottom:24px}
.hero-art{margin-top:8px}
.hero-art svg{width:100%;height:auto}
@keyframes drift{0%{transform:translateX(0)}50%{transform:translateX(-18px)}100%{transform:translateX(0)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.cloud{animation:drift 14s ease-in-out infinite}
.cloud.slow{animation-duration:22s}
.boat{animation:bob 6s ease-in-out infinite;transform-origin:center}

/* page hero (interior) */
.page-hero{background:var(--navy);color:#E8F0F6;position:relative;overflow:hidden}
.page-hero .wrap{padding:72px 24px 64px;position:relative;z-index:2}
.page-hero h1{color:#fff}
.page-hero .lede{color:#C5D7E4}
.page-hero .eyebrow{color:#D9B98F}
.page-hero .waves{position:absolute;bottom:-2px;left:0;right:0;z-index:1;opacity:.5}

/* cards */
.grid{display:grid;gap:22px}
.grid.c3{grid-template-columns:repeat(3,1fr)}
.grid.c2{grid-template-columns:repeat(2,1fr)}
.grid.c4{grid-template-columns:repeat(4,1fr)}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 26px;
}
.card h3{margin:.4rem 0 .55rem}
.card p{color:var(--slate);font-size:.97rem}
.card .icon{width:46px;height:46px;border-radius:10px;background:var(--mist);
  display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.card .icon svg{width:24px;height:24px;stroke:var(--lake);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card.feature{border-top:4px solid var(--cedar)}

/* checklist */
ul.check{list-style:none;display:grid;gap:10px;margin-top:14px}
ul.check li{padding-left:30px;position:relative;color:var(--ink)}
ul.check li::before{
  content:"";position:absolute;left:0;top:.42em;width:16px;height:16px;border-radius:50%;
  background:var(--lake-soft);
}
ul.check li::after{
  content:"";position:absolute;left:4px;top:.62em;width:8px;height:5px;
  border-left:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(-45deg);
}

/* split layout */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.split .art{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}

/* wave divider */
.wave-rule{display:flex;justify-content:center;padding:6px 0 0}
.wave-rule svg{width:120px;height:14px}

/* CTA band */
.cta-band{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.cta-band .wrap{padding:72px 24px;text-align:center;position:relative;z-index:2}
.cta-band h2{color:#fff;margin-bottom:.6rem}
.cta-band p{color:#C5D7E4;max-width:44rem;margin:0 auto 1.6rem}
.cta-band .deco{position:absolute;inset:auto 0 0 0;opacity:.35}

/* forms */
form.inquiry{display:grid;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}
form.inquiry .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{font-weight:700;font-size:.86rem;color:var(--navy);display:grid;gap:6px}
label .opt{font-weight:500;color:var(--slate)}
input,textarea,select{
  font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);width:100%;
}
input:focus,textarea:focus,select:focus{outline:3px solid var(--lake-soft);border-color:var(--lake)}
.hidden{display:none}

/* contact info */
.info-list{display:grid;gap:14px;list-style:none}
.info-list li{display:flex;gap:12px;align-items:flex-start}
.info-list svg{width:20px;height:20px;stroke:var(--cedar);fill:none;stroke-width:1.8;flex-shrink:0;margin-top:4px;stroke-linecap:round;stroke-linejoin:round}
.info-list a{color:var(--navy);font-weight:600;text-decoration:none}
.info-list a:hover{color:var(--lake)}

/* rentals embed */
.embed-frame{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff}
.embed-frame iframe{width:100%;height:1100px;border:0;display:block}
.notice{background:var(--cedar-soft);border:1px solid #DCC6A8;border-radius:8px;padding:14px 18px;font-size:.92rem;color:#5d4528}

/* legal */
.legal h2{font-size:1.3rem;margin:2.2rem 0 .6rem}
.legal p,.legal li{color:var(--slate);font-size:.97rem}
.legal ul{padding-left:22px;margin:.5rem 0}
.legal .updated{font-size:.85rem;color:var(--slate)}

/* footer */
footer.site{background:var(--navy-deep);color:#B9CCDA;margin-top:0}
.foot-waves{background:var(--paper)}
.foot-waves svg{width:100%;height:auto;display:block}
footer .wrap{padding:56px 24px 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
footer h4{color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}
footer ul{list-style:none;display:grid;gap:9px}
footer a{color:#B9CCDA;text-decoration:none;font-size:.93rem}
footer a:hover{color:#fff}
footer p{font-size:.93rem}
.foot-brand .name{font-family:"Spectral",serif;font-weight:700;font-size:1.3rem;color:#fff}
.foot-brand .name span{color:#8FB8D4}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12)}
.foot-bottom .wrap{display:flex;justify-content:space-between;gap:16px;padding:18px 24px;font-size:.82rem;flex-wrap:wrap}
.eho{display:flex;align-items:center;gap:8px}
.eho svg{width:22px;height:22px;fill:#B9CCDA}

/* responsive */
@media(max-width:920px){
  .grid.c3,.grid.c4{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr;gap:36px}
  footer .wrap{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .section{padding:60px 0}
  .grid.c2,.grid.c3,.grid.c4{grid-template-columns:1fr}
  form.inquiry .row{grid-template-columns:1fr}
  form.inquiry{padding:24px}
  .topbar .wrap{justify-content:center;text-align:center}
  .menu-btn{display:block}
  .nav-links{
    display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);
    flex-direction:column;align-items:stretch;padding:16px 24px;border-bottom:1px solid var(--line);gap:14px;
  }
  .nav-links.open{display:flex}
  .embed-frame iframe{height:900px}
}