/* ==========================================================
   REVEAL ANIMATIONS
========================================================== */

.reveal{
    opacity:0;
    transform:translateY(38px);
    transition:
        opacity .9s var(--ease),
        transform .9s var(--ease);
}

.reveal.in{
    opacity:1;
    transform:none;
}

.reveal[data-d="1"]{
    transition-delay:.08s;
}

.reveal[data-d="2"]{
    transition-delay:.16s;
}

.reveal[data-d="3"]{
    transition-delay:.24s;
}

.reveal[data-d="4"]{

    transition-delay:.32s;
}



/* ==========================================================
   SECTION SEAM
========================================================== */

.seam{

    height:1px;
    margin:0 var(--pad);

    background:linear-gradient(
        90deg,
        transparent,
        var(--line-2) 30%,
        var(--azure) 50%,
        var(--line-2) 70%,
        transparent
    );

    transform:skewY(-1.4deg);
    transform-origin:left;

}