/* Hero headline slides: three messages, one visible at a time (js/home/hero-slides.js). */

.hero-slides { display: grid; }
.hs { grid-area: 1 / 1; opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease, visibility 0s linear .6s; }
.hs.on { opacity: 1; visibility: visible; transform: none; transition: opacity .6s ease, transform .6s ease; }
.hs-kicker { margin: 0 0 .9rem; font-weight: 700; font-size: 1.05rem; color: var(--sky); letter-spacing: .01em; text-align: left; }
/* Headlines stay on two lines: the size scales with the screen and the lines are balanced */
.hs h1, .hs-title { margin: 0; font-family: var(--display); font-weight: 700; font-size: clamp(1.45rem, 6.3vw, 3rem); line-height: 1.08; letter-spacing: -0.01em; text-wrap: balance; }
@media (min-width: 900px) { .hs h1, .hs-title { font-size: clamp(2.2rem, 3.7vw, 3.4rem); } }
.hs-controls { grid-area: 2 / 1; display: flex; align-items: center; gap: 14px; margin-top: 1.1rem; }
.hs-pause { min-height: 44px; padding: 0 1rem; background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.7); border-radius: 999px; font-weight: 700; font-size: .95rem; }
.hs-pause:hover { background: #fff; color: var(--hero); }
.hs-dots { display: flex; gap: 2px; }
.hs-dot { width: 44px; height: 44px; background: transparent; border: 0; display: grid; place-items: center; padding: 0; }
.hs-dot::before { content: ""; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; background: transparent; }
.hs-dot[aria-current="true"]::before { background: var(--sun); border-color: var(--sun); }
.hero-slides :focus-visible { outline: 3px solid var(--sun); outline-offset: 2px; }
.hero-slides:not(.is-ready) .hs-controls { display: none; } /* no JS: no controls */
@media (prefers-reduced-motion: reduce) { .hs, .hs.on { transition: none; transform: none; } }