#portfoli-home{margin-top:150px}#portfoli-home h3{font-size:25px;text-align:center;max-width:398.325px;margin-inline:auto;font-weight:var(--font-semibold)}#portfoli-home .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:25rem;grid-gap:5px;margin-top:60px}#portfoli-home .item{display:block;position:relative;width:100%;overflow:hidden}#portfoli-home .item img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .8s cubic-bezier(.2,.8,.2,1);width:100%;height:100%;object-fit:cover}#portfoli-home .item .text{display:flex;position:absolute;bottom:0;left:0;z-index:2;flex-direction:column;justify-content:flex-end;padding:4rem 2rem 1.5rem;width:100%;background:linear-gradient(to top,#000c,#00000073 45%,#0000);color:var(--font-color-on-corporate-background);line-height:1.25}#portfoli-home .item .text strong{font-weight:var(--font-regular);font-size:24px;text-transform:uppercase}#portfoli-home .item .text span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:.25rem;overflow:hidden;font-weight:var(--font-regular);font-size:16px}#portfoli-home .item:after{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%) rotate(-25deg);transition:height .75s ease;opacity:.6;background:var(--corporate-color-2);width:150%;height:0;content:""}#portfoli-home .item:hover:after{height:450%}#portfoli-home .item:hover img{transform:translate(-50%,-50%) scale(1.08)}#portfoli-home>.animated-button{display:block;width:fit-content;margin:60px auto 0;padding:1.1em 3.5em;font-size:13px}@media only screen and (max-width:1275px){#portfoli-home{margin-top:110px}#portfoli-home .grid{grid-auto-rows:22rem}}@media only screen and (max-width:1000px){#portfoli-home .grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:20rem}}@media only screen and (max-width:800px){#portfoli-home{margin-top:80px}#portfoli-home .grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;margin-top:40px}#portfoli-home .item{aspect-ratio:16/9;min-height:230px}#portfoli-home>.animated-button{margin-top:40px}}