/* AyStore / Edition 02 — a shared editorial rhythm for section headings. */
.h2-motion { position: relative; }
.h2-motion .h2-line {
  display: block;
  overflow: hidden;
  padding-block: .085em;
  margin-block: -.085em;
}
.h2-motion .h2-ink { display: block; transform-origin: 50% 100%; }
.h2-motion .h2-rule {
  display: block;
  width: clamp(38px, 5vw, 76px);
  height: 1px;
  margin-top: .48em;
  background: currentColor;
  opacity: .65;
  transform-origin: left center;
}

/* Existing accent spans should keep their original colors after line wrapping. */
.belief-statement h2 .h2-line,
.belief-statement h2 .h2-ink,
.daily-head h2 .h2-line,
.daily-head h2 .h2-ink { color: inherit; }

.h2-motion--material .h2-line { overflow: visible; }
.h2-motion--material .h2-ink { transform-origin: left center; }
.h2-motion--depth { perspective: 900px; }
.h2-motion--depth .h2-ink { transform-origin: 50% 100%; }
.h2-motion--collection .h2-rule,
.h2-motion--craft .h2-rule { opacity: .8; }
.h2-motion--order .h2-rule { background: #f3d4b9; }

@media (prefers-reduced-motion: reduce) {
  .h2-motion .h2-ink,
  .h2-motion .h2-rule { transform: none !important; opacity: 1 !important; }
}