.portfolio-section{padding:100px 0 110px;background:#fffaf4}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portfolio-item{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#ead8c6;text-decoration:none}.portfolio-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.portfolio-item:hover img,.portfolio-item:focus-visible img{transform:scale(1.045)}.portfolio-item:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(28,19,15,.72))}.portfolio-item span{position:absolute;z-index:1;left:20px;right:20px;bottom:19px;color:#fff;display:flex;justify-content:space-between;align-items:end;gap:10px}.portfolio-item strong{font-family:Georgia,serif;font-size:23px;line-height:1.1;font-weight:400}.portfolio-item small{text-transform:uppercase;letter-spacing:.08em;font-size:9px;white-space:nowrap}.portfolio-more{display:table;margin:34px auto 0;padding-bottom:7px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;font-size:12px;font-weight:700;letter-spacing:.1em}.portfolio-more span{margin-left:12px}.portfolio-more:hover,.portfolio-more:focus-visible{color:#ad6147}@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-section{padding:75px 0 85px}}@media(max-width:540px){.portfolio-grid{gap:10px}.portfolio-item span{left:11px;right:11px;bottom:11px;display:block}.portfolio-item strong{display:block;font-size:17px}.portfolio-item small{font-size:8px}.portfolio-item:after{inset:35% 0 0}}