.showcase{gap:var(--space-2xl);max-width:1500px;padding:var(--space-2xl) var(--gutter);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;margin-inline:auto;display:grid}.showcase h2{margin-top:var(--space-md);max-width:14ch}.showcase-body{margin-top:var(--space-lg);max-width:52ch;font-size:var(--step-0);line-height:1.55}.showcase-points{margin:var(--space-lg) 0 var(--space-xl);font:700 .95rem/1.4 var(--typed);gap:8px;padding:0;list-style:none;display:grid}.showcase-points li:before{content:"▸ ";color:var(--toner-deep)}.showcase-sheet{padding:var(--space-lg);background:var(--sheet);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink);margin:0;position:relative;transform:rotate(-.6deg)}.showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.showcase-tile{background:var(--paper);border:1.5px solid var(--ink);filter:grayscale()contrast(1.05);gap:6px;padding:10px;display:grid;position:relative}.showcase-n{font:700 .68rem/1 var(--typed);color:var(--ink-soft)}.showcase-glyph{aspect-ratio:5/2;width:100%;height:auto}.showcase-name{font:700 .78rem/1.2 var(--font);overflow-wrap:anywhere;font-stretch:106%}.showcase-tile[data-picked=true]{z-index:1;filter:none;background:var(--sheet);border:2px dashed var(--toner-deep);box-shadow:6px 6px 0 var(--toner);transform:translate(10px,-12px)rotate(2.4deg)}.showcase-tile[data-picked=true]:after{content:"✂";width:26px;height:26px;color:var(--ink);background:var(--toner);border:2px solid var(--ink);place-items:center;font-size:15px;line-height:1;display:grid;position:absolute;top:-14px;left:-12px}.showcase-cap{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px dashed var(--ink);font:400 .78rem/1.4 var(--typed);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;display:flex}.showcase-code{color:var(--ink);font-weight:700}@media (max-width:900px){.showcase{gap:var(--space-xl);grid-template-columns:1fr}.showcase-sheet{box-shadow:6px 6px 0 var(--ink);transform:none}}@media (max-width:520px){.showcase-sheet{padding:var(--space-md)}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.showcase-tile{padding:6px}.showcase-tile[data-picked=true]{transform:translate(4px,-6px)rotate(2deg)}.showcase .btn{width:100%}}@media (prefers-reduced-motion:reduce){.showcase-sheet,.showcase-tile[data-picked=true]{transform:none}}