/* Shared by every inner page (not the home page): page banner, buttons, call-to-action, text pages, mobile menu */
.phero{padding:clamp(150px,17vw,220px) var(--pad) clamp(50px,6vw,90px);border-bottom:1px solid var(--taupe)}
.crumb{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:26px;font-weight:600}
.crumb a:hover{color:var(--brass)}
.phero h1{font-size:clamp(2.5rem,5.6vw,5rem);font-weight:500;line-height:1.06;max-width:18ch}
.lead{max-width:580px;margin-top:28px;color:var(--muted);font-size:1.1rem}
.btn{display:inline-block;background:var(--espresso);color:var(--ivory);border:0;padding:20px 46px;font:inherit;font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:background .3s}
.cta{background:var(--espresso);color:var(--ivory);text-align:center}
.cta h2{font-size:clamp(2.1rem,4.4vw,3.8rem);font-weight:400;max-width:18ch;margin:18px auto 34px;line-height:1.12}
.cta .label{color:var(--gold)}
.cta .btn{background:var(--brass)}
.cta .btn:hover{background:var(--clay)}
.prose{max-width:760px}
.prose h2{font-size:1.8rem;margin:46px 0 12px}
.prose p,.prose li{margin-bottom:14px;color:#46392f}
.prose ul{margin:0 0 14px 22px}
@media(max-width:960px){.burger{display:block;z-index:60}nav{position:fixed;inset:0;background:var(--espresso);color:var(--ivory);flex-direction:column;justify-content:center;gap:28px;transform:translateX(100%);transition:transform .6s cubic-bezier(.7,0,.2,1)}nav a{font-size:1rem}body.menu nav{transform:none}body.menu header{color:var(--ivory)}.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.seal{width:46px;height:46px;font-size:1.6rem}.wm{font-size:1.4rem}.fgrid{grid-template-columns:1fr}}

/* Public Site Pagination Component */
.site-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: clamp(48px, 6vw, 80px);
  padding-top: 30px;
  border-top: 1px solid var(--taupe);
  user-select: none;
}
.site-pagination a,
.site-pagination button,
.site-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 16px;
  font-family: var(--sans);
  font-size: 0.82rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 500;
  border: 1px solid var(--taupe);
  background: var(--ivory);
  color: var(--espresso);
  cursor: pointer;
  transition: all 0.25s ease;
  text-decoration: none;
  box-sizing: border-box;
}
.site-pagination a:hover,
.site-pagination button:hover:not(:disabled) {
  border-color: var(--brass);
  background: var(--brass);
  color: #fff;
}
.site-pagination .active,
.site-pagination a.active {
  background: var(--espresso);
  color: #fff;
  border-color: var(--espresso);
  cursor: default;
  pointer-events: none;
}
.site-pagination .disabled,
.site-pagination span.disabled,
.site-pagination button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}
.site-pagination .ellipsis,
.site-pagination span.ellipsis {
  border: none;
  background: transparent;
  cursor: default;
  min-width: 28px;
  padding: 0;
  color: var(--muted);
  font-size: 1.1rem;
}
@media (max-width: 600px) {
  .site-pagination {
    gap: 5px;
  }
  .site-pagination a,
  .site-pagination button,
  .site-pagination span {
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    font-size: 0.74rem;
  }
}