/* Seasonal Northern Networks styling. Remove this file after the Christmas period. */
:root {
  --bg: #fbfaf6;
  --surface: #fffefa;
  --surface-2: #f1eee5;
  --ink: #1d3026;
  --muted: #526157;
  --line: #ded8ca;
  --navy: #173a2c;
  --navy-ink: #fffdf7;
  --navy-muted: #e4e9e2;
  --cta: #8d2733;
  --cta-hover: #70202a;
  --cta-ink: #ffffff;
  --moss: #27583d;
  --moss-soft: #e8efe8;
  --warn-soft: #fff5e5;
  --focus: #c4933b;
  --shadow: 0 2px 4px rgba(23, 58, 44, 0.06), 0 12px 32px rgba(23, 58, 44, 0.08);
  color-scheme: light;
}

.site-head {
  background: rgba(255, 254, 250, 0.96);
  border-bottom: 1px solid #c8b47d;
  box-shadow: 0 3px 14px rgba(19, 48, 35, 0.06);
}
.seasonal-strip {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  min-height: 2.25rem;
  padding: 0.35rem 1rem;
  color: #fffaf0;
  background: linear-gradient(90deg, #153b2b, #20543a 50%, #153b2b);
  border-bottom: 3px solid #9b2935;
  font-family: var(--head);
  font-size: 0.75rem;
  letter-spacing: 0.045em;
  text-align: center;
}
.seasonal-sub {
  color: #e8d5a6;
  font-family: var(--body);
  letter-spacing: 0.01em;
}
.brand svg rect { fill: #174431; }
.site-nav a:not(.btn) { color: #243b2d; }
.site-nav a:not(.btn):hover { color: var(--cta); }
.btn.light {
  background: #fffaf0;
  color: #173a2c;
  border-color: #dfc98c;
}
.btn.light:hover { background: #f2e8cd; color: #173a2c; }
.btn.ghost { border-color: rgba(255, 250, 240, 0.75); }
.eyebrow { color: var(--moss); }
.site-foot { background: #153b2b; }
.callout { background: #174431; }

.hero.home-hero {
  display: flex;
  align-items: center;
  min-height: clamp(31rem, 58vw, 39rem);
  background-color: #173a2c;
  background-image: url("/images/home-estate-header.webp");
  background-size: cover;
  background-position: center 53%;
}
.hero.home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(14, 41, 29, 0.18) 0%, rgba(14, 41, 29, 0.48) 44%, rgba(14, 41, 29, 0.86) 100%);
}
.hero.home-hero .hero-art { display: none; }
.hero.home-hero .wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
  z-index: 1;
}
.hero.home-hero .wrap > * { width: min(100%, 34rem); }
.hero.home-hero h1 { text-wrap: balance; }
.hero.home-hero p { color: #f4f3ec; }
.hero.home-hero .eyebrow { color: #f2dca5; }
.hero.home-hero .hero-actions { margin-top: 1.25rem; }

.hero.small.estate-hero {
  background-color: #173a2c;
  background-image: linear-gradient(90deg, rgba(13, 41, 29, 0.82), rgba(13, 41, 29, 0.48) 64%, rgba(13, 41, 29, 0.22)), url("/images/estate-grounds.webp");
  background-size: cover;
  background-position: center 53%;
}
.hero.small.estate-hero p { color: #f3f1e9; }
.hero.small.estate-hero .eyebrow { color: #f2dca5; }

@media (max-width: 700px) {
  .seasonal-strip { flex-direction: column; gap: 0.05rem; padding: 0.45rem 0.8rem; line-height: 1.35; }
  .hero.home-hero { background-position: 34% center; }
  .hero.home-hero::before { background: linear-gradient(90deg, rgba(14, 41, 29, 0.78), rgba(14, 41, 29, 0.50)); }
  .hero.home-hero .wrap { align-items: flex-start; padding-top: 4rem; padding-bottom: 4rem; }
  .hero.small.estate-hero { background-position: 42% center; }
}