*,::after,::before{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}a,body{color:#fff}body{min-width:315px;font-family:"DIN Pro",Arial,serif;font-size:18px;line-height:22px;background:#262626}img{display:block;max-width:100%;height:auto;border:0}body,h1,h2,h3,h4,h5,h6,p{margin:0}a{text-decoration:underline;text-underline-offset:.14em;font-weight:700}a:focus-visible,a:hover{color:#c9c9c9}.h1,.site-title,h1{font-weight:500;font-size:20px;line-height:24px}.h2,.h3,h2,h3{font-weight:700}.h2,h2{text-align:center;font-size:24px;line-height:29px}.h3,h3{font-size:20px;line-height:24px;letter-spacing:1px}.text{font-weight:400;font-size:18px;line-height:22px}.navbar{position:relative;width:100%;margin-bottom:20px;display:grid;grid-template-areas:"logo menu" "beta beta";grid-template-columns:auto 1fr;grid-template-rows:55px auto;background:#000;box-shadow:3px 3px 4px rgba(0,0,0,.16)}.navbar .logo{grid-area:logo;display:flex;align-items:center;padding:10px 20px;column-gap:30px;justify-self:center;white-space:nowrap}.navbar .logo svg{width:35px;height:35px;flex-shrink:0}.navbar__menu{grid-area:menu;display:flex;justify-content:flex-end;align-items:stretch}.navbar__link{display:inline-flex;align-items:center;justify-content:center;padding:14px;font-size:20px;line-height:24px;text-decoration:none;color:#fff;background:0 0}.navbar__link:focus-visible,.navbar__link:hover{background:#2c2c2c}@media (max-width:990px){.navbar{grid-template-areas:"logo" "menu";grid-template-columns:1fr;text-align:center}.navbar__menu{justify-content:center}.navbar__link{padding:12px 10px;font-size:18px;line-height:22px}}.main{padding:0 30px}@media (max-width:849.4px){.main{padding:0 10px}}.project-list{position:relative;display:grid;grid-gap:30px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:1fr}@media (max-width:849.4px){.project-list{grid-gap:10px}}@media (max-width:575.4px){.project-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.project-list__block{display:flex;flex-direction:column;row-gap:12px;text-decoration:none;cursor:pointer}.project-list__block:focus-visible,.project-list__block:hover{text-decoration:none}.project-list__block__image{border-radius:20px;overflow:hidden}.project-list__block__image img{transition:transform .15s ease-in,filter .15s ease-in}.project-list__block:focus-visible img,.project-list__block:hover img{transform:scale(1.02)}.project-list__block:active img{filter:saturate(122%)}.project-list__block__header{text-align:center;font-weight:500;font-size:20px;line-height:22px;overflow:hidden}@media (max-width:1200px){.project-list__block__header{font-size:19px}}@media (max-width:992px){.project-list__block__header{font-size:17px;line-height:21px}}@media (max-width:768px){.project-list__block__header{font-size:15px;line-height:17px}}@media (max-width:576px){.project-list__block__header{font-size:12px;line-height:14px}}@media (max-width:360px){.project-list__block__header{font-size:9px;line-height:11px}}.rating-badge{position:absolute;top:20px;right:0;min-width:30px;padding:5px 8px;border-radius:8px 0 0 8px;font-size:14px;font-weight:700;color:#fff;background:#ad1f1f;pointer-events:none}.project__header{display:grid;grid-template-areas:"picture title" "picture description" "picture meta_block";grid-template-columns:calc(35% - 10px) calc(65% - 10px);column-gap:20px;row-gap:15px;align-items:start;margin-bottom:30px}.project__header__picture{grid-area:picture;justify-self:center}.project__header__picture--rounded-angles img{border-radius:20px}.project__header__title{grid-area:title;text-align:center}.project__header__description{grid-area:description;text-align:justify;margin-bottom:15px}.project__header__meta-block{grid-area:meta_block}@media (max-width:849.4px){.project__header{grid-template-areas:"title" "picture" "description" "meta_block";grid-template-columns:1fr}}