.fw-portfolio-page{padding:100px 0;background:var(--fw-portfolio-background)}.fw-portfolio-page .fw-section-heading>span{color:var(--fw-portfolio-eyebrow)}.fw-portfolio-page .fw-section-heading h1{margin:0 0 20px;color:var(--fw-portfolio-heading)}.fw-portfolio-page .fw-section-heading>p{color:var(--fw-portfolio-description)}.fw-portfolio-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:44px}.fw-portfolio-filters button{padding:12px 18px;cursor:pointer;color:var(--fw-portfolio-filter-text);background:var(--fw-portfolio-filter-background);border:1px solid var(--fw-portfolio-filter-border);border-radius:999px;font-family:var(--fw-local-filter-font, var(--fw-font-ui));font-size:var(--fw-local-filter-size, var(--fw-type-button-size));font-style:var(--fw-font-ui-style);font-weight:var(--fw-font-ui-weight);line-height:var(--fw-line-height-compact);letter-spacing:var(--fw-local-filter-tracking, var(--fw-letter-spacing-button));text-transform:var(--fw-local-filter-transform, var(--fw-text-transform-button));transition:var(--fw-transition)}.fw-portfolio-filters button:hover,.fw-portfolio-filters button.is-active{background:var(--fw-portfolio-filter-active-background);color:var(--fw-portfolio-filter-active-text);border-color:var(--fw-portfolio-filter-active-border)}.fw-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.fw-portfolio-card{overflow:hidden;background:var(--fw-portfolio-card-background);border:1px solid var(--fw-portfolio-card-border);border-radius:var(--fw-card-radius);transition:var(--fw-transition)}.fw-portfolio-card a{display:block}.fw-portfolio-card.is-hidden{display:none}.fw-portfolio-card__image{display:flex;aspect-ratio:4 / 3;align-items:center;justify-content:center;overflow:hidden;color:var(--fw-portfolio-placeholder-text);background:linear-gradient(135deg,var(--fw-portfolio-placeholder-start),var(--fw-portfolio-placeholder-end));font-family:var(--fw-local-meta-font, var(--fw-font-ui));font-size:var(--fw-local-meta-size, var(--fw-type-small-size));font-style:var(--fw-font-ui-style);font-weight:var(--fw-font-ui-weight);line-height:var(--fw-line-height-compact);letter-spacing:var(--fw-local-meta-tracking, var(--fw-letter-spacing-eyebrow));text-transform:var(--fw-local-meta-transform, var(--fw-text-transform-eyebrow))}.fw-portfolio-card__image img{width:100%;height:100%;object-fit:cover;transition:var(--fw-transition)}.fw-portfolio-card__content{padding:28px}.fw-portfolio-card__content>span{display:block;margin-bottom:12px;color:var(--fw-portfolio-card-category);font-family:var(--fw-local-meta-font, var(--fw-font-ui));font-size:var(--fw-local-meta-size, var(--fw-type-small-size));font-style:var(--fw-font-ui-style);font-weight:var(--fw-font-ui-weight);line-height:var(--fw-line-height-compact);letter-spacing:var(--fw-local-meta-tracking, var(--fw-letter-spacing-eyebrow));text-transform:var(--fw-local-meta-transform, var(--fw-text-transform-eyebrow))}.fw-portfolio-card__content h2{margin:0 0 12px;color:var(--fw-portfolio-card-heading);font-family:var(--fw-local-card-heading-font, var(--fw-font-heading));font-size:var(--fw-local-card-heading-size, var(--fw-type-h3-size));font-style:var(--fw-font-heading-style);font-weight:var(--fw-font-heading-weight);line-height:var(--fw-local-card-heading-line-height, var(--fw-line-height-heading));letter-spacing:var(--fw-local-card-heading-tracking, var(--fw-letter-spacing-heading))}.fw-portfolio-card__content p{color:var(--fw-portfolio-card-text);font-family:var(--fw-local-card-text-font, var(--fw-font-body));font-size:var(--fw-local-card-text-size, var(--fw-type-body-size));line-height:var(--fw-local-card-text-line-height, var(--fw-line-height-body))}.fw-portfolio-card__content strong{display:inline-block;margin-top:18px;color:var(--fw-portfolio-card-link);font-family:var(--fw-local-card-link-font, var(--fw-font-ui));font-size:var(--fw-local-card-link-size, var(--fw-type-body-size));font-style:var(--fw-font-ui-style);font-weight:var(--fw-font-ui-weight);line-height:var(--fw-line-height-compact)}.fw-portfolio-card:focus-within{transform:translateY(-6px);box-shadow:0 16px 40px var(--fw-shadow-soft)}.fw-portfolio-card:focus-within .fw-expand-card__more{grid-template-rows:1fr;opacity:1;margin-top:16px}.fw-portfolio-card:focus-within img{transform:scale(1.04)}.fw-portfolio-card[tabindex="0"]:focus-visible{outline:2px solid var(--fw-surface);outline-offset:2px;box-shadow:0 0 0 5px var(--fw-brand-primary)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/fw-portfolio-page.css.map */