.showcase{position:relative}.showcase-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(24px,3vw,36px)}.showcase-filters button{padding:8px 16px;border:1px solid var(--line);border-radius:999px;color:var(--text-muted);font-size:13px;background:none;cursor:pointer;transition:color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)}.showcase-filters button:hover{color:var(--text-bright);border-color:var(--line-strong)}.showcase-filters button.is-active{color:var(--text-bright);border-color:hsl(var(--accent-h) 85% 66% / .5);background:hsl(var(--accent-h) 85% 66% / .12)}.showcase-filters button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.made-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,3.4vw,44px) clamp(18px,1.8vw,26px)}.made-card{display:block;color:inherit}.made-preview{display:block;position:relative;aspect-ratio:16 / 10;container-type:inline-size;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);color:#16161a;background:#f7f7f5;transition:border-color var(--duration-base) var(--ease),transform var(--duration-base) var(--ease)}.made-card:hover .made-preview{border-color:var(--line-strong);transform:translateY(-3px)}.made-preview .pv-app{position:absolute;top:0;left:0;width:820px;height:512px;transform:scale(calc(100cqw/820px));transform-origin:top left}.made-preview:empty{background:linear-gradient(135deg,#f4f4f2,#e4e4e6)}.made-body{display:block;padding-top:14px}.made-title{display:block;color:var(--text-bright);font-size:16px;font-weight:550;letter-spacing:-.01em}.made-summary{display:block;margin-top:5px;overflow:hidden;color:var(--text-dim);font-size:14px;line-height:1.45;white-space:nowrap;text-overflow:ellipsis}.made-facts{display:block;margin-top:9px;color:var(--text-dim);font-family:var(--font-mono);font-size:10.5px;font-variant-numeric:tabular-nums;letter-spacing:.03em}.made-credit{display:block;margin-top:7px;color:var(--accent);font-size:12.5px}.showcase-empty{margin:36px 0 0;color:var(--text-dim);font-size:14px;text-align:center}.showcase-note{margin:clamp(28px,3.4vw,40px) 0 0;max-width:74ch;color:var(--text-dim);font-size:13px;line-height:1.6}.showcase-note a{color:var(--accent)}.showcase-note a:hover{color:var(--accent-bright)}.showcase-head{margin-bottom:clamp(30px,3.6vw,48px);text-align:center}.showcase-lead{margin:18px auto 0;max-width:64ch;color:var(--text-muted);font-size:clamp(15px,.95rem + .2vw,17px);line-height:1.6}.showcase-cta{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(22px,2.6vw,30px);padding:12px 22px;border-radius:999px;color:var(--background-deep);font-size:14px;font-weight:560;background:var(--text-bright);transition:background-color var(--duration-fast) var(--ease)}.showcase-cta:hover{background:#fff}.showcase-cta span{transition:transform var(--duration-base) var(--ease)}.showcase-cta:hover span{transform:translate(3px)}@media(max-width:1000px){.made-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.made-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.made-card:hover .made-preview{transform:none}}.rail{--slab-w: clamp(240px, 26vw, 380px);position:relative;display:flex;justify-content:center;overflow:hidden;padding-block:170px 40px}.rail-track{display:flex;flex:0 0 auto;align-items:flex-end}.slab{--y: calc(-1 * var(--lift, 0px));position:relative;flex:0 0 auto;width:var(--slab-w);margin-right:calc(var(--slab-w) * -.52);z-index:var(--depth, 1);transform:perspective(5000px) rotateY(-45deg) translateY(var(--y));transition:transform .26s var(--ease)}.slab:last-child{margin-right:0}.rail-track:has(.slab:hover) .slab,.rail-track:has(.slab:focus-visible) .slab{--y: 0px}.rail-track:has(.slab:hover) .slab:hover,.rail-track:has(.slab:focus-visible) .slab:focus-visible{--y: -132px}.slab-frame{display:block;overflow:hidden;border-radius:var(--radius-md);background:#f7f7f5;transition:transform .3s var(--ease);box-shadow:.8px 0 .8px #00000029,2.4px 0 2.4px #00000038,6.4px 0 6.4px #0000004d,20px 0 20px #00000073}.slab:hover .slab-frame,.slab:focus-visible .slab-frame{transform:scale(1.05)}.slab:focus-visible{outline:none}.slab:focus-visible .slab-frame{outline:2px solid var(--accent-bright);outline-offset:4px}.slab .made-preview{border:0;border-radius:0;transform:none}.slab .made-preview .pv-app{left:-22%}@media(prefers-reduced-motion:no-preference){.slab{animation:slab-in .62s cubic-bezier(.25,.1,.25,1) backwards;animation-delay:calc(var(--i, 0) * 60ms)}}@keyframes slab-in{0%{opacity:0;transform:perspective(5000px) rotateY(-45deg) translateY(200px)}}@media(max-width:900px){.rail{padding-block:8px 20px;margin-block:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.rail-track{justify-content:flex-start;gap:14px;padding-inline:2px}.slab{--y: 0px;--slab-w: min(76vw, 320px);width:var(--slab-w);margin-right:0;transform:none;scroll-snap-align:center;animation:none}.rail-track:has(.slab:hover) .slab,.rail-track:has(.slab:hover) .slab:hover,.rail-track:has(.slab:focus-visible) .slab,.rail-track:has(.slab:focus-visible) .slab:focus-visible{--y: 0px}.slab-frame{box-shadow:0 18px 40px -24px #000000e6}.slab .made-preview .pv-app{left:0}}