.portfolio-v1{padding:4rem 0}@media (width>=768px){.portfolio-v1{padding:6rem 0}}.portfolio-v1__header{text-align:center;margin-bottom:2.5rem;padding-inline:1.5rem}@media (width>=768px){.portfolio-v1__header{margin-bottom:3rem}}.portfolio-v1__headline{color:#0f172a;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;line-height:1.25}@media (width>=768px){.portfolio-v1__headline{font-size:2.25rem}}.portfolio-v1__subheadline{color:#64748b;font-size:1rem;font-weight:500}@media (width>=768px){.portfolio-v1__subheadline{font-size:1.125rem}}.portfolio-v1__grid{grid-template-columns:1fr;gap:0;display:grid}@media (width>=768px){.portfolio-v1__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.portfolio-v1__grid{grid-template-columns:repeat(4,1fr)}}.portfolio-v1__item{position:relative;overflow:hidden}.portfolio-v1__item img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-v1__overlay{opacity:0;background-color:#0f172acc;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;transition:opacity .25s;display:flex;position:absolute;inset:0}.portfolio-v1__item:hover .portfolio-v1__overlay{opacity:1}.portfolio-v1__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-v1__label{color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}