/* 参考：refs/cartesia、refs/upload-zone-x，加上现站 santacam.org（evergreen + red CTA + Bree/Nunito）。
   Draft B-portrait "Photo → video": two portrait 9:16 frames, as large as fit side by side.
   Left: an empty-porch frame taken from the clip itself after Santa vanishes (9.6 s), labelled
   "Upload a photo like this" (the repo keeps no record of this clip's source photo).
   Right: the clip playing. */

.hero {
  padding-top: 12px;
}
.media {
  margin-top: 16px;
}
.labels,
.pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr);
  gap: 4px;
}
.labels {
  align-items: end;
  margin-bottom: 4px;
  font: 700 16px/1.3 var(--body);
}
.labels span:last-child {
  color: var(--text);
}
.labels span:first-child {
  color: var(--text-2);
}
.pair {
  align-items: center;
}
.frame {
  position: relative;
  margin: 0;
  aspect-ratio: 9 / 16;
  border-radius: var(--r-btn);
  border: 1px solid var(--line-soft);
  overflow: hidden;
  background: #000;
}
.frame img,
.frame video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.arrow {
  display: grid;
  place-items: center;
  color: var(--text);
}
.arrow svg {
  width: 16px;
  height: 16px;
}
.actions .ctas {
  margin-top: 16px;
}

@media (min-width: 900px) {
  .hero .media {
    margin: 0 auto;
    width: min(560px, calc((100vh - 240px) * 9 / 8 + 24px));
  }
}