/* 디지털 — 포트폴리오(portfolio) 전용 CSS */

/* 카드 제목: 길어지면 한 줄에서 말줄임(…) 처리 */
.pf-card-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 상세 상단 썸네일: 크롭 없이 원본 비율 그대로 (background cover 히어로 대체) */
.pf-d-hero-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 18px;
    margin: clamp(24px, 4vw, 36px) 0;
}

/* ── 모바일: 상세 하단 '다른 프로젝트' = 세로 스택 대신 가로 캐러셀(스와이프) — 인사이트 동일 ── */
@media (max-width: 680px) {
    .pf-related {
        display: flex;
        grid-template-columns: none;
        gap: 14px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scroll-padding-left: 24px;
        margin: 0 -24px;          /* 좌우 가장자리까지 스와이프 */
        padding: 4px 24px 10px;
    }

    .pf-related .pf-card {
        flex: 0 0 80%;
        scroll-snap-align: start;
    }
}