.hero-art { height: 420px; border-radius: 28px; background: var(--hp-lime); overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; }
      .hero-art .shot { width: 80%; border-radius: 16px; box-shadow: 0 18px 50px rgba(28,52,107,.22); }
      .topics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
      .topics .t { background: #fff; border-radius: 18px; box-shadow: var(--shadow-card); padding: 20px; }
      .topics h3 { margin: 0 0 6px; font-size: 15px; font-weight: 600; color: var(--hp-ink); }
      .topics p { margin: 0 0 8px; font-size: 13px; line-height: 19px; color: var(--hp-body); }
      .topics .ct { font-size: var(--fs-micro); letter-spacing: .04em; text-transform: uppercase; color: var(--hp-muted); font-weight: 700; }
      @media (max-width:900px){ .topics { grid-template-columns: 1fr 1fr; } }
      @media (max-width:600px){ .topics { grid-template-columns: 1fr; } }