/* ================================================================
   07. PRESS — Exhibitions & News
   원본: kuber-main/blocks/07_PRESS_블록.html 의 <style> 블록을 그대로 이관.
   수치·색상은 확정본이므로 임의 변경 금지.
   ================================================================ */

.ks-press *{box-sizing:border-box;margin:0;padding:0}
.ks-press{
  --ci:#7e3236;
  --ink:#111111;
  --text:#616161;
  --line:#e3e3e3;
  width:100%;
  background:#ffffff;color:var(--ink);
  min-height:760px;               /* 최소 높이 */
  min-height:max(760px,100vh);    /* 풀스크린 */
  display:flex;align-items:center;
  padding:150px 0;                /* 배경이 잘려 보이지 않도록 상하 여백 유지 */
  font-family:"Inter","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.ks-press__inner{width:100%;max-width:1560px;margin:0 auto;padding:0 32px}

/* ---- 헤더 ---- */
.ks-press__head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:30px;
  padding-bottom:34px;
}
.ks-press__eyebrow{
  font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ci);
  margin-bottom:18px;position:relative;padding-top:16px;
}
.ks-press__eyebrow::before{content:"";position:absolute;left:0;top:0;width:40px;height:2px;background:var(--ci)}
.ks-press__head h2{
  font-size:clamp(36px,5.2vw,64px);font-weight:700;letter-spacing:-.03em;line-height:1;
}
.ks-press__sub{margin-top:14px;font-size:15px;line-height:1.7;color:var(--text)}
.ks-press__all{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;
  font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink);text-decoration:none;padding-bottom:6px;border-bottom:1px solid var(--ink);
  transition:color .3s ease,border-color .3s ease;
}
.ks-press__all:hover{color:var(--ci);border-color:var(--ci)}

/* ---- 목록 ---- */
.ks-press__list{border-top:1px solid #d8d8d8}
.ks-press__item{
  display:grid;grid-template-columns:130px 1fr 120px 46px;align-items:center;gap:0 40px;
  padding:30px 20px;border-bottom:1px solid var(--line);
  text-decoration:none;color:inherit;position:relative;
  transition:background .35s ease;
}
.ks-press__item::before{
  content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--ci);
  transition:width .5s cubic-bezier(.22,.61,.36,1);
}
.ks-press__item:hover{background:#f6f6f6}
.ks-press__item:hover::before{width:100%}

.ks-press__tag{
  justify-self:start;
  font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ci);border:1px solid rgba(126,50,54,.35);border-radius:100px;
  padding:6px 14px;white-space:nowrap;
  transition:background .35s ease,color .35s ease,border-color .35s ease;
}
.ks-press__item:hover .ks-press__tag{background:var(--ci);border-color:var(--ci);color:#fff}

.ks-press__title{
  font-size:17px;font-weight:500;line-height:1.55;letter-spacing:-.01em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  transition:color .3s ease;
}
.ks-press__item:hover .ks-press__title{color:var(--ci)}

.ks-press__date{font-size:13px;color:#8b8b8b;letter-spacing:.04em;text-align:right;white-space:nowrap}

.ks-press__arrow{
  justify-self:end;width:42px;height:42px;border-radius:50%;
  border:1px solid #d2d2d2;display:flex;align-items:center;justify-content:center;
  transition:background .35s ease,border-color .35s ease,transform .35s ease;
}
.ks-press__arrow::after{
  content:"";width:7px;height:7px;border-top:1px solid #767676;border-right:1px solid #767676;
  transform:rotate(45deg) translate(-1px,1px);transition:border-color .35s ease;
}
.ks-press__item:hover .ks-press__arrow{background:var(--ci);border-color:var(--ci);transform:translateX(4px)}
.ks-press__item:hover .ks-press__arrow::after{border-color:#fff}

/* ---- 리빌 ---- */
.ks-press__head,.ks-press__item{opacity:0;transform:translateY(38px);transition:opacity .9s ease,transform .9s ease,background .35s ease}
.ks-press.is-in .ks-press__head,
.ks-press.is-in .ks-press__item{opacity:1;transform:none}
.ks-press.is-in .ks-press__item:nth-child(1){transition-delay:.10s}
.ks-press.is-in .ks-press__item:nth-child(2){transition-delay:.20s}
.ks-press.is-in .ks-press__item:nth-child(3){transition-delay:.30s}
.ks-press.is-in .ks-press__item:nth-child(4){transition-delay:.40s}

/* ---- 반응형 ---- */
@media (max-width:1189px){
  .ks-press{min-height:660px;min-height:max(660px,100vh);padding:110px 0}
  .ks-press__inner{padding:0 40px}
  .ks-press__item{grid-template-columns:110px 1fr 100px 42px;gap:0 20px;padding:26px 16px}
}
@media (max-width:767px){
  .ks-press{min-height:560px;min-height:max(560px,100svh);padding:72px 0}
  .ks-press__inner{padding:0 24px}
  .ks-press__head{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:24px}
  .ks-press__item{
    grid-template-columns:1fr 34px;grid-template-areas:"tag arrow" "title arrow" "date arrow";
    gap:10px 14px;padding:22px 10px;
  }
  .ks-press__tag{grid-area:tag}
  .ks-press__title{grid-area:title;font-size:16px;-webkit-line-clamp:3}
  .ks-press__date{grid-area:date;text-align:left}
  .ks-press__arrow{grid-area:arrow;align-self:center;width:34px;height:34px}
}

@media (prefers-reduced-motion:reduce){
  .ks-press__head,.ks-press__item{opacity:1;transform:none;transition:none}
}

/* ---- 리빌 딜레이 확장 ----
   시안은 4건 고정이라 nth-child(1~4)까지만 있었다.
   위젯에서 노출 건수를 늘릴 수 있으므로 같은 .10s 간격으로 8건까지 이어둔다. */
.ks-press.is-in .ks-press__item:nth-child(5){transition-delay:.50s}
.ks-press.is-in .ks-press__item:nth-child(6){transition-delay:.60s}
.ks-press.is-in .ks-press__item:nth-child(7){transition-delay:.70s}
.ks-press.is-in .ks-press__item:nth-child(8){transition-delay:.80s}