/* =========================================
   REMSTANDART — TOP COVER TRANSITION
   ТОЛЬКО HERO -> СТИЛИ ИНТЕРЬЕРА
========================================= */

/*
   Hero больше НЕ sticky через весь сайт.
   Его временно закрепит только ScrollTrigger.
*/
#top {
    position: relative;
    z-index: 1;

    transform-origin: center center;

    will-change:
        transform,
        filter,
        opacity;
}


/*
   Collage просто проходит сверху Hero.
   После этого ведёт себя как обычная секция.
*/
#collage {
    position: relative;
    z-index: 5;

    background: #0c0c0b;

    border-radius:
        22px 22px 0 0;

    box-shadow:
        0 -22px 65px
        rgba(0,0,0,.46);

    overflow: hidden;
}


/* Лёгкий верхний блик нового слоя */
#collage::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 75px;

    z-index: 30;

    pointer-events: none;

    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,.022),
            transparent 65%
        );
}


@media (max-width: 768px) {

    #collage {
        border-radius:
            16px 16px 0 0;

        box-shadow:
            0 -14px 42px
            rgba(0,0,0,.48);
    }

}