/*
==========================================================================

 PROJECT     : SIGNATURE SPREADS AND TREATS BY DI
 VERSION     : 1.0.0
 AUTHOR      : JB

===========================================================================
*/

/* STORY PORTRAIT */

.about-page .about-story-portrait-frame img {
    transition:
        transform 1000ms
            var(--motion-ease-emphasized);
}

.about-page .about-story-portrait figcaption {
    transition:
        transform var(--motion-duration-normal)
            var(--motion-ease-emphasized),
        box-shadow var(--motion-duration-normal)
            var(--motion-ease-standard);
}


@media (hover: hover) {

    .about-page .about-story-portrait:hover .about-story-portrait-frame img {
        transform: scale(1.02);
    }

    .about-page .about-story-portrait:hover figcaption {
        transform: translateY(-4px);

        box-shadow:
            0 24px 50px rgba(75, 46, 30, 0.16);
    }

}

/* JOURNEY NUMBERS */

.about-page .about-journey-number {
    transition:
        background-color var(--motion-duration-fast)
            var(--motion-ease-standard),
        color var(--motion-duration-fast)
            var(--motion-ease-standard),
        border-color var(--motion-duration-fast)
            var(--motion-ease-standard),
        transform var(--motion-duration-normal)
            var(--motion-ease-emphasized);
}

@media (hover: hover) {

    .about-page .about-journey-step:hover .about-journey-number {
        border-color: var(--color-primary);
        background-color: var(--color-primary);
        color: var(--color-warm-white);
        transform: translateY(-3px);
    }
}

/* ORIGIN IMAGE / STAMP */

.about-page .about-origin-image img {
    transition:
        transform 1000ms
            var(--motion-ease-emphasized);
}

.about-page .about-origin-stamp {
    transition:
        transform var(--motion-duration-normal)
            var(--motion-ease-emphasized),
        box-shadow var(--motion-duration-normal)
            var(--motion-ease-standard);
}

.about-page .about-text-link span {
    transition:
        transform var(--motion-duration-fast)
            var(--motion-ease-standard);
}


@media (hover: hover) {

    .about-page .about-origin-visual:hover .about-origin-image img {
        transform: scale(1.022);
    }

    .about-page .about-origin-visual:hover .about-origin-stamp {
        transform: rotate(-3deg) translateY(-3px);
        box-shadow:
            0 20px 42px rgba(75, 46, 30, 0.15);
    }

    .about-page .about-text-link:hover span,
    .about-page .about-text-link:focus-visible span {
        transform: translateX(4px);
    }
}


/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

    .about-page .about-story-portrait-frame img,
    .about-page .about-story-portrait figcaption,
    .about-page .about-journey-number,
    .about-page .about-origin-image img,
    .about-page .about-origin-stamp,
    .about-page .about-text-link span {
        transition: none;
    }

    .about-page .about-story-portrait:hover .about-story-portrait-frame img,
    .about-page .about-story-portrait:hover figcaption,
    .about-page .about-journey-step:hover .about-journey-number,
    .about-page .about-origin-visual:hover .about-origin-image img,
    .about-page .about-origin-visual:hover .about-origin-stamp,
    .about-page .about-text-link:hover span {
        transform: none;
    }
}