.showcase{--sc-ratio: .8;--sc-cols: 2;--sc-gap: .8rem;--sc-line: rgba(var(--color-foreground), .14);--sc-muted: rgba(var(--color-foreground), .72);--sc-resting: rgba(var(--color-foreground), .05)}.showcase__heading{margin:0 0 1.2rem;scroll-margin-top:17rem}.showcase__intro{max-width:62rem;margin:0 0 2.4rem;color:var(--sc-muted)}.showcase__intro p:last-child{margin-bottom:0}.showcase__grid{display:grid;grid-template-columns:repeat(var(--sc-cols),minmax(0,1fr));gap:var(--sc-gap);margin:0;padding:0;list-style:none}.showcase__item{margin:0;min-width:0}.showcase__figure{margin:0}.showcase__tile{position:relative;display:block;aspect-ratio:var(--sc-ratio);overflow:hidden;border-radius:var(--media-radius, 0);background-color:var(--sc-resting);cursor:zoom-in}.showcase__tile--video{cursor:pointer}.showcase__media{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--sc-focus, 50% 50%);transition:transform var(--duration-default) ease}.showcase__tile:hover .showcase__media{transform:scale(1.03)}.showcase__tile:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.showcase__caption{margin:.8rem 0 0;font-size:1.3rem;line-height:1.35;color:var(--sc-muted)}.showcase__play,.showcase__expand{position:absolute;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border:.1rem solid var(--sc-line);pointer-events:none}.showcase__play{top:50%;left:50%;width:4.8rem;height:4.8rem;border-radius:50%;transform:translate(-50%,-50%);transition:transform var(--duration-short) ease}.showcase__play .icon{width:1.4rem;height:1.4rem;margin-left:.2rem}.showcase__tile--video:hover .showcase__play{transform:translate(-50%,-50%) scale(1.08)}.showcase__expand{right:.8rem;bottom:.8rem;width:3.2rem;height:3.2rem;border-radius:var(--media-radius, 0);opacity:0;transition:opacity var(--duration-short) ease}.showcase__expand .icon{width:1.4rem;height:1.4rem}.showcase__tile:hover .showcase__expand,.showcase__tile:focus-visible .showcase__expand{opacity:1}@media(hover:none){.showcase__expand{opacity:1}}.showcase__link{display:inline-block;margin-top:2.4rem;font-size:1.4rem}.showcase__empty{padding:2.4rem 0;border-top:.1rem solid var(--sc-line);border-bottom:.1rem solid var(--sc-line);color:var(--sc-muted)}.showcase__lightbox [hidden]{display:none}.showcase__lightbox{width:min(94vw,108rem);max-width:94vw;padding:0;border:0;border-radius:var(--media-radius, 0);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.showcase__lightbox::backdrop{background-color:#000c}.showcase__lightbox-inner{position:relative;padding:1.2rem}.showcase__frame{--sc-frame-height: min(76vh, 68rem);aspect-ratio:var(--sc-media-ratio, 1.778);width:min(100%,calc(var(--sc-media-ratio, 1.778) * var(--sc-frame-height)));margin-inline:auto;background-color:#000;overflow:hidden}.showcase__frame img,.showcase__frame video,.showcase__frame iframe{display:block;width:100%;height:100%;border:0;object-fit:contain}.showcase__close{position:absolute;top:2rem;right:2rem;z-index:2;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;border:.1rem solid var(--sc-line);border-radius:50%;background-color:rgba(var(--color-background),.92);color:rgb(var(--color-foreground));font-size:2.2rem;line-height:1;cursor:pointer}.showcase__step{position:absolute;top:50%;z-index:2;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);border:.1rem solid var(--sc-line);border-radius:50%;background-color:rgba(var(--color-background),.92);color:rgb(var(--color-foreground));cursor:pointer}.showcase__step .icon{width:1.2rem;height:1.2rem}.showcase__step--prev{left:2rem}.showcase__step--next{right:2rem}.showcase__step--next .icon{transform:rotate(180deg)}.showcase__step[hidden]{display:none}.showcase__lightbox-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.2rem .4rem .4rem}.showcase__lightbox-caption{margin:0;max-width:62rem;font-size:1.4rem;line-height:1.4;color:var(--sc-muted)}.showcase__lightbox-caption:empty{display:none}.showcase__lightbox-meta .button{margin-left:auto}@media screen and (max-width:749px){.showcase__frame{--sc-frame-height: 64vh}.showcase__step{top:auto;bottom:1.2rem;transform:none}.showcase__step--prev{left:1.2rem}.showcase__step--next{right:1.2rem}.showcase__lightbox-meta{padding-bottom:5.6rem}}@media(prefers-reduced-motion:reduce){.showcase__media,.showcase__play,.showcase__expand{transition:none}.showcase__tile:hover .showcase__media{transform:none}.showcase__tile--video:hover .showcase__play{transform:translate(-50%,-50%)}}@media(forced-colors:active){.showcase__play,.showcase__expand,.showcase__close,.showcase__step{border:.1rem solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/showcase-grid.css.map */