@charset "utf-8";

/*
 * BUILD 서브페이지 애니메이션 모음
 * ---------------------------------------------------------
 * 적용 페이지: build_subpage/build_subpage.html
 *
 * 이 파일은 BUILD 서브페이지의 깜빡임, 등장, 상세 패널 전환 효과를 모아둔 곳입니다.
 * 실제 레이아웃과 카드 디자인은 build_subpage/css/build_subpage.css에서 관리합니다.
 */

/* 히어로 영역 아래 삼각형 안내 표시가 위아래로 깜빡이는 효과 */
@keyframes subpageTriangleBlink{
    0%,100%{
        opacity:.3;
        transform:translateY(0);
    }
    50%{
        opacity:1;
        transform:translateY(8px);
    }
}

/* 맵 상세 패널 안의 제목, 설명, 카드가 아래에서 위로 나타나는 효과 */
@keyframes detailFadeUp{
    from{
        opacity:0;
        transform:translateY(24px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* 맵 상세 배너 영역이 아래에서 올라오며 선명하게 나타나는 효과 */
@keyframes detailBannerReveal{
    from{
        opacity:0;
        transform:translateY(26px) scale(.985);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

/* 맵 상세 배너 이미지가 확대된 상태에서 원래 크기로 줄어드는 효과 */
@keyframes detailBannerZoom{
    from{
        transform:scale(1.08);
        filter:brightness(.72);
    }

    to{
        transform:scale(1);
        filter:brightness(1);
    }
}