/* ===== Blog section ===== */
.dl-subhead{
  display:flex;align-items:center;gap:12px;
  font-family:'Cormorant Garamond',serif;letter-spacing:.22em;text-transform:uppercase;
  color:var(--soft);font-size:13px;margin:0 0 22px;
}
.dl-subhead::after{content:"";flex:1;height:1px;background:var(--line)}
.dl-subhead i{font-size:14px;color:var(--accent)}
.dl-subhead .ja{font-family:'Shippori Mincho',serif;letter-spacing:.06em;text-transform:none;color:var(--text);font-size:16px;font-weight:600}

.dl-block{margin-bottom:54px}
.dl-block:last-child{margin-bottom:0}

.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.dl-card{
  display:flex;flex-direction:column;
  border:1px solid var(--line);background:var(--panel);
  color:var(--text);text-decoration:none;
  transition:transform .25s, border-color .25s;
}
.dl-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.32)}

.dl-thumb{
  position:relative;aspect-ratio:16/10;
  background:#ece9e3 center/cover no-repeat;border-bottom:1px solid var(--line);
}
.dl-tag{
  position:absolute;top:10px;left:10px;
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(16,16,16,.82);color:var(--accent);
  font-family:'Cormorant Garamond',serif;letter-spacing:.16em;text-transform:uppercase;
  font-size:11px;padding:5px 11px;border:1px solid var(--accent);
}
.dl-tag i{font-size:11px}

.dl-body{padding:17px 19px 19px;display:flex;flex-direction:column;flex:1}
.dl-title{
  font-family:'Shippori Mincho',serif;font-weight:600;font-size:16px;line-height:1.55;
  letter-spacing:.02em;margin:0 0 9px;color:var(--text);
}
.dl-excerpt{
  color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 14px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.dl-date{
  margin-top:auto;color:var(--soft);font-size:12px;letter-spacing:.04em;
  font-family:'Cormorant Garamond',serif;
}

.dl-card--pinned{border-color:rgba(242,242,242,.4)}

.dl-foot{display:flex;justify-content:center;margin-top:46px}
.dl-all{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Cormorant Garamond',serif;letter-spacing:.18em;text-transform:uppercase;
  font-size:13px;padding:13px 30px;border:1px solid var(--accent);color:var(--text);
  text-decoration:none;transition:.25s;
}
.dl-all:hover{background:var(--accent);color:#111}

.dl-empty{color:var(--soft);font-size:14px;text-align:center;padding:30px 0}

@media (max-width:860px){
  .dl-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .dl-grid{grid-template-columns:1fr}
}