/* ============ News column hub (Coomil-style) ============ */
.page-news-column{
  padding-block:clamp(120px,14vw,160px) clamp(80px,10vw,120px);
  background:var(--c-bg);
}
.news-column-hero{margin-bottom:clamp(40px,6vw,56px);}
.news-column-hero .label{
  font-family:var(--ff-en);font-size:13px;letter-spacing:.22em;color:var(--c-ink-soft);
  display:flex;align-items:center;gap:14px;margin-bottom:14px;
}
.news-column-hero .label::before{content:"";width:28px;height:1px;background:var(--c-accent);}
.news-column-hero h1{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:.06em;margin:0 0 12px;}
.news-column-lead{font-size:15px;line-height:1.85;color:var(--c-ink-soft);max-width:40rem;margin:0;}

.news-column-index{
  margin-bottom:clamp(36px,5vw,48px);padding:20px 24px;
  background:var(--c-bg-alt);border:1px solid var(--c-line);border-radius:14px;
}
.news-column-index-label{font-size:13px;font-weight:700;letter-spacing:.1em;margin:0 0 12px;}
.news-column-index-list{
  list-style:none;display:flex;flex-wrap:wrap;gap:10px 18px;margin:0;padding:0;
}
.news-column-index-list a{
  font-size:14px;color:var(--c-ink-soft);border-bottom:1px solid transparent;
  transition:color .2s,border-color .2s;
}
.news-column-index-list a:hover{color:var(--c-accent);border-bottom-color:var(--c-accent);}

.news-column-block{margin-bottom:clamp(48px,7vw,72px);}
.news-column-block-head{margin-bottom:clamp(22px,3vw,28px);}
.news-column-block-head .en{
  font-family:var(--ff-en);font-size:12px;letter-spacing:.28em;color:var(--c-accent);margin:0 0 6px;
}
.news-column-block-head h2{
  font-size:clamp(20px,2.6vw,26px);font-weight:700;letter-spacing:.04em;margin:0;
}
.news-column-block--pickup .news-column-block-head h2{color:var(--c-ink);}

.news-card-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2.5vw,24px);
}
.news-card-grid--pickup{grid-template-columns:repeat(2,1fr);}
@media(min-width:900px){
  .news-card-grid{grid-template-columns:repeat(3,1fr);}
  .news-card-grid--pickup{grid-template-columns:repeat(2,1fr);}
  .news-card-grid--compact{grid-template-columns:repeat(2,1fr);}
}

.news-card{
  border:1px solid var(--c-line);border-radius:14px;background:#fff;
  overflow:hidden;transition:box-shadow .3s,border-color .3s,transform .25s;
}
.news-card:hover{
  border-color:rgba(158,115,180,.35);
  box-shadow:0 16px 40px -24px rgba(17,17,17,.18);
  transform:translateY(-2px);
}
.news-card-link{display:flex;flex-direction:column;height:100%;color:inherit;}
.news-card-thumb{
  margin:0;aspect-ratio:16/10;background:var(--c-bg-alt);overflow:hidden;
}
.news-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.news-card-thumb-placeholder{
  display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  min-height:120px;font-family:var(--ff-en);font-size:12px;letter-spacing:.14em;
  color:rgba(17,17,17,.22);
}
.news-card-body{padding:clamp(14px,2vw,18px);display:flex;flex-direction:column;flex:1;}
.news-card-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 10px;
  font-family:var(--ff-en);font-size:12px;color:var(--c-ink-soft);
}
.news-card-cat{
  border:1px solid var(--c-line);border-radius:999px;padding:3px 10px;
  font-size:10px;letter-spacing:.12em;
}
.news-card-title{
  font-size:15px;font-weight:700;line-height:1.55;margin:0 0 12px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.news-card-more{
  margin-top:auto;font-family:var(--ff-en);font-size:11px;letter-spacing:.14em;
  color:var(--c-accent);
}
.news-column-more{margin:clamp(20px,3vw,28px) 0 0;text-align:right;}
.news-column-more a{
  font-size:14px;font-weight:700;color:var(--c-accent);
  display:inline-flex;align-items:center;gap:8px;
}
.news-column-more a:hover{gap:12px;}
.news-column-back{
  margin-top:clamp(32px,4vw,48px);font-family:var(--ff-en);font-size:13px;letter-spacing:.1em;
}
.news-column-back a{color:var(--c-ink-soft);}
.news-column-back a:hover{color:var(--c-accent);}

@media(max-width:560px){
  .news-card-grid,.news-card-grid--pickup{grid-template-columns:1fr;}
}