@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Franklin:wght@500;600;700;800&display=swap');

:root {
  --navy: #174b75;
  --navy-deep: #0d304d;
  --green: #238750;
  --green-deep: #16653a;
  --cream: #f7f4eb;
  --paper: #fffdf8;
  --ink: #17242e;
  --muted: #60717e;
  --line: rgba(23, 75, 117, .14);
  --gold: #d8af59;
  --danger: #a9382d;
  --shadow: 0 22px 60px rgba(10, 43, 66, .12);
  --radius: 22px;
  --container: min(1180px, calc(100% - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
img { max-width: 100%; display: block; }
button, a { -webkit-tap-highlight-color: transparent; }

.skip-link {
  position: fixed;
  left: 16px;
  top: 12px;
  z-index: 2000;
  transform: translateY(-150%);
  background: #fff;
  color: var(--navy-deep);
  padding: 10px 14px;
  border-radius: 8px;
  font-weight: 700;
}
.skip-link:focus { transform: none; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  transition: background .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
}
.site-header::after { display: none; }
.site-header.scrolled {
  background: rgba(255,253,248,.97);
  backdrop-filter: blur(18px);
  box-shadow: 0 8px 28px rgba(4,29,47,.11);
}
.header-inner {
  position: relative;
  width: var(--container);
  margin: 0 auto;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  transition: min-height .3s ease;
}
.site-header.scrolled .header-inner { min-height: 64px; }
.brand {
  position: relative;
  z-index: 3;
  isolation: isolate;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-top: 18px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-decoration: none;
  transform: translateY(12px);
  transition: transform .3s ease;
}
.brand::before { display:none; }
.brand img {
  position:relative;
  z-index:1;
  width: 282px;
  max-height: 136px;
  object-fit: contain;
  filter: none;
  transition: width .3s ease;
}
.site-header.scrolled .brand {
  padding:10px 14px 12px;
  background:#fff;
  border:1px solid rgba(9,40,63,.10);
  border-radius:11px;
  box-shadow:0 14px 34px rgba(4,29,47,.18);
  transform:translateY(32px);
}
.site-header.scrolled .brand img { width: 206px; }
.desktop-nav {
  display:flex;
  align-items:center;
  gap:4px;
  transition:background .3s ease, box-shadow .3s ease, padding .3s ease;
}
.site-header.scrolled .desktop-nav {
  background:transparent;
  padding:0;
  border-radius:0;
  box-shadow:none;
}
.site-header.scrolled .desktop-nav a {
  color:var(--navy-deep);
  padding:14px 11px 13px;
}
.desktop-nav a {
  position:relative;
  color:white;
  text-decoration:none;
  font-family:'Libre Franklin',sans-serif;
  font-size:.84rem;
  font-weight:700;
  letter-spacing:.025em;
  padding:12px 11px 13px;
  border-radius:0;
  opacity:.94;
  transition:color .2s ease,opacity .2s ease;
}
.desktop-nav a::after {
  content:'';
  position:absolute;
  left:50%;
  bottom:5px;
  width:0;
  height:2px;
  border-radius:2px;
  background:var(--gold);
  transform:translateX(-50%);
  transition:width .24s cubic-bezier(.22,.61,.36,1),background .2s ease;
}
.desktop-nav a:hover,
.desktop-nav a:focus-visible,
.desktop-nav a[aria-current='page'] {
  background:transparent;
  opacity:1;
}
.desktop-nav a:hover::after,
.desktop-nav a:focus-visible::after,
.desktop-nav a[aria-current='page']::after {
  width:calc(100% - 22px);
}
.site-header.scrolled .desktop-nav a::after { background:var(--green); }
.desktop-nav .contact-nav {
  background: white;
  color: var(--navy-deep);
  margin-left: 4px;
  padding-inline: 16px;
}
.desktop-nav .contact-nav:hover { background: var(--cream); }

.menu-toggle {
  display: none;
  appearance: none;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(255,255,255,.08);
  color: white;
  border-radius: 999px;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.menu-toggle span, .menu-toggle span::before, .menu-toggle span::after {
  display: block;
  width: 22px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: transform .25s ease, opacity .25s ease;
}
.menu-toggle span { position: relative; }
.menu-toggle span::before, .menu-toggle span::after { content:''; position:absolute; left:0; }
.menu-toggle span::before { top:-7px; }
.menu-toggle span::after { top:7px; }
.menu-toggle[aria-expanded='true'] span { background: transparent; }
.menu-toggle[aria-expanded='true'] span::before { top:0; transform: rotate(45deg); }
.menu-toggle[aria-expanded='true'] span::after { top:0; transform: rotate(-45deg); }

.mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 990;
  background: linear-gradient(150deg, var(--navy-deep), #153f61 62%, var(--green-deep));
  color: white;
  display: grid;
  align-content: center;
  padding: 150px 28px 46px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-12px);
  transition: opacity .25s ease, transform .25s ease;
}
.mobile-menu.open { opacity: 1; pointer-events: auto; transform: none; }
.mobile-menu nav { display: grid; gap: 3px; }
.mobile-menu nav a {
  color: white;
  text-decoration: none;
  font-family: 'Libre Franklin', sans-serif;
  font-size: clamp(1.5rem, 8vw, 2.4rem);
  font-weight: 700;
  line-height: 1.15;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.14);
}
.mobile-menu .menu-meta { margin-top: 30px; color: rgba(255,255,255,.74); font-size: .92rem; }

.hero {
  position: relative;
  min-height: 100svh;
  display: grid;
  align-items: end;
  overflow: hidden;
  color: white;
  background: var(--navy-deep);
}
.hero::before, .subhero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('assets/robinson-hero.webp');
  background-size: cover;
  background-position: center;
  transform: translate3d(0, var(--hero-shift, 0px), 0) scale(1.10);
  transform-origin: center;
  will-change: transform;
}
.hero::before {
  background-image: url('robinson1.webp');
  background-position: center center;
}

.hero::after, .subhero::after {
  content:'';
  position:absolute;
  inset:0;
  background: none;
  pointer-events:none;
}
.hero::after {
  background: none;
}
.hero-content {
  position: relative;
  z-index: 2;
  width: var(--container);
  margin: 0 auto;
  padding: 190px 0 88px;
  max-width: 1180px;
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'Libre Franklin', sans-serif;
  font-size: .77rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .17em;
  color: inherit;
}
.eyebrow::before { content:''; width: 38px; height: 2px; background: var(--gold); }
h1, h2, h3 {
  font-family: 'Libre Franklin', sans-serif;
  margin: 0;
  line-height: 1.03;
  letter-spacing: -.04em;
}
h1 { font-size: clamp(3.4rem, 8vw, 7.4rem); max-width: 900px; margin-top: 20px; }
.hero h1 strong { font-weight: 800; }
.hero-lede { max-width: 670px; font-size: clamp(1.07rem, 2vw, 1.3rem); color: rgba(255,255,255,.9); margin: 24px 0 0; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top: 34px; }
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height: 50px;
  padding: 13px 20px;
  border-radius: 999px;
  text-decoration:none;
  border:1px solid transparent;
  font-weight:700;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary { background:white; color:var(--navy-deep); }
.button-primary:hover { background:var(--cream); }
.button-ghost { color:white; border-color:rgba(255,255,255,.45); background:rgba(255,255,255,.07); }
.button-ghost:hover { background:rgba(255,255,255,.15); }
.button-dark { background:var(--navy-deep); color:white; }
.button-outline { color:var(--navy-deep); border-color:rgba(23,75,117,.28); background:transparent; }

.subhero {
  position: relative;
  min-height: 570px;
  display: grid;
  align-items: end;
  color: white;
  overflow: hidden;
  background: var(--navy-deep);
}
.subhero::before { background-position: center 55%; filter: none; }
.subhero-content { position:relative; z-index:2; width:var(--container); margin:0 auto; padding:190px 0 72px; }
.subhero h1 { font-size: clamp(3.2rem, 7vw, 6.4rem); max-width: 850px; }
.subhero p { max-width: 680px; color:rgba(255,255,255,.88); font-size:1.12rem; margin:22px 0 0; }

main { overflow: clip; }
.section { padding: 96px 0; }
.section-tight { padding: 68px 0; }
.container { width: var(--container); margin: 0 auto; }
.grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(34px,6vw,90px); align-items:start; }
.grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.section-head { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:50px; align-items:end; margin-bottom:48px; }
.section-head h2, .content-title { font-size: clamp(2.3rem, 4.4vw, 4.2rem); color:var(--navy-deep); }
.section-head p { margin:0; color:var(--muted); font-size:1.08rem; }
.prose { max-width: 780px; }
.prose p { margin:0 0 1.15em; color:#334854; font-size:1.04rem; }
.prose p:last-child { margin-bottom:0; }
.kicker { color:var(--green-deep); font-family:'Libre Franklin'; font-weight:800; letter-spacing:.14em; text-transform:uppercase; font-size:.74rem; margin-bottom:14px; }

.quick-services { margin-top:-42px; position:relative; z-index:5; }
.quick-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.quick-card {
  min-height: 174px;
  padding:24px;
  background:white;
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:0 16px 45px rgba(7,43,68,.11);
  border-radius:18px;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.quick-card:hover { transform:translateY(-5px); border-color:rgba(35,135,80,.35); box-shadow:0 24px 50px rgba(7,43,68,.15); }
.quick-card small { color:var(--green-deep); font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.quick-card strong { font-family:'Libre Franklin'; font-size:1.08rem; line-height:1.15; color:var(--navy-deep); }
.quick-card .arrow { font-size:1.25rem; color:var(--green); }

.feature-band { background:var(--cream); border-block:1px solid rgba(23,75,117,.08); }
.fact-list { display:grid; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.fact { background:white; padding:24px; display:grid; grid-template-columns:44px 1fr; gap:16px; }
.fact-num { color:var(--green); font-family:'Libre Franklin'; font-weight:800; font-size:1.2rem; }
.fact strong { display:block; color:var(--navy-deep); margin-bottom:4px; }
.fact span { color:var(--muted); }

.alert-card {
  border-radius:var(--radius);
  padding:34px;
  background:linear-gradient(145deg,#882c24,#b23f33);
  color:white;
  box-shadow:var(--shadow);
}
.alert-card .alert-label { text-transform:uppercase; letter-spacing:.16em; font-weight:800; font-size:.75rem; opacity:.82; }
.alert-card h2 { font-size:clamp(2.7rem,5vw,5rem); margin:9px 0 12px; color:white; }
.alert-card p { margin:0; color:rgba(255,255,255,.88); }
.alert-card a { color:white; font-weight:700; }

.card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.card { background:white; border:1px solid var(--line); border-radius:var(--radius); padding:28px; box-shadow:0 10px 36px rgba(7,43,68,.05); }
.card h3 { font-size:1.4rem; color:var(--navy-deep); margin-bottom:10px; }
.card p { margin:0; color:var(--muted); }
.card .meta { color:var(--green-deep); font-size:.82rem; text-transform:uppercase; letter-spacing:.1em; font-weight:800; margin-bottom:10px; }
.card a:not(.button) { color:var(--navy); font-weight:700; }
.member-card { min-height:235px; display:flex; flex-direction:column; }
.member-card .role { color:var(--green-deep); font-weight:700; margin:7px 0 18px; }
.member-card .contact-lines { margin-top:auto; display:grid; gap:5px; }
.member-card .term { color:var(--muted); font-size:.92rem; margin-top:auto; padding-top:12px; }

.info-panel { background:var(--navy-deep); color:white; border-radius:var(--radius); padding:36px; }
.info-panel h2, .info-panel h3 { color:white; }
.info-panel p, .info-panel li { color:rgba(255,255,255,.82); }
.info-panel a { color:white; }

.document-list { display:grid; gap:12px; }
.document-link { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 22px; border:1px solid var(--line); border-radius:16px; text-decoration:none; background:white; }
.document-link:hover { border-color:rgba(35,135,80,.4); }
.document-link strong { color:var(--navy-deep); }
.document-link span { color:var(--green); font-weight:800; }

.hours { width:100%; border-collapse:collapse; background:white; border-radius:18px; overflow:hidden; border:1px solid var(--line); }
.hours th, .hours td { padding:14px 18px; border-bottom:1px solid var(--line); text-align:left; }
.hours tr:last-child th, .hours tr:last-child td { border-bottom:none; }
.hours th { color:var(--navy-deep); font-family:'Libre Franklin'; }
.hours td { color:var(--muted); }

.facility-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:26px; }
.stat { border:1px solid var(--line); border-radius:16px; padding:20px; background:white; }
.stat strong { display:block; color:var(--navy-deep); font-size:1.55rem; font-family:'Libre Franklin'; }
.stat span { color:var(--muted); font-size:.9rem; }

.calendar-wrap { background:var(--cream); border-radius:30px; padding:clamp(18px,4vw,44px); border:1px solid var(--line); }
.calendar-wrap img { width:min(100%, 960px); margin:0 auto; border-radius:12px; box-shadow:var(--shadow); }

.callout { border-left:5px solid var(--green); background:#eef7f1; border-radius:0 18px 18px 0; padding:26px 28px; }
.callout h3 { color:var(--green-deep); font-size:1.35rem; margin-bottom:8px; }
.callout p { margin:0; color:#385848; }
.callout.warning { border-color:var(--danger); background:#fbefed; }
.callout.warning h3 { color:#872b24; }
.callout.warning p { color:#65403c; }

.split-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.service-box { padding:30px; border:1px solid var(--line); border-radius:var(--radius); background:white; }
.service-box h2 { color:var(--navy-deep); font-size:clamp(1.8rem,3vw,2.5rem); margin-bottom:16px; }
.service-box ul { padding-left:20px; color:#40535d; }
.service-box li + li { margin-top:9px; }

.contact-strip { background:linear-gradient(135deg,var(--navy-deep),#164f77 62%,var(--green-deep)); color:white; }
.contact-strip .container { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.contact-strip h2 { color:white; font-size:clamp(2rem,4vw,3.6rem); max-width:740px; }
.contact-strip p { color:rgba(255,255,255,.78); max-width:680px; }

.site-footer {
  background:
    linear-gradient(180deg, rgba(9,40,63,.91), rgba(9,40,63,.96)),
    linear-gradient(90deg, rgba(9,40,63,.28), rgba(9,40,63,.06)),
    url('robinson1.webp') center 58% / cover no-repeat;
  color:rgba(255,255,255,.76);
  padding:76px 0 30px;
}
.footer-grid {
  display:grid;
  grid-template-columns:minmax(280px,1.15fr) minmax(420px,1.35fr);
  gap:clamp(50px,8vw,110px);
  align-items:start;
}
.footer-brand {
  max-width:440px;
}
.footer-brand img {
  width:240px;
  margin-bottom:24px;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.18));
}
.footer-brand .footer-location {
  display:inline-block;
  margin-bottom:12px;
  color:var(--gold);
  font-family:'Libre Franklin',sans-serif;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.footer-brand p {
  max-width:410px;
  margin:0;
  font-size:.98rem;
  line-height:1.7;
}
.footer-info {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(32px,5vw,64px);
}
.site-footer h3 {
  color:white;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.15em;
  margin:4px 0 20px;
}
.site-footer nav {
  display:grid;
  gap:0;
}
.site-footer nav a {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.84);
  text-decoration:none;
  transition:color .2s ease, padding-left .2s ease;
}
.site-footer nav a::after {
  content:'↗';
  color:rgba(255,255,255,.35);
  font-size:.88rem;
}
.site-footer nav a:hover {
  color:white;
  padding-left:4px;
  text-decoration:none;
}
.site-footer nav a:hover::after { color:var(--gold); }
.footer-contact-note {
  margin:18px 0 0;
  color:rgba(255,255,255,.58);
  font-size:.86rem;
  line-height:1.55;
}
.footer-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  border-top:1px solid rgba(255,255,255,.12);
  margin-top:58px;
  padding-top:24px;
  font-size:.84rem;
}
.footer-credit { text-align:right; }

.reveal {
  opacity:0;
  transform:translateY(14px);
  transition:
    opacity .62s cubic-bezier(.22,.61,.36,1),
    transform .62s cubic-bezier(.22,.61,.36,1);
  transition-delay:var(--reveal-delay,0ms);
}
.reveal.visible { opacity:1; transform:none; }

.hero-content > *,
.subhero-content > * {
  opacity:0;
  transform:translateY(16px);
  animation:hero-enter .72s cubic-bezier(.22,.61,.36,1) forwards;
}
.hero-content > *:nth-child(2),
.subhero-content > *:nth-child(2) { animation-delay:.08s; }
.hero-content > *:nth-child(3),
.subhero-content > *:nth-child(3) { animation-delay:.16s; }
.hero-content > *:nth-child(4),
.subhero-content > *:nth-child(4) { animation-delay:.24s; }

@keyframes hero-enter {
  to { opacity:1; transform:none; }
}

@media (max-width: 1080px) {
  .desktop-nav { display:none; }
  .menu-toggle { display:flex; position:relative; z-index:4; margin-left:auto; }
  .header-inner { min-height:108px; justify-content:flex-end; }
  .site-header.scrolled .header-inner { min-height:62px; }
  .brand {
    position:absolute;
    left:50%;
    top:0;
    margin-top:10px;
    padding:0;
    transform:translate(-50%, 8px);
  }
  .brand img { width:228px; }
  .site-header.scrolled .brand {
    padding:9px 12px 10px;
    background:#fff;
    border:1px solid rgba(9,40,63,.10);
    border-radius:10px;
    box-shadow:0 12px 28px rgba(4,29,47,.16);
    transform:translate(-50%, 28px);
  }
  .site-header.scrolled .brand img { width:176px; }
  .site-header.scrolled .menu-toggle {
    color:var(--navy-deep);
    background:transparent;
    border-color:rgba(9,40,63,.18);
    box-shadow:none;
  }
  .quick-grid { grid-template-columns:repeat(3,1fr); }
  .card-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 760px) {
  :root { --container: min(100% - 28px, 1180px); }
  .header-inner { min-height:104px; }
  .site-header.scrolled .header-inner { min-height:60px; }
  .brand {
    margin-top:8px;
    padding:0;
    border-radius:0;
    transform:translate(-50%, 8px);
  }
  .brand img { width:218px; }
  .site-header.scrolled .brand {
    padding:8px 11px 9px;
    transform:translate(-50%, 27px);
  }
  .site-header.scrolled .brand img { width:168px; }
  .menu-toggle { width:48px; height:48px; }
  .hero { min-height:820px; }
  .hero::before { background-position:55% center; background-image: url('robinson1.webp'); }
  .hero-content { padding:160px 0 74px; }
  h1 { font-size:clamp(3rem,15vw,5rem); }
  .hero-lede { font-size:1.04rem; }
  .quick-services { margin-top:-26px; }
  .quick-grid { grid-template-columns:1fr 1fr; }
  .quick-card { min-height:142px; padding:20px; }
  .quick-card:last-child { grid-column:span 2; }
  .section, .section-tight { padding:72px 0; }
  .section-head, .grid-2, .split-list, .footer-grid { grid-template-columns:1fr; gap:36px; }
  .footer-brand { max-width:520px; }
  .footer-info { grid-template-columns:1fr 1fr; gap:28px; }
  .section-head { margin-bottom:34px; }
  .card-grid { grid-template-columns:1fr; }
  .facility-stats { grid-template-columns:1fr 1fr; }
  .subhero { min-height:450px; }
  .subhero-content { padding:154px 0 56px; }
  .contact-strip .container { display:grid; }
  .footer-bottom { display:grid; }
  .footer-credit { text-align:left; }
}

@media (max-width: 430px) {
  .brand img { width:198px; }
  .site-header.scrolled .brand::before { width:106px; height:106px; }
  .site-header.scrolled .brand img { width:142px; }
  .menu-toggle { width:44px; height:44px; }
  .footer-info { grid-template-columns:1fr; gap:30px; }
  .footer-brand img { width:215px; }
  .quick-grid { grid-template-columns:1fr; }
  .quick-card:last-child { grid-column:auto; }
  .facility-stats { grid-template-columns:1fr; }
  .button { width:100%; }
  .hero-actions { display:grid; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
  .reveal, .hero-content > *, .subhero-content > * { opacity:1; transform:none; }
  .hero, .subhero { --hero-shift:0px !important; }
}


/* Civic dashboard: public notices, weather and live fire conditions */
.civic-dashboard {
  background:
    linear-gradient(180deg, rgba(247,244,235,.78), rgba(255,253,248,.96)),
    radial-gradient(circle at 85% 10%, rgba(35,135,80,.08), transparent 35%);
  border-bottom:1px solid rgba(23,75,117,.08);
}
.dashboard-head { margin-bottom:34px; }

.notice-card {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  padding:26px 30px;
  border:1px solid rgba(23,75,117,.14);
  border-left:5px solid var(--gold);
  border-radius:20px;
  background:white;
  box-shadow:0 14px 40px rgba(7,43,68,.08);
}
.notice-date {
  width:82px;
  min-width:82px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  align-content:center;
  border-radius:16px;
  color:white;
  background:var(--navy-deep);
  box-shadow:0 10px 24px rgba(9,40,63,.18);
  line-height:1;
}
.notice-month {
  margin-bottom:4px;
  font-family:'Libre Franklin',sans-serif;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.74);
}
.notice-date strong {
  font-family:'Libre Franklin',sans-serif;
  font-size:2rem;
}
.notice-label {
  margin-bottom:6px;
  color:var(--green-deep);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.notice-copy h3 {
  color:var(--navy-deep);
  font-size:clamp(1.5rem,3vw,2.15rem);
  letter-spacing:-.03em;
}
.notice-copy p {
  margin:7px 0 0;
  color:var(--muted);
  font-size:1rem;
}
.notice-link {
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  color:var(--navy-deep);
  font-weight:800;
  text-decoration:none;
}
.notice-link:hover { color:var(--green-deep); }

.conditions-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:22px;
}
.condition-card {
  min-width:0;
  padding:28px;
  border:1px solid var(--line);
  border-radius:24px;
  background:white;
  box-shadow:0 12px 36px rgba(7,43,68,.06);
  overflow:hidden;
}
.condition-card-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
}
.condition-label {
  margin-bottom:6px;
  color:var(--green-deep);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.condition-card h3 {
  color:var(--navy-deep);
  font-size:clamp(1.6rem,3vw,2.25rem);
}
.live-indicator {
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  background:#edf7f0;
  color:var(--green-deep);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.live-indicator span {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 4px rgba(35,135,80,.12);
}
.fire-live {
  background:#fbefed;
  color:#8f3027;
}
.fire-live span {
  background:#b23f33;
  box-shadow:0 0 0 4px rgba(178,63,51,.12);
}
.widget-shell {
  min-height:210px;
  display:grid;
  align-items:center;
  overflow:hidden;
  border-radius:15px;
}
.widget-shell .tomorrow {
  width:100% !important;
  max-width:100% !important;
}
.widget-shell iframe {
  max-width:100% !important;
}
.condition-action {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--line);
  color:var(--navy-deep);
  font-weight:800;
  text-decoration:none;
}
.condition-action:hover { color:var(--green-deep); }

.fire-safety-section { background:var(--paper); }
.emergency-card {
  border-radius:var(--radius);
  padding:34px;
  background:linear-gradient(145deg,#812a23,#a83b31);
  color:white;
  box-shadow:var(--shadow);
}
.emergency-icon {
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  background:rgba(255,255,255,.1);
  font-family:'Libre Franklin',sans-serif;
  font-size:1.35rem;
  font-weight:800;
}
.emergency-card .alert-label {
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:800;
  font-size:.72rem;
  color:rgba(255,255,255,.72);
}
.emergency-card h2 {
  margin:8px 0 12px;
  color:white;
  font-size:clamp(2.5rem,5vw,4.5rem);
}
.emergency-card p { color:rgba(255,255,255,.86); }
.emergency-card p a { color:white; font-weight:800; }
.emergency-card .button { margin-top:10px; }

@media (max-width: 760px) {
  .notice-card {
    grid-template-columns:auto 1fr;
    gap:18px;
    padding:22px;
  }
  .notice-date {
    width:68px;
    min-width:68px;
  }
  .notice-date strong { font-size:1.7rem; }
  .notice-link {
    grid-column:1 / -1;
    justify-content:space-between;
    padding-top:14px;
    border-top:1px solid var(--line);
  }
  .conditions-grid { grid-template-columns:1fr; }
  .condition-card { padding:22px; }
}

@media (max-width: 430px) {
  .notice-card { grid-template-columns:1fr; }
  .notice-date {
    width:64px;
    min-width:64px;
  }
  .condition-card-head { align-items:center; }
  .live-indicator { padding:6px 8px; }
}


/* Sticky header + civic live-data refinements */
.site-header.scrolled {
  background:#09283f;
  box-shadow:0 10px 28px rgba(4,29,47,.22);
}
.site-header.scrolled .desktop-nav {
  background:transparent;
  padding:0;
  border-radius:0;
  box-shadow:none;
}
@media (min-width:1081px) {
  .brand {
    width:282px;
    justify-content:center;
  }
  .site-header.scrolled .brand {
    transform:translateY(28px);
  }
  .site-header.scrolled .brand::before {
    width:218px;
    height:218px;
    opacity:1;
    border:1px solid rgba(255,255,255,.08);
    background:#09283f;
  }
  .site-header.scrolled .brand img {
    width:194px;
  }
}
@media (max-width:1080px) {
  .site-header.scrolled .brand {
    transform:translate(-50%, 28px);
  }
  .site-header.scrolled .brand::before {
    width:188px;
    height:188px;
    opacity:1;
    border:1px solid rgba(255,255,255,.08);
    background:#09283f;
  }
  .site-header.scrolled .brand img {
    width:166px;
  }
  .site-header.scrolled .menu-toggle {
    background:rgba(255,255,255,.08);
  }
}
@media (max-width:430px) {
  .site-header.scrolled .brand::before {
    width:178px;
    height:178px;
  }
  .site-header.scrolled .brand img {
    width:158px;
  }
}

/* Two upcoming notices */
.notice-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.notice-list .notice-card {
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
}
.notice-list .notice-link {
  grid-column:1 / -1;
  justify-content:space-between;
  padding-top:14px;
  border-top:1px solid var(--line);
}
@media (max-width:900px) {
  .notice-list { grid-template-columns:1fr; }
}

/* Live weather */
.live-weather {
  display:grid;
  gap:20px;
}
.weather-main {
  display:flex;
  align-items:center;
  gap:18px;
  min-height:104px;
}
.weather-icon {
  width:86px;
  height:86px;
  flex:0 0 86px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:linear-gradient(145deg,#edf6fb,#fff);
  border:1px solid rgba(23,75,117,.1);
  font-size:2.7rem;
}
.weather-temp {
  color:var(--navy-deep);
  font-family:'Libre Franklin',sans-serif;
  font-size:clamp(2.6rem,5vw,4.2rem);
  font-weight:800;
  line-height:.9;
  letter-spacing:-.06em;
}
.weather-temp sup {
  margin-left:4px;
  font-size:.32em;
  vertical-align:top;
  letter-spacing:0;
}
.weather-summary {
  margin-top:8px;
  color:var(--muted);
  font-weight:700;
}
.weather-meta {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.weather-meta > div {
  padding:12px;
  border-radius:13px;
  background:var(--cream);
}
.weather-meta span,
.weather-meta strong {
  display:block;
}
.weather-meta span {
  color:var(--muted);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-weight:700;
}
.weather-meta strong {
  margin-top:3px;
  color:var(--navy-deep);
  font-size:.95rem;
}
.weather-forecast {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.forecast-day {
  min-width:0;
  display:grid;
  gap:3px;
  padding:12px 10px;
  border:1px solid var(--line);
  border-radius:13px;
  text-align:center;
}
.forecast-day strong { color:var(--navy-deep); }
.forecast-day .forecast-icon { font-size:1.35rem; }
.forecast-day > span:not(.forecast-icon) { color:#334854; font-size:.88rem; }
.forecast-day small { color:var(--muted); font-size:.7rem; }
.condition-note {
  margin:0;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.5;
}

/* Current CWFIS fire-danger map */
.fire-map-shell {
  position:relative;
  min-height:235px;
  overflow:hidden;
  border-radius:16px;
  border:1px solid var(--line);
  background:linear-gradient(145deg,#edf1ed,#f9f7ee);
}
.fire-map-shell > img {
  width:100%;
  height:260px;
  object-fit:cover;
  display:block;
}
.fire-map-marker {
  position:absolute;
  left:49.5%;
  top:42.8%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  gap:7px;
  padding:5px 9px 5px 6px;
  border-radius:999px;
  background:rgba(9,40,63,.92);
  color:white;
  font-size:.68rem;
  font-weight:800;
  box-shadow:0 4px 16px rgba(0,0,0,.22);
  pointer-events:none;
}
.fire-map-marker span {
  width:9px;
  height:9px;
  border-radius:50%;
  background:white;
  box-shadow:0 0 0 4px rgba(255,255,255,.2);
}
.fire-map-unavailable {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:28px;
  text-align:center;
  color:var(--muted);
  font-weight:700;
}
.fire-map-unavailable[hidden] { display:none; }
.secondary-action {
  margin-top:0;
  padding-top:12px;
  border-top:0;
  font-size:.9rem;
}

/* Latest Community Hall calendar additions */
.event-update-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-bottom:26px;
}
.event-update {
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:center;
  padding:18px;
  border-radius:18px;
  border:1px solid var(--line);
  background:white;
  box-shadow:0 10px 28px rgba(7,43,68,.06);
}
.event-update .notice-date {
  width:66px;
  min-width:66px;
  border-radius:14px;
}
.event-update .notice-date strong { font-size:1.6rem; }
.event-update h3 {
  margin:3px 0 6px;
  color:var(--navy-deep);
  font-size:1.2rem;
}
.event-update p {
  margin:0;
  color:var(--muted);
  font-size:.9rem;
}
@media (max-width:700px) {
  .weather-meta,
  .weather-forecast,
  .event-update-list { grid-template-columns:1fr; }
  .weather-meta { grid-template-columns:repeat(3,1fr); }
  .forecast-day {
    grid-template-columns:1fr auto auto;
    align-items:center;
    text-align:left;
  }
  .forecast-day small { grid-column:1 / -1; }
}
@media (max-width:430px) {
  .weather-meta { grid-template-columns:1fr; }
  .weather-main { align-items:flex-start; }
  .weather-icon { width:70px; height:70px; flex-basis:70px; font-size:2.1rem; }
}


/* Header/logo balance pass: keep one anchor point in both header states */
.brand::before {
  border-radius:12px;
}
.site-header.scrolled .brand::before {
  width:auto;
  height:auto;
  inset:-8px -10px;
  left:-10px;
  top:-8px;
  transform:none;
  opacity:1;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:#09283f;
  box-shadow:0 10px 26px rgba(4,29,47,.22);
}

@media (min-width:1081px) {
  .brand,
  .site-header.scrolled .brand {
    transform:translateY(12px);
  }
  .site-header.scrolled .brand img {
    width:172px;
  }
}

@media (max-width:1080px) {
  .brand,
  .site-header.scrolled .brand {
    left:calc(50% - 12px);
    top:12px;
    margin-top:0;
    transform:translateX(-50%);
  }
  .brand img {
    width:218px;
  }
  .site-header.scrolled .brand img {
    width:146px;
  }
  .site-header.scrolled .brand::before {
    inset:-7px -9px;
    left:-9px;
    top:-7px;
  }
}

@media (max-width:430px) {
  .brand,
  .site-header.scrolled .brand {
    left:calc(50% - 10px);
    top:12px;
    transform:translateX(-50%);
  }
  .brand img {
    width:194px;
  }
  .site-header.scrolled .brand img {
    width:138px;
  }
}


/* Robinson event cards and public documents */
.events-section { background:var(--cream); }
.weekly-events-wrap { margin-bottom:46px; }
.events-subhead {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
.upcoming-subhead { margin-top:14px; }
.event-subkicker {
  display:block;
  margin-bottom:5px;
  color:var(--green-deep);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.events-subhead h3 {
  color:var(--navy-deep);
  font-size:clamp(1.55rem,3vw,2.3rem);
}
.recurring-event-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.event-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.event-card {
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:22px;
  border:1px solid var(--line);
  border-radius:20px;
  background:white;
  box-shadow:0 10px 30px rgba(7,43,68,.06);
}
.event-card.recurring {
  align-items:start;
  padding:20px;
}
.event-date {
  width:72px;
  min-width:72px;
  min-height:72px;
  display:grid;
  place-items:center;
  align-content:center;
  border-radius:16px;
  color:white;
  background:var(--navy-deep);
  line-height:1;
  box-shadow:0 9px 22px rgba(9,40,63,.16);
}
.event-date span {
  margin-bottom:5px;
  color:rgba(255,255,255,.7);
  font-family:'Libre Franklin',sans-serif;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.event-date strong {
  font-family:'Libre Franklin',sans-serif;
  font-size:1.75rem;
}
.event-date-weekly {
  background:var(--green-deep);
}
.event-date-weekly strong {
  font-size:.85rem;
  letter-spacing:.02em;
}
.event-card-copy { min-width:0; }
.event-type {
  margin-bottom:5px;
  color:var(--green-deep);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.event-card h3 {
  color:var(--navy-deep);
  font-size:1.32rem;
  letter-spacing:-.025em;
}
.event-card p {
  margin:7px 0 0;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.5;
}
.event-description {
  margin-top:9px;
  color:#3e515c;
  font-size:.88rem;
  line-height:1.5;
}
.public-documents-section { background:var(--paper); }
.public-document-list {
  display:grid;
  gap:10px;
}
.public-document-card {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:17px;
  background:white;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(7,43,68,.045);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.public-document-card:hover {
  transform:translateY(-2px);
  border-color:rgba(35,135,80,.32);
  box-shadow:0 14px 30px rgba(7,43,68,.08);
}
.pdf-badge {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:13px;
  background:#f7e8e6;
  color:#8c3027;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.08em;
}
.public-document-copy {
  min-width:0;
  display:grid;
  gap:2px;
}
.public-document-copy small {
  color:var(--green-deep);
  font-size:.67rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.public-document-copy strong {
  color:var(--navy-deep);
  font-size:1.02rem;
}
.public-document-copy span {
  color:var(--muted);
  font-size:.86rem;
}
.public-document-arrow {
  color:var(--green);
  font-size:1.3rem;
  font-weight:800;
}
.empty-public-documents {
  padding:24px;
  border:1px dashed rgba(23,75,117,.22);
  border-radius:18px;
  color:var(--muted);
  background:rgba(255,255,255,.55);
}
.staff-editor-link {
  color:rgba(255,255,255,.54);
  font-size:.78rem;
  text-decoration:none;
}
.staff-editor-link:hover { color:white; }

@media (max-width:900px) {
  .recurring-event-grid { grid-template-columns:1fr; }
  .event-list { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  .event-card { align-items:start; padding:18px; gap:14px; }
  .event-date { width:62px; min-width:62px; min-height:62px; border-radius:14px; }
  .event-date strong { font-size:1.5rem; }
  .public-document-card { grid-template-columns:auto minmax(0,1fr); }
  .public-document-arrow { display:none; }
}


/* The sticky logo plaque follows the logo instead of its larger opening slot. */
@media (min-width:1081px) {
  .site-header.scrolled .brand { width:172px; }
  .site-header.scrolled .brand::before {
    inset:-6px -8px;
    left:-8px;
    top:-6px;
  }
}

/* Accessible full-year Community Hall calendar. */
#community-calendar { scroll-margin-top:110px; }
.calendar-intro {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:0 0 26px;
}
.calendar-intro p {
  margin:0;
  padding:21px 24px;
  background:var(--cream);
  border:1px solid var(--line);
  border-radius:16px;
  line-height:1.6;
}
.calendar-intro a { color:var(--navy-deep); }
.calendar-months {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.calendar-month {
  min-width:0;
  padding:24px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(7,43,68,.06);
}
.calendar-month h3 {
  margin:0 0 12px;
  color:var(--navy-deep);
  font-size:1.35rem;
}
.calendar-month ul { list-style:none; padding:0; margin:0; }
.calendar-month li {
  display:grid;
  grid-template-columns:95px 1fr;
  gap:14px;
  padding:12px 0;
  border-top:1px solid var(--line);
  line-height:1.4;
}
.calendar-month time { font-weight:700; color:var(--navy-deep); }
.calendar-month strong { display:block; font-size:1rem; }
.calendar-month small { display:block; margin-top:3px; font-size:.88rem; color:var(--muted); }
.calendar-footer { margin:28px 0 0; text-align:center; }
#upcoming-events { scroll-margin-top:100px; }
@media (max-width:760px) {
  .calendar-intro,.calendar-months { grid-template-columns:1fr; }
  .calendar-month { padding:20px; }
}
@media (max-width:430px) {
  .calendar-month li { grid-template-columns:78px 1fr; gap:10px; }
}


/* Distinct subpage heroes + Robinson photo gallery */
.subhero::before {
  background-size:cover;
  background-repeat:no-repeat;
}
.subhero.services-hero::before {
  background-image: url('servicesboard-hero.webp');
  background-position:center 52%;
}
.subhero.library-hero::before {
  background-image: url('library-hero.webp');
  background-position:center 55%;
}
.subhero.hall-hero::before {
  background-image: url('communityhall-hero.webp');
  background-position:center 48%;
}
.subhero.fire-hero::before {
  background-image: url('firedept-hero.webp');
  background-position:center 48%;
}
.subhero.community-hero::before {
  background-image: url('community-info-hero.webp');
  background-position:center 52%;
}

.township-gallery-section {
  background:
    linear-gradient(180deg,rgba(247,244,235,.72),rgba(255,253,248,.98)),
    radial-gradient(circle at 12% 0%,rgba(35,135,80,.08),transparent 34%);
  border-top:1px solid rgba(23,75,117,.08);
}
.gallery-head { margin-bottom:34px; }

.photo-masonry {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:82px;
  grid-auto-flow:dense;
  gap:14px;
}
.photo-tile {
  position:relative;
  display:block;
  min-width:0;
  overflow:hidden;
  border-radius:18px;
  background:#dbe3dc;
  box-shadow:0 12px 34px rgba(7,43,68,.09);
  text-decoration:none;
  isolation:isolate;
}
.photo-tile:nth-child(1) { grid-column:span 7; grid-row:span 4; }
.photo-tile:nth-child(2),
.photo-tile:nth-child(3) { grid-column:span 5; grid-row:span 2; }

.photo-tile:nth-child(4),
.photo-tile:nth-child(5),
.photo-tile:nth-child(6) { grid-column:span 4; grid-row:span 3; }

.photo-tile:nth-child(n+7) { grid-column:span 3; grid-row:span 2; }

.photo-tile img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.65,.25,1),filter .35s ease;
}
.photo-tile::after {
  content:'';
  position:absolute;
  inset:42% 0 0;
  z-index:1;
  background:linear-gradient(180deg,transparent,rgba(4,29,47,.72));
  opacity:.72;
  transition:opacity .3s ease;
}
.photo-tile span {
  position:absolute;
  z-index:2;
  left:17px;
  right:17px;
  bottom:14px;
  color:white;
  font-family:'Libre Franklin',sans-serif;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.photo-tile:hover img,
.photo-tile:focus-visible img { transform:scale(1.035); }
.photo-tile:hover::after,
.photo-tile:focus-visible::after { opacity:.92; }
.photo-tile:focus-visible {
  outline:3px solid var(--gold);
  outline-offset:3px;
}

@media (max-width:900px) {
  .photo-masonry {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:240px;
    gap:12px;
  }
  .photo-tile,
  .photo-tile:nth-child(n) {
    grid-column:auto;
    grid-row:auto;
  }
}
@media (max-width:560px) {
  .photo-masonry {
    grid-template-columns:1fr;
    grid-auto-rows:230px;
  }
  .photo-tile:nth-child(1) { min-height:270px; }
}


/* Robinson event calendar/list switch */
.events-section-head { align-items:start; }
.event-view-switch {
  display:inline-flex;
  gap:4px;
  margin-top:18px;
  padding:4px;
  border:1px solid var(--line);
  border-radius:999px;
  background:white;
  box-shadow:0 8px 24px rgba(7,43,68,.05);
}
.event-view-button {
  appearance:none;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--muted);
  padding:9px 14px;
  font:700 .88rem/1 'DM Sans',sans-serif;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease;
}
.event-view-button[aria-pressed="true"] {
  background:var(--navy-deep);
  color:white;
  box-shadow:0 6px 14px rgba(9,40,63,.16);
}
.events-calendar-panel {
  border:1px solid var(--line);
  border-radius:24px;
  background:white;
  box-shadow:0 14px 38px rgba(7,43,68,.06);
  overflow:hidden;
}
.calendar-toolbar {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  padding:20px 22px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fff,#fbfaf6);
}
.calendar-title { text-align:center; }
.calendar-title h3 {
  margin:3px 0 0;
  color:var(--navy-deep);
  font-size:clamp(1.35rem,2.5vw,1.9rem);
}
.calendar-toolbar-actions { display:flex; align-items:center; gap:8px; }
.calendar-nav-button,.calendar-today-button {
  appearance:none;
  border:1px solid var(--line);
  background:white;
  color:var(--navy-deep);
  border-radius:999px;
  min-width:42px;
  height:42px;
  padding:0 13px;
  font-weight:800;
  cursor:pointer;
}
.calendar-nav-button:hover,.calendar-today-button:hover { background:var(--cream); }
.calendar-weekdays {
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  background:#f3f5f4;
  border-bottom:1px solid var(--line);
}
.calendar-weekdays span {
  padding:10px 8px;
  text-align:center;
  color:var(--muted);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.event-calendar {
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.calendar-day {
  min-height:128px;
  padding:10px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:white;
}
.calendar-day:nth-child(7n) { border-right:0; }
.calendar-day.is-empty { background:#fbfbf8; }
.calendar-day.is-today { background:#f1f8f4; }
.calendar-day-number {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  margin-bottom:7px;
  border-radius:50%;
  color:var(--navy-deep);
  font-weight:800;
  font-size:.82rem;
}
.calendar-day.is-today .calendar-day-number { background:var(--green-deep); color:white; }
.calendar-day-events { display:grid; gap:5px; }
.calendar-event {
  display:block;
  min-width:0;
  padding:6px 7px;
  border-left:3px solid var(--navy);
  border-radius:7px;
  background:#eef4f8;
  color:var(--navy-deep);
  font-size:.72rem;
  font-weight:750;
  line-height:1.22;
}
.calendar-event small {
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:.64rem;
  font-weight:600;
}
.calendar-event-board { border-color:#174b75; background:#edf3f8; }
.calendar-event-community { border-color:#238750; background:#edf7f1; }
.calendar-event-hall { border-color:#d8af59; background:#fbf5e7; }
.calendar-event-private { border-color:#8a768f; background:#f5f0f6; }
.calendar-event-more {
  color:var(--muted);
  font-size:.68rem;
  font-weight:700;
  padding:2px 4px;
}
.calendar-legend {
  display:flex;
  flex-wrap:wrap;
  gap:14px 22px;
  padding:15px 20px 18px;
  color:var(--muted);
  font-size:.78rem;
}
.calendar-legend span { display:inline-flex; align-items:center; gap:7px; }
.legend-dot { width:9px; height:9px; border-radius:50%; background:var(--navy); }
.legend-dot.board { background:#174b75; }
.legend-dot.community { background:#238750; }
.legend-dot.hall { background:#d8af59; }
.legend-dot.private { background:#8a768f; }

/* Fire Department identity */
.fire-hero-content {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:48px;
}
.fire-hero-copy { max-width:780px; }
.fire-hero-badge {
  flex:0 0 auto;
  width:190px;
  padding:13px;
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 45px rgba(4,22,32,.32);
  transform:translateY(8px);
}
.fire-hero-badge img { width:100%; height:auto; border-radius:7px; }

/* Gallery lightbox */
.photo-lightbox {
  position:fixed;
  inset:0;
  z-index:3000;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(3,20,31,.91);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.photo-lightbox.open { opacity:1; pointer-events:auto; }
.photo-lightbox-inner { position:relative; width:min(1180px,100%); }
.photo-lightbox img {
  display:block;
  width:100%;
  max-height:82vh;
  object-fit:contain;
  border-radius:14px;
  background:#081f30;
  box-shadow:0 24px 80px rgba(0,0,0,.45);
}
.photo-lightbox-caption { margin:12px 54px 0 0; color:white; font-weight:700; }
.photo-lightbox-close {
  position:absolute;
  right:12px;
  top:12px;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:50%;
  background:rgba(4,29,47,.72);
  color:white;
  font-size:1.35rem;
  cursor:pointer;
}

@media (max-width:760px) {
  .subhero { min-height:500px; }
  .events-section-head { grid-template-columns:1fr; }
  .event-view-switch { margin-top:14px; }
  .calendar-toolbar { grid-template-columns:auto 1fr auto; gap:8px; padding:15px 12px; }
  .calendar-today-button { display:none; }
  .calendar-weekdays span { padding:8px 2px; font-size:.62rem; }
  .calendar-day { min-height:94px; padding:6px 5px; }
  .calendar-day-number { width:24px; height:24px; margin-bottom:4px; font-size:.74rem; }
  .calendar-event { padding:4px 5px; font-size:.63rem; border-left-width:2px; }
  .calendar-event small { display:none; }
  .calendar-legend { gap:10px 14px; padding:12px; font-size:.7rem; }
  .fire-hero-content { flex-direction:column; align-items:flex-start; gap:24px; }
  .fire-hero-badge { width:138px; padding:9px; transform:none; }
}
@media (max-width:520px) {
  .events-calendar-panel { overflow-x:auto; }
  .calendar-weekdays,.event-calendar { min-width:650px; }
}

/* Compact light sticky navigation and comfortable text widths. */
.site-header.scrolled {
  background:rgba(255,253,248,.98);
  box-shadow:0 8px 24px rgba(4,29,47,.12);
}
.site-header.scrolled .desktop-nav a { color:var(--navy-deep); }
.site-header.scrolled .menu-toggle {
  color:var(--navy-deep);
  border-color:rgba(23,75,117,.22);
  background:rgba(23,75,117,.05);
}
.site-header.scrolled .brand,
.site-header.scrolled .brand::before {
  background:transparent;
  border:0;
  box-shadow:none;
}
.site-header.scrolled .brand::before { display:none; }
.site-header.scrolled .brand { padding:0; }
.section-head h2,.content-title { font-size:clamp(1.8rem,3vw,2.9rem); line-height:1.16; letter-spacing:-.035em; text-wrap:balance; overflow-wrap:anywhere; }
.service-box h2 { font-size:clamp(1.35rem,2.25vw,1.9rem); line-height:1.2; overflow-wrap:anywhere; }
.alert-card h2,.emergency-card h2 { font-size:clamp(1.9rem,3.5vw,3.2rem); line-height:1.15; }
.contact-strip h2 { font-size:clamp(1.6rem,2.6vw,2.45rem); line-height:1.18; }
.subhero { min-height:clamp(430px,48vw,600px); }
.subhero-content { padding-block:160px 68px; }
.hero::before,.subhero::before { transform:translate3d(0,var(--hero-shift,0px),0) scale(1.025); }
.subhero.services-hero::before { background-position:center 44%; }
.subhero.library-hero::before { background-position:center 50%; }
.subhero.hall-hero::before { background-position:center 50%; }
.subhero.fire-hero::before { background-position:center 38%; }
.subhero.community-hero::before { background-position:center 48%; }
@media (max-width:1080px) {
  .site-header.scrolled .brand { background:transparent; border:0; box-shadow:none; }
}
@media (max-width:760px) {
  .subhero { min-height:450px; }
  .subhero-content { padding-block:150px 54px; }
  .section-head h2,.content-title { font-size:clamp(1.75rem,7vw,2.35rem); }
  .hero::before { background-position:55% center; }
}

/* Final compact sticky header: the logo keeps its anchor and hangs below the bar. */
.site-header.scrolled { background:#fff; backdrop-filter:none; }
.site-header.scrolled .header-inner { min-height:56px; }
@media (min-width:1081px) {
  .brand,.site-header.scrolled .brand {
    width:282px;
    flex:0 0 282px;
    justify-content:flex-start;
    margin-top:0;
    transform:translateY(16px);
  }
  .site-header.scrolled .brand img { width:172px; max-height:110px; }
  .site-header.scrolled .desktop-nav a { padding-block:10px; }
}
@media (max-width:1080px) {
  .site-header.scrolled .header-inner { min-height:54px; }
  .brand,.site-header.scrolled .brand {
    left:50%;
    top:10px;
    width:auto;
    margin:0;
    transform:translate(-50%,8px);
  }
  .site-header.scrolled .brand img { width:146px; max-height:100px; }
  .site-header.scrolled .menu-toggle { width:42px; height:42px; }
}
@media (max-width:430px) {
  .site-header.scrolled .header-inner { min-height:52px; }
  .brand,.site-header.scrolled .brand { left:50%; top:10px; transform:translate(-50%,8px); }
  .site-header.scrolled .brand img { width:138px; }
}

/* Keep the logo centred on one anchor while it scales; make the sticky bar compact. */
@media (min-width:1081px) {
  .brand,.site-header.scrolled .brand { justify-content:center; }
  .site-header.scrolled .header-inner { min-height:48px; }
  .site-header.scrolled .desktop-nav { gap:6px; }
  .site-header.scrolled .desktop-nav a {
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:6px 10px;
    border:1px solid rgba(23,75,117,.12);
    border-radius:6px;
    background:#f3f6f8;
    color:var(--navy-deep);
    font-size:.78rem;
    line-height:1.15;
    opacity:1;
    transition:background .2s ease,color .2s ease,border-color .2s ease;
  }
  .site-header.scrolled .desktop-nav a:hover,
  .site-header.scrolled .desktop-nav a:focus-visible,
  .site-header.scrolled .desktop-nav a[aria-current='page'] {
    background:var(--navy-deep);
    border-color:var(--navy-deep);
    color:white;
  }
  .site-header.scrolled .desktop-nav a::after { display:none; }
}
@media (max-width:1080px) {
  .site-header.scrolled .header-inner { min-height:48px; }
}
@media (max-width:430px) {
  .site-header.scrolled .header-inner { min-height:48px; }
}


/* Full-screen township landscape; the overlay belongs only to this section. */
.township-landscape {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:100vh;
  min-height:100svh;
  display:flex;
  align-items:center;
  padding:clamp(90px,12vh,160px) 0;
  background:#173649;
  color:white;
}
.township-landscape::before {
  content:"";
  position:absolute;
  z-index:-2;
  inset:-70px 0;
  background:url('assets/robinson-hero.webp') center 58% / cover no-repeat;
  transform:translate3d(0,var(--landscape-shift,0px),0);
}
.township-landscape::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,rgba(7,25,38,.76),rgba(7,25,38,.58));
}
.township-landscape-content { align-items:center; gap:clamp(40px,6vw,100px); }
.township-landscape .kicker { color:#fff; opacity:.85; }
.township-landscape .content-title {
  color:#fff;
  font-size:clamp(3rem,5.8vw,6rem);
  line-height:1.04;
  max-width:11ch;
  margin-bottom:0;
  text-wrap:balance;
}
.township-landscape .prose { color:#fff; font-size:clamp(1rem,1.2vw,1.15rem); line-height:1.8; }
.township-landscape .prose p:last-child { margin-bottom:0; }
@media(max-width:800px) {
  .township-landscape-content { grid-template-columns:1fr; gap:32px; }
  .township-landscape .content-title { font-size:clamp(2.7rem,10vw,4.5rem); max-width:14ch; }
  .township-landscape::after { background:rgba(7,25,38,.7); }
}
@media(prefers-reduced-motion:reduce) {
  .township-landscape::before { transform:none; }
}

.township-landscape .prose p { color:#fff; }

/* Crossfade the five recent township photographs with the same parallax layer. */
.township-slideshow { position:absolute; z-index:-2; inset:-70px 0; transform:translate3d(0,var(--landscape-shift,0px),0); }
.township-slide { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; animation:township-crossfade 40s linear infinite; animation-delay:calc(var(--slide-index) * 8s); animation-play-state:paused; }
.township-slide:first-child { opacity:1; }
.township-landscape.slideshow-playing .township-slide { animation-play-state:running; }
.township-landscape:has(.township-slideshow)::before { background-image:url('community-info-hero.webp'); }
@keyframes township-crossfade { 0% {opacity:0;} 3%,20% {opacity:1;} 23%,100% {opacity:0;} }
.township-landscape-content > .reveal { transition-duration:1.15s; }
.township-landscape-content > .reveal:first-child { transform:translateY(42px); }
.township-landscape-content > .reveal:first-child.visible { transform:translateY(0); }
.township-slideshow-toggle { position:absolute; right:24px; bottom:24px; padding:9px 14px; border:1px solid rgba(255,255,255,.5); border-radius:6px; background:rgba(7,25,38,.55); color:white; font:inherit; font-size:.8rem; cursor:pointer; }
.township-slideshow-toggle:focus-visible { outline:3px solid white; outline-offset:4px; }
@media(prefers-reduced-motion:reduce) {
  .township-slideshow { transform:none; }
  .township-slide { animation:none; }
  .township-slide:not(:first-child) { display:none; }
  .township-slideshow-toggle { display:none; }
  .township-landscape-content > .reveal:first-child { transform:none; transition:none; }
}

/* Fire department identity within the homepage emergency information card. */
.fire-department-section-logo{display:block;width:clamp(100px,10vw,140px);height:auto;object-fit:contain;margin:0 0 24px}