@layer sections {
  .split { overflow: clip; }
  .split__inner { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(2.5rem, 6vw, 7rem); align-items: center; }
  .split--reverse .split__figure { order: 2; }
  .split__figure { position: relative; margin: 0; }
  .split__frame { position: relative; overflow: hidden; aspect-ratio: 5 / 4; border-radius: var(--radius-xl); background: var(--c-ink); box-shadow: 0 60px 100px -50px rgb(21 12 8 / 0.65); }
  .split__img { position: absolute; inset: -6% 0; width: 100%; height: 112%; object-fit: cover; }
  .split__tag { position: absolute; left: 1.4rem; bottom: 1.4rem; }
  .split__title { max-width: 13ch; }
  .split__points { display: grid; list-style: none; margin: 0.5rem 0 0; padding: 0; border-top: 1px solid var(--line); }
  .split__point { display: grid; grid-template-columns: auto 1fr; gap: 1.4rem; padding-block: 1.25rem; border-bottom: 1px solid var(--line); }
  .split__point-num { font-family: var(--font-display); font-size: 1.9rem; line-height: 1; font-weight: 300; color: var(--accent-display); letter-spacing: -0.04em; }
  .split__point-title { font-family: var(--font-display); font-size: var(--fs-h4); line-height: 1.12; font-weight: 500; letter-spacing: -0.012em; }
  .split__point-text { margin-top: 0.3rem; color: var(--fg-soft); }
  @media (max-width: 989px) {
    .split__inner { grid-template-columns: 1fr; }
    .split--reverse .split__figure { order: 0; }
  }
}