.experiment .explosion {
  height:360px;
  margin-top:30px;
}

.experiment-hint {
  font-size:10px;
  letter-spacing:.1em;
  line-height:1.5;
  margin:20px 16px 0;
  min-height:15px;
}

.experiment:has(.exploded) .experiment-hint {
  visibility:hidden;
}

.experiment .experiment-result {
  position:relative;
  margin-top:22px;
}

.experiment .reset-experiment {
  margin-top:18px;
}

.experiment .explosion>button {
  gap:0;
}

.statement-bottom {
  gap:0;
}

dialog .cursor {
  z-index:2147483647;
  pointer-events:none;
}

@media(max-width:700px) {
  .experiment .explosion {
    height:400px;
    margin-top:30px;
  }
  .experiment .experiment-result {
    padding:0 20px;
  }
  .experiment-hint {
    font-size:9px;
  }
}

@media(pointer:fine) and (prefers-reduced-motion:no-preference) {
  dialog .cursor {
    display:flex!important;
  }
}

.client-logos {
  padding:85px 0;
  background:var(--paper);
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.client-logos-heading {
  padding:0 var(--pad);
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:30px;
  margin-bottom:40px;
}

.client-logos h2 {
  font-size:clamp(36px,5vw,76px);
  line-height:1;
}

.client-logos-heading p {
  font-size:12px;
  line-height:1.7;
  max-width:240px;
}

.logo-row {
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}

.logo-belt {
  display:flex;
  width:max-content;
  animation:clients-drift 48s linear infinite;
}

.logo-row:nth-of-type(3) .logo-belt {
  animation-direction:reverse;
  animation-duration:55s;
}

.logo-group {
  display:flex;
  align-items:center;
  flex-shrink:0;
}

.client-wordmark {
  display:flex;
  justify-content:center;
  align-items:center;
  width:190px;
  height:100px;
  padding:20px;
  font-size:25px;
  font-weight:800;
  letter-spacing:-.06em;
  color:#34342e;
}

.client-wordmark:nth-child(3n) {
  font-family:Georgia,serif;
  font-weight:400;
  font-style:italic;
}

.client-wordmark:nth-child(4n) {
  font-size:19px;
  letter-spacing:.18em;
}

.client-wordmark:nth-child(5n) {
  font-weight:400;
  letter-spacing:.02em;
}

.client-logos.paused .logo-belt,.client-logos:hover .logo-belt,.client-logos:focus-within .logo-belt {
  animation-play-state:paused;
}

.clients-pause {
  margin:24px var(--pad) 0;
  border-bottom:1px solid;
  padding:8px 0;
  font-size:11px;
}

@keyframes clients-drift {
  to {
    transform:translateX(-50%);
  }
}

@media(max-width:700px) {
  .client-logos {
    padding:55px 0;
  }
  .client-logos-heading {
    display:block;
  }
  .client-logos-heading p {
    margin-top:22px;
  }
  .client-wordmark {
    width:145px;
    height:85px;
    font-size:21px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .logo-belt {
    animation:none;
  }
  .logo-row {
    overflow:auto;
    mask-image:none;
  }
  .logo-group[aria-hidden] {
    display:none;
  }
  .clients-pause {
    display:none;
  }
}