/* Approved All-In lockup and neutral event mark, shared by every signup card. */
.local-preview-page .paper-poly-logo {
  width: min(20.833vw, 22.5rem);
  min-width: 11.25rem;
  height: auto;
}
.local-preview-page .paper-nav::after {
  content: '';
  position: absolute;
  inset-inline: calc(-1 * var(--paper-gutter));
  bottom: -2rem;
  height: 1px;
  background: var(--line);
  opacity: 0.5;
  pointer-events: none;
}
.local-preview-page .paper-nav-pill-brand {
  flex: 0 1 auto;
  width: min(11.25rem, 20vw);
  min-width: 5rem;
  height: auto;
  overflow: visible;
}
.local-preview-page .paper-nav-pill-brand img {
  width: 100%;
  height: auto;
}
.local-preview-page .paper-event-title img {
  filter: grayscale(1);
}
.local-preview-page .paper-closing-brand {
  display: block;
  width: min(100%, 18.75rem);
  height: auto;
  filter: invert(1);
}
[data-theme='dark'] .local-preview-page .paper-closing-brand {
  filter: none;
}
.local-preview-page .lineup[hidden] {
  display: none;
}
.paper-nav-download-icon {
  display: none;
}

/* Full header follows the simplified hero; the scroll pill keeps its existing
   focus, dialog and RSVP behavior. */
.local-preview-page .paper-nav {
  container: navigation / inline-size;
  inset: 0 0 auto;
  min-height: 5.5rem;
  padding: var(--space-5) clamp(1.25rem, 1.945vw, 3rem);
  gap: var(--space-6);
  background: var(--canvas);
  border-bottom: 1px solid var(--line);
}
/* The touch page is already fixed while RSVP is open. Keep the header in that
   same paint surface instead of nesting a viewport-fixed layer inside it. */
.local-preview-page[data-signup-page-locked] .paper-nav {
  position: absolute;
  inset: var(--signup-page-y) calc(-1 * var(--signup-page-x)) auto var(--signup-page-x);
}
.local-preview-page .paper-nav::after {
  content: none;
}
.local-preview-page .paper-nav .paper-poly-logo {
  width: min(20.833vw, 22.5rem);
  min-width: 11.25rem;
}
.local-preview-page .paper-nav-actions {
  gap: clamp(1rem, 2.2vw, 2rem);
  flex-wrap: wrap;
  justify-content: flex-end;
  min-width: 0;
}
.local-preview-page .paper-nav .paper-hero-watch {
  --paper-app-size: 2.125rem;
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.local-preview-page .paper-nav .paper-hero-watch-label {
  font-size: 0.875rem;
  white-space: nowrap;
}
.local-preview-page .paper-nav .paper-hero-apps {
  gap: var(--space-1);
}
.local-preview-page .paper-nav .paper-app-icon {
  width: 2.75rem;
  height: 2.75rem;
  padding: 0.3125rem;
}
.local-preview-page .paper-nav .paper-countdown {
  margin: 0;
  flex: none;
  white-space: nowrap;
}
/* Keep the countdown subordinate to the action, at the same body-text scale
   as the neighbouring controls in the full, compact and phone layouts. */
.local-preview-page :is(.paper-nav, .paper-nav-pill) .paper-countdown,
.local-preview-page .paper-hero-mobile-countdown {
  font-size: var(--text-caption);
  letter-spacing: 0.04em;
}
.local-preview-page :is(.paper-nav, .paper-nav-pill) .paper-countdown strong,
.local-preview-page .paper-hero-mobile-countdown strong {
  font-size: var(--text-sm);
}
.paper-hero-mobile-stream {
  display: none;
}

/* Compact navigation stays on one row. Streaming destinations sit with the
   hero actions so they remain discoverable without crowding the partner lockup. */
@media (max-width: 1100px) {
  .local-preview-page .paper-hero-mobile-stream {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--space-2) var(--space-3);
    max-width: 100%;
    margin-top: var(--space-4);
  }
  .paper-stream-label {
    margin: 0;
    color: var(--color-text-secondary);
    font-family: var(--font-display);
    font-variation-settings: var(--font-display-axes);
    font-weight: var(--weight-display);
    font-size: var(--text-sm);
    line-height: var(--leading-body);
  }
  .paper-hero-mobile-stream .paper-hero-apps {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-1);
    max-width: 100%;
  }
  .paper-hero-mobile-stream .paper-app-icon {
    width: var(--control-hit-size);
    height: var(--control-hit-size);
    padding: 0.3125rem;
  }
  .local-preview-page .paper-nav {
    display: flex;
    flex-wrap: nowrap;
    min-height: 4.5rem;
    gap: min(var(--space-4), 3vw);
    padding: max(0.75rem, env(safe-area-inset-top)) min(var(--space-6), 4vw) 0.75rem;
  }
  .local-preview-page .paper-nav .paper-brands {
    flex: 1 1 auto;
    min-width: 0;
    min-height: var(--control-hit-size);
  }
  .local-preview-page .paper-nav .paper-poly-logo {
    width: 15rem;
    max-width: 100%;
    min-width: 0;
  }
  .local-preview-page .paper-nav-actions {
    display: flex;
    flex: none;
    flex-wrap: nowrap;
    gap: min(var(--space-4), 3vw);
  }
  .local-preview-page :is(.paper-nav, .paper-nav-pill) .paper-nav-rsvp {
    display: flex;
    flex: none;
    font-size: var(--text-sm);
  }
  .local-preview-page :is(.paper-nav, .paper-nav-pill) .paper-nav-rsvp b {
    min-height: var(--control-hit-size);
    padding-inline: var(--space-3);
    white-space: nowrap;
  }
  .local-preview-page .paper-nav .paper-countdown {
    display: block;
  }
  .local-preview-page .paper-nav .paper-countdown strong {
    margin-left: var(--space-1);
  }
  .local-preview-page .paper-nav .paper-hero-watch {
    display: none;
  }
}
/* When text is enlarged, keep the timer readable within its existing column.
   The header itself remains one row; normal-size tablet text stays inline. */
@container navigation (max-width: 30rem) {
  .local-preview-page .paper-nav .paper-countdown strong {
    display: block;
    margin-left: 0;
  }
}
@media (min-width: 601px) and (max-width: 900px) {
  .local-preview-page .paper-nav .paper-nav-rsvp[data-download-app] {
    max-width: 27vw;
  }
  .local-preview-page .paper-nav .paper-nav-rsvp[data-download-app] b {
    padding-inline: min(var(--space-3), 2vw);
    white-space: normal;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .local-preview-page .paper-nav .paper-poly-logo {
    width: 11.25rem;
  }
  /* With enlarged text, the label may wrap inside its button while the
     official lockup and action continue to share a single navigation row. */
  .local-preview-page .paper-nav .paper-nav-rsvp[data-download-app] {
    max-width: 48vw;
  }
  .local-preview-page .paper-nav .paper-nav-rsvp[data-download-app] b {
    padding-inline: min(var(--space-3), 3vw);
    white-space: normal;
    text-align: center;
  }
  .local-preview-page .paper-nav .paper-countdown {
    display: none;
  }
  .local-preview-page .paper-hero-mobile-countdown {
    display: block;
  }
}
@media (max-width: 700px) {
  .local-preview-page .paper-hero-title-block {
    gap: var(--space-2);
  }
  .local-preview-page .paper-hero-mobile-stream {
    margin-top: var(--space-3);
  }
}