.portfolio-section{position:relative;background-color:#f9fafb;padding:5rem 1.5rem}.portfolio-title{font-size:1.5rem;line-height:2rem;font-weight:700;text-align:center;margin-bottom:2rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.7s;transform:translateY(0);opacity:1}.portfolio-title.hidden{opacity:0;transform:translateY(-2.5rem)}.portfolio-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:768px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.portfolio-title{font-size:1.875rem;line-height:2.25rem;margin-bottom:4rem}}@media(min-width:1024px){.portfolio-title{font-size:2.25rem;line-height:2.5rem}}.portfolio-item{position:relative;background-color:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .5s;cursor:pointer;opacity:0;transform:translateY(5rem)}.portfolio-item.visible{opacity:1;transform:translateY(0)}.portfolio-item:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body.popup-open .portfolio-item,body.popup-open .portfolio-title{transition:none!important}.animation-sensitive-title,.animation-sensitive-item,.animation-sensitive-icon{opacity:1!important;transform:translateY(0)!important}body.popup-open .animation-sensitive-title,body.popup-transition .animation-sensitive-title,.animation-state-preserved .animation-sensitive-title,body.popup-open .animation-sensitive-item,body.popup-transition .animation-sensitive-item,.animation-state-preserved .animation-sensitive-item{opacity:1!important;transform:translateY(0)!important;transition:none!important}body.popup-open .animation-sensitive-icon,body.popup-transition .animation-sensitive-icon,.animation-state-preserved .animation-sensitive-icon{animation:none!important;transform:none!important;transition:none!important}body.popup-transition section{visibility:visible!important}.preserve-animation-state{will-change:opacity,transform;transition-property:none!important}@media(prefers-reduced-motion:reduce){.animation-sensitive-title,.animation-sensitive-item,.animation-sensitive-icon{transition:none!important;animation:none!important}}.loading .animation-sensitive-title,.loading .animation-sensitive-item,.loading .animation-sensitive-icon{opacity:1!important;transform:none!important;transition:none!important}