.wifor-portfolio{--pf-radius:20px;--pf-offset:0rem;--pf-col-gap:1.5rem;--pf-row-gap:3rem;--pf-blu:var(--wifor-blu, #1a4455);--pf-blu-scuro:var(--wifor-blu-scuro, #0b1e26);--pf-giallo:var(--wifor-giallo, #f5c55f);--pf-chiaro:var(--wifor-chiaro, #f8fafc);background:var(--pf-chiaro);padding:clamp(8rem, 10vw, 12rem) clamp(1.25rem, 5vw, 4rem) clamp(4rem, 10vw, 9rem);font-family:var(--font-primario,system-ui,sans-serif)}.wifor-portfolio .wifor-portfolio__intro{max-width:1440px;margin:0 auto clamp(2.5rem, 6vw, 4.5rem);text-align:center}.wifor-portfolio .wifor-portfolio__title{margin:0;color:var(--pf-blu);font-size:clamp(2.75rem, 11vw, 7.5rem);line-height:.95;font-weight:700;letter-spacing:-.02em;text-transform:uppercase}.wifor-portfolio .wifor-portfolio__lead{max-width:46ch;margin:clamp(1rem, 3vw, 1.75rem) auto 0;color:color-mix(in srgb,var(--pf-blu) 70%,transparent);font-size:clamp(0.95rem, 1.6vw, 1.0625rem);line-height:1.7}.wifor-portfolio .wifor-portfolio__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem;max-width:1440px;margin:0 auto clamp(2.5rem, 6vw, 4.5rem)}.wifor-portfolio .wifor-filter{display:inline-flex;align-items:baseline;gap:.4em;padding:.6rem 1.15rem;border:1px solid color-mix(in srgb,var(--pf-blu) 22%,transparent);border-radius:999px;background:#fff0;color:var(--pf-blu);font-family:inherit;font-size:.875rem;font-weight:400;line-height:1;cursor:pointer;transition:background-color 0.3s ease,border-color 0.3s ease,color 0.3s ease;-webkit-tap-highlight-color:#fff0}.wifor-portfolio .wifor-filter__count{font-size:.6875rem;opacity:.55;font-variant-numeric:tabular-nums}.wifor-portfolio .wifor-filter:hover,.wifor-portfolio .wifor-filter:focus-visible{border-color:var(--pf-giallo);background:color-mix(in srgb,var(--pf-giallo) 16%,transparent);color:var(--pf-blu)}.wifor-portfolio .wifor-filter.is-active{background:var(--pf-giallo);border-color:var(--pf-giallo);color:var(--pf-blu-scuro);font-weight:600}.wifor-portfolio .wifor-filter.is-active .wifor-filter__count{opacity:.7}.wifor-portfolio .wifor-portfolio__grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--pf-col-gap);row-gap:var(--pf-row-gap);max-width:1440px;margin:0 auto;transition:opacity 0.25s ease}.wifor-portfolio .wifor-portfolio__grid.is-swapping{opacity:.25}.wifor-portfolio .wifor-portfolio__grid.is-filtered{row-gap:clamp(2.5rem, 4vw, 4rem)}.wifor-portfolio .wifor-project{grid-column:1 / -1;margin-top:0;opacity:0;transform:translateY(28px);transition:opacity 0.7s ease,transform 0.7s cubic-bezier(.16,1,.3,1)}.wifor-portfolio .wifor-project.is-visible{opacity:1;transform:none}.wifor-portfolio .wifor-project:nth-child(even){transition-delay:90ms}.wifor-portfolio .wifor-project[hidden]{display:none!important}.wifor-portfolio .wifor-project__link{display:block;text-decoration:none;color:inherit}.wifor-portfolio .wifor-project__media{display:block;position:relative;overflow:hidden;border-radius:var(--pf-radius);aspect-ratio:3 / 2;background:var(--wifor-project-colore,color-mix(in srgb,var(--pf-blu) 12%,transparent))}.wifor-portfolio .wifor-project__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.8s cubic-bezier(.16,1,.3,1)}.wifor-portfolio .wifor-project__img--v{display:none}.wifor-portfolio .wifor-project__link:hover .wifor-project__img,.wifor-portfolio .wifor-project__link:focus-visible .wifor-project__img{transform:scale(1.045)}.wifor-portfolio .wifor-project__link:focus-visible .wifor-project__media{outline:3px solid var(--pf-giallo);outline-offset:4px}.wifor-portfolio .wifor-project__meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;margin-top:1rem}.wifor-portfolio .wifor-project__name{position:relative;color:var(--pf-blu);font-size:clamp(1.0625rem, 2vw, 1.375rem);font-weight:600;line-height:1.25}.wifor-portfolio .wifor-project__name::after{content:"";position:absolute;left:0;bottom:-.2em;width:100%;height:2px;background:var(--pf-giallo);transform:scaleX(0);transform-origin:left;transition:transform 0.45s cubic-bezier(.16,1,.3,1)}.wifor-portfolio .wifor-project__link:hover .wifor-project__name::after,.wifor-portfolio .wifor-project__link:focus-visible .wifor-project__name::after{transform:scaleX(1)}.wifor-portfolio .wifor-project__services{color:color-mix(in srgb,var(--pf-blu) 55%,transparent);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.wifor-portfolio .wifor-portfolio__empty{max-width:1440px;margin:3rem auto 0;color:color-mix(in srgb,var(--pf-blu) 60%,transparent);text-align:center}@media (min-width:640px){.wifor-portfolio{--pf-offset:3rem;--pf-row-gap:4rem}.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:nth-child(4n+1){grid-column:1 / span 7}.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:nth-child(4n+2){grid-column:8 / span 5;margin-top:var(--pf-offset)}.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:nth-child(4n+3){grid-column:1 / span 5;margin-top:var(--pf-offset)}.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:nth-child(4n){grid-column:6 / span 7}.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:nth-child(4n+2) .wifor-project__media,.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:nth-child(4n+3) .wifor-project__media{aspect-ratio:3 / 4}.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:nth-child(4n+2) .wifor-project__img--h,.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:nth-child(4n+3) .wifor-project__img--h{display:none}.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:nth-child(4n+2) .wifor-project__img--v,.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:nth-child(4n+3) .wifor-project__img--v{display:block}.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:last-child:nth-child(odd){grid-column:1 / -1;margin-top:0}.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:last-child:nth-child(odd) .wifor-project__media{aspect-ratio:21 / 9}.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:last-child:nth-child(odd) .wifor-project__img--h{display:block}.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:last-child:nth-child(odd) .wifor-project__img--v{display:none}.wifor-portfolio .wifor-portfolio__grid.is-filtered .wifor-project{grid-column:span 6;margin-top:0}}@media (min-width:1024px){.wifor-portfolio{--pf-offset:7rem;--pf-col-gap:2.5rem;--pf-row-gap:6rem}.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:nth-child(4n+2){grid-column:9 / span 4}.wifor-portfolio .wifor-portfolio__grid:not(.is-filtered) .wifor-project:nth-child(4n+3){grid-column:1 / span 4}.wifor-portfolio .wifor-portfolio__grid.is-filtered .wifor-project{grid-column:span 4}}@media (min-width:1440px){.wifor-portfolio{--pf-offset:9rem;--pf-row-gap:7.5rem}}@media (prefers-reduced-motion:reduce){.wifor-portfolio .wifor-project,.wifor-portfolio .wifor-project__img,.wifor-portfolio .wifor-project__name::after,.wifor-portfolio .wifor-portfolio__grid{transition:none!important}.wifor-portfolio .wifor-project{opacity:1;transform:none}.wifor-portfolio .wifor-project__link:hover .wifor-project__img{transform:none}}