@charset "utf-8";
/* NAOIH | Home: slechts ÉÉN echte titel. Het originele .hero-copy-element
   verhuist bij het scrollen tijdelijk naar de Spiderman-houder en behoudt
   zijn bestaande lettergroottes. Dit bestand raakt de canonieke stack niet. */
body.page-home .naoih-home-fixed-title {
    /* Header groeit mee met de originele titel; JS meet de werkelijke
       hoogte en positioneert de kaarten daarna. */
    height: auto;
    min-height: 84px;
    box-sizing: border-box;
    z-index: 1200;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px var(--page-padding, 20px) 10px;
    background: rgba(234, 206, 170, .62); /* Spiderman sand */
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(211, 152, 88, .60);
    /* Niets tonen voordat het logo uit beeld is. */
    opacity: 0;
    visibility: hidden;
}
body.page-home.is-home-sticky-active .naoih-home-fixed-title {
    opacity: 1;
    visibility: visible;
}
body.page-home .naoih-home-fixed-title .hero-copy {
    position: static;
    width: 100%;
    max-width: 100%;
    margin: 0;
    text-align: center;
    color: var(--blue, #203A5A);
    transform: none !important;
    opacity: 1 !important;
    pointer-events: none;
    will-change: auto;
}
body.page-home .naoih-home-fixed-title .hero-title {
    /* font-size NIET overschrijven: precies de originele hero-grootte. */
    transform: none !important;
    opacity: 1 !important;
    margin: 0;
    will-change: auto;
}
body.page-home .naoih-home-fixed-title .hero-subtitle {
    /* Alleen de tussenruimte compacter om in de bestaande balkhoogte te passen. */
    transform: none !important;
    opacity: 1 !important;
    margin: 3px 0 0;
    will-change: auto;
}
/* Geen witte diamant onder de header; de voortgangslijn blijft bestaan. */
body.page-home .naoih-home-fixed-title::after {
    display: none !important;
    content: none !important;
}
/* De originele kop mag tijdens de hero-intro normaal blijven animeren. */
body.page-home #homeHero .hero-copy {
    opacity: 1;
}