.champions-section{max-width:1260px;padding:35px 25px 8px}.champions-section .section-heading{align-items:end;margin-bottom:20px}.champions-section h2{font-size:35px;letter-spacing:-.04em}.champions-section h2 em{color:#8e49a8}.champions-section .eyebrow{font-size:8px;margin-bottom:10px}.champions-intro{font-size:11px;color:#887391;margin-top:12px}.best-track{display:flex;gap:14px;overflow:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 0 14px;scroll-behavior:smooth}.best-track::-webkit-scrollbar{display:none}.champion-card{flex:0 0 calc((100% - 70px)/6);min-width:140px;scroll-snap-align:start;background:#fff9fc;border:1px solid #e6d6ea;border-radius:11px;overflow:hidden;box-shadow:0 4px 12px #47205709;transition:transform .2s}.champion-card:hover{transform:translateY(-3px)}.champion-card>img{width:100%;height:auto;aspect-ratio:1.18;object-fit:cover}.champion-card>div{padding:12px 12px 14px}.champion-card h3{font-family:var(--serif);font-size:17px;color:#4d265f;font-weight:400}.champion-card span{font-size:8px;color:#9861ad;display:flex;justify-content:space-between;align-items:center;margin-top:8px}.champion-card span .icon{width:14px;height:14px}.champion-card.active{border-color:#a778be}.detail-subheading{font-family:var(--sans);font-weight:600;font-size:12px;line-height:1.5;letter-spacing:.02em;margin:0 0 10px;color:#6a467e}.detail-description{white-space:normal;line-height:1.9;overflow-wrap:anywhere}.detail-description br{display:block;content:"";margin-top:10px}@media(max-width:900px){.champions-section{padding:30px 23px 0}.champions-section h2{font-size:31px}.champion-card{flex-basis:calc((100% - 42px)/4)}.champion-card h3{font-size:16px}.champions-intro{font-size:10px}}@media(max-width:620px){.champions-section{padding:27px 16px 0}.champions-section .section-heading{display:flex;gap:12px;align-items:end;margin-bottom:18px}.champions-section .eyebrow{font-size:7px;letter-spacing:.15em}.champions-section h2{font-size:29px;white-space:normal}.champions-intro{font-size:9px;line-height:1.7;max-width:240px}.best-track{gap:11px;padding-bottom:11px}.champion-card{flex-basis:calc((100% - 22px)/2.4);min-width:130px}.champion-card>img{aspect-ratio:1.1}.champion-card>div{padding:10px 10px 12px}.champion-card h3{font-size:16px;min-height:21px}.champion-card span{font-size:8px;margin-top:7px}.detail-subheading{font-size:11px}.detail-description{font-size:12px}}@media(prefers-reduced-motion:reduce){.best-track{scroll-behavior:auto}}
