@charset "UTF-8";.project-link {
  max-width: 40rem;
  width: 100%;
  max-height: 49rem;
  padding: 4rem;
  border-radius: 4rem;
  background-color: var(--c-white-transparent-024);
  -webkit-backdrop-filter: blur(4rem);
          backdrop-filter: blur(4rem);
  font-family: var(--font-family-primary);
  font-size: 4rem;
  color: var(--c-white);
  font-weight: 400;
  line-height: 5rem;
}
@media screen and (max-width: 450px) {
.project-link {
    max-width: 34.3rem;
    max-height: 32.8rem;
    padding: 4.8rem 4rem;
}
}
@media screen and (min-width: 451px) and (max-width: 1199px) {
.project-link {
    max-width: 40rem;
    max-height: 49rem;
    padding: 4rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1447px) {
.project-link {
    max-width: 34.3rem;
    max-height: 32.8rem;
    padding: 4.8rem 4rem;
}
}
.project-link._all {
  font-weight: 600;
}
.project-link a {
  color: var(--c-white);
  text-decoration: none;
}
.project-link__name {
  margin-top: 4rem;
}
@media screen and (max-width: 450px) {
.project-link__name {
    font-size: 2.4rem;
    line-height: 3rem;
}
}
@media screen and (min-width: 451px) and (max-width: 1199px) {
.project-link__name {
    font-size: 4rem;
    line-height: 5rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1447px) {
.project-link__name {
    font-size: 2.4rem;
    line-height: 3rem;
}
}
.project-link picture,
.project-link img {
  max-width: 100%;
}.project-link-list {
  display: flex;
  justify-content: center;
  gap: 3.2rem;
}
@media screen and (max-width: 1199px) {
.project-link-list {
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}
}
:root {
  --c-black: #000;
  --c-black-transparent-020: rgba(0, 0, 0, .2);
  --c-black-transparent-050: rgba(0, 0, 0, .5);
  --c-white: #fff;
  --c-white-transparent-000: rgba(255, 255, 255, .0);
  --c-white-transparent-008: rgba(255, 255, 255, .08);
  --c-white-transparent-010: rgba(255, 255, 255, .1);
  --c-white-transparent-012: rgba(255, 255, 255, .12);
  --c-white-transparent-016: rgba(255, 255, 255, .16);
  --c-white-transparent-024: rgba(255, 255, 255, .24);
  --c-white-transparent-040: rgba(255, 255, 255, .4);
  --c-white-transparent-050: rgba(255, 255, 255, .5);
  --c-white-transparent-070: rgba(255, 255, 255, .7);
  --c-white-transparent-080: rgba(255, 255, 255, .8);
  --c-green: #26FF95;
  --c-green-light: #3cc481;
  --c-green-dark: #00DB8C;
  --c-green-light-transparent-016:rgba(38, 255, 149, .16);
  --c-green-light-transparent-032:rgba(38, 255, 149, .32);
  --c-green-bz: #7AA52A;
  --c-gray-blue: #54656f;
  --c-gray-blue-light: #d0dce3;
  --c-gray-blue-lightest: #f3f7f9;
  --c-gray-blue-megium: #7aa2ba;
  --c-gray-blue-dark: #3d4e57;
  --c-gray-blue-darkest: #35424b;
  --c-gray-transparent-032: rgba(25, 25, 25, .32);
  --c-gray-transparent-040: rgba(25, 25, 25, .4);
  --c-gray-transparent-050: rgba(79, 76, 76, 0.5);
  --c-gray-light-transparent-032: rgba(243, 240, 250, .32);
  --c-gray-light-transparent-075: rgba(243, 240, 250, .75);
  --c-gray-light: rgba(243, 240, 250);
  --c-gray-light-medium: #d9d9d9;
  --c-gray-medium: #666666;
  --с-gray-pink: #F3F0FA;
  --c-gray-darkest: #191919;
  --c-gray-lightest: #343434;
  --с-gray: #747474;
  --c-grayish-muted: #a6a6a6;
  --c-grayish-red: #ca4d55;
  --с-orange-red: #f37862;
  --c-red: #FF3434;
  --c-red-transparent-032: rgba(255, 52, 52, .32);
  --c-red-bz: #C22821;
  --c-pink: rgb(245, 78, 209);
  --c-pink-transparent-020: rgba(245, 78, 209, .2);
  --c-pink-transparent-024: rgba(255, 40, 182, .24);
  --c-pink-transparent-032: rgba(245, 78, 209, .32);
  --c-purple-transparent-024: rgba(148, 40, 255, .24);
  --c-purple-light-transparent-020: rgba(121, 78, 245, .2);
  --c-blue-light-transparent-020: rgba(78, 215, 245, .2);
}
:root {
  --c-primary: var(--c-gray-darkest);
  --c-primary-ligh: var(--c-gray-blue-light);
  --c-primary-lightest: var(--c-gray-blue-lightest);
  --c-primary-medium: var(--c-gray-blue-megium);
  --c-primary-dark: var(--c-gray-blue-dark);
  --c-primary-darkest: var(--c-gray-blue-darkest);
  --c-secondary: var(--c-green);
  --c-secondary-light: var(--c-green-light);
  --c-muted: var(--c-grayish-muted);
  --с-attention: var(--с-orange-red);
  --c-danger: var(--c-red);
  --c-disabled: var(--c-muted);
  --c-error: var(--c-danger);
  --base-text-color: var(--c-white);
  --primary-text-color: var(--c-primary);
  --primary-text-color-light: var(--c-primary-ligh);
  --primary-text-color-lightest: var(--c-primary-lightest);
  --primary-text-color-dark: var(--c-primary-dark);
  --primary-text-color-darkest: var(--c-gray-blue-darkest);
  --secondary-text-color: var(--c-white);
  --secondary-text-color-light: var(--c-secondary-light);
  --text-hover: var(--c-green);
  --bright-text-color: var(--c-green-dark);
  --lightest-bg: var(--c-primary-lightest);
  --muted-bg: var(--c-white-transparent-008);
  --muted-bg-grayish: var(--c-white-transparent-050);
  --secondary-bg: var(--с-gray-pink);
  --body-bg: var(--c-gray-darkest);
  --primary-bg: var(--c-primary);
  --primary-bg-dark: var(--c-primary-dark);
  --primary-bg-darkest: var(--c-primary-darkest);
  --btn-primary-bg: var(--c-secondary);
  --btn-primary-bg-light: var(--c-secondary-light);
  --btn-primary-bg-active: var(--c-green-light-transparent-016);
  --btn-primary-bg-hover: var(--c-green-dark);
  --btn-secondary-bg: var(--c-white);
  --btn-disabled-bg: var(--c-disabled);
  --input-bg: --c-white-transparent-024;
  --input-border: var(--c-white-transparent-024);
  --input-border-active: var(--c-green-light-transparent-032);
  --input-border-hover: var(--c-green-dark);
  --checkbox-bg: var(--c-white);
  --checkbox-bg-hover: var(--c-green-dark);
  --checkbox-border: var(--c-black);
  --block-border: var(--c-white-transparent-016);
  --block-border-hover: var(--c-green-dark);
  --block-border-active: var(--c-green);
}
:root {
  --z-index-prev-under-page-content: -200;
  --z-index-under-page-content: -100;
  --z-index-page-content: 0;
  --z-index-prev-over-page-content: 250;
  --z-index-over-page-content: 500;
  --z-index-header: 1000;
  --z-index-overlay: 1500;
  --z-index-popup: 2000;
}
:root {
  --font-family-primary: "Raleway" ;
}
.project-description-wrapper {
  margin-top: 2.6rem;
  font-family: var(--font-family-primary);
  font-size: 4rem;
  color: var(--c-white);
  font-weight: 500;
  line-height: 5rem;
  white-space: pre-wrap;
}
@media screen and (max-width: 767px) {
.project-description-wrapper {
    margin-top: 2.6rem;
    font-size: 2.4rem;
    line-height: 3.6rem;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.project-description-wrapper {
    margin-top: 1.5rem;
    font-size: 3rem;
    line-height: 4rem;
}
}.project-preview {
  padding-top: 15.7rem;
}
@media screen and (max-width: 767px) {
.project-preview {
    padding-top: 6.5rem;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.project-preview {
    padding-top: 8.5rem;
}
}
.project-preview__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  max-width: 95rem;
  width: 100%;
  margin-top: 2.6rem;
}
.project-preview__title-wr {
  margin-bottom: 5.2rem;
  font-weight: 700;
  line-height: 5rem;
}
@media screen and (max-width: 767px) {
.project-preview__title-wr {
    margin-bottom: 2.6rem;
    font-weight: 800;
}
}
.project-preview__chevron-down-double {
  margin-top: 8.8rem;
  margin-bottom: 8.8rem;
}
.project-preview__icon-wr {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
.project-preview__icon-wr {
    display: none;
}
}.project-title {
  font-family: var(--font-family-primary);
  font-size: 4rem;
  color: var(--c-white-transparent-040);
  font-weight: 600;
  line-height: 5rem;
}.project-subtitle {
  font-family: var(--font-family-primary);
  font-size: 3.2rem;
  color: var(--c-white);
  font-weight: 500;
  line-height: 1.4;
}.project-subtitle {
  font-family: var(--font-family-primary);
  font-size: 2.4rem;
  color: var(--c-white);
  font-weight: 400;
  line-height: 1.4;
}.project-page-wrapper {
  box-sizing: content-box;
  margin: 0 auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media screen and (max-width: 450px) {
.project-page-wrapper {
    max-width: 34.3rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}
}
@media screen and (min-width: 451px) and (max-width: 767px) {
.project-page-wrapper {
    max-width: 60rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.project-page-wrapper {
    max-width: 72.8rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
}
@media screen and (min-width: 1200px) and (max-width: 1447px) {
.project-page-wrapper {
    max-width: 72.8rem;
    padding-left: 3rem;
    padding-right: 3rem;
}
}
@media screen and (min-width: 1448px) and (max-width: 1599px) {
.project-page-wrapper {
    max-width: 92.4rem;
    padding-left: 4rem;
    padding-right: 4rem;
}
}
@media screen and (min-width: 1600px) and (max-width: 1920px) {
.project-page-wrapper {
    max-width: 110rem;
    padding-left: 4rem;
    padding-right: 4rem;
}
}
@media screen and (min-width: 1921px) {
.project-page-wrapper {
    max-width: 120rem;
    padding-left: 6rem;
    padding-right: 6rem;
}
}.sidebar {
  position: relative;
  margin-bottom: 7.2rem;
  color: var(--c-white);
}
@media screen and (max-width: 1024px) {
.sidebar {
    margin-top: 0;
    background-image: none;
}
}
.sidebar__title {
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
.sidebar__title {
    font-size: 2.4rem;
    line-height: 3rem;
}
}
.sidebar__title._white-title {
  font-family: var(--font-family-primary);
  font-size: 3.2rem;
  color: var(--c-white);
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
.sidebar__title._white-title {
    font-size: 2rem;
}
}
.sidebar__subtitle {
  margin-top: 4rem;
  margin-bottom: 2.4rem;
  font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
.sidebar__subtitle {
    font-size: 2rem;
}
}
.sidebar__subtitle._gray-title {
  font-family: var(--font-family-primary);
  font-size: 4rem;
  color: var(--c-white-transparent-040);
  font-weight: 600;
  line-height: 5rem;
}
.sidebar__image {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.sidebar__subcontent._no-margin-subtitle .sidebar__subtitle {
  margin-top: 0;
}
.sidebar__text {
  margin-top: 2.4rem;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
.sidebar__text {
    font-size: 1.6rem;
    line-height: 2.8rem;
}
}
.sidebar__list {
  position: sticky;
  top: 10rem;
  left: calc((100vw - var(--container-text-width)) / 2 - var(--container-menu-width));
  display: flex;
  flex-direction: column;
  align-items: end;
  height: 100vh;
  max-width: 18.5rem;
  box-sizing: content-box;
  padding-right: 6rem;
  list-style: none;
}
@media screen and (max-width: 1199px) {
.sidebar__list {
    display: none;
}
}
.sidebar__list-title {
  font-family: var(--font-family-primary);
  font-size: 2rem;
  color: var(--c-white-transparent-040);
  font-weight: 500;
  line-height: 2.5rem;
  margin-bottom: 0.8rem;
  padding-top: 1.6rem;
}
.sidebar__list-item {
  margin-top: 2.4rem;
  font-size: 2.4rem;
  text-align: end;
  color: var(--c-white);
}
.sidebar__list-item._active a {
  color: var(--c-green);
}
.sidebar__list-item a {
  margin-top: 2.4rem;
  text-decoration: none;
  cursor: pointer;
}
.sidebar__content {
  padding-bottom: 4.5rem;
}
@media screen and (min-width: 1200px) {
.sidebar__content {
    margin-top: -100vh;
    border-left: solid 0.1rem var(--c-white-transparent-024);
}
}
.sidebar__content-section {
  scroll-margin-top: 15rem;
}
@media screen and (min-width: 1200px) {
.sidebar__content-section {
    scroll-margin-top: 10rem;
}
}
.sidebar__content-section:not(._first) {
  margin-top: 4rem;
}
.sidebar__dropdown-menu {
  position: absolute;
  width: 100%;
}
.sidebar__dropdown-menu .custom-dropdown {
  opacity: 0;
}
.sidebar__dropdown-menu._fixed {
  position: fixed;
  top: 10rem;
  left: 0;
  right: 0;
  background: var(--c-white);
  box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
  z-index: var(--z-index-prev-over-page-content);
}
.sidebar__dropdown-menu._fixed .custom-dropdown {
  opacity: 1;
}
@media screen and (min-width: 1025px) {
.sidebar__dropdown-menu {
    display: none;
}
}.project-banner._rigla[data-v-b63b90ae] {
  background-size: cover;
  background-image: url("/images/rigla-page/rigla-banner.jpg");
}
@supports (background-image: url("/images/rigla-page/rigla-banner.avif")) {
.project-banner._rigla[data-v-b63b90ae] {
    background-image: url("/images/rigla-page/rigla-banner.avif");
}
}
@supports not (background-image: url("/images/rigla-page/rigla-banner.avif")) {
@supports (background-image: url("/images/rigla-page/rigla-banner.webp")) {
.project-banner._rigla[data-v-b63b90ae] {
      background-image: url("/images/rigla-page/rigla-banner.webp");
}
}
}
.project-banner._nda-project[data-v-b63b90ae] {
  background-size: cover;
  background-image: url("/images/nda-project-page/nda-project-banner.jpg");
}
@supports (background-image: url("/images/nda-project-page/nda-project-banner.avif")) {
.project-banner._nda-project[data-v-b63b90ae] {
    background-image: url("/images/nda-project-page/nda-project-banner.avif");
}
}
@supports not (background-image: url("/images/nda-project-page/nda-project-banner.avif")) {
@supports (background-image: url("/images/nda-project-page/nda-project-banner.webp")) {
.project-banner._nda-project[data-v-b63b90ae] {
      background-image: url("/images/nda-project-page/nda-project-banner.webp");
}
}
}.project-page-with-sidebar {
  background-color: var(--body-bg);
}
@media screen and (max-width: 450px) {
.project-page-with-sidebar {
    overflow-x: hidden;
}
}
.project-page-with-sidebar__top-page-wr {
  min-height: 81.3rem;
}
@media screen and (min-width: 1200px) {
.project-page-with-sidebar__top-page-wr {
    min-height: 100.6rem;
}
}
.project-page-with-sidebar__content-wr {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 12.1rem;
}
@media screen and (max-width: 767px) {
.project-page-with-sidebar__content-wr {
    padding-bottom: 8rem;
}
}
@media screen and (min-width: 1200px) {
.project-page-with-sidebar__content-wr {
    background: radial-gradient(circle at top 17% left 13%, rgb(66, 66, 66) 0%, rgb(60, 60, 60) 3%, rgb(55, 55, 55) 5%, rgb(46, 46, 46) 8%, rgb(25, 25, 25) 14%, rgb(20, 20, 20) 100%);
}
}
.project-page-with-sidebar__shape-wr {
  display: none;
}
@media screen and (min-width: 1200px) {
.project-page-with-sidebar__shape-wr {
    display: block;
    position: absolute;
    top: 15%;
    width: 100%;
    height: 67.1rem;
    overflow: hidden;
}
}
.project-page-with-sidebar__shape {
  display: none;
}
@media screen and (min-width: 1200px) {
.project-page-with-sidebar__shape {
    display: block;
}
}
.project-page-with-sidebar__preview {
  width: 100%;
}
.project-page-with-sidebar__other-projects-title {
  font-family: var(--font-family-primary);
  font-size: 6.4rem;
  color: var(--c-white);
  font-weight: 400;
  line-height: 8rem;
  margin-bottom: 4rem;
}
@media screen and (min-width: 451px) and (max-width: 1199px) {
.project-page-with-sidebar__other-projects-title {
    display: flex;
    justify-content: center;
}
}
@media screen and (max-width: 1199px) {
.project-page-with-sidebar__other-projects-title {
    margin-top: 3.8rem;
    font-size: 3.2rem;
    line-height: 4.8rem;
}
}
.project-page-with-sidebar__breadcrumb:last-child {
  color: var(--c-white-transparent-040);
}
@media screen and (max-width: 767px) {
.project-page-with-sidebar__breadcrumb {
    display: none;
}
}
@media screen and (min-width: 1200px) {
.project-page-with-sidebar__breadcrumb {
    padding-left: 14rem;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.project-page-with-sidebar__breadcrumb._hide-on-tablet {
    display: none !important;
}
}
.project-page-with-sidebar__breadcrumb._show-on-tablet {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.project-page-with-sidebar__breadcrumb._show-on-tablet {
    display: flex;
}
}
.project-page-with-sidebar__top-page {
  padding-top: 10rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.project-page-with-sidebar__top-page {
    padding-top: 9rem;
}
}
@media screen and (max-width: 767px) {
.project-page-with-sidebar__top-page {
    padding-top: 20.2rem;
}
}