/* Vector interface reconstructions keep type and widgets crisp at every scale. */
.visual.cloud-cover {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;
  padding: 16px 4px 24px;
  aspect-ratio: auto;
  background: transparent;
  border-radius: 0;
  overflow: visible;
}
.cloud-cover-phone {
  flex: 0 1 290px;
  min-width: 0;
  aspect-ratio: 426 / 898;
}
.cloud-cover-start { margin-top: clamp(30px, 4vw, 60px); }
.visual.cloud-cover .cloud-cover-screen {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  transition: none;
  transform: none;
}