/* Collection art inside the fixed-height, stepped funnel. */
.category-step{width:min(100%,960px);height:100%;max-height:800px;grid-template-rows:auto minmax(0,1fr);padding:28px 0 16px;gap:24px}
.category-step .category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;min-height:0}
.category-step .category-tile{min-height:0;gap:12px;padding:16px 12px;border-radius:24px}
.category-step .category-art{container-type:size;flex:1;aspect-ratio:auto;height:auto;max-height:none;min-height:24px;width:100%}
.category-step .category-art canvas{width:min(85%,110cqh);left:50%;top:21%;transform:translateX(-50%) rotate(-8deg);border-radius:7px}
.category-step .category-art canvas:first-child{left:50%;top:4%;transform:translateX(-50%) rotate(10deg)}
.category-step .category-caption{position:relative;flex:none;z-index:1}.category-step .category-caption b{font-size:14px}.category-step .category-caption small{display:block;font-size:11px}
.preview-dot-chad{background:linear-gradient(135deg,#dadada,#191919)}.preview-dot-miamimog{background:linear-gradient(135deg,#c56a9b,#173946)}.preview-dot-feelsrich{background:#607f37}
@media(max-width:700px){.category-step{width:100%;gap:18px;padding:22px 0 12px}.category-step .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:10px}.category-step .category-tile{padding:10px;gap:8px;border-radius:20px}.category-step .category-caption b{font-size:13px}.category-step .category-caption small{font-size:10px;margin-top:4px}.category-step .flow-copy h1{font-size:34px}}
@media(max-height:650px){.category-step{gap:12px;padding:15px 0 10px}.category-step .flow-copy h1{font-size:30px}.category-step .category-caption small{display:none}.category-step .category-tile{padding:8px;gap:5px}.category-step .category-caption b{font-size:12px}.category-step .category-grid{gap:8px}}
@media(max-height:440px) and (min-width:600px){.category-step{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);width:min(100%,900px);gap:10px;padding:10px 0}.category-step .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.category-step .flow-copy h1{font-size:25px}.category-step .category-art{min-height:14px}.category-step .category-caption b{font-size:11px}}