:root{--full-height: 100vh;--header-height: 75px;--header-offset: 0px;--icon-size: 1.5em;--type-h1: 500 80px / 125% var(--font-family-mackinac);--type-h2: 400 60px / 130% var(--font-family-mackinac);--type-h3: 400 40px / 130% var(--font-family-mackinac);--type-h4: 400 24px / 130% var(--font-family-mackinac);--type-b1: 300 20px / 160% var(--font-family-graphik);--type-b2: 300 16px / 160% var(--font-family-graphik);--type-label: 400 20px / 160% var(--font-family-mackinac)}@media(max-width: 512px){:root{--type-h1: 500 30px / 126% var(--font-family-mackinac);--type-h2: 400 24px / 130% var(--font-family-mackinac);--type-h3: 400 24px / 130% var(--font-family-mackinac);--type-h4: 400 16px / 130% var(--font-family-mackinac);--type-b1: 300 14px / 160% var(--font-family-graphik);--type-b2: 300 14px / 160% var(--font-family-graphik);--type-label: 400 20px / 160% var(--font-family-mackinac)}}.showcase{--section-spacing-block: var(--spacing-md);--section-spacing-inline: var(--spacing-xs-sm);--showcase-item-width: 300px}.showcase__container{display:flex;flex-direction:column;gap:calc(var(--section-spacing-block)/2)}.showcase__grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}@media(max-width: 768px){.showcase__grid{scrollbar-width:none;scroll-snap-type:x mandatory;overflow:scroll;flex-wrap:nowrap;justify-content:left;width:100vw;margin-inline:calc(-1*var(--section-spacing-inline));padding-inline:calc((100vw - var(--showcase-item-width))/2)}}.showcase__item{scroll-snap-align:center;scroll-snap-stop:always;overflow:hidden;flex:0 0 calc(var(--showcase-item-width) + 1px);aspect-ratio:16/10;padding:var(--spacing-sm);border-radius:var(--border-radius-primary);--surface-fg: var(--color-text-primary);--surface-bg: var(--color-surface-primary);color:var(--surface-fg);background-color:var(--surface-bg)}.showcase__image{display:block;width:100%;height:100%;margin:auto;-o-object-fit:contain;object-fit:contain;filter:grayscale(1) contrast(60%) brightness(125%)}.showcase__indicator-list{display:none}@media(max-width: 768px){.showcase__indicator-list{display:flex;gap:.5em;justify-content:center}}.showcase__indicator{aspect-ratio:1;width:.5em;border-radius:100%;opacity:50%;background-color:var(--color-white);transition:opacity 250ms ease-out}.showcase__indicator[aria-current=true]{opacity:100%}