.module-work-intro .module-wrap {
    max-width: var(--module-wrap-max-width);
    margin: 0 auto;
  }

  .work-specs ul {
    display: flex;
    flex-flow: row wrap;
    --item-gap: calc(69 * var(--base-unit));
    --margin: calc(26 * var(--base-unit));
    margin-right: calc(var(--item-gap) * -1);
    margin-bottom: calc(var(--margin) * -1);
  }
  
  .work-specs ul > li {
    margin-right: var(--item-gap);
    margin-bottom: var(--margin);
    --index: 1;
  }
  
  .work-specs ul > li:nth-child(2) { --index: 2; }
  .work-specs ul > li:nth-child(3) { --index: 3; }

  .work-specs .label {
    display: block;
    margin-bottom: 6px;
  }
  
  .work-specs .label .kicker {
    color: var(--base-color-rose);
  }
  
  .work-specs .value {
    color: var(--base-color-white);
    display: block;
  }
  
  .work-specs .value div {
    display: inline;
  }
  
  .work-specs + .intro-copy {
    margin-top: calc(63 * var(--base-unit));
  }
  
  .intro-copy {
    --index: 4;
  }
  
  .intro-copy,
  .work-specs ul > li {
    transform: translateY(30px);
    opacity: 0;
    transition: 500ms calc(250ms + var(--index) * 50ms);
    transition-property: opacity, transform;
  }
  
  .sn-pt-enter-first .intro-copy,
  .sn-pt-enter-to .intro-copy,
  .sn-pt-enter-first .work-specs ul > li,
  .sn-pt-enter-to .work-specs ul > li {
    opacity: 1;
    transform: none;
  }
  
  
  
  
  
  
  
  
  @media (max-width: 700px) {
    
    .work-specs ul {
      display: block;
      --item-gap: 0;
      --margin: 20px;
    }
    
    .work-specs + .intro-copy {
      margin-top: 40px;
    }
    
  }
  
  
  
  @media (max-width: 500px) {
  
    .module-work-intro .module-inner {
      margin-left: var(--module-wrap-offset-left);
    }
  
  }