.showcase-hero{min-height:min(760px, calc(100svh - var(--site-header-height)));background:var(--background);display:flex;position:relative;overflow:hidden}.showcase-hero-copy{z-index:2;justify-content:center;align-items:center;width:44%;min-width:420px;padding:4.5rem 3rem 6rem;display:flex;position:relative}.showcase-hero-copy-inner{flex-direction:column;gap:1.75rem;width:100%;max-width:410px;display:flex}.showcase-wordmark{font-size:clamp(2rem,3.2vw,2.6rem);font-family:var(--font-inter), sans-serif;letter-spacing:-.055em;align-items:center;gap:.65rem;margin:0;font-weight:400;line-height:1.1;display:flex}.showcase-wordmark img{object-fit:contain;width:38px;height:38px}.showcase-description{max-width:42ch;margin:0;font-size:15px;line-height:1.65}.showcase-hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.showcase-hero-actions [data-slot=button]{gap:.5rem;min-height:38px;padding-inline:.875rem;font-size:13px;font-weight:500}.showcase-hero-actions svg{width:14px;height:14px}.showcase-stage-wrap{width:60%;position:absolute;inset-block:0;inset-inline-end:0}.showcase-stage{position:absolute;inset:0;overflow:hidden}.showcase-canvas{transform-origin:0 0;will-change:transform;width:1440px;height:1730px;position:absolute;top:0;left:0;transform:translate(calc(50vw - 720px),-80px)scale(.72)}.showcase-canvas:before{content:"";z-index:-1;background-image:radial-gradient(circle, var(--border) 1px, transparent 1px);opacity:.7;background-size:24px 24px;position:absolute;inset:-1800px}.showcase-stage-card{border:1px solid color-mix(in oklch, var(--border), transparent 20%);background:color-mix(in oklch, var(--foreground) 4%, var(--background));box-shadow:0 6px 18px color-mix(in oklch, var(--foreground) 5%, transparent);border-radius:9px;flex-direction:column;padding:5px;display:flex;position:absolute}.showcase-stage-card-active{z-index:2;box-shadow:0 22px 45px -20px color-mix(in oklch, var(--foreground) 22%, transparent), 0 4px 10px color-mix(in oklch, var(--foreground) 4%, transparent)}.showcase-stage-card-title{height:28px;color:var(--muted-foreground);font-family:var(--font-mono), monospace;flex-shrink:0;align-items:center;gap:7px;padding-inline:8px;font-size:11px;display:flex}.showcase-stage-card-preview{border:1px solid var(--border);background:var(--card);min-height:0;color:var(--card-foreground);font-family:var(--font-geist), sans-serif;border-radius:5px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.showcase-stage-fade{pointer-events:none;background:linear-gradient(to right, var(--background) 0%, transparent 20%), linear-gradient(to top, var(--background), transparent 16%), linear-gradient(to bottom, var(--background), transparent 9%);position:absolute;inset:0}.showcase-stage-controls{z-index:3;align-items:center;gap:.5rem;display:flex;position:absolute;inset-block-end:1.5rem;inset-inline-end:2rem}.showcase-explore-link{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in oklch, var(--background) 92%, transparent);min-height:34px;color:var(--muted-foreground);align-items:center;gap:.5rem;padding-inline:.75rem;font-size:12px;transition:color .15s,background .15s;display:flex}.showcase-explore-link:hover{color:var(--foreground);background:var(--background)}.showcase-explore-link:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.showcase-gallery-heading{flex-direction:column;gap:.5rem;display:flex}.showcase-gallery-heading h2{color:var(--foreground);font-family:var(--font-inter), sans-serif;letter-spacing:-.04em;text-wrap:balance;font-size:clamp(1.5rem,2vw,1.875rem);font-weight:600;line-height:1.2}.showcase-gallery-heading p{color:var(--muted-foreground);font-family:var(--font-geist), sans-serif;text-wrap:pretty;font-size:14px;line-height:1.6}.showcase-stage-video{object-fit:contain;background:var(--card);width:100%;height:100%;display:block}.showcase-video-unavailable{color:var(--muted-foreground);background:var(--card);place-items:center;font-size:13px;display:grid;position:absolute;inset:0}@media (min-width:1600px){.showcase-hero-copy{padding-inline-start:max(3rem,50vw - 725px)}}@media (max-width:1050px){.showcase-hero{flex-direction:column;min-height:auto}.showcase-hero-copy{justify-content:flex-start;align-items:flex-start;width:100%;min-width:0;padding:5rem 2rem 2rem}.showcase-hero-copy-inner{max-width:450px}.showcase-stage-wrap{width:100%;height:480px;position:relative}.showcase-stage-fade{background:linear-gradient(to bottom, var(--background), transparent 18%), linear-gradient(to top, var(--background), transparent 20%)}.showcase-stage-controls{inset-block-end:1rem;inset-inline-end:2rem}}@media (max-width:540px){.showcase-hero-copy{padding:3.5rem 1.5rem 1.5rem}.showcase-wordmark{font-size:2rem}.showcase-wordmark img{width:32px;height:32px}.showcase-hero-copy-inner{gap:1.5rem}.showcase-description{max-width:37ch;font-size:14px}.showcase-stage-wrap{height:355px}.showcase-stage-controls{inset-inline-end:1.5rem}}@media (prefers-reduced-motion:reduce){.showcase-canvas{will-change:auto}}