/* Shared Stitch/Tailwind support styles extracted from the original HTML exports. */
html {
  scroll-behavior: smooth;
}

body {
  font-family: Inter, sans-serif;
  background-color: #f9f9f9;
  color: #1a1c1c;
}

.font-serif,
.serif-text,
.serif-heading,
.font-cormorant {
  font-family: "Cormorant Garamond", Georgia, serif;
}

.font-sans,
.font-inter {
  font-family: Inter, sans-serif;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
  vertical-align: middle;
}

.wide-margin {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: clamp(1rem, 5.5vw, 5rem);
}

.bg-institutional {
  background-image: linear-gradient(rgba(249, 249, 249, 0.9), rgba(249, 249, 249, 0.9)), url("https://lh3.googleusercontent.com/aida/ADBb0ugCz2Hc0iavlVkx8PaiVJ49QW73_5wDp1PoFEgYphzLAiX7MhN6eU_WezoIVTSWMVU-4X5H9JKlLJ2QWv1mb3VyIONMTk8N54bDFFzDaSuNGTKBPLpYFYzQlXVcYEglNwYy_hDZa1Wjf8rRUIeDwRovEbfIScTO9Rp1oQ7OZoeNbxHNTxBm73AWTpz17ZDaZzpung1LshQFCMen_CPCf6fXuO3OUHWycKmgd-_MdC1wyKM536vdRSDW2TW_nxbqWmbjH_dEiomRkw");
  background-position: center;
  background-size: cover;
}

.bg-overlay-dark {
  background-color: rgba(15, 23, 42, 0.85);
}

.bg-navy {
  background-color: #131b2e;
}

.gold-accent {
  color: #775a18;
}

.border-subtle {
  border-color: #e2e8f0;
}

.card-hover:hover {
  border-color: #775a18;
  background-color: #fff;
}

.perspective-card {
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.perspective-card:hover {
  transform: translateY(-8px);
}