/* Sliding wipe when crossing between the Studio and Villa Hadas sites.
   The panel travels the way the reader's language flows. */

.site-transition {
    position: fixed;
    inset: 0;
    z-index: 200;
    background: var(--color-text, #2A2622);
    pointer-events: none;
    transform: translateX(var(--transition-from, 100%));
    transition: transform 520ms cubic-bezier(0.76, 0, 0.24, 1);
}

[dir="ltr"] .site-transition { --transition-from: 100%; }
[dir="rtl"] .site-transition { --transition-from: -100%; }

.site-transition.is-covering {
    transform: translateX(0);
    pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
    .site-transition { display: none; }
}