/**
 * TRISESTRI Preloader
 *
 * Full-screen overlay with rotating logo that fades out
 * once the page is fully loaded.
 */

/* Overlay covers entire viewport */
.trisestri-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* Fade-out state */
.trisestri-preloader.loaded {
    opacity: 0;
    visibility: hidden;
}

/* Logo container */
.trisestri-preloader__icon {
    max-width: 500px;
    width: 70vw;
}

/* Logo image */
.trisestri-preloader__icon img,
.trisestri-preloader__icon svg {
    width: 100%;
    height: auto;
    display: block;
    animation: trisestri-flip 2s linear infinite;
}

/* Rotation animation — Y axis (3D flip) */
@keyframes trisestri-flip {
    0%   { transform: perspective(800px) rotateY(0deg); }
    100% { transform: perspective(800px) rotateY(360deg); }
}