/* =========================
   IMAGE OVERLAY
========================= */

.image-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.92);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9999;
 }
 
 .overlay-img{
    max-width:90%;
    max-height:90%;
    border-radius:14px;
    box-shadow:0 20px 60px rgba(0,0,0,0.5);
 }
 
 /* =========================
    SCROLL ANIMATION
 ========================= */
 
 .reveal{
    opacity:0;
    transform:translateY(40px);
    transition:all 0.8s ease;
 }
 
 .reveal.active{
    opacity:1;
    transform:translateY(0);
 }
 
 /* =========================
    STATES
 ========================= */
 
 .loading,
 .empty,
 .error{
    padding:20px;
    text-align:center;
    color:var(--muted);
 }
 
 /* =========================
    BURGER MENU
 ========================= */
 
 .burger{
    width:36px;
    height:28px;
    display:none;
    flex-direction:column;
    justify-content:space-between;
    cursor:pointer;
 }
 
 .burger span{
    height:3px;
    background:#0E1A2B;
    border-radius:3px;
    transition:.35s;
 }