.module-our-offices .row-1 {
    text-align: center;
    margin-bottom: max(50px, calc(100 * var(--px)));
  }
  
  .module-our-offices .row-1 .wysiwyg {
    max-width: max(710px, calc(710 * var(--px)));
    margin: 0 auto;
  }
  
  .module-our-offices .intro-copy-col-set {
    max-width: max(860px, calc(860 * var(--px)));
    margin-inline: auto;
    margin-top: max(30px, calc(30 * var(--px)));
  }
  
  .module-our-offices .intro-copy-col-set[data-column-count="2"] {
    display: flex;
    flex-flow: row nowrap;
    gap: calc(85 * var(--px));
  }
  
  .module-our-offices .intro-copy-col-set[data-column-count="2"] > * {
    width: 100%;
    text-align: left;
  }
  
  @media (max-width: 600px) {
    
    .module-our-offices .intro-copy-col-set[data-column-count="2"] {
      flex-flow: column nowrap;
    }
    
  }
  
  
  
  
  
  
  .module-our-offices .row-gallery {
    margin-bottom: max(50px, calc(100 * var(--px)));
  }
  
  .grid-gallery .row-pagination {
    margin-top: max(30px, calc(50 * var(--px)));
  }
  
  .grid-gallery .row-media {
    position: relative;
    height: calc(640 * var(--px));
    width: 100%;
  }
  
  .grid-gallery .row-media figure {
    position: absolute;
    width: calc(252 * var(--px));
    overflow: hidden;
    will-change: transform;
    opacity: 0;
    transform: scale(0.95);
    transition: 1s calc(500ms + (var(--ios-item-index) * 50ms)) var(--ttf-7);
    transition-property: opacity, transform;
  }
  
  .module-our-offices .row-gallery.is-on-screen .grid-gallery .row-media figure {
    opacity: 1;
    transform: none;
  }
  
  .grid-gallery .row-media figure.f-1 {
    width: calc(535 * var(--px));
    height: calc(357 * var(--px));
    top: 0;
    left: 0;
  }
  
  .grid-gallery .row-media figure.f-2 {
    height: calc(168 * var(--px));
    top: calc(103 * var(--px));
    left: calc(565 * var(--px));
  }
  
  .grid-gallery .row-media figure.f-3 {
    height: calc(335 * var(--px));
    top: calc(103 * var(--px));
    right: 0;
  }
  
  .grid-gallery .row-media figure.f-4 {
    width: calc(188 * var(--px));
    height: calc(251 * var(--px));
    left: calc(64 * var(--px));
    bottom: 0;
  }
  
  .grid-gallery .row-media figure.f-5 {
    height: calc(251 * var(--px));
    left: calc(282 * var(--px));
    bottom: 0;
  }
  
  .grid-gallery .row-media figure.f-6 {
    height: calc(337 * var(--px));
    left: calc(565 * var(--px));
    bottom: 0;
  }
  
  .grid-gallery .row-media figure.f-7 {
    height: calc(168 * var(--px));
    right: 0;
    bottom: 0;
  }
  
  .grid-gallery .row-media figure .page,
  .grid-gallery .row-media figure .media {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: none;
  }
  
  .grid-gallery .row-media figure .page {
    display: none;
  }
  
  .grid-gallery .row-media figure .page[data-page="1"] {
    display: block;
  }
  
  .grid-gallery .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    border-radius: 50%;
  }
  
  
  
  @media (max-width: 750px) {
    
    .module-our-offices .row-gallery {
      margin-inline: calc(var(--page-padding-left) * -1);
    }
    
    .grid-gallery {
      margin-inline: calc(30 * var(--px-mobile));
    }
    
    .grid-gallery .row-media {
      box-sizing: border-box;
      padding-top: calc(33 * var(--px-mobile));
      height: calc(500 * var(--px-mobile));
    }
    
    .grid-gallery .row-media figure.f-1 {
      width: calc(190 * var(--px-mobile));
      height: calc(128 * var(--px-mobile));
      top: calc(33 * var(--px-mobile));
      left: 0;
      right: auto;
      bottom: auto;
    }
    
    .grid-gallery .row-media figure.f-2 {
      width: calc(120 * var(--px-mobile));
      height: calc(161 * var(--px-mobile));
      top: 0;
      left: auto;
      right: 0;
      bottom: auto;
    }
    
    .grid-gallery .row-media figure.f-3 {
      width: calc(96 * var(--px-mobile));
      height: calc(127 * var(--px-mobile));
      top: calc(184 * var(--px-mobile));
      left: auto;
      right: calc(213 * var(--px-mobile));
      bottom: auto;
    }
    
    .grid-gallery .row-media figure.f-4 {
      width: calc(190 * var(--px-mobile));
      height: calc(127 * var(--px-mobile));
      top: calc(184 * var(--px-mobile));
      left: auto;
      right: 0;
      bottom: auto;
    }
    
    .grid-gallery .row-media figure.f-5 {
      width: calc(166 * var(--px-mobile));
      height: calc(166 * var(--px-mobile));
      top: calc(334 * var(--px-mobile));
      left: 0;
      right: auto;
      bottom: auto;
    }
    
    .grid-gallery .row-media figure.f-6 {
      width: calc(120 * var(--px-mobile));
      height: calc(166 * var(--px-mobile));
      top: calc(334 * var(--px-mobile));
      left: calc(189 * var(--px-mobile));
      right: auto;
      bottom: auto;
    }
    
    .grid-gallery .row-media figure.f-7 {
      display: none;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  .module-our-offices .col-set-locations {
    display: flex;
    flex-flow: row nowrap; 
  }

  .module-our-offices .col-set-locations .col-1 {
    width: calc(405 * var(--px));
    margin-right: auto;
  }

  .module-our-offices .col-set-locations .col-2 {
    width: calc(644 * var(--px));
  }
  
  .module-our-offices .col-set-locations .mobile-only {
    display: none;
  }
  
  
  
  @media (max-width: 750px) {
    
    .module-our-offices .col-set-locations {
      flex-flow: column nowrap;
      gap: 40px 0;
    }
    
    .module-our-offices .col-set-locations .col-1,
    .module-our-offices .col-set-locations .col-2 {
      width: 100%;
    }
    
    .module-our-offices .headline.spanned > span {
      display: inline;
    }
    
    .module-our-offices .col-set-locations .desktop-only {
      display: none;
    }
    
    .module-our-offices .col-set-locations .mobile-only {
      display: block;
      margin-top: 50px;
    }
    
  }