html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #FFFFFF; color: #1C1B19; font-family: 'Figtree', 'Helvetica Neue', Arial, sans-serif; }
a { color: #3E6EA6; } a:hover { color: #C0392B; }
a:focus-visible, button:focus-visible, select:focus-visible { outline: 3px solid #E9B944; outline-offset: 3px; border-radius: 6px; }
h1, h2, h3, p { text-wrap: pretty; }
img { max-width: 100%; }
.card:hover { transform: translateY(-3px); } .card { transition: transform .2s ease; }
@media (prefers-reduced-motion: reduce) { .card { transition: none; } }
@media (max-width: 1100px) {
  h1 { font-size: clamp(40px, 7.5vw, 96px) !important; }
  .hero-art { min-height: 520px !important; }
  .hero-art img { width: 100% !important; max-width: 480px !important; }
}
@media (max-width: 900px) {
  .px { padding-left: 20px !important; padding-right: 20px !important; }
  .mx { margin-left: 20px !important; margin-right: 20px !important; padding: 28px !important; }
  .rg { grid-template-columns: 1fr !important; gap: 20px !important; }
  .cols { column-count: 1 !important; }
  h1 { font-size: clamp(38px, 10.5vw, 72px) !important; }
  h2 { font-size: clamp(30px, 7.5vw, 52px) !important; }
  h3 { font-size: clamp(22px, 5.5vw, 32px) !important; }
  .hero-art { min-height: auto !important; padding: 28px 0 !important; margin-top: 8px; }
  .hero-art img { width: 100% !important; max-width: 360px !important; margin: 0 !important; }
  .titlebox { width: auto !important; max-width: 100% !important; padding: 14px 20px 18px !important; }
  .titlebox br { display: none; }
  .nav { flex-wrap: wrap; gap: 16px !important; padding: 16px 20px !important; }
  .navbtn { display: inline-flex !important; }
  .navlinks { display: none !important; flex-direction: column !important; align-items: flex-start !important; width: 100%; gap: 14px !important; padding: 8px 0 12px; }
  .nav.open .navlinks { display: flex !important; }
  [style*="padding: 64px"] { padding: 28px !important; }
  [style*="padding: 56px 64px"], [style*="padding: 48px 52px"] { padding: 28px !important; }
  [style*="padding: 40px"] { padding: 24px !important; }
  [style*="justify-content: space-between"] { flex-wrap: wrap; gap: 12px; }
  [style*="font-size: 22px"] { font-size: 18px !important; }
  [style*="font-size: 40px"] { font-size: 28px !important; }
  [style*="margin: 96px 0 0"] { margin-top: 56px !important; }
}