.projects-page{padding:80px 0}.projects-page__inner h1{text-align:center;margin-bottom:25px;font-size:65px;line-height:normal}@media(max-width:550px){.projects-page__inner h1{font-size:42px}}.projects-page__inner .tags-filter{border-radius:15px;background:var(--color-bg);border:1px solid var(--color-border);padding:15px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px}.projects-page__inner .tags-filter .button-filter{padding:5px 15px;align-items:center;background:linear-gradient(to bottom right,var(--color-shadow-line),rgba(64,64,64,0) 50%);border-radius:6px;box-shadow:-4px 8px 24px var(--color-shadow);color:var(--color-accent);display:flex;font-size:14px;justify-content:center;position:relative;z-index:1;cursor:pointer;transition:all .5s}.projects-page__inner .tags-filter .button-filter:before{background:var(--color-dark);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}.projects-page__inner .tags-filter .button-filter.active{background-color:var(--color-accent);color:var(--color-dark)}.projects-page__inner .tags-filter .button-filter.active:before{background:var(--color-accent)}.projects-page__inner .projects-count{margin-bottom:20px}.projects-page__inner .projects-items{display:grid;grid-gap:20px 30px;gap:20px 30px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}@media(max-width:550px){.projects-page__inner .projects-items{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.projects-page__inner .projects-items__item{position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:15px;background:var(--color-bg);border:1px solid var(--color-border);padding:15px;cursor:pointer}.projects-page__inner .projects-items__item .image-wrapper{height:350px;overflow:hidden;border-radius:10px;display:flex;margin-bottom:20px;position:relative;align-items:flex-start}.projects-page__inner .projects-items__item .image-wrapper img{width:100%;height:auto;transition:transform 5s linear}.projects-page__inner .projects-items__item:hover .image-wrapper img{transform:translateY(calc(-100% + 300px))}.projects-page__inner .projects-items__item:hover .image-wrapper .hover-icon,.projects-page__inner .projects-items__item:hover .tags{opacity:0}.projects-page__inner .projects-items__item:hover .title-content svg path{fill:var(--color-white)}.projects-page__inner .projects-items__item .tags{position:absolute;top:20px;right:20px;display:flex;flex-wrap:wrap;gap:5px 10px;justify-content:flex-end;opacity:1;transition:all .5s}.projects-page__inner .projects-items__item .tags .tag-item{padding:10px 20px;font-size:12px;line-height:18px;background:var(--tag-item-color);border-radius:5px;border:1px solid var(--color-border);color:var(--color-accent)}@media(max-width:550px){.projects-page__inner .projects-items__item .tags .tag-item{padding:8px 16px;font-size:10px}}.projects-page__inner .projects-items__item .title-content{display:flex;align-items:center;gap:10px}.projects-page__inner .projects-items__item .title-content h3{font-size:18px;line-height:normal;color:var(--color-white)}@media(max-width:550px){.projects-page__inner .projects-items__item .title-content h3{font-size:16px}}.projects-page__inner .projects-items__item .title-content svg{width:16px;height:16px}.projects-page__inner .projects-items__item .title-content svg path{fill:#5f5f5f;transition:all .5s}.projects-page__inner .projects-items__item .hover-icon{position:absolute;display:flex;gap:5px;bottom:0;width:100%;justify-items:right;padding:72px 20px 20px;background:linear-gradient(0deg,#000000,rgba(255,255,255,0));align-items:center;justify-content:flex-end;text-transform:uppercase;font-size:10px;color:hsla(0,0%,100%,.66);font-weight:500;opacity:1;transition:all .5s}.projects-page__inner .projects-items__item .hover-icon svg{width:20px}.projects-page__inner .projects-items__item .hover-icon svg path{fill:hsla(0,0%,100%,.37);stroke:hsla(0,0%,100%,.37)}.projects-page__inner .pagination{display:flex;flex-wrap:wrap;justify-content:center;margin-top:40px;gap:10px}.projects-page__inner .pagination button{padding:8px 16px;background:var(--color-bg);color:var(--color-white);border:1px solid var(--color-border);border-radius:5px;cursor:pointer;transition:background .2s ease}.projects-page__inner .pagination button.active{background:var(--color-accent);color:#000;font-weight:700}.projects-page__inner .pagination button:hover{background:var(--color-accent);color:var(--color-bg);font-weight:700}.projects-page__inner .pagination button.disabled{opacity:.4;pointer-events:none}.info-block__inner .content{border-radius:15px;background:var(--color-bg);border:1px solid var(--color-border);padding:15px;max-width:700px;margin:0 auto}.info-block__inner .content .my-name{font-size:32px;line-height:normal;margin-bottom:16px;color:var(--color-white)}@media(max-width:550px){.info-block__inner .content .my-name{font-size:28px}}.info-block__inner .content .colums{display:flex;gap:50px}@media(max-width:550px){.info-block__inner .content .colums{gap:30px;flex-direction:column}}.info-block__inner .content .colums .image-wrapper{border-radius:10px;overflow:hidden;display:flex}.info-block__inner .content .colums .image-wrapper img{max-width:250px;min-width:250px;max-height:250px;object-fit:cover;object-position:top;border-radius:10px}@media(max-width:550px){.info-block__inner .content .colums .image-wrapper img{max-width:100%}}.info-block__inner .content .colums .contacts-list{display:flex;flex-direction:column;gap:20px}.info-block__inner .content .colums .contacts-list .contact-item{align-items:center;display:flex;gap:16px}@media(max-width:550px){.info-block__inner .content .colums .contacts-list .contact-item{gap:10px}}.info-block__inner .content .colums .contacts-list .contact-item .icon-box{align-items:center;background:linear-gradient(to bottom right,var(--color-shadow-line),rgba(64,64,64,0) 50%);border-radius:12px;box-shadow:-4px 8px 24px var(--color-shadow);color:var(--color-accent);display:flex;font-size:18px;height:48px;justify-content:center;position:relative;width:48px;z-index:1;min-width:48px}@media(max-width:550px){.info-block__inner .content .colums .contacts-list .contact-item .icon-box{border-radius:8px;height:35px;width:35px;min-width:35px}}.info-block__inner .content .colums .contacts-list .contact-item .icon-box:before{background:var(--color-dark);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}.info-block__inner .content .colums .contacts-list .contact-item .icon-box svg{max-width:18px}.info-block__inner .content .colums .contacts-list .contact-item .icon-box svg path{fill:var(--color-accent);stroke:var(--color-accent)}.info-block__inner .content .colums .contacts-list .contact-item .contact-info .contact-title{color:var(--color-muted-text);font-size:12px;margin-bottom:2px;text-transform:uppercase}.info-block__inner .content .colums .contacts-list .contact-item .contact-info a{color:var(--color-text);font-size:14px;text-decoration:none}.info-block__inner .content .colums .contacts-list .contact-item .contact-info a:hover{color:var(--color-accent)}.cv-button-wrapper{margin-top:20px}.cv-button-wrapper,.cv-button-wrapper .cv-button{display:flex;align-items:center;justify-content:center}.cv-button-wrapper .cv-button{padding:15px 70px;background:linear-gradient(to bottom right,var(--color-shadow-line),rgba(64,64,64,0) 50%);border-radius:12px;box-shadow:-4px 8px 24px var(--color-shadow);color:var(--color-accent);font-size:18px;position:relative;z-index:1;border:1px solid var(--color-border);cursor:pointer;transition:all .5s}.cv-button-wrapper .cv-button:hover{border-color:var(--color-accent)}.cv-button-wrapper .cv-button:before{background:var(--color-dark);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}.footer__inner .footer-content{position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:15px;background:var(--color-bg);border:1px solid var(--color-border);padding:15px;align-items:center;justify-content:center;margin:0 0 20px}.footer__inner .footer-content p{text-align:center;font-size:18px;line-height:normal;color:var(--color-text)}