.portfolio[data-v-d6a5fb7d]{background:#fff;display:grid;gap:2px;grid-template-areas:"a-1 a-2 a-2" "a-1 a-3 a-4" "a-5 a-5 a-6";grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(7,1fr);height:1034px;margin:70px 0}@media (width <= 980px){.portfolio[data-v-d6a5fb7d]{gap:1px;grid-template-areas:"a-1 a-2 a-2" "a-1 a-6 a-6" "a-3 a-3 a-3" "a-5 a-5 a-4";grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(10,1fr);height:800px}}.portfolio__item[data-v-d6a5fb7d]{align-items:flex-start;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:3px;justify-content:flex-end;overflow:hidden;padding:30px;position:relative;text-decoration:none}@media (width <= 980px){.portfolio__item[data-v-d6a5fb7d]{padding:15px}}.portfolio__item[data-v-d6a5fb7d]:before{background:transparent;content:"";inset:0;position:absolute;transition:background .3s ease;z-index:1}@media (hover:hover){.portfolio__item:hover .portfolio__item-descr[data-v-d6a5fb7d],.portfolio__item:hover .portfolio__item-title[data-v-d6a5fb7d]{transform:scale(1)}.portfolio__item[data-v-d6a5fb7d]:hover:before{background:#0006}}.portfolio__item[data-v-d6a5fb7d]:first-child{background:url(../portfolio-block-1.png) no-repeat bottom;background-size:cover;grid-area:a-1;grid-column:1/3;grid-row:1/6}@media (width <= 980px){.portfolio__item[data-v-d6a5fb7d]:first-child{grid-column:1/5;grid-row:1/6}}.portfolio__item[data-v-d6a5fb7d]:nth-child(2){background:url(../portfolio-block-2.png) no-repeat bottom;background-size:cover;grid-area:a-2;grid-column:3/7;grid-row:1/4}@media (width <= 980px){.portfolio__item[data-v-d6a5fb7d]:nth-child(2){grid-column:5/8;grid-row:1/4}}.portfolio__item[data-v-d6a5fb7d]:nth-child(3){background:url(../portfolio-block-3.png) no-repeat bottom;background-size:cover;grid-area:a-3;grid-column:3/6;grid-row:4/6}@media (width <= 980px){.portfolio__item[data-v-d6a5fb7d]:nth-child(3){grid-column:1/8;grid-row:6/8}}.portfolio__item[data-v-d6a5fb7d]:nth-child(4){background:#9a9a9a;color:#000;display:flex;flex-direction:column;grid-area:a-4;grid-column:6/7;grid-row:4/6;justify-content:space-between}@media (hover:hover){.portfolio__item:nth-child(4):hover .portfolio__item-descr[data-v-d6a5fb7d]:before{width:100%}.portfolio__item[data-v-d6a5fb7d]:nth-child(4):hover:before{display:none}}@media (width <= 980px){.portfolio__item[data-v-d6a5fb7d]:nth-child(4){grid-column:5/8;grid-row:8/11}}.portfolio__item:nth-child(4) .portfolio__item-title[data-v-d6a5fb7d]{font-size:12px;font-weight:300;transform:scale(1)}@media (width <= 520px){.portfolio__item:nth-child(4) .portfolio__item-title[data-v-d6a5fb7d]{font-size:8px}}.portfolio__item:nth-child(4) .portfolio__item-descr[data-v-d6a5fb7d]{font-size:16px;font-weight:700;position:relative;text-transform:uppercase;transform:scale(1);transition:all .25s}.portfolio__item:nth-child(4) .portfolio__item-descr[data-v-d6a5fb7d]:before{background:#000;bottom:-2px;content:"";height:2px;position:absolute;transition:width .25s;width:0}@media (width <= 520px){.portfolio__item:nth-child(4) .portfolio__item-descr[data-v-d6a5fb7d]{font-size:10px}}.portfolio__item[data-v-d6a5fb7d]:nth-child(5){background:url(../portfolio-block-4.png) no-repeat bottom;background-size:cover;grid-area:a-5;grid-column:1/5;grid-row:6/8}@media (width <= 980px){.portfolio__item[data-v-d6a5fb7d]:nth-child(5){grid-column:1/5;grid-row:8/11}}.portfolio__item[data-v-d6a5fb7d]:nth-child(6){background:url(../portfolio-block-5.png) no-repeat bottom;background-size:cover;grid-area:a-6;grid-column:5/7;grid-row:6/8}@media (width <= 980px){.portfolio__item[data-v-d6a5fb7d]:nth-child(6){grid-column:5/8;grid-row:4/6}}.portfolio__item-descr[data-v-d6a5fb7d],.portfolio__item-title[data-v-d6a5fb7d]{transform:scale(0);transition:transform .25s;z-index:2}@media (width <= 980px){.portfolio__item-descr[data-v-d6a5fb7d],.portfolio__item-title[data-v-d6a5fb7d]{transform:scale(1)}}.portfolio__item-title[data-v-d6a5fb7d]{font-weight:700}@media (width <= 520px){.portfolio__item-title[data-v-d6a5fb7d]{font-size:10px}}.portfolio__item-descr[data-v-d6a5fb7d]{font-size:12px;font-weight:300}@media (width <= 520px){.portfolio__item-descr[data-v-d6a5fb7d]{font-size:8px}}