/* ==========================================================================
   Motion rules the static export could not carry.

   The prototype declared these in its document head. The exporter replaces the
   whole head, so the hero glow and the reduced-motion escape hatch were dropped
   on the way out. Values are copied verbatim from the source artboards.
   ========================================================================== */

/* The slow red bloom behind the hero cut. */
@keyframes heroGlow {
    0%   { transform: scale(1) translate3d(0, 0, 0); opacity: .5; }
    50%  { transform: scale(1.12) translate3d(-2%, 1%, 0); opacity: .78; }
    100% { transform: scale(1) translate3d(0, 0, 0); opacity: .5; }
}

.hero-glow { animation: heroGlow 12s ease-in-out infinite; }

/* Skip link: absent from the prototype, which was never keyboard tested. */
.bk-skip {
    position: absolute;
    left: 16px;
    top: -100px;
    z-index: 200;
    padding: 12px 20px;
    border-radius: 14px;
    background: #E01B24;
    color: #FFFFFF;
    font: 600 15px Inter, sans-serif;
    text-decoration: none;
    transition: top .2s cubic-bezier(.16, 1, .3, 1);
}
.bk-skip:focus { top: 16px; color: #FFFFFF; }

@media (prefers-reduced-motion: reduce) {
    .hero-glow { animation: none; opacity: .6; }

    /* Parallax layers are marked .noreduce; JS leaves them alone here, and this
       undoes any transform already applied. */
    .noreduce { transform: none !important; }

    html { scroll-behavior: auto; }
}

/* The phone home page reveals with .mrv; the rules are verbatim from the head of
   BEREKET Modern Home Mobile.dc.html, the same as .rv on the desktop pages. */
.mrv { transition: opacity .6s cubic-bezier(.16, 1, .3, 1), transform .6s cubic-bezier(.16, 1, .3, 1); }
body.motion .mrv:not(.in) { opacity: 0; transform: translateY(24px); }
@media (prefers-reduced-motion: reduce) {
    body.motion .mrv:not(.in) { opacity: 1; transform: none; }
    .mrv { transition: opacity .2s linear; }
}