/* ==========================================================================
   Motion — subtle fade, scale, image reveal, mouse light
   ========================================================================== */

.reveal-up,
.reveal-fade {
    opacity: 0;
    transform: translateY(var(--ds-reveal-y, 40px));
    transition:
        opacity var(--ds-duration, 0.8s) var(--ds-ease, cubic-bezier(0.22, 1, 0.36, 1)),
        transform var(--ds-duration, 0.8s) var(--ds-ease, cubic-bezier(0.22, 1, 0.36, 1));
    transition-delay: var(--reveal-delay, 0ms);
}

.reveal-scale {
    opacity: 0;
    transform: translateY(var(--ds-reveal-y, 40px)) scale(var(--ds-reveal-scale, 0.96));
    transition:
        opacity var(--ds-duration, 0.8s) var(--ds-ease, cubic-bezier(0.22, 1, 0.36, 1)),
        transform var(--ds-duration, 0.8s) var(--ds-ease, cubic-bezier(0.22, 1, 0.36, 1));
    transition-delay: var(--reveal-delay, 0ms);
}

.reveal-up.is-inview,
.reveal-fade.is-inview,
.reveal-scale.is-inview {
    opacity: 1;
    transform: none;
}

/* Image reveal */
.reveal-image {
    position: relative;
    overflow: hidden;
}

.reveal-image .photo-crop,
.reveal-image img,
.reveal-image .photo-placeholder,
.reveal-image .hero-photo__placeholder,
.reveal-image .about-stack__void,
.reveal-image .media-void {
    transform: scale(1.045);
    transition: transform 1.35s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--reveal-delay, 80ms);
}

.reveal-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--reveal-curtain, var(--dark));
    transform-origin: bottom center;
    transform: scaleY(1);
    transition: transform 1.15s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
    z-index: 2;
}

.reveal-image.is-inview::after {
    transform: scaleY(0);
}

.reveal-image.hero-illustration::after,
.reveal-image.hero-illustration .photo-crop,
.reveal-image.hero-illustration img {
    display: none;
}

.reveal-image.hero-illustration.is-inview {
    opacity: 1;
    transform: none;
}

.reveal-image.is-inview .photo-crop,
.reveal-image.is-inview img,
.reveal-image.is-inview .photo-placeholder,
.reveal-image.is-inview .hero-photo__placeholder,
.reveal-image.is-inview .about-stack__void,
.reveal-image.is-inview .media-void {
    transform: scale(1);
}

/* Mouse lighting — dark sections */
[data-mouse-light] {
    position: relative;
    isolation: isolate;
}

.mouse-light {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.8s ease;
    background: radial-gradient(
        520px circle at var(--mx, 50%) var(--my, 40%),
        rgba(255, 106, 19, 0.045),
        transparent 48%
    );
}

[data-mouse-light].is-lit .mouse-light {
    opacity: 1;
}

[data-mouse-light] > .container,
[data-mouse-light] > .hero-bg,
[data-mouse-light] > .hero-layout,
[data-mouse-light] > .hero-split,
[data-mouse-light] > .contact-screen,
[data-mouse-light] .cta-fullscreen {
    position: relative;
    z-index: 1;
}

.hero .mouse-light {
    background: radial-gradient(
        640px circle at var(--mx, 60%) var(--my, 35%),
        rgba(255, 255, 255, 0.035),
        rgba(255, 106, 19, 0.025) 32%,
        transparent 52%
    );
}

@media (prefers-reduced-motion: reduce) {
    .reveal-up,
    .reveal-fade,
    .reveal-scale {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .reveal-image::after {
        display: none;
    }

    .reveal-image .photo-crop,
    .reveal-image img,
    .reveal-image .hero-photo__placeholder,
    .reveal-image .about-stack__void,
    .reveal-image .media-void {
        transform: none;
        transition: none;
    }

    .mouse-light {
        display: none;
    }
}