.portfolio-v2{background-color:#f8fafc;padding:4rem 0}@media (width>=768px){.portfolio-v2{padding:6rem 0}}.portfolio-v2__headline{color:#0f172a;text-align:center;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;line-height:1.25}@media (width>=768px){.portfolio-v2__headline{font-size:2.25rem}}.portfolio-v2__subheadline{color:#64748b;text-align:center;margin-bottom:2.5rem;font-size:1rem;font-weight:500}@media (width>=768px){.portfolio-v2__subheadline{margin-bottom:3rem;font-size:1.125rem}}.portfolio-v2__grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.portfolio-v2__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.portfolio-v2__grid{grid-template-columns:repeat(4,1fr)}}.portfolio-v2__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-v2__item:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.portfolio-v2__item img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-v2__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-v2__item:hover .portfolio-v2__overlay{opacity:1}.portfolio-v2__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-v2__label{color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}