.example-showcase{scroll-margin-top:100px}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.example-tile{margin:0;min-width:0}.example-tile[hidden]{display:none}.example-media{aspect-ratio:3/4;background:#18181b;border:1px solid rgba(255,255,255,.1);overflow:hidden;border-radius:6px}.example-media img,.example-media video{display:block;width:100%;height:100%;object-fit:contain}.example-tile figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 12px}.example-tile figcaption span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.55}.example-tile h3{font-size:19px;line-height:1.3;margin:6px 0 0}.example-tile figcaption>a{font-size:24px;min-width:44px;min-height:44px;display:grid;place-items:center}.example-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}.example-filters button{font:inherit;font-size:13px;padding:11px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.2);color:inherit;background:transparent;cursor:pointer}.example-filters button[aria-pressed=true]{background:#f0eee7;color:#111;border-color:#f0eee7}.example-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:32px}.example-bottom p{font-size:12px;opacity:.6;line-height:1.6;max-width:470px}.example-bottom p a{text-decoration:underline}.example-bottom .btn{flex-shrink:0}.example-showcase a:focus-visible,.example-showcase button:focus-visible{outline:2px solid #a6b1ff;outline-offset:5px}@media(max-width:900px){.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-bottom{align-items:flex-start;flex-direction:column;gap:16px}}@media(max-width:550px){.example-grid{grid-template-columns:1fr;gap:28px}.example-media{max-height:70vh}.example-filters button{padding:10px 15px}}