:root {
  --dark: #15181c;
  --white: #fff;
  --white2: #f4f3f0;
  --white3: #e8e1e1;
  --white4: #d8d8d8; }

html[mode="dark"] {
  --dark: #fff;
  --white: #15181c;
  --white2: #15181c;
  --white3: #15181c;
  --white3: #15181c; }

@font-face {
  font-family: "SpaceMono-Regular";
  src: url("../fonts/SpaceMono-Regular.eot");
  src: url("../fonts/SpaceMono-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SpaceMono-Regular.woff") format("woff"), url("../fonts/SpaceMono-Regular.ttf") format("truetype"), url("../fonts/SpaceMono-Regular.otf"), url("../fonts/SpaceMono-Regular.svg?#webfont") format("svg"); }

@font-face {
  font-family: "SpaceMono-Bold";
  src: url("../fonts/SpaceMono-Bold.eot");
  src: url("../fonts/SpaceMono-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SpaceMono-Bold.woff") format("woff"), url("../fonts/SpaceMono-Bold.ttf") format("truetype"), url("../fonts/SpaceMono-Bold.otf"), url("../fonts/SpaceMono-Bold.svg?#webfont") format("svg"); }

@font-face {
  font-family: "SpaceMono-Italic";
  src: url("../fonts/SpaceMono-Italic.eot");
  src: url("../fonts/SpaceMono-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/SpaceMono-Italic.woff") format("woff"), url("../fonts/SpaceMono-Italic.ttf") format("truetype"), url("../fonts/SpaceMono-Italic.otf"), url("../fonts/SpaceMono-Italic.svg?#webfont") format("svg"); }

@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica.eot");
  src: url("../fonts/Helvetica.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvetica.woff") format("woff"), url("../fonts/Helvetica.ttf") format("truetype"), url("../fonts/Helvetica.otf"), url("../fonts/Helvetica.svg?#webfont") format("svg"); }

@font-face {
  font-family: "Helvetica-Light";
  src: url("../fonts/Helvetica-Light.eot");
  src: url("../fonts/Helvetica-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvetica-Light.woff") format("woff"), url("../fonts/Helvetica-Light.ttf") format("truetype"), url("../fonts/Helvetica-Light.otf"), url("../fonts/Helvetica-Light.svg?#webfont") format("svg"); }

@font-face {
  font-family: "Helvetica-Bold";
  src: url("../fonts/Helvetica-Bold.eot");
  src: url("../fonts/Helvetica-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Helvetica-Bold.woff") format("woff"), url("../fonts/Helvetica-Bold.ttf") format("truetype"), url("../fonts/Helvetica-Bold.otf"), url("../fonts/Helvetica-Bold.svg?#webfont") format("svg"); }

.SpaceMono-Regular {
  font-family: "SpaceMono-Regular"; }

.SpaceMono-Bold {
  font-family: "SpaceMono-Bold"; }

.SpaceMono-Italic {
  font-family: "SpaceMono-Italic"; }

.Helvetica {
  font-family: "Helvetica"; }

.Helvetica-Light {
  font-family: "Helvetica-Light"; }

.Helvetica-Bold {
  font-family: "Helvetica-Bold"; }

html {
  font-size: 62.5%; }
  @media (max-width: 1700px) {
    html {
      font-size: 59%; } }
  @media (max-width: 1600px) {
    html {
      font-size: 56%; } }
  @media (max-width: 1500px) {
    html {
      font-size: 52%; } }
  @media (max-width: 1400px) {
    html {
      font-size: 49%; } }
  @media (max-width: 1300px) {
    html {
      font-size: 46%; } }
  @media (max-width: 1200px) {
    html {
      font-size: 40%; } }
  @media (max-width: 1140px) {
    html {
      font-size: 36%; } }
  @media (max-width: 1023px) {
    html {
      font-size: 62.5%; } }
  @media (max-width: 374px) {
    html {
      font-size: 56%; } }
  @media (max-width: 320px) {
    html {
      font-size: 50%; } }
@media (max-width: 1023px) {
  .m-hidden {
    display: none; } }

.m-show {
  display: none; }
  @media (max-width: 1023px) {
    .m-show {
      display: block; } }
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

*:focus {
  outline: none; }

body {
  font-size: 1.6rem;
  background-color: var(--white); }

img {
  max-width: 100%; }

a {
  text-decoration: none; }

.container {
  width: 90.1%;
  max-width: 173rem;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 1023px) {
    .container {
      width: 100%;
      padding-left: 2rem;
      padding-right: 2rem; } }
.main-wrapper {
  overflow: hidden; }

.t-center {
  text-align: center; }

.flex {
  display: flex; }
  .flex-col {
    flex-direction: column; }
  .flex-center {
    display: flex;
    align-items: center;
    justify-content: center; }
  .flex-space {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end; }

.items-center {
  align-items: center; }

.items-start {
  align-items: flex-start; }

.justify-center {
  justify-content: center; }

.justify-between {
  justify-content: space-between; }

.justify-end {
  justify-content: flex-end; }

.h-full {
  height: 100%; }

.w-full {
  width: 100%; }

.overflow-hidden {
  overflow: hidden; }

.uppercase {
  text-transform: uppercase; }

.text-right {
  text-align: right; }

.rotate-180 {
  transform: rotate(180deg); }

.word-break-all {
  word-break: break-all; }

.underline {
  text-decoration: underline; }

h1.section-title {
  color: var(--dark);
  font-family: "SpaceMono-Regular";
  font-size: 18rem;
  text-transform: uppercase;
  line-height: 1.51;
  height: 20.7rem;
  margin-bottom: 6rem;
  overflow: hidden;
  font-weight: normal;
  transform: translateX(-0.5rem);
  display: flex;
  align-items: flex-start; }
  @media (max-width: 1023px) {
    h1.section-title {
      font-size: 7rem;
      line-height: 8rem;
      transform: translateX(-0.2rem);
      height: auto;
      margin-bottom: 0; } }
  h1.section-title .section-title__count {
    font-size: 2.5rem;
    transform: translateY(4.6rem);
    font-family: "SpaceMono-Italic"; }

h2.section-title {
  font-size: 9rem;
  line-height: 10rem;
  font-family: "SpaceMono-Regular";
  color: var(--dark);
  font-weight: normal;
  text-transform: uppercase; }
  @media (max-width: 1023px) {
    h2.section-title {
      font-size: 4rem;
      line-height: 5rem; } }
h3.section-title {
  font-size: 4rem;
  line-height: 5rem;
  font-family: "SpaceMono-Regular";
  color: var(--dark);
  font-weight: normal;
  text-transform: uppercase; }
  @media (max-width: 1023px) {
    h3.section-title {
      font-size: 3rem;
      line-height: 4rem; } }
  h3.section-title.cerulean {
    color: #0071bc; }

h4.section-title {
  font-size: 3rem;
  line-height: 4rem;
  font-family: "SpaceMono-Regular";
  color: var(--dark);
  font-weight: normal;
  text-transform: uppercase; }

h6.section-title {
  font-family: "SpaceMono-Regular";
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: normal; }

.inner-subtitle {
  font-size: 3rem;
  color: var(--dark);
  font-family: "Helvetica-Light";
  margin-top: 1.1rem; }
  @media (max-width: 1023px) {
    .inner-subtitle {
      font-size: 2rem;
      line-height: 3rem;
      margin-top: 1.5rem; } }
.t-section-divider {
  padding-top: 2.5rem;
  border-top: 1px solid var(--dark); }

.l-description {
  font-size: 1.8rem;
  font-family: "Helvetica-Light";
  line-height: 2.8rem;
  color: var(--dark); }
  .l-description .cerulean {
    color: #0071bc; }

.description-block {
  min-height: 19.5rem;
  padding-bottom: 2.5rem; }
  @media (max-width: 1023px) {
    .description-block {
      min-height: auto; } }
  .description-block__content {
    max-width: 47%; }
    @media (max-width: 1023px) {
      .description-block__content {
        max-width: 100%; } }
  .description-block.reverse {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right; }
    @media (max-width: 1023px) {
      .description-block.reverse {
        text-align: left; } }
.section-title-subcontent {
  display: grid;
  grid-template-columns: 1fr 34.57%;
  align-items: flex-start; }
  @media (max-width: 1023px) {
    .section-title-subcontent {
      display: block; } }
  .section-title-subcontent .section-subcontent {
    padding-left: 7.4rem;
    padding-top: 12.1rem;
    padding-right: 5.4rem;
    border-left: 1px solid var(--dark);
    color: var(--dark); }
    @media (max-width: 1023px) {
      .section-title-subcontent .section-subcontent {
        padding: 0;
        border: none;
        margin-top: 2.3rem; } }
    .section-title-subcontent .section-subcontent__title {
      margin-bottom: 7px; }
  .section-title-subcontent__extra {
    padding-left: 7.4rem;
    padding-right: 5.9rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    @media (max-width: 1023px) {
      .section-title-subcontent__extra {
        padding: 0;
        margin-top: 2.1rem;
        flex-direction: column-reverse; } }
    .section-title-subcontent__extra__ab-wrapper {
      margin-top: auto; }
      @media (max-width: 1023px) {
        .section-title-subcontent__extra__ab-wrapper {
          margin-bottom: 3.7rem; } }
    .section-title-subcontent__extra__ab {
      margin-top: 2.6rem; }
      @media (max-width: 1023px) {
        .section-title-subcontent__extra__ab {
          margin-top: 1.7rem; } }
.extra-link {
  font-size: 1.8rem;
  font-family: "SpaceMono-Regular";
  text-decoration: underline;
  color: #0071bc; }

.m-popup-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2rem;
  padding-bottom: 3.9rem;
  background-color: var(--dark);
  display: none; }
  @media (max-width: 1023px) {
    .m-popup-wrapper {
      display: block; } }
  .m-popup-wrapper .back-btn {
    color: var(--white); }
    .m-popup-wrapper .back-btn-circle {
      border: 1px solid var(--white);
      background-color: transparent; }
    .m-popup-wrapper .back-btn svg {
      width: 1.4rem; }
      .m-popup-wrapper .back-btn svg g {
        stroke: var(--white); }

.m-margin-helpers .margin-helpers {
  display: flex;
  padding-bottom: 1.8rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  margin-bottom: 3rem;
  margin-top: 4rem;
  align-items: center;
  justify-content: space-between; }
  .m-margin-helpers .margin-helpers-items {
    margin-left: 3rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.1rem; }
  .m-margin-helpers .margin-helpers__item {
    width: 4.6rem;
    height: 2.9rem;
    background-color: var(--white);
    padding: 0 1rem; }
    .m-margin-helpers .margin-helpers__item div {
      height: 100%;
      background-color: #0071bc; }
  .m-margin-helpers .margin-helpers__title {
    text-transform: uppercase;
    color: var(--white);
    font-size: 1.8rem;
    font-family: "SpaceMono-Regular"; }

.m-filter-header {
  padding: 0 2rem;
  height: 7.4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--white);
  border-top: 1px solid var(--white) 3;
  display: none; }
  @media (max-width: 768px) {
    .m-filter-header {
      display: block; } }
  .m-filter-header > div {
    display: flex;
    align-items: center;
    justify-content: center; }

.m-popup-w-icon-wrapper {
  padding-bottom: 0;
  display: none; }

.m-popup-w-icon {
  margin-top: 2rem; }
  .m-popup-w-icon-item {
    height: 5.9rem;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    display: flex;
    align-items: center; }
    .m-popup-w-icon-item__imagebox {
      width: 6rem;
      display: flex; }
      .m-popup-w-icon-item__imagebox svg g {
        fill: var(--white); }
    .m-popup-w-icon-item__title {
      font-size: 1.8rem;
      color: var(--white);
      font-family: "SpaceMono-Regular";
      text-transform: uppercase; }

.m-popup-font-wrapper {
  padding-bottom: 0.4rem;
  display: none; }

.m-popup-font {
  margin-top: 2rem; }
  .m-popup-font-family {
    display: flex;
    color: var(--white);
    font-size: 1.8rem;
    font-family: "SpaceMono-Regular";
    align-items: center;
    padding-bottom: 1.8rem; }
    .m-popup-font-family.active {
      align-items: flex-start; }
      .m-popup-font-family.active .m-popup-font-family__active__dropdown {
        display: block; }
    .m-popup-font-family__active-wrapper {
      margin-left: 2rem; }
    .m-popup-font-family__active__dropdown {
      display: none; }
      .m-popup-font-family__active__dropdown > * {
        margin-top: 1.2rem; }
    .m-popup-font-family__action {
      margin-left: auto;
      color: #0071bc;
      display: flex;
      align-items: center; }
      .m-popup-font-family__action svg {
        margin-left: 1rem; }
        .m-popup-font-family__action svg g {
          stroke: #0071bc; }
  .m-popup-font-size {
    padding: 1.1rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 3.6rem auto auto;
    grid-gap: 1.6rem; }
    .m-popup-font-size__font-icon {
      display: flex; }
      .m-popup-font-size__font-icon svg {
        width: 3.4rem; }
        .m-popup-font-size__font-icon svg g {
          fill: var(--white); }
    .m-popup-font-size__title {
      color: var(--white);
      font-size: 1.8rem;
      font-family: "SpaceMono-Regular"; }
    .m-popup-font-size .filter-Aa {
      font-size: 2rem;
      color: var(--white); }
    .m-popup-font-size__action-btn {
      width: 3.6rem;
      height: 3.6rem;
      border-radius: 1rem;
      background-color: var(--white) 4;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center; }
      .m-popup-font-size__action-btn::before {
        content: "";
        width: 1.3rem;
        height: 1px;
        background-color: var(--dark); }
    .m-popup-font-size__action-plus::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%);
      width: 1px;
      height: 1.3rem;
      background-color: var(--dark); }

.collaborators-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #15181c;
  overflow: auto;
  padding-bottom: 3rem; }
  .collaborators-popup-close-wrapper {
    padding-top: 4.3rem;
    background-color: #15181c;
    display: flex;
    align-items: center;
    justify-content: center; }
  .collaborators-popup .close-btn-wrapper {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8.2rem;
    height: 8.2rem;
    border: 1px solid #fff;
    cursor: pointer; }
    @media (max-width: 1023px) {
      .collaborators-popup .close-btn-wrapper {
        width: 6.4rem;
        height: 6.4rem; } }
    .collaborators-popup .close-btn-wrapper .close-btn {
      width: 24px;
      height: 24px; }
      .collaborators-popup .close-btn-wrapper .close-btn::before, .collaborators-popup .close-btn-wrapper .close-btn::after {
        background-color: #fff;
        left: 11px; }
  .collaborators-popup__title {
    font-size: 10rem;
    line-height: 7rem;
    color: #fff;
    font-family: "SpaceMono-Regular";
    text-align: center;
    margin-top: 7.5rem; }
    @media (max-width: 1023px) {
      .collaborators-popup__title {
        font-size: 3.2rem;
        line-height: normal;
        margin-top: 2rem; } }
  .collaborators-popup-list {
    margin-top: 5.4rem; }
    @media (max-width: 1023px) {
      .collaborators-popup-list {
        margin-top: 1.5rem; } }
  .collaborators-popup-item {
    text-align: center;
    color: #fff;
    font-family: "SpaceMono-Regular"; }
    .collaborators-popup-item:not(:last-child) {
      margin-bottom: 3.5rem; }
      @media (max-width: 1023px) {
        .collaborators-popup-item:not(:last-child) {
          margin-bottom: 4.4rem; } }
    .collaborators-popup-item__fullname {
      font-size: 5rem;
      text-transform: uppercase; }
      @media (max-width: 1023px) {
        .collaborators-popup-item__fullname {
          font-size: 3rem; } }
    .collaborators-popup-item__role {
      font-size: 4rem; }
      @media (max-width: 1023px) {
        .collaborators-popup-item__role {
          font-size: 3rem; } }
button.general {
  min-width: 12rem;
  height: 5rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-family: "SpaceMono-Regular";
  background-color: transparent;
  cursor: pointer;
  text-transform: uppercase;
  transition: all 0.3s ease;
  color: var(--dark); }
  html[mode="dark"] button.general {
    --white: #fff; }
  button.general.active {
    color: var(--white);
    background-color: #0071bc; }
  button.general.tab-button {
    min-width: 11.6rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem; }
    button.general.tab-button.active {
      color: var(--white);
      background-color: #0071bc; }
  button.general:hover {
    color: var(--white);
    background-color: #0071bc; }
  button.general--dark {
    border-color: var(--dark);
    color: var(--dark); }
  button.general--light {
    border-color: #fff;
    color: var(--white); }
  button.general--blue {
    border-color: #0071bc;
    background-color: #0071bc;
    color: var(--white); }

.button-shape {
  max-width: 25.8rem;
  width: 100%;
  height: 7rem;
  border: 1px solid var(--dark);
  font-size: 2rem;
  color: var(--dark);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-family: "Helvetica-Light";
  position: relative;
  background-color: var(--white);
  border-radius: 5px;
  cursor: pointer; }
  @media (max-width: 1023px) {
    .button-shape {
      height: 5rem; } }
  .button-shape::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    width: 1.8rem;
    height: 1.8rem;
    background-color: var(--white);
    border-bottom: 1px solid var(--dark);
    transform: rotate(45deg) translate(0%, -72%); }

.circle-ab {
  width: 6rem;
  height: 6rem;
  background-color: var(--white);
  text-transform: uppercase;
  font-size: 2.4rem;
  color: var(--dark);
  font-family: "SpaceMono-Regular";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--dark);
  flex: none;
  --dark: #15181c;
  --white: #fff; }
  .circle-ab img {
    max-width: 3.4rem; }
  .circle-ab.cerulean-border {
    border-color: #0071bc;
    color: #0071bc; }
    html[mode="dark"] .circle-ab.cerulean-border {
      background-color: transparent; }
  .circle-ab.sunflower-yellow {
    background-color: #fdda00;
    color: var(--dark);
    border: none; }
  .circle-ab.white-border {
    border-color: var(--white);
    color: var(--white);
    background-color: transparent; }
  .circle-ab.cerulean {
    background-color: #0071bc;
    color: var(--white);
    border: none; }
  .circle-ab.orangey-red {
    background-color: #ff4739;
    color: var(--white);
    border: none; }
  .circle-ab.dark-icon {
    border: none;
    background-color: var(--dark); }
    html[mode="dark"] .circle-ab.dark-icon {
      border: 1px solid #fff; }
  .circle-ab + .circle-ab {
    margin-left: 2.2rem; }

.color-mode-btn {
  font-size: 2rem;
  cursor: pointer;
  font-family: "SpaceMono-Bold";
  text-transform: uppercase;
  margin-right: 2.6rem; }
  .color-mode-btn svg {
    margin-right: 1.2rem; }
  .color-mode-btn--dark {
    color: var(--dark); }
    .color-mode-btn--dark svg g {
      fill: var(--dark); }
  .color-mode-btn--light {
    color: #fff; }
    .color-mode-btn--light svg g {
      fill: #fff; }

.scroll-up {
  display: flex;
  align-items: center;
  font-family: "SpaceMono-Italic";
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: normal;
  color: #c8c8c8;
  cursor: pointer; }
  @media (max-width: 1023px) {
    .scroll-up {
      font-size: 2.5rem; } }
  .scroll-up img,
  .scroll-up svg {
    margin-left: 2rem; }
    @media (max-width: 1023px) {
      .scroll-up img,
      .scroll-up svg {
        width: 5.8rem; } }
.play-icon {
  width: 13.5rem;
  height: 13.5rem;
  border: 1px solid var(--dark);
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }
  html[mode="dark"] .play-icon {
    --white: #fff; }
  @media (max-width: 1023px) {
    .play-icon {
      width: 6.9rem;
      height: 6.9rem; } }
  .play-icon img {
    max-width: 9.2rem; }
    @media (max-width: 1023px) {
      .play-icon img {
        width: 4.7rem; } }
.divider-lines-up {
  border-bottom: 1px solid var(--dark);
  position: relative;
  margin-top: 5.4rem; }
  @media (max-width: 1023px) {
    .divider-lines-up {
      margin-top: 2rem; } }
  .divider-lines-up::before, .divider-lines-up::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 4.1rem;
    width: 1px;
    background-color: var(--dark); }
    @media (max-width: 1023px) {
      .divider-lines-up::before, .divider-lines-up::after {
        display: none; } }
  .divider-lines-up::before {
    left: 0px; }
  .divider-lines-up::after {
    right: 0px; }

.faq__item {
  border-bottom: 1px solid var(--dark); }
  .faq__item.active {
    border-color: transparent; }
    .faq__item.active .faq__item-content {
      color: #0071bc; }
    .faq__item.active .faq__item__arrow {
      transform: rotate(180deg); }
      .faq__item.active .faq__item__arrow g {
        stroke: #0071bc; }
    .faq__item.active .faq__item__answer {
      display: block; }
  .faq__item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 2rem;
    padding-bottom: 2rem;
    cursor: pointer; }
  .faq__item-content {
    color: var(--dark);
    font-size: 2rem;
    font-family: "SpaceMono-Regular";
    display: flex;
    align-items: flex-start;
    font-weight: normal; }
  .faq__item__question {
    text-transform: uppercase;
    margin-right: 4.9rem; }
  .faq__item__answer {
    border: 1px solid #0071bc;
    padding: 2.3rem 2.6rem;
    color: #0071bc;
    font-size: 1.8rem;
    font-family: "Helvetica-Light";
    line-height: 2.8rem;
    font-weight: normal;
    display: none; }
    @media (max-width: 1023px) {
      .faq__item__answer {
        padding: 1.4rem 2.1rem 2.3rem 2.1rem; } }
.plus {
  width: 1.9rem;
  height: 1.9rem;
  position: relative;
  cursor: pointer; }
  .plus::before, .plus::after {
    content: "";
    position: absolute;
    background-color: var(--dark); }
  .plus::before {
    left: 0;
    width: 100%;
    height: 2px;
    top: 50%;
    transform: translateY(-50%); }
  .plus::after {
    left: 50%;
    top: 0;
    height: 100%;
    width: 2px;
    transform: translateX(-50%); }

.minus {
  width: 1.9rem;
  height: 1.9rem;
  position: relative;
  cursor: pointer; }
  .minus::before {
    content: "";
    position: absolute;
    background-color: var(--dark);
    left: 0;
    width: 100%;
    height: 2px;
    top: 50%; }

.back-btn {
  display: flex;
  align-items: center;
  font-size: 2rem;
  color: var(--dark);
  font-family: "Helvetica-Light";
  margin-bottom: 1rem;
  cursor: pointer; }

.back-btn-circle {
  width: 5.2rem;
  height: 5.2rem;
  border: 1px solid var(--dark);
  border-radius: 50%;
  margin-right: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff; }
  .back-btn-circle img,
  .back-btn-circle svg {
    width: 1.2rem;
    transform: rotate(90deg); }

.breadcrumb {
  display: flex;
  align-items: center;
  font-family: "SpaceMono-Regular";
  font-size: 1.8rem;
  color: var(--dark);
  margin-top: 3.8rem;
  margin-bottom: 2.3rem; }
  @media (max-width: 1023px) {
    .breadcrumb {
      display: none; } }
  .breadcrumb a {
    color: var(--dark); }
  .breadcrumb span {
    opacity: 0.61; }
  .breadcrumb > *:not(:last-child) {
    margin-right: 1rem; }

.team-member {
  color: var(--dark);
  position: relative;
  border-left: 1px solid var(--dark);
  padding-right: 3rem;
  padding-left: 3rem;
  padding-top: 2.2rem; }
  @media (max-width: 1023px) {
    .team-member {
      padding: 2rem;
      border: 1px solid var(--dark); } }
  .team-member:not(.team-member--f-r):nth-child(3n + 1) {
    border-right: 1px solid var(--dark); }
    .team-member:not(.team-member--f-r):nth-child(3n + 1)::after {
      right: 0; }
      @media (max-width: 1023px) {
        .team-member:not(.team-member--f-r):nth-child(3n + 1)::after {
          right: -3px; } }
  .team-member:nth-last-child(-n + 3)::after {
    display: none; }
    @media (max-width: 1023px) {
      .team-member:nth-last-child(-n + 3)::after {
        display: block; } }
  .team-member:nth-last-child(-n + 3) button.general {
    margin-bottom: 0; }
  .team-member:nth-last-child(-n + 3) .team-member-wrapper::after, .team-member:nth-last-child(-n + 3) .team-member-wrapper::before {
    content: "";
    width: 1px;
    height: 1.5rem;
    background-color: var(--white);
    position: absolute;
    bottom: 0; }
    @media (max-width: 1023px) {
      .team-member:nth-last-child(-n + 3) .team-member-wrapper::after, .team-member:nth-last-child(-n + 3) .team-member-wrapper::before {
        display: none; } }
  .team-member:nth-last-child(-n + 3) .team-member-wrapper::after {
    right: -1px; }
  .team-member:nth-last-child(-n + 3) .team-member-wrapper::before {
    left: -1px; }
  .team-member .team-member-wrapper {
    height: 100%;
    max-width: 44.4rem; }
  .team-member p {
    word-break: break-all; }
  .team-member__imagebox {
    width: 20rem;
    height: 20rem;
    border: 1px solid var(--dark);
    display: flex;
    margin-bottom: 1.6rem; }
    @media (max-width: 1023px) {
      .team-member__imagebox {
        width: 14.6rem;
        height: 14.6rem; } }
    .team-member__imagebox img {
      border-radius: 50%; }
  .team-member__name {
    font-size: 2.5rem;
    font-family: "SpaceMono-Regular";
    font-weight: normal;
    text-transform: uppercase; }
  .team-member__sub {
    font-size: 2rem;
    font-family: "Helvetica-Bold"; }
  .team-member .l-description {
    margin-top: 1.6rem; }
    @media (max-width: 1023px) {
      .team-member .l-description {
        margin-top: 1.2rem; } }
  .team-member button.general {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-top: 3.6rem;
    min-width: auto;
    margin-bottom: 3.7rem; }
    @media (max-width: 1023px) {
      .team-member button.general {
        margin-top: 2rem;
        margin-bottom: 0; } }
  .team-member::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 10.1rem;
    height: 1px;
    display: block;
    background-color: var(--dark); }
    @media (max-width: 1023px) {
      .team-member::after {
        bottom: -3px;
        right: -3px;
        left: auto;
        width: 0;
        height: 0;
        border-bottom: 9rem solid var(--white);
        border-left: 9rem solid transparent;
        background-color: transparent; } }
.related-item {
  padding-top: 6rem;
  padding-left: 4.7rem;
  padding-right: 4.7rem;
  padding-bottom: 4.7rem;
  position: relative;
  border-top: 1px solid var(--dark); }
  @media (max-width: 1023px) {
    .related-item {
      padding-left: 0;
      padding-right: 0;
      padding-top: 2.5rem;
      padding-bottom: 3.9rem;
      border-top: none; }
      .related-item:not(:last-child) {
        border-bottom: 1px solid var(--dark); } }
  .related-item::before, .related-item::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: var(--dark); }
    @media (max-width: 1023px) {
      .related-item::before, .related-item::after {
        display: none; } }
  .related-item::before {
    left: -1px; }
  .related-item::after {
    right: 0px; }
  .related-item__title {
    font-size: 2rem;
    line-height: 3rem;
    color: var(--dark);
    font-family: "SpaceMono-Regular";
    margin-bottom: 0.9rem;
    font-weight: normal;
    text-transform: uppercase; }
  .related-item .general {
    min-width: auto;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin-top: 2.3rem; }

.custom-select {
  font-family: "SpaceMono-Regular";
  color: var(--dark);
  position: relative;
  z-index: 3; }
  .custom-select.active .custom-select__body {
    display: block; }
  .custom-select.active .custom-select__header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .custom-select.active .custom-select__header img {
      transform: rotate(180deg); }
  .custom-select__header {
    border: 1px solid var(--dark);
    height: 5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 2rem;
    min-width: 26rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    text-transform: uppercase;
    background-color: var(--white);
    border-radius: 1rem;
    transition: all 0.3s ease; }
    .custom-select__header svg g {
      stroke: var(--dark); }
      html[mode="dark"] .custom-select__header svg g {
        --white: #fff; }
    .custom-select__header:hover {
      background-color: #0071bc;
      color: #fff; }
      .custom-select__header:hover svg g {
        stroke: var(--white); }
  .custom-select__body {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(100%);
    background-color: var(--white);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border: 1px solid var(--dark);
    border-top: 0; }
    .custom-select__body__item {
      padding-left: 2.7rem;
      padding-right: 2.7rem;
      height: 5rem;
      display: flex;
      align-items: center;
      text-transform: uppercase;
      cursor: pointer; }
      .custom-select__body__item:not(:last-child) {
        border-bottom: 1px solid var(--dark); }

.m-custom-select {
  display: none; }
  @media (max-width: 1023px) {
    .m-custom-select {
      display: block; } }
  .m-custom-select.active::before {
    display: block; }
  .m-custom-select.active .m-custom-select__body {
    display: block; }
  .m-custom-select.active .m-custom-select__header .filter-icon {
    display: none; }
  .m-custom-select.active .m-custom-select__header .close-btn {
    display: block; }
  .m-custom-select::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(22, 25, 29, 0.79);
    z-index: 2;
    display: none; }
  .m-custom-select__header {
    height: 5rem;
    border-radius: 1rem;
    width: 9.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dark);
    background-color: #0071bc;
    z-index: 3;
    position: relative; }
    .m-custom-select__header .close-btn {
      width: 35px;
      height: 35px;
      display: none; }
      .m-custom-select__header .close-btn::before, .m-custom-select__header .close-btn::after {
        left: 1.7rem;
        width: 1px;
        height: 3.9rem;
        background-color: var(--white); }
  .m-custom-select__body {
    position: absolute;
    margin-top: 1.9rem;
    left: 0;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    z-index: 4;
    display: none; }
    .m-custom-select__body__item {
      height: 5rem;
      background-color: var(--white);
      padding: 0 2.7rem;
      display: flex;
      align-items: center;
      border: 1px solid var(--dark);
      border-top: none;
      font-size: 1.8rem;
      text-transform: uppercase;
      font-family: "SpaceMono-Regular";
      color: var(--dark); }
      .m-custom-select__body__item:first-child {
        border-top: 1px solid var(--dark); }

.paper-item {
  border: 1px solid var(--dark);
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2.3rem;
  color: var(--dark); }
  @media (max-width: 1023px) {
    .paper-item {
      border: none;
      padding-left: 0;
      padding-right: 0; } }
  .paper-item--white {
    color: var(--white);
    border-color: var(--white); }
    .paper-item--white .paper-item__imagebox {
      background-color: var(--white); }
    .paper-item--white .paper-item__funder a {
      color: var(--white); }
    .paper-item--white .paper-item__description {
      color: var(--white); }
    .paper-item--white .paper-item-contributors .l-description {
      color: var(--white); }
    .paper-item--white .paper-item-contributors .circle-ab {
      border-color: var(--white);
      color: var(--white);
      background-color: transparent; }
    .paper-item--white .paper-item-contributors__actions .general {
      border-color: var(--white);
      color: var(--white); }
  .paper-item-content {
    display: flex;
    align-items: flex-start; }
    @media (max-width: 1023px) {
      .paper-item-content {
        display: block; } }
  .paper-item__imagebox {
    width: 18.3rem;
    height: 18.8rem;
    background-color: var(--dark);
    margin-right: 3.6rem; }
    @media (max-width: 1023px) {
      .paper-item__imagebox {
        margin-bottom: 2.7rem; } }
  .paper-item__title {
    font-family: "SpaceMono-Regular";
    text-transform: uppercase;
    margin-bottom: 2rem;
    font-size: 3rem;
    line-height: 4rem; }
    @media (max-width: 1023px) {
      .paper-item__title {
        margin-bottom: 2.5rem; } }
  .paper-item__funder {
    font-family: "Helvetica";
    font-size: 1.8rem; }
    .paper-item__funder a {
      color: var(--dark);
      text-decoration: underline; }
  .paper-item__description {
    margin-top: 1.2rem;
    font-family: "Helvetica";
    color: var(--dark);
    font-size: 1.8rem;
    line-height: 2.8rem; }
    @media (max-width: 1023px) {
      .paper-item__description {
        margin-top: 1rem; } }
  .paper-item-contributors {
    margin-top: 8.5rem; }
    @media (max-width: 1023px) {
      .paper-item-contributors {
        margin-top: 2.7rem; } }
    @media (max-width: 1023px) {
      .paper-item-contributors > .flex-space {
        display: block; } }
    .paper-item-contributors .circle-ab {
      margin: 0; }
      .paper-item-contributors .circle-ab:not(:last-child) {
        margin-right: 1.5rem; }
    .paper-item-contributors__title {
      margin-bottom: 0.9rem; }
    .paper-item-contributors__actions {
      display: flex; }
      @media (max-width: 1023px) {
        .paper-item-contributors__actions {
          flex-direction: column;
          max-width: 22.1rem;
          margin-top: 4.2rem; } }
      .paper-item-contributors__actions .general:not(:last-child) {
        margin-right: 3.2rem; }
        @media (max-width: 1023px) {
          .paper-item-contributors__actions .general:not(:last-child) {
            margin-right: 0;
            margin-bottom: 3rem; } }
.paper-card {
  padding-top: 3rem;
  padding-left: 3.9rem;
  padding-right: 3.9rem;
  padding-bottom: 5.6rem;
  border: 1px solid var(--white);
  position: relative;
  background-color: var(--dark); }
  .paper-card:hover {
    background: #a2c6d9;
    background: linear-gradient(70deg, #a2c6d9 0%, white 46%, #ffeeee 100%); }
    .paper-card:hover .paper-card__title {
      color: var(--dark); }
      .paper-card:hover .paper-card__title--single {
        font-size: 1.5rem;
        line-height: 10rem; }
    .paper-card:hover .paper-card__collaborators__title {
      color: var(--dark); }
    .paper-card:hover .paper-card__link {
      color: var(--dark); }
    .paper-card:hover .circle-ab {
      border: 1px solid var(--dark);
      color: var(--dark); }
  .paper-card::after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 0;
    height: 0;
    border-bottom: 9rem solid var(--dark);
    border-left: 9rem solid transparent; }
  .paper-card__title {
    font-size: 3rem;
    line-height: 4rem;
    color: var(--white);
    font-family: "SpaceMono-Regular";
    margin-bottom: 4.1rem;
    text-transform: uppercase; }
  .paper-card__collaborators__title {
    margin-bottom: 1.7rem;
    color: var(--white); }
  .paper-card__collaborators .circle-ab {
    margin: 0; }
    .paper-card__collaborators .circle-ab:not(:last-child) {
      margin-right: 2.6rem; }
  .paper-card__link {
    display: inline-block;
    margin-top: 1.6rem;
    color: var(--white);
    text-decoration: underline;
    font-size: 1.8rem;
    font-family: "Helvetica-Light"; }

.close-btn {
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: relative; }
  .close-btn.close-btn--white::before, .close-btn.close-btn--white::after {
    background-color: var(--white); }
  .close-btn::before, .close-btn::after {
    position: absolute;
    left: 1.1rem;
    content: " ";
    height: 24px;
    width: 2px;
    background-color: var(--dark); }
  .close-btn:before {
    transform: rotate(45deg); }
  .close-btn:after {
    transform: rotate(-45deg); }

.howto-item {
  border: 1px solid var(--dark);
  position: relative;
  padding-top: 4rem;
  padding-left: 4.9rem;
  padding-right: 5.9rem;
  padding-bottom: 5rem;
  background-color: var(--white);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  color: var(--dark); }
  html[mode="dark"] .howto-item {
    --white: #fff;
    background-color: #15181c; }
    html[mode="dark"] .howto-item .circle-ab {
      --dark: #fff; }
    html[mode="dark"] .howto-item .howto-item__date svg g {
      fill: #fff; }
    html[mode="dark"] .howto-item:hover {
      --white: #15181c; }
      html[mode="dark"] .howto-item:hover .l-description,
      html[mode="dark"] .howto-item:hover .link,
      html[mode="dark"] .howto-item:hover .general,
      html[mode="dark"] .howto-item:hover .howto-item__title {
        color: #15181c; }
      html[mode="dark"] .howto-item:hover .general:hover {
        color: #fff; }
      html[mode="dark"] .howto-item:hover .play-icon-circle {
        --white: #fff; }
      html[mode="dark"] .howto-item:hover .circle-ab {
        color: #15181c;
        border-color: #15181c; }
      html[mode="dark"] .howto-item:hover .howto-item__date svg g {
        fill: #15181c; }
    html[mode="dark"] .howto-item::after {
      border-bottom-color: #15181c; }
  .howto-item:hover {
    background-image: linear-gradient(36deg, #abcbdb 6%, #ffffff 65%, #fee4e4 112%); }
  @media (max-width: 1023px) {
    .howto-item {
      padding: 1.4rem 2rem 3rem 2rem; } }
  .howto-item::after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 0;
    height: 0;
    border-bottom: 9rem solid var(--white);
    border-left: 9rem solid transparent; }
  .howto-item__title {
    font-family: "SpaceMono-Regular";
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 2rem;
    text-transform: uppercase; }
  .howto-item__imagebox {
    border: 1px solid var(--dark);
    display: flex;
    position: relative;
    margin-bottom: 2rem; }
    .howto-item__imagebox .live-icon {
      position: absolute;
      top: 1.4rem;
      left: 1.4rem; }
    .howto-item__imagebox > img {
      width: 100%; }
  .howto-item__date-wrapper {
    margin-top: 1.6rem;
    margin-bottom: 1.8rem; }
    @media (max-width: 1023px) {
      .howto-item__date-wrapper {
        flex-direction: column; } }
  .howto-item__date {
    display: flex; }
    .howto-item__date img,
    .howto-item__date svg {
      margin-right: 1rem; }
  .howto-item .play-icon-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6.1rem;
    background-color: var(--white);
    border-radius: 50%;
    display: flex;
    height: 6.1rem; }
    .howto-item .play-icon-circle svg {
      width: 100%;
      height: 100%; }
  .howto-item__collaborator {
    margin-bottom: 2.4rem; }
    .howto-item__collaborator__abs {
      margin-bottom: 2rem; }
    .howto-item__collaborator__title {
      margin-bottom: 1.7rem; }
    .howto-item__collaborator .circle-ab {
      margin: 0;
      background-color: transparent; }
      .howto-item__collaborator .circle-ab:not(:last-child) {
        margin-right: 2.6rem; }
    .howto-item__collaborator .link {
      color: var(--dark);
      text-decoration: underline; }
  .howto-item .general {
    margin-top: auto; }

.live-icon {
  padding: 0 0.8rem;
  height: 2.6rem;
  text-transform: uppercase;
  background-color: var(--white);
  border: 1px solid var(--dark);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.5rem;
  font-family: "SpaceMono-Regular";
  font-size: 1.2rem; }
  .live-icon span {
    transform: translateY(-1px); }
  .live-icon__dot {
    width: 0.8rem;
    height: 0.8rem;
    background-color: #0071bc;
    margin-right: 0.6rem;
    border-radius: 50%; }

.section-title-subcontent-w-border {
  border: 1px solid var(--dark);
  border-right: 0;
  margin-top: 1.7rem; }
  @media (max-width: 1023px) {
    .section-title-subcontent-w-border {
      margin-top: 0;
      border: none; } }
  .section-title-subcontent-w-border h1.section-title {
    margin-left: 5rem; }
    @media (max-width: 1023px) {
      .section-title-subcontent-w-border h1.section-title {
        margin-left: 0;
        border-bottom: 1px solid var(--dark);
        margin-bottom: 1.7rem; } }
  .section-title-subcontent-w-border .section-subcontent__title {
    font-size: 2.5rem; }

.custom-search {
  max-width: 33.6rem;
  width: 100%;
  height: 5rem;
  border-radius: 1rem;
  padding-left: 3.5rem;
  border: 1px solid var(--dark);
  background-color: var(--white);
  position: relative; }
  @media (max-width: 767px) {
    .custom-search {
      max-width: inherit; } }
  .custom-search__icon {
    position: absolute;
    top: 50%;
    left: 1.7rem;
    transform: translate(-50%, -50%);
    display: flex; }
  .custom-search__input {
    font-size: 1.8rem;
    columns: var(--dark);
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    font-family: "SpaceMono-Regular"; }
    .custom-search__input::placeholder {
      color: #a3a3a3;
      font-family: "SpaceMono-Italic"; }

@media (max-width: 767px) {
  .project-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start; } }

.project-item__status {
  position: relative;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  background-color: #0071bc;
  border-radius: 1.7rem;
  display: inline-flex;
  align-items: center;
  height: 3rem;
  font-size: 1.8rem;
  color: var(--white);
  font-family: "SpaceMono-Regular";
  font-weight: normal;
  margin-bottom: 2rem; }
  @media (max-width: 1023px) {
    .project-item__status {
      margin-left: auto; } }
  .project-item__status__circle {
    width: 1.6rem;
    height: 1.6rem;
    border: 3px solid var(--white);
    border-radius: 50%;
    margin-right: 0.8rem; }
  .project-item__status__value {
    transform: translateY(-1px); }

.project-item__title {
  font-family: "SpaceMono-Regular";
  font-weight: normal;
  line-height: 4rem;
  font-size: 3rem;
  color: var(--dark);
  text-transform: uppercase;
  height: 12rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 1.2rem; }

.project-item__description {
  font-family: "Helvetica";
  max-width: 21rem;
  color: var(--dark);
  font-size: 1.8rem;
  line-height: 2.8rem;
  margin-bottom: 2rem;
  font-weight: normal; }

.project-item-contributors {
  margin-bottom: 2rem; }
  .project-item-contributors__title {
    margin-bottom: 1.2rem; }

.project-item__actions {
  margin-top: 2rem;
  display: inline-flex;
  flex-direction: column; }
  .project-item__actions .general:not(:last-child) {
    margin-bottom: 2rem; }

.project-card {
  padding-top: 5.4rem;
  padding-left: 5rem;
  padding-right: 5.5rem;
  padding-bottom: 8.6rem;
  color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid var(--white);
  position: relative; }
  @media (max-width: 1023px) {
    .project-card {
      padding: 2.5rem 3rem; } }
  .project-card:hover {
    background: #a2c6d9;
    background: linear-gradient(37deg, #70aacb -16%, #fff 61%);
    color: var(--dark); }
    .project-card:hover .project-card__description .l-description {
      color: var(--dark); }
    .project-card:hover .project-card-collaborators__title {
      color: var(--dark); }
    .project-card:hover .project-card-collaborators .circle-ab {
      border: 1px solid var(--dark);
      color: var(--dark); }
  .project-card__title {
    font-family: "SpaceMono-Regular";
    font-weight: normal;
    line-height: 4rem;
    font-size: 3rem;
    text-transform: uppercase;
    height: 12rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 3.5rem; }
  .project-card-collaborators {
    margin-bottom: 2.2rem; }
    .project-card-collaborators__title {
      color: var(--white);
      margin-bottom: 1.7rem; }
  .project-card__link {
    color: #0071bc;
    font-size: 1.8rem;
    font-family: "Helvetica"; }
  .project-card__description {
    margin-top: 2rem;
    max-width: 33rem;
    margin-bottom: 8.3rem; }
    .project-card__description .l-description {
      color: var(--white); }
    @media (max-width: 1023px) {
      .project-card__description {
        margin-bottom: 3rem; } }
  .project-card__status {
    margin-top: auto;
    position: relative;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    background-color: #0071bc;
    border-radius: 1.7rem;
    display: inline-flex;
    align-items: center;
    height: 3rem;
    font-size: 1.8rem;
    color: var(--white);
    font-family: "SpaceMono-Regular";
    font-weight: normal;
    margin-bottom: 2rem; }
    .project-card__status__circle {
      width: 1.6rem;
      height: 1.6rem;
      border-radius: 50%;
      margin-right: 0.8rem;
      background-color: var(--white); }
    .project-card__status__value {
      transform: translateY(-1px); }
  .project-card::after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 0;
    height: 0;
    border-bottom: 9rem solid var(--dark);
    border-left: 9rem solid transparent; }

.gen-member {
  border: 1px solid var(--dark);
  padding: 3rem;
  color: var(--dark);
  position: relative;
  display: flex;
  max-width: 55.5rem; }
  @media (max-width: 1023px) {
    .gen-member {
      padding: 2rem; } }
  html[mode="dark"] .gen-member:hover {
    --dark: #15181c; }
  .gen-member:hover {
    background: #f7edee;
    background: linear-gradient(209deg, #f7edee 0%, #cee1ea 100%); }
  .gen-member__imagebox {
    border: 1px solid var(--dark);
    width: 20rem;
    height: 20rem;
    margin-bottom: 1.2rem; }
    @media (max-width: 1023px) {
      .gen-member__imagebox {
        width: 14.6rem;
        height: 14.6rem; } }
    .gen-member__imagebox img {
      width: 100%;
      height: 100%;
      border-radius: 50%; }
  .gen-member__fullname {
    text-transform: uppercase;
    font-size: 3rem;
    font-family: "SpaceMono-Regular"; }
  .gen-member__type {
    font-family: "Helvetica-Bold";
    opacity: 0.64;
    color: var(--dark);
    font-size: 2rem;
    margin-bottom: 0.6rem; }
  .gen-member__point {
    text-transform: uppercase;
    font-size: 3rem;
    font-family: "SpaceMono-Regular"; }
    @media (max-width: 1023px) {
      .gen-member__point {
        transform: translateY(-1.2rem); } }
  .gen-member .general {
    margin-top: 2rem; }
  .gen-member::after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 0;
    height: 0;
    border-bottom: 8rem solid var(--white);
    border-left: 17rem solid transparent; }

.scroll-down {
  font-size: 2rem;
  font-family: "SpaceMono-Regular";
  color: #0071bc;
  position: relative;
  display: flex;
  align-items: center;
  transform: translateX(-25%);
  writing-mode: tb;
  text-transform: uppercase; }
  .scroll-down::after {
    margin-top: 1rem;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #0071bc; }

.burger-menu {
  width: 3.2rem;
  cursor: pointer; }
  .burger-menu__line {
    width: 100%;
    height: 1px;
    background-color: var(--dark); }
    .burger-menu__line:not(:last-child) {
      margin-bottom: 1rem; }

@media (max-width: 1023px) {
  .contributor-popup::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(50, 49, 49, 0.79);
    z-index: 4; } }

.contributor-popup-wrapper {
  display: flex;
  position: absolute;
  background-color: var(--white);
  padding: 1.8rem;
  width: 100%;
  min-width: 54.3rem;
  border: 1px solid #e8e1e1;
  bottom: 100%;
  right: 0;
  margin-bottom: 1rem; }
  @media (max-width: 1023px) {
    .contributor-popup-wrapper {
      position: fixed;
      top: 50%;
      bottom: auto;
      left: 0;
      min-width: initial;
      transform: translateY(-50%);
      z-index: 5; } }
.contributor-popup-content {
  flex: 1; }
  @media (max-width: 1023px) {
    .contributor-popup-content {
      position: relative;
      z-index: 3; } }
.contributor-popup__imagebox {
  border: 1px solid var(--dark);
  width: 11.8rem;
  height: 12rem;
  margin-right: 1.8rem; }
  .contributor-popup__imagebox img {
    border-radius: 50%; }

.contributor-popup__fullname {
  font-size: 2rem;
  color: var(--dark);
  font-family: "Helvetica";
  margin-bottom: 0.7rem;
  text-transform: uppercase; }

.contributor-popup__type {
  font-size: 1.8rem;
  font-family: "Helvetica-Bold";
  opacity: 0.64;
  color: var(--dark);
  margin-bottom: 0.7rem; }

.contributor-popup__social {
  display: flex;
  gap: 2rem; }
  .contributor-popup__social-item {
    font-size: 1.8rem;
    color: var(--dark);
    display: flex;
    align-items: center;
    font-family: "Helvetica-Light"; }
    .contributor-popup__social-item span {
      margin-right: 1.1rem; }

.contributor-popup .general {
  background-color: var(--white);
  margin-left: auto; }
  html[mode="dark"] .contributor-popup .general {
    background-color: transparent; }
  @media (max-width: 1023px) {
    .contributor-popup .general {
      margin-top: 3.4rem;
      margin-left: 0; } }
.filter-Aa {
  font-size: 3rem;
  color: var(--dark);
  font-family: "SpaceMono-Regular"; }

.m-burger-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../images/menu-bg.png");
  padding: 2.6rem 2rem;
  padding-bottom: 0;
  display: flex;
  flex-direction: column; }
  html[mode="dark"] .m-burger-menu {
    --white: #fff;
    --dark: #15181c; }
  .m-burger-menu-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 2.9rem; }
    .m-burger-menu-header__logo {
      width: 13.6rem; }
    .m-burger-menu-header .close-btn {
      width: 3rem;
      height: 3rem; }
      .m-burger-menu-header .close-btn::before, .m-burger-menu-header .close-btn::after {
        background-color: var(--white);
        width: 1px;
        height: 3.4rem;
        left: 1.3rem; }
  .m-burger-menu ul {
    flex: 1;
    overflow: auto; }
  .m-burger-menu li {
    text-align: center;
    margin-bottom: 2.2rem; }
    .m-burger-menu li a {
      font-size: 3rem;
      color: var(--white);
      font-family: "SpaceMono-Regular";
      text-transform: uppercase; }
    .m-burger-menu li .general {
      margin: 0.6rem auto;
      min-width: 16.8rem;
      color: var(--white); }
    .m-burger-menu li .color-mode-btn {
      margin-right: 0; }

.pagination {
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  .pagination__num {
    font-size: 2.5rem;
    color: var(--dark);
    font-family: "Helvetica-Light";
    padding: 5px;
    cursor: pointer;
    position: relative;
    margin-right: 2.5rem; }
    .pagination__num::after {
      content: "";
      display: none;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 1.4rem;
      height: 2px;
      background-color: #0071bc; }
    .pagination__num.active {
      color: #0071bc; }
      .pagination__num.active::after {
        display: block; }
  .pagination-arrow {
    width: 6rem;
    height: 6rem;
    border: 1px solid var(--dark);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .pagination__prev {
    margin-right: 2.5rem; }
    .pagination__prev img {
      transform: rotate(90deg); }
  .pagination__next img {
    transform: rotate(-90deg); }

.article-u {
  border-bottom: 1px solid var(--dark);
  padding-bottom: 3rem; }
  @media (max-width: 1023px) {
    .article-u {
      padding-bottom: 1.8rem; } }
  .article-u__title {
    font-size: 2.5rem;
    color: var(--dark);
    font-family: "SpaceMono-Bold";
    margin-top: 0.8rem;
    text-transform: uppercase; }
    @media (max-width: 1023px) {
      .article-u__title {
        margin-top: 0; } }
  .article-u__description {
    margin-bottom: 0.8rem; }
  .article-u__read {
    text-decoration: underline; }
  .article-u__date {
    margin-top: 3rem;
    width: 11.8rem;
    height: 3.2rem;
    background-color: #0071bc;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 1.8rem;
    font-family: "Helvetica-Bold"; }

@media (max-width: 1023px) {
  .header {
    padding-top: 2.6rem;
    padding-bottom: 1rem; } }

.header__logo {
  width: 15rem; }
  @media (max-width: 767px) {
    .header__logo {
      width: 13.6rem; } }
  html[mode="dark"] .header__logo {
    display: none; }
  .header__logo.dark-mode {
    display: none; }
    html[mode="dark"] .header__logo.dark-mode {
      display: block; }

.header-top {
  height: 9.4rem;
  border-bottom: 1px solid var(--dark); }
  @media (max-width: 1023px) {
    .header-top {
      border-bottom: 0;
      height: auto; } }
  @media (max-width: 1023px) {
    .header-top .general {
      display: none; } }
  .header-top .burger-menu {
    display: none; }
    @media (max-width: 1023px) {
      .header-top .burger-menu {
        display: block; } }
.header-menu {
  margin-top: 1.8rem; }
  @media (max-width: 1023px) {
    .header-menu {
      display: none; } }
.menu-nav ul {
  list-style-type: none;
  display: flex; }

.menu-nav li:not(:last-child) {
  margin-right: 3.3rem; }

.menu-nav li.active a {
  font-family: "SpaceMono-Bold"; }

.menu-nav li a {
  color: var(--dark);
  font-size: 2rem;
  font-family: "SpaceMono-Regular";
  text-transform: uppercase; }

.footer-wrapper {
  background-color: #15181c;
  padding-top: 7.8rem;
  padding-bottom: 10rem; }
  @media (max-width: 1023px) {
    .footer-wrapper {
      padding-bottom: 2.9rem;
      padding-top: 3.9rem; } }
.footer .scroll-up {
  margin-right: 2.3rem; }
  @media (max-width: 1023px) {
    .footer .scroll-up {
      margin-right: 0; } }
.footer__logo {
  width: 20.3rem; }
  @media (max-width: 1023px) {
    .footer__logo {
      width: 14rem; } }
@media (max-width: 1023px) {
  .footer .menu-nav {
    display: none; } }

.footer .menu-nav li a {
  color: #fff; }

.footer .color-mode-btn {
  margin-right: 0;
  margin-left: 3.3rem; }
  @media (max-width: 1023px) {
    .footer .color-mode-btn {
      margin-left: 0; } }
@media (max-width: 1023px) {
  .footer .footer-b-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; } }

.footer .footer-b-wrapper .leavingstone-wrapper {
  width: 4.7rem;
  margin-right: 0.8rem;
  display: flex;
  transform: translateY(0.5rem); }

.footer .footer-b-wrapper .footer-copyright-ul__collaborators {
  font-size: 1.2rem;
  text-decoration: underline;
  font-family: "SpaceMono-Regular";
  color: #fff; }

.footer-nav {
  margin-top: 2.3rem;
  margin-bottom: 2.7rem;
  height: 10.2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  color: #fff; }
  @media (max-width: 1023px) {
    .footer-nav {
      height: auto;
      padding-top: 1.8rem;
      border-bottom: 0;
      margin-bottom: 0; } }
  @media (max-width: 1023px) {
    .footer-nav .general {
      display: none; } }
@media (max-width: 1023px) {
  .footer-copyright {
    display: none; } }

.footer-copyright-ul {
  list-style-type: none;
  display: flex;
  align-items: center; }

.footer-copyright .leavingstone-wrapper {
  display: flex;
  width: 6.9rem; }

.footer-copyright li {
  font-size: 1.8rem;
  font-family: "SpaceMono-Regular";
  color: #c8c8c8; }
  .footer-copyright li.footer-copyright-ul__collaborators {
    font-size: 2rem;
    text-decoration: underline;
    transform: translateY(-0.3rem); }
  .footer-copyright li:not(:last-child) {
    margin-right: 2.3rem; }
  .footer-copyright li a {
    color: #c8c8c8; }

.introduce-wrapper {
  border-top: 1px solid var(--dark);
  border-bottom: 1px solid var(--dark);
  margin-top: 3.8rem;
  padding-bottom: 5.3rem;
  position: relative; }
  @media (max-width: 1023px) {
    .introduce-wrapper {
      margin-top: 1.3rem;
      border: none;
      padding-top: 0;
      padding-bottom: 1rem; } }
  .introduce-wrapper .introduce {
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
    @media (max-width: 1023px) {
      .introduce-wrapper .introduce {
        display: block; } }
    .introduce-wrapper .introduce__description {
      padding-top: 4.1rem;
      padding-right: 14rem;
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      @media (max-width: 1023px) {
        .introduce-wrapper .introduce__description {
          display: block;
          padding-top: 0;
          padding-right: 0;
          border-bottom: 1px solid var(--dark);
          padding-bottom: 1.7rem; } }
      .introduce-wrapper .introduce__description .scroll-down-wrapper {
        margin-top: auto; }
        @media (max-width: 1023px) {
          .introduce-wrapper .introduce__description .scroll-down-wrapper {
            display: none; } }
    .introduce-wrapper .introduce__points {
      padding-top: 1.4rem;
      padding-left: 5.9rem;
      border-left: 1px solid var(--dark); }
      @media (max-width: 1023px) {
        .introduce-wrapper .introduce__points {
          border-left: 0;
          padding-left: 0; } }
      .introduce-wrapper .introduce__points__item {
        font-size: 8rem;
        line-height: 11rem;
        color: #0071bc;
        font-family: "SpaceMono-Regular";
        text-transform: uppercase; }
        @media (max-width: 1023px) {
          .introduce-wrapper .introduce__points__item {
            font-size: 6rem;
            line-height: 7rem; } }
        .introduce-wrapper .introduce__points__item:not(:last-child) {
          margin-bottom: 1.1rem; }
      .introduce-wrapper .introduce__points__description {
        margin-top: 3.4rem;
        margin-bottom: 3.4rem; }
        @media (max-width: 1023px) {
          .introduce-wrapper .introduce__points__description {
            margin-top: 1.7rem;
            margin-bottom: 2.4rem; } }
    .introduce-wrapper .introduce__imagebox {
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      display: flex;
      justify-content: flex-end; }
      @media (max-width: 1023px) {
        .introduce-wrapper .introduce__imagebox {
          position: static;
          display: none; } }
      @media (max-width: 1023px) {
        .introduce-wrapper .introduce__imagebox.md {
          display: block;
          margin-top: 2rem; } }
      .introduce-wrapper .introduce__imagebox img {
        max-width: 100%; }
        @media (max-width: 1023px) {
          .introduce-wrapper .introduce__imagebox img {
            width: 100%; } }
.home-section-title-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center; }
  @media (max-width: 1023px) {
    .home-section-title-wrapper {
      grid-template-columns: 3.6rem 1fr; } }
  .home-section-title-wrapper--action .home-section-title-wrapper__line::after {
    top: auto;
    bottom: 0; }
  .home-section-title-wrapper__action {
    width: auto;
    justify-self: left; }
    @media (max-width: 1023px) {
      .home-section-title-wrapper__action {
        margin-left: 0.6rem; } }
  .home-section-title-wrapper__line {
    width: auto;
    height: 1px;
    background-color: var(--dark);
    margin-right: 3.3rem;
    position: relative; }
    @media (max-width: 1023px) {
      .home-section-title-wrapper__line {
        width: 100%;
        margin-right: 0; } }
    .home-section-title-wrapper__line::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 1px;
      background-color: var(--dark);
      height: 30rem; }
  .home-section-title-wrapper .home-section-title {
    font-family: "SpaceMono-Regular";
    font-size: 10rem;
    color: var(--dark);
    grid-column: 2 / -1;
    transform: translateX(-4px); }
    @media (max-width: 1023px) {
      .home-section-title-wrapper .home-section-title {
        font-size: 4rem;
        margin-left: 0.6rem;
        transform: translateX(-2px); } }
  html[mode="dark"] .home-section-title-wrapper--white {
    --white: #fff; }
  .home-section-title-wrapper--white .home-section-title {
    color: var(--white); }
  .home-section-title-wrapper--white .home-section-title-wrapper__line {
    background-color: var(--white); }
    .home-section-title-wrapper--white .home-section-title-wrapper__line::before, .home-section-title-wrapper--white .home-section-title-wrapper__line::after {
      background-color: var(--white); }
  .home-section-title-wrapper--white .home-section-title-wrapper__action {
    border-color: var(--white);
    color: var(--white); }

.home-animation {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--dark); }

@media (max-width: 1023px) {
  .home-projects-wrapper {
    margin-top: 2.7rem; } }

.home-projects {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 6.6rem;
  border-left: 1px solid var(--dark);
  padding-bottom: 5.9rem; }
  @media (max-width: 1023px) {
    .home-projects {
      padding-top: 4rem;
      grid-template-columns: 1fr;
      grid-gap: 3.2rem;
      padding-bottom: 1.5rem; } }
  .home-projects .project-item {
    padding-left: 4.2rem;
    padding-right: 5rem;
    border-right: 1px solid var(--dark);
    padding-bottom: 9.5rem;
    position: relative; }
    @media (max-width: 1023px) {
      .home-projects .project-item {
        border-right: 0;
        padding-bottom: 4rem;
        padding-right: 2rem; }
        .home-projects .project-item:not(:last-child)::after {
          content: "";
          width: 3.6rem;
          height: 1px;
          background-color: var(--dark);
          position: absolute;
          bottom: 0;
          left: 0; } }
.home-members-wrapper {
  margin-top: 7.5rem;
  margin-bottom: 5.9rem; }
  @media (max-width: 1023px) {
    .home-members-wrapper {
      margin-top: 3rem;
      margin-bottom: 3rem; } }
.home-members {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3.6rem;
  padding-left: 4.6rem;
  border-left: 1px solid var(--dark);
  padding-bottom: 5.8rem;
  padding-top: 3.4rem; }
  @media (max-width: 1023px) {
    .home-members {
      padding-top: 3.9rem;
      padding-left: 0;
      display: block;
      padding-bottom: 3.5rem; } }
.home-members-item {
  padding-top: 4.8rem;
  padding-left: 4.8rem;
  padding-bottom: 4.8rem;
  color: var(--dark);
  border: 1px solid var(--dark);
  position: relative; }
  @media (max-width: 1023px) {
    .home-members-item {
      border: none;
      padding: 0;
      padding-left: 4.2rem;
      padding-bottom: 2.3rem; }
      .home-members-item:not(:last-child) {
        margin-bottom: 3.9rem; }
        .home-members-item:not(:last-child)::after {
          content: "";
          width: 3.6rem;
          height: 1px;
          background-color: var(--dark);
          position: absolute;
          bottom: 0;
          left: 0;
          display: block;
          transform: translate(0); } }
  .home-members-item__l-line {
    position: absolute;
    left: -1px;
    top: 50%;
    height: 4.6rem;
    width: 1px;
    background-color: var(--white);
    transform: translateY(-50%); }
    @media (max-width: 1023px) {
      .home-members-item__l-line {
        display: none; } }
  .home-members-item::before, .home-members-item::after {
    content: "";
    position: absolute;
    width: 9.4rem;
    background-color: var(--white);
    left: 50%;
    transform: translateX(-50%);
    height: 1px; }
    @media (max-width: 1023px) {
      .home-members-item::before, .home-members-item::after {
        display: none; } }
  .home-members-item::before {
    top: -1px; }
  .home-members-item::after {
    bottom: -1px; }
  .home-members-item-description-wrapper {
    padding-right: 11rem; }
    @media (max-width: 1023px) {
      .home-members-item-description-wrapper {
        padding-right: 3.5rem; } }
  @media (max-width: 1023px) {
    .home-members-item-description-inner {
      display: block; } }
  .home-members-item__imagebox {
    border: 1px solid var(--dark);
    width: 20rem;
    height: 20rem;
    flex: none;
    margin-right: 3rem; }
    @media (max-width: 1023px) {
      .home-members-item__imagebox {
        margin-right: 0;
        margin-bottom: 1.8rem; } }
    .home-members-item__imagebox img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50%; }
  .home-members-item__fullname {
    font-family: "SpaceMono-Regular";
    font-size: 3rem;
    line-height: 2.6rem;
    text-transform: uppercase;
    margin-bottom: 1rem; }
  .home-members-item__type {
    font-size: 2rem;
    font-family: "Helvetica-Bold";
    margin-bottom: 2rem; }
  .home-members-item-socials {
    margin-bottom: 1.9rem; }
    @media (max-width: 1023px) {
      .home-members-item-socials {
        display: grid;
        grid-gap: 2.1rem; } }
  .home-members-item__social {
    display: flex;
    align-items: center;
    font-family: "Helvetica-Light";
    font-size: 1.8rem;
    color: var(--dark); }
    .home-members-item__social:not(:last-child) {
      margin-right: 3.5rem; }
    .home-members-item__social__circle {
      flex: none;
      margin-left: 1rem;
      font-family: "SpaceMono-Regular";
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white);
      font-size: 1.1rem;
      background-color: #0071bc;
      width: 1.9rem;
      height: 1.9rem;
      border-radius: 50%; }
  .home-members-item-contributors {
    margin-top: 4rem;
    color: var(--dark);
    padding-right: 13.5rem; }
    @media (max-width: 1023px) {
      .home-members-item-contributors {
        margin-top: 3rem;
        padding-right: 3.5rem; } }
    .home-members-item-contributors__title {
      font-size: 2rem;
      font-family: "SpaceMono-Regular";
      margin-bottom: 1.4rem; }
      @media (max-width: 1023px) {
        .home-members-item-contributors__title {
          font-size: 2.5rem; } }
    .home-members-item-contributors__description:not(:last-child) {
      margin-bottom: 1.9rem;
      padding-bottom: 1.9rem;
      border-bottom: 1px solid var(--dark); }
  .home-members-item-contributors-abs {
    padding-right: 4.8rem;
    margin-top: 4rem; }
    @media (max-width: 1023px) {
      .home-members-item-contributors-abs {
        margin-top: 2.4rem; } }
    @media (max-width: 1023px) {
      .home-members-item-contributors-abs-wrapper {
        display: block; } }
    @media (max-width: 1023px) {
      .home-members-item-contributors-abs-wrapper .general {
        margin-left: auto;
        margin-top: 2rem; } }
    .home-members-item-contributors-abs__title {
      margin-bottom: 1.6rem; }

.home-howto-wrapper {
  margin-bottom: 8.6rem; }

.home-howto {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3.4rem;
  padding-left: 4.6rem;
  padding-top: 3.8rem;
  padding-bottom: 6.8rem;
  border-left: 1px solid var(--dark); }
  @media (max-width: 1023px) {
    .home-howto {
      padding-left: 0;
      padding-top: 0;
      display: block;
      padding-bottom: 1.2rem; } }
  .home-howto .howto-item {
    padding-right: 8.3rem;
    padding-left: 4.5rem;
    padding-top: 4rem;
    padding-bottom: 3rem;
    position: relative; }
    @media (max-width: 1023px) {
      .home-howto .howto-item {
        border: none;
        padding-top: 3.9rem;
        padding-right: 2rem;
        padding-left: 4.2rem; }
        .home-howto .howto-item:not(:last-child)::before {
          content: "";
          border: none;
          width: 3.6rem;
          height: 1px;
          background-color: var(--dark);
          position: absolute;
          bottom: 0;
          left: 0;
          display: block;
          transform: translate(0); } }
.home-papers-wrapper {
  background-color: #15181c;
  padding-top: 2.5rem;
  padding-bottom: 1rem; }
  @media (max-width: 1023px) {
    .home-papers-wrapper {
      padding-bottom: 2rem; } }
.home-papers {
  margin-top: 8rem;
  margin-bottom: 6rem;
  border-left: 1px solid var(--white);
  padding-left: 4.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3.7rem; }
  html[mode="dark"] .home-papers {
    --white: #fff; }
  @media (max-width: 1023px) {
    .home-papers {
      margin-top: 2rem;
      display: block;
      padding-left: 0;
      margin-bottom: 2rem; } }
  .home-papers .paper-item {
    position: relative; }
    html[mode="dark"] .home-papers .paper-item {
      --white: #fff; }
    @media (max-width: 1023px) {
      .home-papers .paper-item {
        padding-left: 4.2rem;
        padding-bottom: 2.4rem;
        padding-top: 0; }
        .home-papers .paper-item:not(:last-child) {
          margin-bottom: 2.8rem; }
          .home-papers .paper-item:not(:last-child)::after {
            content: "";
            border: none;
            width: 3.6rem;
            height: 1px;
            background-color: var(--white);
            position: absolute;
            bottom: 0;
            left: 0; } }