/* OGCF Home Classic – Wheel-event hijacking (one-scroll animation)
 *
 * Single viewport-height container. No tall wrapper / sticky.
 * Inner element styles come from ogcf-home.css (loaded as dependency).
 */

.ogcf-home-classic {
    height: 100vh;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
}

/* Admin bar offset */
.admin-bar .ogcf-home-classic {
    height: calc(100vh - 32px);
}

@media (max-width: 782px) {
    .admin-bar .ogcf-home-classic {
        height: calc(100vh - 46px);
    }
}

/* Door: clip-path instead of 3D rotateY transforms */
.ogcf-home-classic .ogcf-home__door-perspective {
    perspective: none;
}

.ogcf-home-classic .ogcf-home__door-frame {
    transform-style: flat;
}

.ogcf-home-classic .ogcf-home__door-left,
.ogcf-home-classic .ogcf-home__door-right {
    width: 100%;
    height: 100%;
    transform: none;
    transform-origin: initial;
    backface-visibility: initial;
}

.ogcf-home-classic .ogcf-home__door-left {
    clip-path: polygon(0% 0%, 45.4% 25.94%, 45.4% 74.06%, 0% 100%);
}

.ogcf-home-classic .ogcf-home__door-right {
    clip-path: polygon(54.6% 25.94%, 100% 0%, 100% 100%, 54.6% 74.06%);
}

/* Settled state: after animation completes, unlock scrolling */
.ogcf-home-classic.is-settled {
    height: auto;
    min-height: 100vh;
    overflow: visible;
}

.ogcf-home-classic.is-settled .ogcf-home__phase1 {
    display: none;
}

.ogcf-home-classic.is-settled .ogcf-home__phase2 {
    position: relative;
}

.ogcf-home-classic.is-settled .ogcf-home__dots {
    display: none;
}

/* Admin bar variants for settled state */
.admin-bar .ogcf-home-classic.is-settled {
    height: auto;
    min-height: calc(100vh - 32px);
}

@media (max-width: 782px) {
    .admin-bar .ogcf-home-classic.is-settled {
        height: auto;
        min-height: calc(100vh - 46px);
    }
}

/* Mobile: let settled state wrap to content height instead of forcing 100vh */
@media (max-width: 768px) {
    .ogcf-home-classic.is-settled {
        min-height: auto;
    }
    .admin-bar .ogcf-home-classic.is-settled {
        min-height: auto;
    }
    .ogcf-home-classic .ogcf-home__door-frame {
        width: 90px;
        height: 62px;
    }
    .ogcf-home-classic .ogcf-home__word {
        font-size: 68px;
    }
}