/* Hero pattern — court-line overlay, lead measure, CTA glow.
   Requires base.css for .st-pill / .st-underline / hover utilities. */

.st-hero { position: relative; overflow: hidden; }
.st-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
  background-image:
    linear-gradient(rgba(255,255,255,.10) 1.5px, transparent 1.5px),
    linear-gradient(90deg, rgba(255,255,255,.10) 1.5px, transparent 1.5px);
  background-size: 64px 64px;
}
.st-hero::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.22), rgba(255,255,255,.22)),
    linear-gradient(rgba(255,255,255,.22), rgba(255,255,255,.22));
  background-repeat: no-repeat;
  background-size: 2px 100%, 84% 2px;
  background-position: 50% 0, 8% 50%;
}
.st-hero > * { position: relative; z-index: 1; }

/* Pill badge yellow dot */
.st-hero .st-pill::before {
  content: ""; width: 8px; height: 8px; border-radius: 50%;
  background: var(--wp--preset--color--ball-yellow);
}

/* Lead paragraph measure */
.st-lead { max-width: 440px; }

/* Primary CTA glow + hover lift */
.st-btn-glow .wp-block-button__link {
  box-shadow: 0 10px 26px rgba(215,242,78,.32);
  transition: transform .18s ease;
}
.st-btn-glow .wp-block-button__link:hover { transform: translateY(-2px); }