.cc-rail{grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem;margin-bottom:.5rem;display:grid}.cc-rail__item{cursor:pointer;background:#0000004d;border:1px solid #2a2a2a;border-radius:.6rem;flex-direction:column;padding:0;transition:border-color .18s,background .18s,transform .18s;display:flex;overflow:hidden}.cc-rail__item:hover{background:#cca45312;border-color:#cca45380}.cc-rail__item:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cc-rail__item.is-active{border-color:var(--gold);background:#cca4531f;transform:translateY(-2px);box-shadow:0 6px 20px #00000080}.cc-rail__frame{aspect-ratio:4/5;width:100%;display:block}.cc-rail__frame img{object-fit:cover;width:100%;height:100%;display:block}.cc-rail__name{text-transform:uppercase;letter-spacing:.04em;color:#bdbdbd;text-align:center;background:#00000073;padding:.45rem .3rem;font-family:Unbounded,sans-serif;font-size:.6rem;font-weight:700;line-height:1.25}.cc-rail__item.is-active .cc-rail__name{color:var(--gold)}.cc-panel{display:none}.cc-panel.is-shown{display:block}@media (max-width:900px){.cc-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:560px){.cc-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.cc-head{flex-direction:column;height:auto!important}.cc-head__art{border-bottom:1px solid #2a2a2a;border-right:none!important;width:100%!important}}@media (prefers-reduced-motion:reduce){.cc-rail__item{transition:none}.cc-rail__item.is-active{transform:none}}