/* Homepage cards share the catalog design; the existing dragon stage is untouched. */
.collection{padding:64px max(5%,calc((100% - 1440px)/2)) 90px;background:#f3f4f7}
.home-gear-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.home-gear-grid .gear-card{color:#202127;min-width:0;transition:box-shadow .2s,translate .2s}
.home-gear-grid .gear-card:hover{translate:0 -4px;box-shadow:0 12px 32px #222a3a12}
.home-gear-grid .gear-card[hidden]{display:none!important}
.home-gear-grid .gear-card>h3{font-size:22px;letter-spacing:-.5px}
.home-gear-grid .gear-photo{aspect-ratio:1;background:white}
.home-gear-grid .color-options{min-height:40px;height:auto;flex-wrap:wrap}
.home-gear-grid .gear-card-bottom{padding-top:6px;min-height:44px}
.color-dot.red-blue{background:linear-gradient(90deg,#dc203f 50%,#2465a7 50%)}
@media(min-width:1000px){.gear-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:999px){.home-gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.collection{padding:40px 5%}.home-gear-grid{gap:12px}.home-gear-grid .gear-card>h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.home-gear-grid .gear-card{transition:none}.home-gear-grid .gear-card:hover{translate:none}}

.color-dot.black-red{background:linear-gradient(90deg,#19191c 50%,#ae2333 50%)}
.color-dot.white-blue{background:linear-gradient(90deg,#fff 50%,#bad6e4 50%)}