.showcase-project-page{color:#000;min-height:100vh;font-family:var(--font-team-inter), Inter, sans-serif;background:#fff}.showcase-project-page .showcase-container{width:calc(100% - 2 * var(--page-gutter));margin-inline:auto;padding-block:20px 72px}.showcase-label{color:#686868;letter-spacing:.25em;font-size:12px;font-weight:500;line-height:1.5}.showcase-intro h1{letter-spacing:-.055em;margin-top:4px;font-size:clamp(42px,4.4vw,56px);font-weight:700;line-height:1.06}.showcase-description{color:#686868;max-width:680px;margin-top:6px;font-size:14px;font-weight:400;line-height:1.5}.showcase-filters{flex-wrap:wrap;gap:28px;margin-top:22px;margin-bottom:22px;display:flex}.showcase-filter{color:#868686;padding-block:0 7px;font-size:14px;font-weight:500;line-height:1.4}.showcase-filter.is-active{color:#000;border-bottom:1px solid #000;font-weight:700}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px;display:grid}.showcase-card{min-width:0}.showcase-card-link{border-radius:10px;display:block}.showcase-card-link:hover .showcase-card-image{transform:translateY(-3px);box-shadow:0 12px 28px #0000001a}.showcase-card-link:focus-visible{outline-offset:5px;outline:2px solid #000}.showcase-card-image{aspect-ratio:1.87;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:10px;width:100%;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.showcase-card-image>img{object-fit:cover}.showcase-card-image .reference-image{height:100%}.showcase-card-caption{gap:18px;padding:10px 4px 0;display:flex}.showcase-card-index,.showcase-card-caption p{color:#868686;font-size:14px;font-weight:400}.showcase-card-caption h2{font-size:16px;font-weight:700;line-height:1.35}.showcase-card-caption p{line-height:1.35}.showcase-pagination{justify-content:center;align-items:center;gap:8px;margin-top:28px;display:flex}.showcase-page-number{color:#1f1f1f;border:1px solid #e5e5e5;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:500;display:grid}.showcase-page-number.is-active{color:#fff;background:#000;border-color:#000}.showcase-page-next{align-items:center;gap:8px;padding-inline:10px;font-size:14px;font-weight:500;display:inline-flex}.showcase-cta{text-align:center;margin-top:30px}.showcase-cta h2{letter-spacing:-.04em;font-size:40px;font-weight:700;line-height:1.15}.showcase-cta-button{color:#fff;background:#000;border-radius:9999px;justify-content:center;align-items:center;gap:16px;min-height:44px;margin-top:14px;padding-inline:25px;font-size:16px;font-weight:500;display:inline-flex}@media (max-width:1023px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.showcase-project-page .showcase-container{width:calc(100% - 36px);padding-top:36px}.showcase-filters{gap:14px 22px}.showcase-grid{grid-template-columns:minmax(0,1fr)}.showcase-cta h2{font-size:32px}}