/* ==========================================================================
   PRINCIPLES (widget: aumtm_principles)
   Short statements of method on a dark band. Three by default.
   ========================================================================== */

.aumtm-principles__grid {
  --aumtm-cols: 3;
  display: grid;
  grid-template-columns: repeat(var(--aumtm-cols), minmax(0, 1fr));
  gap: clamp(1.75rem, 3vw, 3rem);
}

.aumtm-principle { padding-top: 1.75rem; border-top: 2px solid var(--aumtm-cyan); }

.aumtm-principle__glyph {
  font-family: var(--aumtm-font-display);
  font-size: 2rem;
  line-height: 1;
  color: var(--aumtm-cyan-soft);
}
.aumtm-principle__title { margin-top: 1rem; font-size: 1.1875rem; color: #fff; }
.aumtm-principle__text {
  margin-top: 0.875rem;
  font-size: var(--aumtm-fs-sm);
  line-height: 1.85;
  color: var(--aumtm-on-dark-dim);
}

@media (max-width: 820px) { .aumtm-principles__grid { --aumtm-cols: 1; } }