.portfolio-v3{padding:4rem 0}@media (width>=768px){.portfolio-v3{padding:6rem 0}}.portfolio-v3__headline{color:#0f172a;text-align:center;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;line-height:1.25}@media (width>=768px){.portfolio-v3__headline{font-size:2.25rem}}.portfolio-v3__subheadline{color:#64748b;text-align:center;margin-bottom:2rem;font-size:1rem;font-weight:500}@media (width>=768px){.portfolio-v3__subheadline{margin-bottom:2.5rem;font-size:1.125rem}}.portfolio-v3__filters{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}@media (width>=768px){.portfolio-v3__filters{margin-bottom:3rem}}.portfolio-v3__filter{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.portfolio-v3__filter:hover{color:#2563eb;border-color:#2563eb}.portfolio-v3__filter:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.portfolio-v3__filter--active{color:#fff;background-color:#2563eb;border-color:#2563eb}.portfolio-v3__filter--active:hover{background-color:#1d4ed8;border-color:#1d4ed8}.portfolio-v3__grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.portfolio-v3__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.portfolio-v3__grid{grid-template-columns:repeat(3,1fr)}}.portfolio-v3__item{border-radius:.75rem;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.portfolio-v3__item:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.portfolio-v3__item img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-v3__overlay{opacity:0;background-color:#0f172acc;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;transition:opacity .25s;display:flex;position:absolute;inset:0}.portfolio-v3__item:hover .portfolio-v3__overlay{opacity:1}.portfolio-v3__icon{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;line-height:1;display:flex}.portfolio-v3__label{color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.portfolio-v3__item.is-hidden{display:none}