.showcase-hero{padding-bottom:var(--gw-space-40)}.showcase-collection{padding-top:0}.showcase-filters{gap:var(--gw-space-8);flex-wrap:wrap;display:flex}.showcase-filters[hidden],.showcase-card[hidden],.showcase-no-matches[hidden]{display:none}.showcase-filter{min-height:var(--gw-control-md);padding:var(--gw-space-10) var(--gw-space-16);border:1px solid var(--gw-color-border-subtle);border-radius:var(--gw-radius-md);background:var(--gw-color-bg-surface);color:var(--gw-color-text-secondary);font:inherit;cursor:pointer}.showcase-filter[aria-pressed=true]{background:var(--gw-color-accent);color:var(--gw-color-on-accent);border-color:var(--gw-color-accent);font-weight:700}.showcase-filter:hover{border-color:var(--gw-color-accent)}.showcase-collection-heading{justify-content:space-between;gap:var(--gw-space-8) var(--gw-space-24);margin:var(--gw-space-20) 0 var(--gw-space-28);flex-wrap:wrap;display:flex}.showcase-collection-heading p{color:var(--gw-color-text-tertiary);font-size:var(--gw-size-body-sm);margin:0}.showcase-count{font-family:var(--gw-font-mono)}.showcase-grid{gap:var(--gw-space-24);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.showcase-card{border:1px solid var(--gw-color-border-subtle);border-radius:var(--gw-radius-xl);background:var(--gw-color-bg-surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.showcase-cover{aspect-ratio:16/9;background:var(--gw-color-bg-surface-2);place-items:center;display:grid;position:relative;overflow:hidden}.showcase-cover>span{color:var(--gw-color-accent-text);font:700 5rem var(--gw-font-mono)}.showcase-cover img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.showcase-card-body{align-items:flex-start;gap:var(--gw-space-12);padding:var(--gw-space-24);flex-direction:column;flex:1;display:flex}.showcase-card-body h2{font-size:var(--gw-size-heading);margin:0;line-height:1.2}.showcase-card-body p{margin:0}.showcase-byline{color:var(--gw-color-text-tertiary);font-size:var(--gw-size-body-sm)}.showcase-description{color:var(--gw-color-text-secondary);line-height:1.65}.showcase-tags{gap:var(--gw-space-6);padding-top:var(--gw-space-4);flex-wrap:wrap;margin-top:auto;display:flex}.showcase-tags span{padding:var(--gw-space-6) var(--gw-space-10);border-radius:var(--gw-radius-sm);color:var(--gw-color-text-secondary);background:var(--gw-color-bg-surface-2);font-size:var(--gw-size-body-sm)}.showcase-tags .showcase-method{color:var(--gw-color-accent-text)}.showcase-play{align-items:center;gap:var(--gw-space-6);min-height:var(--gw-control-md);color:var(--gw-color-accent-text);text-underline-offset:4px;font-weight:600;display:inline-flex}.showcase-card--featured{grid-column:1/-1;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid}.showcase-card--featured .showcase-cover{aspect-ratio:16/9;min-height:0}.showcase-card--featured .showcase-card-body{padding:var(--gw-space-40)}.showcase-card--featured h2{font-size:34px}.showcase-card--featured .showcase-tags{margin-top:var(--gw-space-8)}.showcase-empty-collection,.showcase-no-matches{align-items:center;gap:var(--gw-space-20);padding:var(--gw-space-64) var(--gw-space-24);border:1px solid var(--gw-color-border-subtle);border-radius:var(--gw-radius-xl);background:var(--gw-color-bg-surface);text-align:center;flex-direction:column;display:flex}.showcase-empty-collection p,.showcase-no-matches p{max-width:580px;color:var(--gw-color-text-secondary);margin:0;line-height:1.65}.showcase-empty-collection h2,.showcase-no-matches h2{margin:0}.showcase-empty-art{align-items:center;gap:var(--gw-space-12);min-height:100px;margin-bottom:var(--gw-space-16);display:flex}.showcase-empty-art span{border:2px solid var(--gw-color-border-strong);border-radius:var(--gw-radius-md);width:60px;height:76px;transform:rotate(-12deg)}.showcase-empty-art span:nth-child(2){border-color:var(--gw-color-accent);height:92px;transform:none}.showcase-empty-art span:nth-child(3){transform:rotate(12deg)}@media (width<=1000px){.showcase-card--featured .showcase-card-body{padding:var(--gw-space-24)}.showcase-grid{gap:var(--gw-space-16)}}@media (width<=800px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-card--featured{grid-template-columns:1fr}.showcase-card--featured .showcase-cover{aspect-ratio:16/9;min-height:0}}@media (width<=540px){.showcase-grid{grid-template-columns:1fr}.showcase-card--featured h2{font-size:28px}.showcase-filter{flex-grow:1}}