/* ── Huisstijl typografie ── */ /* Hoofdlettertype: Chillax (koppen) · Secundair: Host Grotesk (body, op ) */ h1, h2, h3, h4, h5, h6 { font-family: 'Chillax', sans-serif; } /* ── Base: gentle fade up (calm/premium) ── */ [data-fade], [data-fade="up"] { opacity: 0; transform: translateY(22px); transition: opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1); } /* ── Slide from left ── */ [data-fade="left"] { opacity: 0; transform: translateX(-28px); transition: opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1); } /* ── Slide from right ── */ [data-fade="right"] { opacity: 0; transform: translateX(28px); transition: opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1); } /* ── Zoom in ── */ [data-fade="zoom"] { opacity: 0; transform: scale(.97); transition: opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1); } /* ── Respect reduced motion ── */ @media (prefers-reduced-motion: reduce) { [data-fade],[data-fade="up"],[data-fade="left"],[data-fade="right"],[data-fade="zoom"]{ opacity: 1 !important; transform: none !important; transition: none !important; } } /* ── Visible state (all types) ── */ [data-fade].fade-in, [data-fade="up"].fade-in, [data-fade="left"].fade-in, [data-fade="right"].fade-in, [data-fade="zoom"].fade-in { opacity: 1; transform: none; } /* ── Stagger delays ── */ [data-fade-delay="1"] { transition-delay: .08s } [data-fade-delay="2"] { transition-delay: .16s } [data-fade-delay="3"] { transition-delay: .24s } [data-fade-delay="4"] { transition-delay: .32s } [data-fade-delay="5"] { transition-delay: .40s } [data-fade-delay="6"] { transition-delay: .48s } [data-fade-delay="7"] { transition-delay: .56s } [data-fade-delay="8"] { transition-delay: .64s }