/* R5 free RPG. Title names the adventure; subtitle describes the experience. */
.r5-rpg-portal{margin:0 auto 70px;max-width:1320px;display:grid;grid-template-columns:1.12fr 1fr;gap:42px;align-items:center;padding:38px;border-radius:22px;background:#102f45;color:#f3f8fb}
.r5-rpg-copy h2{color:white;font-size:clamp(28px,2.6vw,40px);line-height:1.25;margin:16px 0}.r5-rpg-copy .r3-subtitle{color:#ffda82;font-size:19px;line-height:1.6}.r5-rpg-copy p{color:#d1e2eb;line-height:1.85}.r5-rpg-copy .eyebrow{color:#ffce64}.r5-rpg-copy ol{padding-left:23px;line-height:1.8;margin:18px 0 24px}.r5-rpg-copy .primary{display:inline-block;background:#ffce64;color:#102e45;font-weight:800;padding:16px 24px;border-radius:12px;text-decoration:none}.r5-rpg-note{font-size:13px;margin-top:20px}.r5-rpg-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:#071725}.r5-rpg-screen{font-size:11px;font-weight:800;letter-spacing:.08em;display:flex;justify-content:space-between;gap:10px;margin:0 0 12px;color:#a8e8f7}.r5-rpg-screen span{color:#ffce64}.r5-video-note{font-size:12px;color:#bfd4df;margin:10px 0 0}.experience-paths{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.r5-rpg-portal{grid-template-columns:1fr;gap:26px;margin:28px 22px 50px;padding:26px}.experience-paths{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.r5-rpg-portal{margin:24px 16px 42px;padding:22px 18px}.r5-rpg-copy h2{font-size:28px}.r5-rpg-copy .r3-subtitle{font-size:17px}.r5-rpg-screen{font-size:9px}.r5-rpg-copy .primary{width:100%;text-align:center;font-size:15px}.experience-paths{grid-template-columns:1fr}.r5-rpg-copy ol{font-size:14px}}