/* A tighter transition between the AI chapter intro and its work gallery. */
html[data-theme] body.light-theme .ai-zone-intro {
    padding-bottom: clamp(1.1rem, 1.8vw, 1.6rem) !important;
}

html[data-theme] body.light-theme .ai-zone #ai-reels {
    padding-top: clamp(1rem, 1.8vw, 1.5rem) !important;
}

html[data-theme] body.light-theme #ai-reels .ai-gallery-header {
    margin-bottom: clamp(1.25rem, 2vw, 2rem) !important;
    padding-top: clamp(.9rem, 1.6vw, 1.35rem) !important;
    padding-bottom: clamp(1.1rem, 1.8vw, 1.5rem) !important;
}

/* Give the chapter mark a calm hold, then let it leave with a soft bloom. */
html[data-theme] body.light-theme .ai-zone-intro.is-typewriter-prepared .ai-zone-mark {
    filter: blur(0);
    transition: opacity 520ms ease, transform 820ms cubic-bezier(.2, .72, .18, 1), filter 760ms ease !important;
}

html[data-theme] body.light-theme .ai-zone-intro.is-typewriter-prepared.is-ai-splash-exiting .ai-zone-mark {
    filter: blur(5px);
    transform: scale(1.1) translateY(-.12rem);
}

@media (prefers-reduced-motion: reduce) {
    html[data-theme] body.light-theme .ai-zone-intro.is-typewriter-prepared .ai-zone-mark {
        filter: none;
        transition: none !important;
    }
}