main.ProjectsPage section.ProjectsSection{margin-top:2.4rem}main.ProjectsPage section.ProjectsSection .grid-between{display:grid;grid-template-columns:minmax(0,4.5fr) minmax(0,2fr) minmax(0,5fr);justify-content:space-between;gap:1.5rem;align-items:center;margin-bottom:2.4rem}main.ProjectsPage section.ProjectsSection .grid-between .column h1{font:700 4rem Variable;color:#fff;margin-bottom:2rem}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons{display:flex;align-items:center;flex-wrap:wrap;width:100%;gap:.8rem}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button{padding:.8rem 1.2rem;border-radius:1.2rem;background-color:#ffffff14;flex-shrink:0}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button span{font:400 1.4rem/143% Variable;color:#ffffff80}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button:hover{background-color:#ffffff24}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button:active{background-color:#ffffff2e;transform:scale(.97)}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button.active{background-color:#4000ff}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button.active span{color:#fff}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button.active:hover{background-color:#3400cc}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button.active:active{background-color:#2a00a3}main.ProjectsPage section.ProjectsSection .grid-between .imageContainer.preloader{width:100%;height:17rem;grid-column:3}main.ProjectsPage section.ProjectsSection .grid-between .imageContainer.preloader img{object-fit:contain}main.ProjectsPage section.ProjectsSection .projects-list{display:grid;align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}main.ProjectsPage section.ProjectsSection .projects-list .column{display:flex;flex-direction:column;gap:2rem}main.ProjectsPage section.ProjectsSection .projects-list .ProjectRenderComponent .block{display:flex;flex-direction:column;align-items:flex-start;height:100%}main.ProjectsPage section.ProjectsSection .projects-list .ProjectRenderComponent .block .imageContainer.preloader{width:100%;border-radius:1.6rem;margin-bottom:2rem}main.ProjectsPage section.ProjectsSection .projects-list .ProjectRenderComponent .block h3{font:500 2.4rem/83% Variable;color:#fff}main.ProjectsPage section.ProjectsSection .projects-list .ProjectRenderComponent:hover{opacity:.8}main.ProjectsPage section.ProjectsSection .projects-list .ProjectRenderComponent:active{transform:scale(.98)}main.ProjectsPage section.ProjectsSection .projects-list .ProjectRenderComponent.design .imageContainer.preloader{height:32rem}main.ProjectsPage section.ProjectsSection .projects-list .ProjectRenderComponent.bc-site .imageContainer.preloader{aspect-ratio:1 / 1}@media screen and (max-width:1025px){main.ProjectsPage section.ProjectsSection{margin-top:1.2rem}main.ProjectsPage section.ProjectsSection .imageContainer.preloader.top{width:100%;height:10rem;margin-bottom:.8rem}main.ProjectsPage section.ProjectsSection .imageContainer.preloader.top img{object-fit:contain}main.ProjectsPage section.ProjectsSection .grid-between{display:flex;flex-direction:column;justify-content:space-between;gap:0;align-items:unset;margin-bottom:1.6rem}main.ProjectsPage section.ProjectsSection .grid-between .column h1{font:700 2.4rem Variable;color:#fff;margin-bottom:1.6rem}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons{display:flex;align-items:center;flex-wrap:wrap;width:100%;gap:.8rem}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button{padding:.6rem 1.2rem;border-radius:10rem;background-color:#ffffff14;flex-shrink:0}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button span{font:400 1.2rem/143% Variable;color:#ffffff80}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button:active{background-color:#ffffff2e;transform:scale(.95)}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button.active{background-color:#4000ff}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button.active span{color:#fff}main.ProjectsPage section.ProjectsSection .grid-between .column .row-buttons button.active:active{background-color:#2a00a3}main.ProjectsPage section.ProjectsSection .projects-list{display:grid;align-items:stretch;grid-template-columns:repeat(1,minmax(0,1fr));gap:2.4rem}main.ProjectsPage section.ProjectsSection .projects-list .column{display:flex;flex-direction:column;gap:2.4rem}main.ProjectsPage section.ProjectsSection .projects-list .ProjectRenderComponent .block{display:flex;flex-direction:column;align-items:flex-start;height:100%}main.ProjectsPage section.ProjectsSection .projects-list .ProjectRenderComponent .block .imageContainer.preloader{width:100%;border-radius:1.6rem;margin-bottom:.8rem}main.ProjectsPage section.ProjectsSection .projects-list .ProjectRenderComponent .block h3{font:500 1.6rem/83% Variable;color:#fff}main.ProjectsPage section.ProjectsSection .projects-list .ProjectRenderComponent:active{transform:scale(.98)}main.ProjectsPage section.ProjectsSection .projects-list .ProjectRenderComponent.design .imageContainer.preloader{height:24rem}main.ProjectsPage section.ProjectsSection .projects-list .ProjectRenderComponent.bc-site .imageContainer.preloader{aspect-ratio:1 / 1}}