/* One sign-in page for members and newcomers: a scene page (see scene.css)
   whose glass card lists the three ways in, followed directly by the footer. */
.auth-page { --scene-card-width: 26rem; }
.auth-hero .scene-photo { object-position: 50% 58%; }

html body.landing-page .auth-page .auth-option h2 { display: flex; align-items: center; gap: .75rem; font-size: 1.5rem; letter-spacing: -.04em; }
.auth-page .auth-option > p { margin: .5rem 0 .9rem; font-size: .875rem; line-height: 1.5; color: var(--landing-muted); }
.auth-option form { display: grid; gap: .6rem; }
.auth-option .form-errors { margin: 0; font-size: .875rem; }

/* ---- or ---- between the options. */
.auth-or { display: flex; align-items: center; gap: .85rem; margin-block: 1.25rem; color: var(--landing-muted); font-size: .6875rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; }
.auth-or::before, .auth-or::after { content: ""; flex: 1; height: 1px; background: var(--landing-rule); }

/* The password form stays folded until asked for, or after a failed attempt. */
.auth-option__details summary { min-height: 44px; font-size: .875rem; }
.auth-option__details form { margin-block-start: .5rem; }
.auth-option__links { margin-block-start: .85rem; text-align: center; }
.auth-option__links a { color: var(--scene-accent); font-size: .875rem; font-weight: 500; }
.auth-page .auth-card__terms { margin-top: 1.25rem; padding-block-start: 1rem; border-top: 1px solid var(--landing-rule); }

@media (max-width: 63.999rem) {
  .auth-hero .scene-photo { object-position: 50% 50%; }
}