.portfolio-title{font-size:clamp(1.25rem,4.7vw,2.938rem)!important}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:524px 390px 510px 390px repeat(2,510px);grid-template-areas:"screenify screenify" "desqk atal" "winb winb" "uatraffic dmytrov" "twinsann twinsann" "carspace carspace";gap:20px}.portfolio-grid-item:first-child{grid-area:screenify}.portfolio-grid-item:nth-child(2){grid-area:desqk}.portfolio-grid-item:nth-child(3){grid-area:atal}.portfolio-grid-item:nth-child(4){grid-area:winb}.portfolio-grid-item:nth-child(5){grid-area:uatraffic}.portfolio-grid-item:nth-child(6){grid-area:dmytrov}.portfolio-grid-item:nth-child(7){grid-area:twinsann}.portfolio-grid-item:nth-child(8){grid-area:carspace}@media screen and (max-width:768px){.portfolio-grid{--mobile-grid-pattern:220px 170px;grid-template-rows:repeat(2,var(--mobile-grid-pattern)) repeat(2,220px);grid-template-areas:"screenify screenify" "desqk atal" "winb winb" "uatraffic dmytrov" "twinsann twinsann" "carspace carspace";gap:25px 10px;& .portfolio-grid-item{margin:0}}}.portfolio{z-index:2}.portfolio p{border-radius:.5rem;font:500 clamp(18px,2vw,28px) /1 var(--font-geologica)}.portfolio h6{font-weight:700;text-transform:uppercase;text-box-trim:trim-both;text-box-edge:cap alphabetic}.portfolio-grid-item-screenify:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,#0d0e1e,#0d0e1e00 80%)}.portfolio-ebuket p,.portfolio-screenify p{padding:1.25rem 1rem;background:var(--accent);font-size:clamp(18px,2vw,20px);line-height:1}@media screen and (max-width:768px){.portfolio-ebuket p,.portfolio-screenify p{padding:9px 4.5px}}.portfolio-ebuket h6,.portfolio-screenify h6{font-size:clamp(46px,6vw,72px)}.portfolio-carspace p{padding:12.5px 28.5px;background:var(--background);font-size:calc(22px, 3.5vw, 43px);line-height:1;color:var(--primary)}@media screen and (max-width:768px){.portfolio-carspace p{padding:10px 14px}}.portfolio-carspace h6{font-size:clamp(46px,8vw,100px)}.portfolio-grid-item-uatraffic:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#0d0e1e,#0d0e1e00 70%)}.portfolio-uatraffic p{padding:13px 11.5px;background:var(--background);font-size:clamp(14px,1.8vw,19px);color:var(--primary);width:fit-content}@media screen and (max-width:768px){.portfolio-uatraffic p{padding:6.5px 5px}}.portfolio-uatraffic h6{font-size:clamp(32px,5vw,51px)}.portfolio-grid-item-winb:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0d0e1e,#0d0e1e00 30%)}.portfolio-winb p{background-color:var(--accent);color:var(--background);font-size:clamp(18px,2vw,28px);padding:16px 26.5px;width:fit-content;@media screen and (max-width:768px){padding-left:5.5px;padding-bottom:6.5px;padding-right:5.5px;padding-top:6.5px}}.portfolio-winb h6{font-size:clamp(46px,10vw,130px)}.portfolio-grid-item-dmytrov:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#0d0e1e,#0d0e1e00 70%)}.portfolio-dmytrov p{padding:10px 16px;background:var(--accent);color:var(--background);width:fit-content;font-size:clamp(13px,1.6vw,18px);@media screen and (max-width:768px){padding-left:3.5px;padding-bottom:6.5px;padding-right:3.5px;padding-top:6.5px}}.portfolio-dmytrov h6{font-size:clamp(30px,5vw,64px)}.portfolio-grid-item-atal:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#0d0e1e,#0d0e1e00 80%)}.portfolio-atal p{padding:14.5px 16px;font-size:clamp(14px,1.8vw,20px);background:var(--accent);color:var(--background);width:fit-content;@media screen and (max-width:768px){padding-left:6px;padding-bottom:6.5px;padding-right:6px;padding-top:6.5px}}.portfolio-atal h6{font-size:clamp(38px,5.5vw,64px)}.portfolio-twinsann p{padding:12.5px 28.5px;background:var(--background);font-size:clamp(22px,3vw,43px);color:var(--primary);width:fit-content}@media screen and (max-width:768px){.portfolio-twinsann p{padding:10px 14px}}.portfolio-twinsann h6{font-size:clamp(46px,10vw,100px)}.portfolio-desqk p{padding:13px 9.5px;background:var(--background);font-size:clamp(14px,1.8vw,22px);color:var(--primary);width:fit-content}@media screen and (max-width:768px){.portfolio-desqk p{padding:6.5px 5px}}.portfolio-desqk h6{font-size:clamp(30px,4.5vw,50px)}