/* 参考：refs/cartesia、refs/upload-zone-x，加上现站 santacam.org（evergreen + red CTA + Bree/Nunito）。
   Draft A-portrait "Caught on camera": the portrait 9:16 sample (what phone customers get)
   at ~80% of the screen width, like a phone video. Headline above; sub + buttons below the
   fold, so the sticky "Start with a photo of my door" bar shows in the first screen.
   Frame height = 100svh - 287px keeps H1 + clip + "Santa says" above the sticky bar at 390×844. */

.hero {
  padding-top: 4px;
}
.hero h1 {
  font-size: 30px;
}
.media .frame {
  margin: 8px auto 0;
  width: min(85vw, calc((100vh - 287px) * 9 / 16));
  width: min(85vw, calc((100svh - 287px) * 9 / 16));
  min-width: 200px;
  aspect-ratio: 9 / 16;
  border-radius: var(--r-panel);
  border: 1px solid var(--line-soft);
}
.sticky {
  padding-top: 8px;
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
}
.actions {
  margin-top: 16px;
}

@media (min-width: 900px) {
  .hero h1 {
    font-size: 52px;
  }
  .hero .media {
    margin: 0 auto;
    width: min(360px, calc((100vh - 200px) * 9 / 16));
  }
  .media .frame {
    width: 100%;
    margin: 0;
  }
}