.home-page .afterglow-feed { padding: 80px 18px; border-top: 12px solid var(--home-black); background: var(--home-black); color: var(--home-white); }
.home-page .afterglow-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.home-page .afterglow-heading > span { color: var(--home-pink); font: 700 8px 'DM Mono', monospace; letter-spacing: .13em; }
.home-page .afterglow-feed h2 { margin-top: 30px; font-size: clamp(50px, 14vw, 86px); line-height: .82; letter-spacing: -.08em; }
.home-page .afterglow-feed h2 em { color: var(--home-pink); }
.home-page .afterglow-intro { max-width: 520px; margin-top: 28px; color: #c9c2cc; font-size: 14px; line-height: 1.7; }
.home-page .afterglow-grid { display: grid; gap: 20px; margin-top: 48px; }
.home-page .afterglow-post { position: relative; overflow: hidden; padding: 18px; border: 2px solid var(--home-white); background: #17131d; box-shadow: 7px 7px 0 var(--home-pink); }
.home-page .afterglow-post:nth-child(even) { box-shadow: 7px 7px 0 #a7d91d; }
.home-page .afterglow-post img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; margin-bottom: 18px; filter: saturate(1.12) contrast(1.05); }
.home-page .afterglow-meta { color: var(--home-pink); font: 700 8px 'DM Mono', monospace; letter-spacing: .09em; text-transform: uppercase; }
.home-page .afterglow-post h3 { margin-top: 12px; font-size: 25px; line-height: 1; letter-spacing: -.05em; text-transform: uppercase; }
.home-page .afterglow-body { margin-top: 14px; color: #ded7e1; font-size: 13px; line-height: 1.65; white-space: pre-line; }
.home-page .afterglow-loading { color: var(--home-pink); font: 700 10px 'DM Mono', monospace; letter-spacing: .12em; }
@media (min-width: 701px) {
  .home-page .afterglow-feed { padding: 120px clamp(32px, 7vw, 112px); }
  .home-page .afterglow-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
  .home-page .afterglow-post { padding: 22px; }
  .home-page .afterglow-post:nth-child(3n+2) { transform: translateY(34px); }
}