/* Sitewide utility classes. Loaded on every page after components.
   Spacing, layout and small typography helpers used across home, case studies,
   and any future templates. Anything page-specific does NOT belong here. */

/* Spacing — top margins */
.mm-mt-0  { margin-top: 0     !important; }
.mm-mt-25 { margin-top: 25px  !important; }
.mm-mt-55 { margin-top: 55px  !important; }
.mm-mt-90 { margin-top: 90px  !important; }

/* Spacing — kill margins / paddings */
.mm-m-0  { margin: 0  !important; }
.mm-pl-0 { padding-left: 0 !important; }

/* Spacing — bottom margins */
.mm-mb-10 { margin-bottom: 10px !important; }

/* Layout */
.mm-flex-center { display: flex; align-items: center; }

/* Text helpers */
.mm-text-white-soft { color: rgba(255, 255, 255, 0.85); }

/* Bullet alignment modifier (used with ul.mm-bullets-inline). */
.mm-bullets-start { justify-content: flex-start; }

/* Bullets margin helpers. Stack with .mm-bullets / .mm-bullets-inline. */
.mm-bullets-mt-20 { margin-top: 20px; }
.mm-bullets-mt-24 { margin-top: 24px; }
.mm-bullets-mt-28 { margin-top: 28px; }
.mm-bullets-mt-55 { margin-top: 55px; }

/* Small uppercase eyebrow-style label used to introduce a section ("THE STACK",
   "WHO WE WORK WITH" subtypes etc). Bolder and tinier than .mm-eyebrow. */
.mm-stack-label {
	color: rgba(255, 255, 255, 0.4);
	font-size: 10px;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	margin-bottom: 14px;
	font-weight: 600;
}