.module-quarter {
    background: var(--base-color-green);
    color: var(--base-color-white);
    position: relative;
    z-index: 2;
  }
  
  .module-quarter .module-inner {
    padding-block: max(140px, var(--inner-padding-140)) max(80px, var(--inner-padding-140));
  }
  
  
  
  
  




  .module-quarter figure.video {
    position: absolute;
    top: min(-160px, calc(-312 * var(--px)));
    right: var(--page-padding-right);
    width: max(275px, calc(624 * var(--px)));
  }

  .module-quarter .row--intro {
    margin-bottom: max(50px, calc(50 * var(--px)));
  }
  
  .module-quarter .row--intro .headline {
    margin-bottom: .88235294117647058823em;
  }
  
  .module-quarter .row--intro .large-copy {
    max-width: 11.125em;
    margin-bottom: 0.5em;
  }
  
  .module-quarter .row--intro .row-2 {
    margin-left: calc(133 * var(--px));
  }

  .module-quarter .row--intro .wysiwyg {
    max-width: 36.70588235294117647058em;
  }
  
  @media (max-width: 600px) {
    .module-quarter figure.video {
      right: 0;
    }
  }
  
  @media (max-width: 500px) {
    .module-quarter .row--intro .row-2 {
      margin-left: 0;
    }
    .module-quarter .row--intro {
      margin-bottom: 100px;
    }
  }
  
  
  
  
  
  
  
  
  
  .module-quarter .row--blockquote {
    max-width: max(500px, calc(1076 * var(--px)));
    margin-left: auto;
    margin-bottom: max(50px, calc(50 * var(--px)));
    position: relative;
  }
  
  .row--blockquote blockquote {
    padding-top: 1.34em;
    padding-left: 1em;
    position: relative;
    z-index: 2;
  }
  
  .row--blockquote p {
    max-width: 17.8em;
    position: relative;
  }
  
  .row--blockquote p span[aria-hidden] {
    display: block;
    position: absolute;
    bottom: calc(100% - 0.125em);
    right: calc(100% - 0.05em);
    font-size: 3.3em;
    color: var(--base-color-pink);
    line-height: 0;
  }
  
  .row--blockquote footer {
    margin-top: .44em;
  }
  
  .row--blockquote div.image {
    position: absolute;
    width: max(100px, calc(260 * var(--px)));
    z-index: 1;
    top: calc(-70 * var(--px));
    right: calc(250 * var(--px));
  }
  
  .row--blockquote div.image img {
    width: 100%;
    max-width: none;
    height: auto;
    border-radius: 50%;
  }
  
  @media (max-width: 500px) {
    
    .row--blockquote blockquote {
      padding-left: var(--page-padding-left-mixed);
    }
    
  }
  
  
  
  
  
  
  
  
  
  .module-quarter .row--images {
    margin-right: calc(var(--page-padding-right) * -1);
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  
  .module-quarter .row--images .image-1 {
    width: calc(803 * var(--px));
    padding-top: calc(144 * var(--px));
  }
  
  .module-quarter .row--images .image-2 {
    width: calc(609 * var(--px));
  }
  
  @media (max-width: 500px) {
    
    .module-quarter .row--images {
      flex-flow: column nowrap;
      gap: 25px 0;
    }
    
    .module-quarter .row--images > * {
      width: 100% !important;
      padding: 0;
      box-sizing: border-box;
    }
    
    .module-quarter .row--images > .image-1 {
      padding-left: var(--page-padding-left-mixed);
    }
    
    .module-quarter .row--images > .image-2 {
      padding-right: var(--page-padding-left-l);
    }
    
  }
  
  
  
  
  
  
  
  
  
  .module-quarter .background-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: .07;
    pointer-events: none;
    overflow: hidden;
  }
  
  .module-quarter .background-shape svg {
    display: block;
    position: absolute;
    bottom: calc(-850 * var(--px));
    left: 0;
    width: calc(2565 * var(--px));
    height: auto;
  }