:root{--red-text-color: #ed1b24;--dark-gray-color: #25262a;--medium-gray-color: #999}.portfolio-page .left-menu-toggle,.portfolio-page .left-menu-close-mobile,.portfolio-page .left-menu{display:none}.portfolio-page .page-content{flex:1 1 auto;min-width:0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:60px;row-gap:60px;margin-bottom:60px}.portfolio-card{display:block;text-decoration:none}.portfolio-card__pict{display:block;width:100%;padding-top:66.67%;border-radius:15px;background-size:cover;background-position:center;background-color:#e6e6e6}.portfolio-card__body{display:block;margin-top:24px}.portfolio-card__title{display:block;color:var(--dark-gray-color);font-size:25px;line-height:1.12;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;transition:color .2s}.portfolio-card:hover .portfolio-card__title{color:var(--red-text-color)}.portfolio-card__desc{display:block;color:var(--medium-gray-color);font-size:22px;line-height:1.5;margin-top:8px;transition:color .2s}.portfolio-card:hover .portfolio-card__desc{color:var(--red-text-color)}@media screen and (max-width:989px){.portfolio-grid{grid-template-columns:repeat(2,1fr);column-gap:30px;row-gap:40px}.portfolio-card__title{font-size:20px}.portfolio-card__desc{font-size:16px}.portfolio-card__body{margin-top:15px}}@media screen and (max-width:576px){.portfolio-grid{grid-template-columns:1fr;column-gap:0;row-gap:30px}.portfolio-card__body{margin-top:12px}}