@charset "UTF-8";

/* hero 배경만 정의 — 레이아웃/텍스트/press-card는 components.css */
.hero {
    max-height: 1230px;
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../../image/promotion/background.jpg') center/cover no-repeat;
    overflow: visible;
}

/* ── 보도자료 카드 (메인과 동일) ── */
.news-card {
    background: white;
    border-radius: var(--radius-card);
    outline: 1px rgba(0,0,0,.1) solid;
    box-shadow: var(--shadow-card);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transform-style: preserve-3d;
    will-change: transform;
}
.news-card img {
    width: 100%;
    height: clamp(160px, 22vw, 390px);
    object-fit: cover;
}
.news-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
}
.news-title {
    font-size: clamp(16px, 1.4vw, 24px);
    font-weight: 600;
    color: black;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-desc {
    font-size: clamp(13px, 1vw, 18px);
    font-weight: 500;
    color: rgba(0,0,0,.55);
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-link {
    font-size: clamp(13px, 1vw, 18px);
    font-weight: 500;
    color: black;
    cursor: pointer;
    transition: color .2s;
    margin-top: auto;
}
.news-card:hover .news-link { color: var(--color-primary); }