/*
 * Contact.
 *
 * Not in the original brief, but every CTA across the site points here — 29
 * links from the pages ported alongside it — so without it those pages all
 * dead-end on a 404.
 *
 * ⚠️ THE FORM IS NOT WIRED. It carries no action in the static build either;
 * it needs either a handler or a form plugin before it can send anything.
 *
 * @package Refinery
 *
 * Lifted verbatim from the <style> block in the frozen static build's
 * contact.html. STATIC-REFERENCE.md is the authority on why it looks this way.
 * Kept page-scoped and unedited so a future diff against the static
 * build still means something; url() paths are rewritten to ../ because
 * CSS resolves them against the stylesheet, not the page.
 *
 * Enqueued only on its own page — see refinery_enqueue_assets().
 */

    /* Brush accent sitting inline in the heading. text-transform: uppercase is
       REQUIRED — the font has no lowercase kern pairs, so a lowercase accent
       renders unkerned and gappy. House values for inline accents, shared with
       brands.html and the entertainment accordion titles. */
      /* Brush font removed 2026-08-13 — the accent is now Poppins Light 300 at
         the SAME size as the type it sits in, so no optical size-up or baseline
         correction. Every value here used to compensate for brush caps
         rendering ~0.73x Poppins caps; all of it is dead with the brush gone. */
    #contact-heading .accent-brush {
      text-transform: uppercase;
      font-size: 1em;
    }

    /* Dark form controls (2026-08-07, page went dark to match the rest of the
       site). The shared .form-* rules are white-field-on-white-page and would
       otherwise leave white boxes floating on the dark section. Page-scoped
       because contact.html is the only page carrying a form.
       ::placeholder needs its own rule — it does not inherit the input colour. */
    .form-label { color: rgba(255,255,255,0.7); }

    .form-input,
    .form-select,
    .form-textarea {
      background: rgba(255,255,255,0.04);
      border-color: rgba(255,255,255,0.18);
      color: var(--white);
    }

    .form-input::placeholder,
    .form-textarea::placeholder { color: rgba(255,255,255,0.35); }

    .form-input:focus,
    .form-select:focus,
    .form-textarea:focus {
      border-color: var(--chartreuse);
      background: rgba(255,255,255,0.07);
    }