/*
 * Fluid hero description + strip that grows with the text.
 * (c) TwistedMinds, Gerry Uytdenhouwen — 2026-10-26
 *
 * --hero-chars is set on the hero content column by inc/hero-fluid.php and
 * inherited by its description paragraphs.
 * 61 chars (homepage) = 40px; longer text shrinks with sqrt so the text block
 * keeps roughly the same area. An editor-chosen font-size (inline style or
 * has-*-font-size preset) overrides this.
 */

.matica-hero-description {
  --hero-ref-chars: 61;
  font-size: clamp(22px, calc(40px * sqrt(var(--hero-ref-chars) / var(--hero-chars, 61))), 40px);
}

/*
 * The dark strip ends 6rem above the hero bottom (style.css ::before).
 * The homepage hero keeps its buttons inside the strip with a 100px spacer
 * under them; heroes without that spacer get the same room from the theme.
 * Only where the columns sit side by side.
 */
@media (min-width: 782px) {
  .matica-hero-content:not(:has(> .wp-block-spacer:last-child)) {
    padding-bottom: 100px;
  }
}