.showcase-label{display:inline-flex;justify-self:start;align-items:center;min-block-size:var(--control);padding-inline:var(--s3);border-radius:var(--r-round);background:var(--accent-soft);color:var(--accent);font-size:var(--font-xs);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight)}.showcase-label--success{background:var(--success-soft);color:var(--success)}.showcase-label--neutral{background:var(--surface-strong);color:var(--text-soft)}
.showcase-value{display:flex;align-items:baseline;gap:var(--s2);color:var(--text)}.showcase-value strong{font-size:var(--font-xl);line-height:var(--line-tight)}.showcase-value span{color:var(--text-soft);font-size:var(--font-lg)}
.showcase-copy{max-inline-size:var(--content-readable);display:grid;gap:var(--s4)}.showcase-copy h1{margin:0;font-size:var(--font-display);line-height:var(--line-tight);letter-spacing:var(--tracking-tight)}.showcase-copy p{margin:0;max-inline-size:var(--content-readable);font-size:var(--font-lg);line-height:var(--line-copy)}.showcase-copy__actions{display:flex;gap:var(--s3);flex-wrap:wrap}
.showcase-background{position:relative;isolation:isolate;inline-size:100%;block-size:var(--viewport-block);display:grid;overflow:hidden;background:var(--surface-strong);color:var(--text)}.showcase-background__media,.showcase-background__scrim{position:absolute;inset:0;inline-size:100%;block-size:100%}.showcase-background__media{z-index:-2;object-fit:cover}.showcase-background--position-start .showcase-background__media{object-position:left center}.showcase-background--position-center .showcase-background__media{object-position:center}.showcase-background--position-end .showcase-background__media{object-position:right center}.showcase-background__scrim{z-index:-1;background:linear-gradient(to right,var(--surface-glass-strong),var(--surface-glass),var(--transparent))}.showcase-background--inverse{color:var(--surface)}.showcase-background--inverse .showcase-background__scrim{background:linear-gradient(to right,var(--overlay-strong),var(--overlay-soft),var(--transparent))}.showcase-background__content{inline-size:min(var(--content-wide),100%);block-size:var(--viewport-block);margin-inline:auto;padding:var(--responsive-gutter);display:flex;align-items:center;box-sizing:border-box}.showcase-background--align-center .showcase-background__content{justify-content:center;text-align:center}.showcase-background--align-end .showcase-background__content{justify-content:flex-end;text-align:right}.showcase-background__slot{max-inline-size:100%}
.showcase-gallery{position:relative;block-size:var(--item-media-block);overflow:hidden;background:var(--surface-soft)}.showcase-gallery__track{display:flex;block-size:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.showcase-gallery__track::-webkit-scrollbar{display:none}.showcase-gallery__slide{flex:0 0 100%;block-size:100%;margin:0;scroll-snap-align:start}.showcase-gallery__slide img{inline-size:100%;block-size:100%;object-fit:cover}.showcase-gallery__empty{inline-size:100%;block-size:100%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:var(--font-display)}.showcase-gallery__dots{position:absolute;inset-inline:0;inset-block-end:var(--s3);display:flex;justify-content:center;gap:var(--s2)}.showcase-gallery__dots button{inline-size:var(--gallery-dot);block-size:var(--gallery-dot);padding:0;border:0;border-radius:var(--r-round);background:var(--surface-glass);box-shadow:var(--shadow-sm);cursor:pointer}.showcase-gallery__dots button[aria-current=true]{background:var(--surface)}
.showcase-item{min-inline-size:0;max-inline-size:var(--item-max);border:var(--border-thin) solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-md);overflow:hidden}.showcase-item__body{position:relative;margin-block-start:calc(var(--item-overlap) * -1);padding:var(--s5);border-start-start-radius:var(--r-lg);border-start-end-radius:var(--r-lg);background:var(--surface);display:grid;gap:var(--s4)}.showcase-item__badge{inline-size:max-content}.showcase-item__title{margin:0;color:var(--text);font-size:var(--font-xl);line-height:var(--line-tight);letter-spacing:var(--tracking-tight)}.showcase-item__meta{display:flex;gap:var(--s2);flex-wrap:wrap}.showcase-item__meta>span{padding:var(--s2) var(--s3);border-radius:var(--r-sm);background:var(--surface-soft);color:var(--text-soft);font-size:var(--font-xs);font-weight:var(--weight-bold)}.showcase-item__meta small,.showcase-item__meta strong{display:block}.showcase-item__description{margin:0;color:var(--text-soft);font-size:var(--font-md);line-height:var(--line-copy)}.showcase-item__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.showcase-collection{inline-size:min(var(--content-wide),100%);margin-inline:auto;padding:var(--s6);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--item-max),100%),1fr));gap:var(--s5);box-sizing:border-box}