.module-architecture {
    position: relative;
  }

  .module-architecture .module-inner {
    padding-block: var(--inner-padding-60) calc(530 * var(--px));
    position: relative;
    z-index: 2;
  }
  
  
  
  
  
  

  .module-architecture .module-wrap > .row-1 {
    margin-bottom: calc(113 * var(--px));
  }
  
  
  
  
  
  
  
  
  .module-architecture .module-wrap > .row-2 {
    margin-right: calc(var(--page-padding-left) * -1);
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
  }
  
  
  
  
  
  
  
  .module-architecture .module-wrap > .row-3 {
    margin-bottom: calc(64 * var(--px));
    margin-top: calc(-54 * var(--px));
    padding-left: calc((143 * var(--px)) - var(--page-padding-left));
  }
  
  .module-architecture .cell--facts .facts-grid {
    max-width: 8.05128205128205128205em;
  }
  
  
  
  
  
  
  
  
  
  .module-architecture .module-wrap > .row-4 {
    margin-right: calc(var(--page-padding-left) * -1);
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .module-architecture .dots {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
  }
  
  .module-architecture .dot {
    position: absolute;
    aspect-ratio: 1;
    width: max(98px, calc(303 * var(--px)));
    background: var(--base-color-pink);
    border-radius: 50%;
    overflow: hidden;
  }
  
  .module-architecture .dot-1 {
    bottom: calc(648 * var(--px));
    left: calc(488 * var(--px));
  }
  
  .module-architecture .dot-2 {
    bottom: calc(1053 * var(--px));
    left: calc(892 * var(--px));
  }
  
  
  
  
  
  

  
  
  
  
  
  
  
  @media (max-width: 1000px) {
    
    .module-architecture .module-wrap > .row-3 {
      margin-top: 50px;
      margin-bottom: 110px;
    }
  
    .module-architecture :is(.cell--highlights, .cell--distances) {
      max-width: 450px;
    }
    
  }
  
  
  
  
  @media (max-width: 500px) {
    
    .module-architecture .module-wrap > .row-2,
    .module-architecture .module-wrap > .row-4 {
      margin-right: 0;
    }
    
    .module-architecture :is(.cell--highlights, .cell--distances) {
      margin-left: 0;
    }
    
  }