.auto-video{position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--background-200)}.auto-video-el,.auto-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.auto-video-poster{z-index:1;opacity:1}.auto-video-el,.auto-video-poster{transition:opacity .8s cubic-bezier(.4,0,.2,1)}.auto-video-el{z-index:2;opacity:0}.auto-video.is-ready .auto-video-el{opacity:1}.showcase{position:relative;width:100%;background-color:var(--background);color:var(--foreground);padding:6rem 2.5rem 10rem}.showcase-head{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding-top:1.25rem;margin-bottom:4rem}.showcase-counter,.showcase-eyebrow{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.showcase-eyebrow{opacity:.9}.showcase-counter{opacity:.45}.showcase-list{display:flex;flex-direction:column;gap:10rem}.showcase-row{width:100%}.showcase-row.row-single{display:flex}.showcase-row.row-single.align-left{justify-content:flex-start}.showcase-row.row-single.align-right{justify-content:flex-end}.showcase-row.row-single .showcase-tile{width:100%}.showcase-row.row-single.size-regular .showcase-tile{max-width:78%}.showcase-row.row-single.size-wide .showcase-tile{max-width:100%}.showcase-row.row-single.align-right .showcase-meta{flex-direction:row-reverse;text-align:right}.showcase-row.row-single.align-right .showcase-meta-side{align-items:flex-start}.showcase-row.row-duo{display:grid;grid-template-columns:1fr 1fr;grid-gap:2.5rem;gap:2.5rem;align-items:start}.showcase-tile{display:flex;flex-direction:column;gap:1.5rem}.showcase-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:6px;cursor:pointer;background-color:var(--background-200);will-change:clip-path,transform}.showcase-tile.variant-duo .showcase-media{aspect-ratio:4/5}.showcase-media .auto-video{transition:transform 1s cubic-bezier(.16,1,.3,1)}.showcase-media:hover .auto-video{transform:scale(1.04)}.showcase-media-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.25));opacity:0;transition:opacity .5s ease}.showcase-media:hover .showcase-media-overlay{opacity:1}.showcase-play{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#fff;padding:.7rem 1.6rem;border:1px solid rgba(255,255,255,.65);border-radius:100px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:translateY(8px);transition:transform .5s cubic-bezier(.16,1,.3,1)}.showcase-media:hover .showcase-play{transform:translateY(0)}.showcase-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;width:100%}.showcase-meta-main{display:flex;align-items:baseline;gap:1rem;min-width:0}.showcase-index{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;opacity:.4}.showcase-title{font-family:Inter,sans-serif;font-weight:300;font-size:clamp(1.4rem,1rem + 1.6vw,2.8rem);letter-spacing:-.02em;line-height:1.05;cursor:pointer;transition:opacity .3s ease}.showcase-title:hover{opacity:.6}.showcase-meta-side{display:flex;flex-direction:column;gap:.4rem;flex-shrink:0}.showcase-cat,.showcase-tags{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.showcase-tile.variant-duo .showcase-meta{flex-direction:column;align-items:flex-start;gap:.75rem}.showcase-tile.variant-duo .showcase-title{font-size:clamp(1.15rem,.9rem + .7vw,1.6rem)}.showcase-tile.variant-duo .showcase-meta-side{flex-direction:row;flex-wrap:wrap;gap:.35rem 1rem}.showcase-cat{opacity:.85}.showcase-tags{opacity:.4}.showcase-cta{display:flex;justify-content:center;margin-top:11rem;border-top:1px solid rgba(255,255,255,.12);padding-top:6rem}.showcase-cta-link{display:inline-flex;align-items:center;gap:1rem;color:var(--foreground);font-family:Inter,sans-serif;font-weight:200;font-size:clamp(2rem,1.4rem + 3vw,5rem);letter-spacing:-.03em;transition:opacity .4s ease,gap .4s cubic-bezier(.16,1,.3,1)}.showcase-cta-link:hover{opacity:.6;gap:1.8rem}.showcase-cta-arrow{font-weight:200}@media (max-width:1000px){.showcase{padding:5rem 1.25rem 6rem}.showcase-head{margin-bottom:3.5rem}.showcase-list{gap:4.5rem}.showcase-row.row-duo{grid-template-columns:1fr;gap:4.5rem}.showcase-row.row-single.size-regular .showcase-tile,.showcase-row.row-single.size-wide .showcase-tile{max-width:100%}.showcase-tile.variant-duo .showcase-media{aspect-ratio:16/10}.showcase-meta,.showcase-row.row-single.align-right .showcase-meta{flex-direction:column;align-items:flex-start;text-align:left;gap:.75rem}.showcase-row.row-single.align-right .showcase-meta-side{align-items:flex-start}.showcase-cta{margin-top:5.5rem;padding-top:3.5rem}}