.rpg-container { width: var(--rpg-container); margin-inline: auto; }
.rpg-wide { width: var(--rpg-wide); margin-inline: auto; }
.rpg-section { padding-block: var(--rpg-space-7); }
.rpg-section--dark { background: var(--rpg-navy-deep); color: #fff; }
.rpg-section--dark h1, .rpg-section--dark h2, .rpg-section--dark h3 { color: #fff; }
.rpg-section__eyebrow { color: var(--rpg-copper); font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.rpg-section__intro { display: grid; gap: var(--rpg-space-3); max-width: 720px; }
.rpg-grid { display: grid; gap: var(--rpg-space-4); }
.rpg-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rpg-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .rpg-section { padding-block: var(--rpg-space-6); } .rpg-grid--3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { :root { --rpg-container: min(100% - 32px, 1180px); --rpg-wide: min(100% - 32px, 1320px); } .rpg-section { padding-block: 56px; } .rpg-grid--2, .rpg-grid--3 { grid-template-columns: 1fr; } }