/* Visible by default. These classes are added only by the scoped enhancement. */
.oak-home-photo [data-home-reveal].home-reveal-enabled {
    opacity: 1;
    transform: none;
    transition: opacity 660ms cubic-bezier(.22, 1, .36, 1), transform 660ms cubic-bezier(.22, 1, .36, 1);
}
.oak-home-photo [data-home-reveal].home-reveal-enabled.home-reveal-pending {
    opacity: 0;
    transform: translateY(16px);
}
.oak-home-photo [data-home-reveal].home-reveal-immediate {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}
.oak-home-photo [data-home-image-intro].home-image-enter {
    animation: oaklaunch-home-photo-enter 760ms cubic-bezier(.22, 1, .36, 1) backwards;
    transform-origin: center;
}
@keyframes oaklaunch-home-photo-enter {
    from { transform: scale(1.035); }
    to { transform: scale(1); }
}
.oak-home-photo .bp-motion-photo { overflow: hidden; }
.oak-home-photo .bp-motion-photo img {
    transition: transform 420ms cubic-bezier(.22, 1, .36, 1), filter 420ms ease;
}
.oak-home-photo .bp-motion-photo:focus-within {
    outline: 2px solid var(--bp-copper, #d0a06c);
    outline-offset: 5px;
}
@media (hover: hover) and (pointer: fine) {
    .oak-home-photo .bp-motion-photo:hover img,
    .oak-home-photo .bp-motion-photo:focus-within img {
        transform: scale(1.012);
        filter: brightness(1.025);
    }
}
@media (prefers-reduced-motion: reduce) {
    .oak-home-photo [data-home-reveal],
    .oak-home-photo [data-home-reveal].home-reveal-enabled,
    .oak-home-photo [data-home-reveal].home-reveal-enabled.home-reveal-pending,
    .oak-home-photo [data-home-image-intro],
    .oak-home-photo .bp-motion-photo,
    .oak-home-photo .bp-motion-photo img {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
        filter: none !important;
    }
}