html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 96px; }
body { margin: 0; font-size: 19px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: var(--color-accent-700); }
a:hover { color: var(--color-accent-900); }
.nav-link:hover { color: var(--color-accent-700); }
.hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.form-status[data-state="error"] { color: #8a2f2f; }

@media (max-width: 900px) {
  [style*="grid-template-columns: minmax(0, 1.15fr)"],
  [style*="grid-template-columns: minmax(0, 0.85fr)"],
  [style*="grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)"],
  [style*="grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr)"],
  [style*="grid-template-columns: minmax(0, 15ch)"],
  [style*="grid-template-columns: minmax(0, 1.4fr)"],
  [style*="repeat(3, minmax(0, 1fr))"],
  [style*="repeat(4, minmax(0, 1fr))"] {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  [style*="border-right: 1px solid"] {
    border-right: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 28px !important;
  }
  figure div[style*="height: 620px"],
  figure div[style*="height: 460px"] {
    height: 280px !important;
  }
  header nav,
  section > div,
  footer > div {
    width: min(1240px, 100% - 32px) !important;
  }
}
