.spells-hero-grid { align-items: center; gap: var(--space-8); }
.spells-hero-copy p { max-width: 42rem; }
.spells-hero-media { max-width: 520px; margin-left: auto; }
.spells-hero-image { min-height: 260px; }
.spells-hero-tags .chip { margin-right: var(--space-2); margin-bottom: var(--space-2); }
.spells-section-header { max-width: 44rem; margin-left: auto; margin-right: auto; }
.spells-list, .spells-bullets { list-style: none; display: grid; gap: var(--space-2); font-size: var(--font-size-sm); }
.spells-signature-grid, .spells-ultimates-grid, .spells-mechanics-grid, .spells-status-grid, .spells-progression-grid { gap: var(--space-8); align-items: flex-start; }
.spells-image-wrapper { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: var(--shadow-soft); background: #050712; }
.spells-image-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; }
.spells-ultimates-media, .spells-signature-media { align-self: stretch; display: flex; align-items: center; }
.spells-mastery-cta .btn { min-width: 210px; justify-content: center; }
.spells-footer-links { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.spells-footer-nav .btn { padding-inline: 1.25rem; }
@media (max-width: 960px) {
  .spells-hero-grid, .spells-signature-grid, .spells-ultimates-grid, .spells-mechanics-grid, .spells-status-grid, .spells-progression-grid { grid-template-columns: 1fr; }
  .spells-hero-media, .spells-ultimates-media, .spells-signature-media { max-width: 100%; margin: 0; }
}
@media (max-width: 640px) {
  .spells-hero { padding-top: var(--space-8); padding-bottom: var(--space-8); }
  .spells-mastery-cta { flex-direction: column; align-items: stretch; }
  .spells-mastery-cta .btn { width: 100%; }
}