/* ============================================================
   TCA WEBSITE — EXCELLENCE BADGE (true SVG, not a PNG)
   Circular badge with a laurel wreath, built as vector shapes so
   it stays crisp at any size/DPI and the text is real, selectable
   text rather than baked into a raster image.
   ============================================================ */

.excellence-badge {
  width: var(--badge-size, 136px);
  height: var(--badge-size, 136px);
  filter: drop-shadow(0 8px 28px rgba(0, 0, 0, 0.4));
}

.excellence-badge__svg {
  width: 100%;
  height: 100%;
  display: block;
}

.excellence-badge__estd {
  font-family: var(--font-body, sans-serif);
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: 2.5px;
  fill: #f3d27a;
}

.excellence-badge__num {
  font-family: var(--font-display);
  font-size: 34px;
  font-weight: 700;
  fill: #fff;
}

.excellence-badge__years {
  font-family: var(--font-body, sans-serif);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 4px;
  fill: #f3d27a;
}

.excellence-badge__rule {
  stroke: rgba(243, 210, 122, 0.55);
  stroke-width: 0.75;
}

.excellence-badge__of {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 11px;
  fill: rgba(255, 255, 255, 0.85);
}

/* Slow, subtle rotation on the ring + wreath only (not the text —
   text stays upright and readable throughout). */
.excellence-badge__svg {
  animation: badgeSettle 0.6s ease-out;
}

@keyframes badgeSettle {
  0%   { opacity: 0; transform: scale(0.85); }
  100% { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .excellence-badge__svg { animation: none; }
}