.fm-showcase{padding:var(--space-16) 0}.fm-showcase__heading{font-family:var(--font-heading);font-size:var(--fs-h1);text-align:center;margin:0 0 var(--space-3)}.fm-showcase__subhead{text-align:center;opacity:.85;margin:0 auto var(--space-12);max-width:36rem}.fm-showcase__grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-6)}.fm-showcase__grid--2{grid-template-columns:repeat(2,1fr)}.fm-showcase__grid--3{grid-template-columns:repeat(3,1fr)}.fm-showcase__grid--4{grid-template-columns:repeat(4,1fr)}.fm-showcase__item{display:flex}.fm-showcase__tile{display:flex;flex-direction:column;width:100%;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}a.fm-showcase__tile:hover,a.fm-showcase__tile:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-md)}.fm-showcase__tile--soon{opacity:.85;cursor:default}.fm-showcase__media{position:relative;aspect-ratio:3 / 2;overflow:hidden;background:rgba(var(--color-foreground),.06)}.fm-showcase__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}a.fm-showcase__tile:hover .fm-showcase__image{transform:scale(1.05)}.fm-showcase__media-placeholder{display:block;width:100%;height:100%;background:rgba(var(--color-foreground),.08)}.fm-showcase__badge{position:absolute;top:var(--space-3);left:var(--space-3)}.fm-badge{display:inline-block;padding:4px 10px;font-size:var(--fs-xs);font-weight:var(--font-body-weight-bold);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-pill);background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.fm-showcase__body{padding:var(--space-4) var(--space-6) var(--space-6)}.fm-showcase__name{font-family:var(--font-heading);font-size:var(--fs-h3);margin:0 0 var(--space-1)}.fm-showcase__blurb{margin:0;opacity:.78;font-size:var(--fs-small)}.fm-showcase__placeholder{text-align:center;opacity:.6}@media screen and (max-width:989px){.fm-showcase__grid--3,.fm-showcase__grid--4{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.fm-showcase{padding:var(--space-12) 0}.fm-showcase__grid--2,.fm-showcase__grid--3,.fm-showcase__grid--4{grid-template-columns:1fr;gap:var(--space-4)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-systems-showcase.css.map */