/* ==========================================================================
   AE Creative — Utility classes
   Small, generic, single-purpose helpers any page can reach for instead
   of writing new one-off CSS. Kept intentionally short — this is a
   starter set for the multi-page build-out, not a full utility framework.
   ========================================================================== */

/* ---- Layout ---- */
.container{max-width:var(--container);margin:0 auto}
.container--relative{position:relative}

/* ---- Text ---- */
.text-gradient{
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.text-center{text-align:center}

/* ---- Accessibility ---- */
/* Visually hides content while keeping it available to screen readers —
   for things like skip links or icon-only buttons on future pages. */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}