/* landing5 — screen 3: Mosaic of the Day, split text/phone layout */

.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2.5rem, 6vw, 5rem);
  align-items: center;
}

.split__copy { max-width: 34rem; }
.split__copy .lead { margin-top: 1.1rem; }

.split__media { display: flex; justify-content: center; }

.phone--daily {
  position: relative;
  width: clamp(220px, 22vw, 280px);
  aspect-ratio: 402 / 874;
  border-radius: 34px;
  background: #000;
  box-shadow: var(--shadow-phone), 0 0 0 1px rgba(241, 239, 245, 0.08);
}

@media (max-width: 900px) {
  .split {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    text-align: center;
  }
  .split__copy { max-width: 34rem; margin-inline: auto; }
  .split__copy .eyebrow { justify-content: center; }
  .split__copy .eyebrow::before { display: none; }
  .split__copy .lead { margin-inline: auto; }
  .split__copy .chips { justify-content: center; }
  .split__media { order: -1; }
}