/* =========================
   Header Base
========================= */

.gsap-header{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    z-index:9999;

    transition:none;

}

/* Inner Container */

.gsap-header-inner{

    height:100px;

    display:flex;

    align-items:center;

}

/* Scrolled State */

.gsap-header.is-scrolled{

    position:fixed;

    background:rgba(15,15,16,.88);

    backdrop-filter:blur(6px);

    -webkit-backdrop-filter:blur(6px);

    box-shadow:0 12px 40px rgba(0,0,0,.25);

    border-bottom:1px solid rgba(255,255,255,.05);

}

/* ==========================================
   GSAP Animated Elements
========================================== */

.gsap-animated{

    transition: none !important;

}

/* Hide GSAP animated elements until JS is ready */

.gsap-animated {
    will-change: transform, opacity;
}