/* Dark title band for inner pages */
.page-hero { position: relative; isolation: isolate; overflow: hidden; margin: 0 12px; padding-block: clamp(2.5rem, 2rem + 3vw, 4.5rem); border-radius: var(--radius-lg); background: var(--color-primary); color: var(--color-bg); text-align: center; }
.page-hero__glow { position: absolute; inset-inline-start: -10%; top: -60%; width: 50%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--color-secondary) 35%, transparent), transparent 65%); z-index: -1; }
.page-hero__title { margin: 0 0 var(--space-3); color: var(--color-bg); font-size: var(--text-3xl); font-weight: var(--weight-heavy, 900); line-height: 1; }
.page-hero__title .section-title__line { display: block; overflow: hidden; padding-block-end: 0.08em; }
.page-hero__title .section-title__line > span { display: inline-block; }
.page-hero__subtitle { max-width: 48ch; margin: 0 auto; font-size: var(--text-lg); }
.js [data-reveal="lines"].page-hero__title .section-title__line > span { transform: translateY(105%); transition: transform 1s var(--ease-out); }
.js [data-reveal="lines"].page-hero__title.is-visible .section-title__line > span { transform: none; }