/* Option A, Harbor: sea-mist ground, harbor navy, brass. Marcellus over Source Serif. */
:root{--bg:#F4F6F5;--bg2:#E7EDEB;--ink:#13283A;--muted:#4E5B69;--line:#C9D3D4;--accent:#9C7A3E;--accent-ink:#fff;--accent-text:#7A5A24;
--btn-bg:#13283A;--btn-ink:#fff;--btn-hover:#1F3B52;--hdr-bg:#13283A;--hdr-ink:#F2EEE5;--hdr-muted:#B7C2CC;--hdr-line:#13283A;--mark:#C9A868;--nav-on:#fff;
--card-bg:#fff;--status-bg:#fff;--status-ink:#13283A;--foot-bg:#0F2030;--foot-ink:#ECE7DC;--foot-muted:#AEB9C3;--foot-line:#26394B;
--display:'Marcellus',Georgia,serif;--body:'Source Serif 4',Georgia,serif;--ui:'Source Serif 4',Georgia,serif;--focus:#9C7A3E}
.main-nav a[aria-current]{border-bottom-color:#C9A868}
/* light pages: old content out .12s, new in .22s */
@media (prefers-reduced-motion: no-preference){
  ::view-transition-old(root){animation:.12s ease-in both pt-out}
  ::view-transition-new(root){animation:.22s ease-out .12s both pt-in}
  @keyframes pt-out{to{opacity:0}}@keyframes pt-in{from{opacity:0}}
}
h1,h2{letter-spacing:.005em}
.hero-a{position:relative;height:min(84vh,780px);min-height:520px;overflow:hidden;background:#DCE3E6}
.hero-a .hero-ph,.hero-a .hero-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-a .hero-copy{position:relative;z-index:1;padding-top:clamp(48px,9vh,110px)}
.hero-a h1{font-size:clamp(46px,5.6vw,82px);line-height:1.03;max-width:9.5em;margin:0 0 18px;color:#13283A}
.hero-a .hero-copy p{max-width:30em;font-size:21px;color:#22384B}
.search-band{position:relative;z-index:2;margin-top:-56px}
.search-band .search{box-shadow:0 20px 40px -28px rgba(19,40,58,.6);border-color:#fff}
.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:64px;align-items:end;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='300' viewBox='0 0 600 300'%3E%3Cg fill='none' stroke='%239FB4BC' stroke-width='1' opacity='.4'%3E%3Cpath d='M0 260c80-30 140-10 220-40s150-70 240-50 110 10 140 0'/%3E%3Cpath d='M0 220c70-20 150-10 230-45s150-60 230-45 100 10 140 0'/%3E%3Cpath d='M0 180c90-25 160-5 240-45s140-55 220-40 100 10 140 0'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 bottom -20px;background-size:min(560px,52%);padding-bottom:96px}
.intro h2{font-size:clamp(34px,3.6vw,48px)}
.intro-text p{font-size:20px}
.spot{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:#13283A;color:#F2EEE5}
.spot-ph{min-height:560px}.spot-ph img{width:100%;height:100%;object-fit:cover}
.spot-copy{padding:64px clamp(28px,5vw,72px);align-self:center}
.spot .kicker{color:#C9A868;font-size:18px;margin-bottom:10px}
.spot h2{font-size:clamp(34px,3.4vw,46px)}
.spot .water-facts{border-color:#33506A}.spot .water-facts div{border-color:#33506A}.spot .water-facts dt{color:#B7C2CC}
.spot .btn{border-color:#C9A868;color:#F2EEE5}.spot .btn:hover{background:rgba(201,168,104,.15)}
.cta-band{background:#13283A;color:#F2EEE5}
.cta-band .btn.solid{background:#C9A868;border-color:#C9A868;color:#13283A}
.cta-band .btn.solid:hover{background:#D9BD85}
.status{border:1px solid rgba(19,40,58,.15)}
.saved{color:var(--hdr-ink)}.saved.has{color:#E2C58D;--heart-fill:#E2C58D}
.menu-btn{color:var(--hdr-ink)}
.stats dt{color:#13283A}
@media (max-width:900px){
  .hero-a{height:auto;min-height:0;display:flex;flex-direction:column}
  .hero-a .hero-ph{position:relative;order:2;height:58vw;min-height:300px}
  .hero-a .hero-copy{order:1;padding-top:36px;padding-bottom:28px}
  .search-band{margin-top:0;padding-top:20px}
  .intro{grid-template-columns:minmax(0,1fr);gap:28px;background-size:90%}
  .spot{grid-template-columns:minmax(0,1fr)}.spot-ph{min-height:0;aspect-ratio:3/2}
  .spot-copy{padding:40px 24px}
}
@media (max-width:640px){.hero-a h1{font-size:44px}.hero-a .hero-copy p{font-size:19px}.spot-copy{padding:36px 16px}}