/* Promo navigation keeps the project's original header and primary action. */
.header .navigation > a { white-space: nowrap; }
.header .auth { gap: 0; }
.header .auth > .button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 46px;
  min-width: 174px;
  padding: 10px 20px;
  border: 1px solid #ef6e54;
  background: #d94438;
  color: #fff5ec;
  font-weight: 700;
  white-space: nowrap;
}
.header .auth > .button:hover { background: #bd3028; }
.hero-v6 .hero-subscribe small { font-size: .6875rem; line-height: 1.6; }
.hero-social { flex-wrap: wrap; }
.hero-social > span { width: 100%; }
.gather .community-links > span { max-width: 460px; line-height: 1.8; }
.prepare-social-links { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 19px; }
.prepare-social-links a { color: #e5bf9f; font-size: .8125rem; line-height: 1.8; }
.prepare-social-links a:hover { color: #fff0df; }
.play-dialog .dialog-existing { font-size: .9375rem; }

/* A stationary, fine grid gives enlarged footage a subtle screen texture.
   It covers only the video, underneath the content and its existing shading. */
.gather .launch-media.is-video::after {
  display: block;
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 0;
  box-shadow: none;
  pointer-events: none;
  background-image:
    linear-gradient(to right, #0308102b 1px, transparent 1px),
    linear-gradient(to bottom, #03081030 1px, transparent 1px);
  background-size: 4px 4px;
}
@media (max-width: 1260px) and (min-width: 1081px) {
  .header { gap: 18px; }
  .header .navigation { gap: 15px; font-size: .75rem; }
  .header .auth > .button { min-width: 155px; padding-inline: 16px; }
}
@media (max-width: 1080px) {
  .header .auth { width: 100%; }
  .header .auth > .button { width: 100%; max-width: 360px; }
}
@media (max-width: 760px) {
  .gather .launch-media.is-video::after { background-size: 3px 3px; opacity: .8; }
  .hero-v6 .hero-subscribe { min-height: 76px; }
}