/* ═══════════════════════════════════════════════════════════════════
   overrides.css — Design polish overrides
   Loaded as a literal <link> tag so these apply WITHOUT React hydration.
   This replaces globals.css which only loads after React hydration.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Buttons ────────────────────────────────────────────────────── */
.btn-primary,
.btn-secondary,
.btn-ghost,
.btn-ghost-large,
.btn-ghost-small {
  border-radius: 10px !important;
}

/* ── All card types ─────────────────────────────────────────────── */
.mission-card,
.compliance-card,
.project-card,
.subproject-card,
.stat-card,
.work-card,
.feature-card,
.reg-card,
.impact-card,
.metric-card,
.system-item,
.jurisdiction-item,
.story-card,
.differentiator-card,
.awwwards-t2-card,
.proj-card {
  border-radius: 14px !important;
}

.mission-card::after,
.project-card::after,
.proj-card::after {
  border-radius: 14px !important;
}

.project-image,
.work-image,
.card-visual img,
.card-image {
  border-radius: 10px 10px 0 0 !important;
}

/* ── Section intro ──────────────────────────────────────────────── */
.section-intro {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 4rem;
}

/* ── Typography ─────────────────────────────────────────────────── */
.description-wide {
  line-height: 1.75;
  opacity: 0.82;
}

.label-minimal {
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ── Card hover elevations ──────────────────────────────────────── */
.jurisdiction-item,
.system-item,
.differentiator-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.jurisdiction-item:hover,
.system-item:hover,
.differentiator-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
}

/* ── Subproject card image zoom ────────────────────────────────── */
.subproject-card .card-visual img {
  transition: transform 0.45s ease !important;
}

.subproject-card:hover .card-visual img {
  transform: scale(1.04) !important;
}

/* ── Projects hero background (plain black) ────────────────────── */
.projects-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #020108;
}