.hfs-resources-hero {
  min-height: 600px;
  background-image:
    radial-gradient(circle at 32% 38%, rgba(245,232,211,.42) 0%, rgba(245,232,211,.18) 20%, rgba(245,232,211,0) 44%),
    linear-gradient(90deg, rgba(23,26,27,.96) 0%, rgba(23,26,27,.82) 24%, rgba(23,26,27,.46) 50%, rgba(23,26,27,.12) 76%),
    linear-gradient(180deg, rgba(23,26,27,.08), rgba(23,26,27,.30)),
    url('/assets/images/resources_hero_r1.png');
  background-position: center center;
}
.hfs-resources-featured { background: var(--hfs-cream); }
.hfs-resource-card span { display: inline-block; margin-bottom: 14px; color: var(--hfs-green-deep); font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .16em; }
.hfs-resource-card .hfs-text-link { display: inline-block; margin-top: 22px; }
.hfs-resources-topics { background: var(--hfs-cream-light); }
.hfs-topic-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.hfs-topic-grid article { border-top: 1px solid var(--hfs-line); padding-top: 20px; }
.hfs-topic-grid h3 { margin: 0 0 8px; font-family: var(--hfs-heading); font-size: 1.65rem; color: var(--hfs-charcoal); }
.hfs-topic-grid p { margin: 0; color: var(--hfs-muted); }
@media (max-width: 980px) { .hfs-topic-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .hfs-topic-grid { grid-template-columns: 1fr; } }