.cd-hero{text-align:center;align-items:center;gap:var(--space-24);padding:var(--space-80) 0 var(--space-24);flex-direction:column;max-width:880px;display:flex}.cd-grid{gap:var(--space-24);grid-template-columns:1fr 1fr;width:100%;display:grid}.cd-card{background:var(--surface-card);border-radius:var(--radius-24);padding:var(--space-32);gap:var(--space-16);flex-direction:column;display:flex}.cd-img{aspect-ratio:3/2;border-radius:var(--radius-16);justify-content:center;align-items:center;width:100%;display:flex}.cd-img img{object-fit:contain;width:100%;height:100%}.cd-card-head{justify-content:space-between;align-items:baseline;gap:var(--space-16);display:flex}.cd-badge{background:var(--selected-bg);color:var(--selected-text);border-radius:var(--radius-8);padding:var(--space-4) var(--space-8);white-space:nowrap;flex-shrink:0}.cd-uses{gap:var(--space-8);flex-wrap:wrap;display:flex}.cd-use{border:var(--border-hairline) solid var(--border-strong);border-radius:var(--radius-full);padding:var(--space-4) var(--space-12)}.cd-cloths{padding:var(--space-80) 0;align-items:center;gap:var(--space-24);flex-direction:column;display:flex}.cd-cloths h2{text-align:center;max-width:var(--content-narrow)}.cd-cloths>p{text-align:center;max-width:880px}.cd-cloth-row{gap:var(--space-24);grid-template-columns:repeat(4,1fr);width:100%;display:grid}.cd-cloth{background:var(--surface-card);border-radius:var(--radius-24);padding:var(--space-24);gap:var(--space-12);flex-direction:column;align-items:flex-start;display:flex}.cd-swatch{width:var(--icon-40);height:var(--icon-40);border-radius:var(--radius-12)}@media (max-width:960px){.cd-hero{text-align:left;padding:var(--space-32) 0;align-items:flex-start}.cd-grid{grid-template-columns:1fr}.cd-cloths{padding:var(--space-64) 0}.cd-cloth-row{grid-template-columns:1fr 1fr}}@media (max-width:640px){.cd-cloth-row{gap:var(--space-12)}.cd-card{padding:var(--space-24)}}