@charset "UTF-8";.portfolio{position:relative;padding:15rem 0 6.25rem;z-index:1}.portfolio__container{max-width:51.875rem}.portfolio__title{font-size:37px;line-height:125%;margin-bottom:24px}.portfolio__list{padding-left:1.25rem;margin-bottom:60px}.portfolio__item{list-style:disc;color:#3e3d3d;line-height:160%}.portfolio__blocks{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:40px;gap:40px}.portfolio__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.portfolio__box-title{line-height:125%;font-weight:600;font-family:Inter;color:#ff512f}.portfolio__box-mockup{position:relative;aspect-ratio:163/344;padding:2px;padding-bottom:0;max-width:166px;width:100%}.no-webp .portfolio__box-mockup::after{background-image:url(../images/mockup.png)}.portfolio__box-mockup::after{content:"";background-position:100% 100%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.portfolio__box-video{aspect-ratio:163/344;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:24px;height:100%;width:100%}@media (max-width:64em){.portfolio{padding:8.5rem 0 3.5rem}.portfolio__title{font-size:29px;text-align:left}.portfolio__list{margin-bottom:24px}.portfolio__item{font-size:14px}.portfolio__blocks{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:47.9375em){.portfolio__blocks{grid-template-columns:1fr}}.webp .portfolio__box-mockup::after{background-image:url(../images/mockup.webp)}