/* SCREENS01: supplied desktop and mobile screenshots inside existing cases. */
.case-experience .screens01-pair {
  display: grid;
  grid-template-columns: minmax(0, 3.437fr) minmax(0, 1fr);
  align-items: start;
  gap: 24px;
}

.case-experience .screens01-desktop,
.case-experience .screens01-mobile {
  min-width: 0;
}

.case-experience .screens01-label {
  display: block;
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: .03em;
}

.case-experience .screens01-pair .dirac-view {
  aspect-ratio: 1901 / 911;
}

.case-experience .screens01-mobile-open {
  display: block;
  cursor: zoom-in;
}

.case-experience .screens01-mobile-shot {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0 10px 30px #0002;
}

.lilia-experience.dimmed .screens01-label {
  color: #c7cec0;
}

@media (max-width: 900px) {
  .case-experience .screens01-pair {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  .case-experience .screens01-mobile {
    width: 100%;
    max-width: 340px;
    justify-self: center;
  }
}