/* Tilda source measurements and proposed screen-01 adaptations: see DESIGN.md. */
.hero-video, .site-header--video, #menu-dialog {
  --hero-page: #fafafe;
  --hero-ink: #515366;
  --hero-panel: #eeeef4;
  --hero-white: #fff;
  --hero-radius: 25px;
  --hero-header-radius: 30px;
  --hero-gutter: var(--page-gutter);
  --hero-title: clamp(38px, 4vw, 64px);
  --hero-caption-duration: 300ms;
}