/* 각 시안별 사용하는 css */

body {

    letter-spacing: -0.025em;
}

/* 1 */
/* 이미지 및 텍스트 부드러운 전환을 위한 트랜지션 */
.slide-fade {
    transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}


/* 2 & 3 */
/* 공공기관형 정적 격자 테두리 트랜션 */
.photo-card {
    transition: all 0.3s ease;
}
.photo-card:hover {
    border-color: #12306d;
}

/* 포토뉴스 호버 줌 효과 */
.photo-card img {
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.photo-card:hover img {
    transform: scale(1.08);
}

/* 포토뉴스 슬라이더 뷰포트 및 트랙 스타일 */
.slider-viewport {
    overflow: hidden;
    width: 100%;
}
.photo-track {
    display: flex;
    gap: 24px; /* gap-6 */
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    width: max-content;
}

/* 알림판 이미지 배너 투명도 애니메이션 */
.ad-slide {
    transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 알림판 투명도 순환 제어 */
/* .ad-slide {
    transition: opacity 0.6s ease-in-out;
} */