.info-page .project-claim{
  padding-bottom:2.5rem;
}

.info-copy{
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  row-gap:2.5rem;
  padding:0 0 5rem;
}

.info-copy-block{
  grid-column:7 / -1;
  justify-self:start;
  width:100%;
  max-width:min(42vw, 38rem);
  position:relative;
  z-index:20;
  font-family:var(--site-font-family);
  font-size:1.5rem;
  font-weight:400;
  line-height:1.25;
  letter-spacing:.015rem;
  text-align:left;
  opacity:0;
  transform:translateY(.6rem);
  transition:
    opacity .5s ease,
    transform .5s ease;
}

.info-copy-block.visible{
  opacity:1;
  transform:translateY(0);
}

.info-copy-block p{
  margin:0;
}

.info-gif-trigger{
  position:relative;
  z-index:46;
  appearance:none;
  border:0;
  border-radius:0;
  padding:0;
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  background:transparent;
  cursor:pointer;
}

.info-gif-trigger::after{
  content:"";
  position:absolute;
  left:0;
  right:.04em;
  bottom:.03em;
  height:2px;
  background:currentColor;
}

.info-gif-trigger:focus-visible{
  outline:1px solid currentColor;
  outline-offset:.12em;
}

.info-gif-overlay{
  position:fixed;
  inset:0;
  z-index:44;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  opacity:0;
  transform:scale(.97);
  transition:
    opacity .2s ease,
    transform .32s cubic-bezier(.18,.72,.2,1);
}

.info-gif-overlay.is-visible{
  opacity:1;
  transform:scale(1);
}

.info-gif-overlay img{
  display:block;
  width:min(25rem, 31vw);
  height:auto;
  pointer-events:none;
}

@media (max-width:1100px){
  .info-copy-block{
    max-width:100%;
  }
}

@media (max-width:900px){
  .info-copy{
    display:block;
  }

  .info-copy-block{
    width:100%;
    max-width:42rem;
  }

  .info-copy-block + .info-copy-block{
    margin-top:2.5rem;
  }
}

@media (max-width:640px){
  .info-copy{
    padding:0 0 1rem;
  }

  .info-copy-block{
    max-width:none;
    font-size:1.15rem;
  }

  .info-gif-trigger{
    cursor:pointer;
  }

  .info-gif-trigger::after{
    height:1px;
  }

  .info-gif-overlay img{
    width:min(72vw, 20rem);
  }

  .info-gif-overlay.is-visible img{
    pointer-events:auto;
  }
}

@media (max-width:430px){
  .info-copy-block{
    font-size:1.08rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .info-copy-block,
  .info-gif-overlay{
    animation:none !important;
    transition:none !important;
  }
}