@layer components{.showcase-page{width:min(100% - 64px,1280px);margin-inline:auto;padding-block:72px 96px}.showcase-intro{max-width:820px;margin-block-end:80px}.showcase-intro .pimolu-page-header__title{letter-spacing:-.055em;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1}.showcase-intro-note{color:var(--pimolu-muted-foreground);margin-block-start:24px;font-size:.875rem}.showcase-section-heading{border-block-start:1px solid var(--pimolu-border);justify-content:space-between;align-items:end;gap:20px;margin-block-end:28px;padding-block-start:32px;display:flex}.showcase-section-heading h2{letter-spacing:-.035em;margin-block-start:10px;font-size:clamp(1.5rem,3vw,2rem);font-weight:550}.showcase-section-heading>span{color:var(--pimolu-muted-foreground);font-size:.8125rem}.showcase-filters{min-width:0;margin-block-end:32px}.showcase-filters .pimolu-segmented-control{background:0 0;border:0;gap:4px;max-width:100%;padding:0}.showcase-filters :is(.pimolu-segmented-control__item,.pimolu-segmented-control__indicator){border-radius:var(--pimolu-radius-sm)}.showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.showcase-project{min-width:0;scroll-margin-block-start:104px}.showcase-card-link.pimolu-link{height:100%;color:inherit;border-radius:var(--pimolu-radius-md);text-decoration:none;display:block}.showcase-card-link:focus-visible{outline:2px solid var(--pimolu-focus-ring);outline-offset:3px}.showcase-card.pimolu-card{border-color:var(--pimolu-border);height:100%;box-shadow:none;background:0 0;flex-direction:column;padding:16px;transition:border-color .18s,background-color .18s;display:flex;overflow:hidden}.showcase-card-link:hover .showcase-card{border-color:var(--pimolu-primary);background:var(--pimolu-surface)}.showcase-project-media{border:1px solid var(--pimolu-border);min-width:0;overflow:hidden}.showcase-capture{width:100%;transition:transform .3s cubic-bezier(.22,1,.36,1);display:block}.showcase-capture .pimolu-image__img{object-position:top}.showcase-card-link:hover .showcase-capture{transform:scale(1.015)}.showcase-capture--dark,.site-root[data-pimolu-theme=dark] .showcase-capture--light{display:none}.site-root[data-pimolu-theme=dark] .showcase-capture--dark{display:block}.showcase-project-copy.pimolu-card__content{min-width:0;padding:16px 0 0}.showcase-project-copy h3{color:var(--pimolu-foreground);margin:0 0 6px;font-size:1rem;font-weight:550;line-height:1.4}.showcase-project-copy>p{color:var(--pimolu-muted-foreground);font-size:.875rem;line-height:1.5}.showcase-next-links{flex-wrap:wrap;align-items:center;gap:16px 24px;font-size:.875rem;display:flex}.showcase-next{border-block-start:1px solid var(--pimolu-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;margin-block-start:72px;padding-block-start:40px;display:flex}.showcase-eyebrow{color:var(--pimolu-primary);text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem;font-weight:550}.showcase-next h2{letter-spacing:-.03em;margin-block:12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:500}.showcase-next p:last-child{color:var(--pimolu-muted-foreground);line-height:1.7}@media (max-width:1100px){.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.showcase-page{width:calc(100% - 40px);padding-block:40px 64px}.showcase-intro{margin-block-end:48px}.showcase-next{margin-block-start:48px;padding-block-start:32px}}@media (max-width:620px){.showcase-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.showcase-capture,.showcase-card.pimolu-card{transition:none}.showcase-card-link:hover .showcase-capture{transform:none}}@media (forced-colors:active){.showcase-project-media{border-block-end:1px solid canvastext}}}