/* ───────────────────────────────────────────────
   styles.css L1240-1274 — .block_work_grid__grid / .work-tile
   ─────────────────────────────────────────────── */
/* ==== Works grid ==== */
.block_work_grid__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-md);
}
.work-tile {
  position: relative;
  aspect-ratio: 4 / 5;
  border-radius: var(--r-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: var(--space-md);
  color: var(--white);
  transition: transform var(--dur-base) var(--ease-out-soft);
  background-color: var(--ink-300);
  background-image: var(--tile-img);
  background-size: cover;
  background-position: center;
}
.work-tile::before {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg,
    rgba(26, 23, 20, 0.10) 0%,
    rgba(26, 23, 20, 0.00) 30%,
    rgba(26, 23, 20, 0.45) 65%,
    rgba(26, 23, 20, 0.88) 100%);
  pointer-events: none;
}
.work-tile > * { position: relative; z-index: 1; }
.work-tile:hover { transform: translateY(-3px); }

/* ───────────────────────────────────────────────
   styles.css L1282-1297 — .work-tile .meta / .play
   ─────────────────────────────────────────────── */
.work-tile .meta {
  font-size: 12px;
  font-weight: 500;
  opacity: 0.78;
}
.work-tile .play {
  position: absolute;
  top: var(--space-md); right: var(--space-md);
  width: 32px; height: 32px;
  border-radius: 50%;
  background: rgba(255,255,255,0.92);
  color: var(--ink-900);
  display: flex; align-items: center; justify-content: center;
  font-size: 11px;
}


/* ───────────────────────────────────────────────
   styles.css L3422-3425 — work-tile hover 비활성 override
   ─────────────────────────────────────────────── */
/* Work tile — disable hover */
.work-tile { transition: none !important; }
.work-tile:hover { transform: none !important; }

/* ───────────────────────────────────────────────
   WP 추가 — play 표시를 텍스트 ▶ 대신 SVG로
   ─────────────────────────────────────────────── */
.work-tile .play svg {
  display: block;
  margin-left: 1px; /* 삼각형 시각 중심 보정 */
}