/* Nautilus: quiet boathouse colors and lightweight, static shell/waterline details. */
:root {
  --ink:#233d40;
  --pine:#123c43;
  --blue:#3e676a;
  --gold:#dfc89b;
  --brick:#89644b;
  --muted:#4f6262;
  --line:#d9dbce;
  --pale:#e8efeb;
  --linen:#f0e9dc;
  --paper:#faf7ef;
}
::selection {background:#cbded7;color:var(--pine)}
.site-header {
  background:#123c43f7;
  border-bottom-color:#dfc89b70;
  box-shadow:0 4px 24px #102f331a;
}
.brand-shell {width:42px;height:42px;flex-shrink:0}
.button.primary:hover {background:#28565b;box-shadow:0 5px 18px #123c4320}
.hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:radial-gradient(ellipse at 95% 85%,#d1e2dc90,transparent 60%),linear-gradient(125deg,#faf7ef,#f2ecdf 55%,#e6efeb);
}
.hero::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:url('/images/coastal-waterlines.svg') center bottom / max(100%,1000px) auto no-repeat;
  opacity:.55;
  pointer-events:none;
}
.hero-heading {position:relative;isolation:isolate}
.hero-heading::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:230px;height:230px;
  right:-30px;top:20px;
  background:url('/images/nautilus-emblem.svg') center / contain no-repeat;
  opacity:.16;
  pointer-events:none;
}
.cover-photo {outline:1px solid #d1c4aa;outline-offset:4px}
.winter-offer {
  background:radial-gradient(ellipse at top right,#49817d66,transparent 80%),var(--pine);
  border-color:#bba575;
  box-shadow:0 12px 32px #123c4314;
}
.winter-offer .offer-price>span,.winter-offer .offer-term {color:#e2ece6}
.hero-cost-link {margin-top:14px}
.hero-cost-link a {
  display:flex;flex-direction:column;align-items:flex-start;gap:5px;
  max-width:480px;padding:13px 16px;
  border-left:3px solid var(--brass);
  background:#e0eae3;
  text-decoration:none;
  color:var(--pine);
}
.hero-cost-link strong {font-size:.9375rem;font-weight:700;line-height:1.55}
.hero-cost-link a>span {font-size:.8125rem;font-weight:400;line-height:1.6;text-decoration:underline;text-underline-offset:4px}
.hero-cost-link a:hover {background:#d5e3dc}
.availability-note {background:#ebe8dc}
.gallery-wrap {
  background:radial-gradient(ellipse at 0% 20%,#dfd0b54d,transparent 60%),linear-gradient(145deg,#f4eee2,#ece4d4 60%,#faf6ed);
  border-top-color:#d9cdb6;
}
.gallery-note {color:var(--muted)}
.slideshow {box-shadow:0 16px 40px #34474514}
.photo-thumbnails {scrollbar-color:#8ba8a0 #e9efea}
.patio-shade {background:linear-gradient(90deg,#10383fef,#16464cb5 42%,#244c4b05 100%)}
.landscape-caption {background:#123c43cf}
.features-wrap {
  background:url('/images/coastal-waterlines.svg') center bottom / max(100%,1000px) auto no-repeat,radial-gradient(ellipse at 90% 0%,#45807b55,transparent 60%),var(--pine);
  border-top-color:#73948b;
}
.features-wrap .section-heading>p,.included-grid p {color:#e1ebe4}
.included-grid article {border-top-color:#80a29a80}
.plan-wrap {
  background-color:#f6f3ea;
  background-image:linear-gradient(#627e7908 1px,transparent 1px),linear-gradient(90deg,#627e7908 1px,transparent 1px);
}
.neighborhood-wrap {
  background:url('/images/coastal-waterlines.svg') center bottom / max(100%,1200px) auto no-repeat,radial-gradient(ellipse at 100% 0%,#cbded780,transparent 60%),linear-gradient(155deg,#edf2eb,#dfeae4);
}
.address-row,.map-result {border-color:#b7cbc1}
.address-card,.map-result,.map-home {background:var(--paper)}
.map-categories {border-bottom-color:#b6cac1}
.map-categories>button {background:#f4f6ee;border-color:#9eb8ae}
.map-place-group .map-controls>button {background:var(--paper);border-color:#b7cbc1;border-left-color:transparent}
.map-place-group .map-controls>button[aria-pressed=true] {background:var(--pine);border-color:var(--pine);border-left-color:var(--gold)}
.map-place-group .map-controls>button[aria-pressed=true]>span {color:#e2ece6}
.map-frame {background:#d4e1db;border-color:#a7c2b7}
.lease-flexibility,.cost-other-costs {background:#e4ebe2}
.provider-contact {
  background:url('/images/coastal-waterlines.svg') right center / 750px auto no-repeat,var(--pine);
  border-color:#bba575;
}
.rent-inclusions {
  margin-bottom:22px;
  padding:22px;
  background:url('/images/coastal-waterlines.svg') right center / 1000px auto no-repeat,linear-gradient(120deg,#123c43,#235957);
  border:1px solid #bba575;
  border-top:3px solid var(--gold);
  color:#fffdf5;
}
.inclusions-heading {display:flex;align-items:baseline;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin-bottom:16px}
.inclusions-heading h3 {font-family:var(--serif);font-size:1.85rem;font-weight:400;letter-spacing:-.025em;line-height:1.25}
.inclusions-heading p {font-size:.875rem;font-weight:600;line-height:1.6;color:#f0dfbb}
.rent-inclusions .cost-inclusions li {
  padding:15px 14px;gap:12px;
  background:#ffffff09;
  border-color:#dfc89b66;
}
.rent-inclusions .cost-inclusions li>span {color:var(--gold);border-color:#dfc89b99}
.rent-inclusions .cost-inclusions strong {color:#fffdf5;font-size:1.0625rem}
.rent-inclusions .cost-inclusions li>div>span {color:#f0dfbb;font-weight:600;letter-spacing:.025em}
.cost-results-panel {background:radial-gradient(ellipse at top right,#49817d55,transparent 70%),var(--pine)}
.cost-term-note,.cost-total>span,.cost-breakdown dt,.cost-upfront>p,.cost-payment-note {color:#e2ece6}
.cost-deposit-total dt {color:var(--gold)}
.site-footer {
  background:url('/images/coastal-waterlines.svg') center bottom / max(100%,1000px) auto no-repeat,#10343a;
  border-top-color:#bba575;
}
.footer-inner>p,.footer-bottom {color:#d8e5dc}
.site-footer .brand-name {border-color:#91aca080}
.photo-dialog {background:#102f35;border-color:#648d88}
.photo-dialog::backdrop {background:#0c242af5}
.dialog-top p {color:#d8e5dc}
@media(max-width:640px) {
  .brand-shell {width:32px;height:32px}
  .hero-heading::after {width:180px;height:180px;right:-10px;top:10px;opacity:.12}
  .cover-photo {outline-offset:2px}
  .hero-cost-link a {padding:12px 14px}
  .patio-shade {background:linear-gradient(0deg,#10383ff7 0%,#16464cc9 44%,#244c4b05 100%)}
  .landscape-caption {background:transparent}
  .rent-inclusions {padding:18px 14px}
  .inclusions-heading {margin-bottom:14px;gap:6px 16px}
  .inclusions-heading h3 {font-size:1.65rem}
  .rent-inclusions .cost-inclusions li {align-items:flex-start;gap:8px;padding:13px 10px}
  .rent-inclusions .cost-inclusions strong {font-size:.9375rem}
}
@media(max-width:380px) {
  .brand-shell {width:30px;height:30px}
  .rent-inclusions .cost-inclusions li {flex-direction:column;gap:8px}
  .rent-inclusions .cost-inclusions strong {font-size:.875rem}
}