/* eDariba — contact
   Fully converted to Tailwind utility classes directly in
   page-templates/template-contact.php. Nav, footer, base resets, and
   global tokens come from header.php/footer.php + src/tailwind.css.

   Two things intentionally still live here rather than as utilities:

   1. @keyframes stampDown — the stamp-wrap rotate/scale-in entrance
      animation. Tailwind's `animate-[stampDown_900ms_var(--ease-brand-slow)_both]`
      arbitrary value references this keyframe by name; Tailwind has no
      utility for defining keyframe bodies, so the @keyframes declaration
      itself has to stay in a real stylesheet.

   2. The old .topbar / .brand* / .crumbs / .footer* rules (and the
      `body { background: var(--canvas); … }` override) are dropped
      entirely — that markup no longer exists. The original standalone
      "final contact.html" had its own dark-canvas nav + ledger footer;
      the page now uses the shared header.php/footer.php site chrome
      (same as every other template), which already brings its own
      teal nav and light footer. The dark "canvas" backdrop behind the
      paper hero/form/ticket cards is preserved instead by putting
      `bg-brand-teal text-white` directly on the <section class="hero">
      and <section class="main"> wrappers in the template (exact same
      #0C4242 / #FFFFFF as the old --canvas / --canvas-fg tokens) —
      body itself can't carry that class since <body> is emitted by
      header.php, which is out of scope for this conversion. The one
      gap this leaves: the small rounded-pill nav floats with a few
      pixels of margin above it (mt-[10px], see header.php), and that
      sliver shows the default light body background instead of the
      dark canvas the original static page had behind it.

   .field-row-split (a dead, unused class not referenced by any element
   in the template) was also dropped rather than converted. */

@keyframes stampDown {
  0% { opacity: 0; transform: rotate(-7deg) scale(1.6); }
  60% { opacity: 1; }
  100% { opacity: 1; transform: rotate(-7deg) scale(1); }
}
