/* Homepage section rhythm and shared heading component (module dl_homepage). Linked with ?v=N from home_top.tpl: bump N on change. */
.dl-sec.dl-sec { margin: 0; padding: 2.5rem 0; }
@media (min-width: 768px) { .dl-sec.dl-sec { padding: 3.5rem 0; } }
/* Soft tinted band, full width of the page, no horizontal scroll */
.dl-sec--tint.dl-sec--tint {
  background: rgba(117, 117, 142, .055);
  box-shadow: 0 0 0 100vmax rgba(117, 117, 142, .055);
  clip-path: inset(0 -100vmax);
}

/* Shared heading block: eyebrow, h2, amber bar, optional subtitle */
.dl-sec-head { max-width: 40rem; margin: 0 auto 2rem; text-align: center; }
.dl-sec-head__eyebrow {
  margin: 0 0 .5rem; color: var(--dl-slate-dark); font-size: .78rem; font-weight: 700; line-height: 1.3;
  letter-spacing: .12em; text-transform: uppercase;
}
.dl-sec-head__title {
  margin: 0; color: var(--dl-ink); font-size: clamp(1.55rem, 1.25rem + 1.2vw, 2.05rem); font-weight: 700;
  line-height: 1.2; letter-spacing: -.01em; text-wrap: balance;
}
.dl-sec-head__title::after {
  content: ""; display: block; width: 3rem; height: 3px; margin: .85rem auto 0; border-radius: 2px; background: var(--dl-amber);
}
.dl-sec-head__sub { margin: 1rem auto 0; color: var(--dl-slate-dark); font-size: 1.02rem; line-height: 1.55; text-wrap: balance; }

/* "See all" links: centred secondary buttons under the lists */
.dl-sec .dl-section__more, .dl-frames .module-products__buttons { display: flex; justify-content: center; margin: 2rem 0 0; text-align: center; }
.dl-sec .dl-section__more .btn, .dl-frames .module-products__buttons .btn { min-height: 2.75rem; padding: .6rem 1.6rem; font-weight: 600; }