/* 창조회 시안 — 전시 · 소식(S모루 · 2026-10-12)
   한 전시 = 한 줄: 왼쪽 포스터 · 대표작(원본 비율 · 자르지 않음) / 오른쪽 상태 · 기간 · 제목 · 작가 · 장소 · 기사 카드 · 작가 쪽으로
   글자: 국립현대미술관 글꼴 · 400/600 · 본문 16 · 캡션 15 이상(장년층) · 자주는 로고에만 */
.news-head { padding: 0 var(--side); display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; }
.news-head .lead { margin: 0 0 6px; font-size: 16px; color: var(--ink-2); }
.nchips { padding: 22px var(--side) 0; display: flex; flex-wrap: wrap; gap: 8px; }
.nchips button { min-height: 44px; padding: 8px 18px; border: 1px solid var(--line); background: var(--paper); border-radius: 999px; font: inherit; font-size: 16px; cursor: pointer; }
.nchips button span { margin-left: 4px; color: var(--ink-2); font-variant-numeric: tabular-nums; }
.nchips button[aria-pressed="true"] { background: var(--ink); color: #fff; border-color: var(--ink); }
.nchips button[aria-pressed="true"] span { color: rgba(255, 255, 255, .72); }
.nchips button:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }

.nlist { margin: 40px 0 0; padding: 0 var(--side) 40px; }
.ev { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 64px; align-items: start; padding: 56px 0; border-top: 1px solid var(--line); }
.ev[hidden] { display: none; }
.ev-pic { display: block; background: var(--wall); padding: clamp(20px, 3vw, 44px); line-height: 0; }
.ev-pic img { width: 100%; height: auto; max-height: 640px; object-fit: contain; margin: 0 auto; box-shadow: 0 2px 4px rgba(40, 30, 25, .08), 0 18px 44px rgba(40, 30, 25, .14); transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.ev-pic:hover img { transform: translateY(-4px); }
.ev-pic:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
.ev-txt { padding-top: 6px; }
.ev-state { display: inline-flex; align-items: center; min-height: 32px; margin: 0; padding: 0 14px; border-radius: 999px; font-size: 15px; font-weight: var(--w-strong); }
.ev-state.now { background: var(--ink); color: #fff; }
.ev-state.soon { border: 1px solid var(--ink); color: var(--ink); }
.ev-state.past { background: var(--wall); color: var(--ink-2); }
.ev-date { margin: 18px 0 0; font-size: 17px; color: var(--ink-2); font-variant-numeric: tabular-nums; }
.ev-title { margin: 10px 0 0; font-size: clamp(26px, 2.4vw, 34px); font-weight: var(--w-strong); line-height: 1.3; }
.ev-who { margin: 14px 0 0; font-size: 19px; }
.ev-who a { font-weight: var(--w-strong); text-decoration: underline; text-underline-offset: 5px; }
.ev-who span { color: var(--ink-2); }
.ev-where { margin: 22px 0 0; font-size: 17px; line-height: 1.6; }
.ev-where span { display: block; font-size: 15px; color: var(--ink-2); }
.ev-note { margin: 12px 0 0; font-size: 16px; color: var(--ink-2); }
/* 기사 미리보기 카드 — 바깥 글로 나간다는 걸 주소 · ↗ 로 보여 줌 */
.ev-link { display: grid; gap: 6px; margin-top: 28px; padding: 20px 22px; border: 1px solid var(--line); background: var(--paper); text-decoration: none; color: var(--ink); transition: background .25s, border-color .25s; }
.ev-link:hover { background: var(--wall); border-color: #c9c4bd; }
.ev-link:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
.ev-link .src { font-size: 15px; color: var(--ink-2); }
.ev-link b { font-size: 19px; font-weight: var(--w-strong); line-height: 1.45; }
.ev-link .desc { font-size: 16px; color: var(--ink-2); }
.ev-link .dom { margin-top: 4px; font-size: 15px; font-weight: var(--w-strong); }
.ev-go { display: inline-flex; align-items: center; min-height: 48px; margin-top: 18px; font-size: 16px; font-weight: var(--w-strong); color: var(--ink); text-decoration: underline; text-underline-offset: 6px; }
.ev-go:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
.ev-empty { padding: 56px 0; border-top: 1px solid var(--line); color: var(--ink-2); }

@media (max-width: 1023px) { .ev { gap: 40px; } }
@media (max-width: 767px) {
  .nlist { margin-top: 28px; }
  .ev { grid-template-columns: 1fr; gap: 24px; padding: 36px 0 44px; }
  .ev-pic { padding: 18px; }
  .ev-pic img { max-height: 70svh; }
  .ev-title { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) { .ev-pic img { transition: none; } }

/* 파스텔(배우님 10-12 「전시 섹션에도 해줘」 — 게시판 꼬리표와 같은 색 묶음) · 바탕 옅게 · 글자 같은 계열 진한 색(대비 4.5 넘게) · 자주 · 분홍은 피함
   진행 중 = 민트 · 예정 = 하늘 · 지난 전시 = 옅은 회색 · 전체 = 라벤더 · 기사 = 레몬 */
.ev-state.now { background: #d5f0e2; color: #17583a; }
.ev-state.soon { border: 0; background: #dcebfb; color: #1f4f80; }
.ev-state.past { background: #ece9e4; color: #4a4a48; }
.nchips button { display: inline-flex; align-items: center; gap: 8px; }
.nchips button::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--dot, #b9b3ab); }
.nchips button[data-f="all"] { --dot: #b9a6ee; --on: #e8e1fa; --onc: #4a3391; }
.nchips button[data-f="now"] { --dot: #7fcfa6; --on: #d5f0e2; --onc: #17583a; }
.nchips button[data-f="soon"] { --dot: #8fbcec; --on: #dcebfb; --onc: #1f4f80; }
.nchips button[data-f="past"] { --dot: #c9c4bd; --on: #ece9e4; --onc: #4a4a48; }
.nchips button[data-f="art"] { --dot: #f0cf4a; --on: #fff1b8; --onc: #6b4e00; }
.nchips button[aria-pressed="true"] { background: var(--on); color: var(--onc); border-color: transparent; font-weight: var(--w-strong); }
.nchips button[aria-pressed="true"] span { color: var(--onc); opacity: .8; }
.nchips button[aria-pressed="true"]::before { background: var(--onc); }
.ev-tag { display: inline-block; margin-right: 8px; padding: 1px 10px; border-radius: 999px; background: #fff1b8; color: #6b4e00; font-style: normal; font-size: 15px; font-weight: var(--w-strong); }