.portfolio{padding:100px clamp(24px,7vw,110px);background:#fff}.portfolio .heading p{color:var(--muted);line-height:1.65}.portfolio-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:16px}.portfolio-grid a{position:relative;overflow:hidden;border-radius:24px;background:var(--soft);box-shadow:0 10px 30px rgba(35,83,111,.09)}.portfolio-grid a.featured{grid-row:span 2;grid-column:span 2}.portfolio-grid a.wide-photo{grid-column:span 2}.portfolio-grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.portfolio-grid a:hover img{transform:scale(1.045)}.portfolio-grid span{position:absolute;left:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--dark);font-size:12px;font-weight:800;box-shadow:0 5px 15px rgba(0,0,0,.08)}
@media(max-width:980px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.portfolio{padding:70px 18px}.portfolio-grid{grid-auto-rows:190px;gap:10px}.portfolio-grid a.featured{grid-column:span 2;grid-row:span 2}.portfolio-grid a.wide-photo{grid-column:span 2}}