/* Inter (variable, self-hosted) — Fallback-Schrift, falls Aptos auf dem Gerät
   des Besuchers nicht installiert ist. Diese Datei wird als einzige CSS-Datei
   auf jeder Seite des Projekts eingebunden, daher steht die @font-face-Regel
   hier zentral und einmalig statt in jeder seitenspezifischen CSS-Datei. */
@font-face {
    font-family: "Inter";
    src: url("../fonts/InterVariable.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:where(.reveal-on-scroll) {
    opacity: 0;
    transform: translateY(-28px);
    transition:
        opacity 0.65s ease,
        transform 0.65s ease;
    will-change: opacity, transform;
}

:where(.reveal-on-scroll).is-visible {
    opacity: 1;
    transform: translateY(0);
    will-change: auto;
}

.reveal-delay-1 {
    transition-delay: 0.08s;
}

.reveal-delay-2 {
    transition-delay: 0.16s;
}

.reveal-delay-3 {
    transition-delay: 0.24s;
}

@media (prefers-reduced-motion: reduce) {
    :where(.reveal-on-scroll) {
        opacity: 1;
        transform: none;
        transition: none;
        will-change: auto;
    }
}