/* Shared attendee-portal mobile corrections for dashboard and auth views. */
.check {
  align-items: center !important;
  min-height: 44px;
  padding: .65rem .5rem !important;
  border-radius: .65rem;
}
.check input {
  width: 1.25rem;
  height: 1.25rem;
}

/* Keep the seated usher on the left stage. The supporting story line belongs
   with the sign-in task, not over the poster artwork. */
.auth-art .auth-harry {
  left: clamp(1rem, 5vw, 5rem);
  right: auto;
  bottom: -3rem;
}
.auth-panel__stack {
  display: grid;
  gap: 1rem;
  width: min(31rem, 100%);
}
.auth-panel__intro {
  padding-inline: .35rem;
}
.auth-panel__intro h1 {
  margin: 0;
  font: 800 clamp(1.65rem, 3vw, 2.35rem)/1 "Playfair Display", serif;
  letter-spacing: -.035em;
}
.auth-panel__intro > p:last-child {
  margin: .55rem 0 0;
  color: var(--muted);
  font: 500 1rem/1.4 "Cormorant Garamond", serif;
}
.auth-panel__stack .auth-card {
  width: 100%;
}
@media (max-width: 760px) {
  .auth-art .auth-harry {
    left: 1rem;
    right: auto;
  }
  .auth-panel__intro {
    padding: .25rem .25rem 0;
  }
  .auth-panel__intro h1 {
    font-size: 1.65rem;
  }
  .auth-panel__intro > p:last-child {
    font-size: .95rem;
  }
}
@media (max-width: 390px) {
  .portal-brand small { display: none; }
}