/* Fixed chapter anchors for homepage-to-SYSTEM navigation.
 * IDs stay language-independent in the markup. The offset clears the fixed
 * production header and leaves a small visual gap above each chapter.
 */
#combat,
#motion,
#expression,
#movement,
#performance,
#cognition {
    scroll-margin-top: 96px;
}

@media (max-width: 900px) {
    #combat,
    #motion,
    #expression,
    #movement,
    #performance,
    #cognition {
        scroll-margin-top: 84px;
    }
}

/* Keep the German focus-area heading inside the 320px viewport. */
@media (max-width: 359px) {
    .system-hero h1 {
        font-size: 2.75rem;
        letter-spacing: 0.025em;
    }
}