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

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(30px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

@keyframes pulseGlow{

0%{

opacity:.3;

transform:scale(.95);

}

50%{

opacity:1;

transform:scale(1);

}

100%{

opacity:.3;

transform:scale(.95);

}

}

@keyframes blink{

0%,90%,100%{

transform:scaleY(1);

}

95%{

transform:scaleY(.1);

}

}

@keyframes loadingBar{

0%{

width:0;

}

100%{

width:100%;

}

}

/* Hero */

@keyframes floatBull{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-18px);

}

}

@keyframes heroGlow{

0%,100%{

transform:scale(1);

opacity:.7;

}

50%{

transform:scale(1.15);

opacity:1;

}

}

@keyframes scrollFloat{

0%,100%{

transform:translate(-50%,0);

}

50%{

transform:translate(-50%,-12px);

}

}
@keyframes smokeMove{

0%{

transform:translateX(-10%);

}

100%{

transform:translateX(10%);

}

}

@keyframes eyeGlow{

0%,100%{

opacity:.35;

transform:scale(1);

}

50%{

opacity:1;

transform:scale(1.25);

}

}

@keyframes embersRise{

0%{

background-position:0 100%;

}

100%{

background-position:0 -600px;

}

}
.hidden{

opacity:0;

transform:translateY(40px);

transition:

all .9s ease;

}

.show{

opacity:1;

transform:translateY(0);

}

.divider{
    position:relative;
    overflow:hidden;
    height:600px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.divider-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    z-index:0;
}

.divider-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:1;
}

.divider .container{
    position:relative;
    z-index:2;
    text-align:center;
}