.s-portfolio{padding:3.2rem 0}@media only screen and (max-width: 767px){.s-portfolio{padding:2.4rem 0}}.s-portfolio .s__title{margin-bottom:1rem}.s-portfolio .s__cards{display:grid;gap:2rem;grid-template-columns:repeat(4, 1fr)}@media only screen and (max-width: 987px){.s-portfolio .s__cards{gap:2rem 1rem;grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.s-portfolio .s__cards{gap:1rem;grid-template-columns:repeat(1, 1fr)}}.s-portfolio .s__card{position:relative;aspect-ratio:1/1;text-align:center}.s-portfolio .s__card-image{position:absolute;top:0;right:0;bottom:0;left:0}.s-portfolio .s__card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.s-portfolio .s__card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;background-color:rgba(255,255,255,.7)}.s-portfolio .s__card-title{font:300 var(--font-size-t-lg)/1.2 var(--font-text);font-weight:400}.s-portfolio .s__card-cta{margin-top:.5rem}