/* Home page only (Pages/Index.cshtml, __HomeHero.cshtml). Design system v2026.11.07: tokens only, no hex.
   The shared parts (.sacc-section, .sacc-split, .sacc-button, .sacc-tabs, .sacc-facts) live in sacc-components.css;
   this file only lays out the hero. The preview itself is "Home hero live preview" in sacc-components.css. */

/* Hero: the section's own padding, a little less at the top so the headline sits close under the navigation. */
.home-hero { padding-block: var(--sacc-space-6, 2rem) var(--sacc-section-y, 3.5rem); }
@media (min-width: 992px) {
    .home-hero { padding-top: var(--sacc-space-7, 3rem); }
    .home-hero__split { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); }
}

body.sacc-site .home-hero__title,
.home-hero__title {
    margin: 0;
    max-width: 22ch;
    font-size: var(--sacc-text-h1, 2.25rem);
    color: var(--sacc-color-ink, #1f2933);
}
.home-hero__lead {
    margin: var(--sacc-space-3, 0.75rem) 0 0;
    max-width: 44ch;
    font-size: var(--sacc-text-lg, 1.125rem);
    color: var(--sacc-color-ink-muted, #5b6670);
}
.home-hero .sacc-actions { margin-top: var(--sacc-space-5, 1.5rem); }