/* Nikita's type scale for the existing Currently open to layout. */

.ask-editorial-grid li > span {
  padding-top: 7px;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: var(--blue);
}

.ask-editorial-grid h3 {
  font-family: var(--font-display);
  font-size: clamp(1.3rem, 1.9vw, 1.6rem);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.035em;
  transition: color 0.3s;
}

.ask-editorial-grid p {
  font-family: var(--font-mono);
  font-size: 0.74rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.ask-editorial-grid li {
  transition: transform 0.45s var(--ease);
}

@media (hover: hover) {
  .ask-editorial-grid li:hover {
    transform: translateX(12px);
  }

  .ask-editorial-grid li:hover h3 {
    color: var(--blue-deep);
  }
}