/* ==========================================================================
   UTILITIES.CSS — Small composable helpers
   ========================================================================== */

.u-text-center { text-align: center; }
.u-max-620 { max-width: 620px; }
.u-max-680 { max-width: 680px; margin-inline: auto; }
.u-mt-0 { margin-top: 0; }
.u-mb-0 { margin-bottom: 0 !important; }
.u-mt-2 { margin-top: var(--sp-2); }
.u-mt-4 { margin-top: var(--sp-4); }
.u-mt-6 { margin-top: var(--sp-6); }

.u-flex { display: flex; }
.u-flex-center { display: flex; align-items: center; justify-content: center; }
.u-flex-wrap { flex-wrap: wrap; }
.u-gap-2 { gap: var(--sp-2); }
.u-gap-3 { gap: var(--sp-3); }

.u-hide-mobile { display: none; }
@media (min-width: 720px) { .u-hide-mobile { display: initial; } }
.u-hide-desktop { display: initial; }
@media (min-width: 720px) { .u-hide-desktop { display: none; } }

.u-relative { position: relative; }
.u-overflow-hidden { overflow: hidden; }

.u-eyebrow-light { color: var(--c-brass-400); }

.u-muted { color: var(--text-secondary); }

.u-shadow-glow { box-shadow: var(--shadow-glow); }

.u-w-100 { width: 100%; }