/* FIG Pulse release slice A: the illustrative event is the public hero's anchor.
   This stylesheet is additive to the verified 2a5e540 web build. It deliberately
   leaves the lead form, pricing, navigation and authenticated app untouched. */
.production-landing[data-theme] .login-public-shell:not(.has-demo-form) {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(32px, 4.5vw, 72px);
  padding-top: clamp(72px, 7vw, 112px);
  padding-bottom: clamp(80px, 7vw, 112px);
}

.production-landing[data-theme] .login-public-shell:not(.has-demo-form) .login-story h1 {
  max-width: 10.5ch;
  font-size: clamp(48px, 4.9vw, 74px);
  line-height: .99;
  letter-spacing: -.035em;
}

.production-landing[data-theme] .login-public-shell:not(.has-demo-form) .login-copy {
  max-width: 45ch;
  font-size: clamp(16px, 1.1vw, 18px);
  line-height: 1.6;
}

.production-landing[data-theme] .login-public-shell:not(.has-demo-form) .login-hero-actions :is(.primary-button, .secondary-button) {
  min-height: 52px;
  border-radius: 12px;
}

.production-landing[data-theme] .login-side .event-story {
  border-radius: 20px;
  box-shadow: 0 30px 64px -24px rgb(19 45 73 / 36%), 0 8px 20px rgb(19 45 73 / 7%);
}

.production-landing[data-theme] .event-story-title {
  background: color-mix(in srgb, var(--primary) 5%, var(--surface));
  padding-block: 32px 28px;
}

.production-landing[data-theme] .event-story-stages {
  padding-inline: 0;
  background: color-mix(in srgb, var(--primary) 4%, var(--surface));
}

.production-landing[data-theme] .event-story-stages button {
  min-height: 58px;
  padding-inline: 10px;
  border-bottom-width: 3px;
  font-size: 13px;
}

.production-landing[data-theme] .event-story-stages button + button {
  border-left: 1px solid var(--border);
}

.production-landing[data-theme] .event-story-stages button[aria-pressed="true"] {
  background: var(--surface);
}

.production-landing[data-theme] .event-story-scene h3 {
  font-size: 20px;
  line-height: 1.3;
}

.production-landing[data-theme] .event-story-action {
  padding: 13px 14px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--primary) 8%, var(--surface));
}

.production-landing[data-theme="night"] .login-side .event-story {
  box-shadow: 0 30px 64px -24px rgb(0 0 0 / 70%), 0 8px 20px rgb(0 0 0 / 20%);
}

@media (max-width: 900px) {
  .production-landing[data-theme] .login-public-shell:not(.has-demo-form) {
    grid-template-columns: 1fr;
    gap: 36px;
    padding-block: 48px 64px;
  }

  .production-landing[data-theme] .login-public-shell:not(.has-demo-form) .login-story h1 {
    max-width: 13ch;
    font-size: clamp(42px, 7vw, 64px);
  }
}

@media (max-width: 700px) {
  .production-landing[data-theme] .login-public-shell:not(.has-demo-form) {
    gap: 30px;
    padding-block: 40px 56px;
  }

  .production-landing[data-theme] .login-public-shell:not(.has-demo-form) .login-story h1 {
    font-size: clamp(40px, 10.4vw, 52px);
    line-height: 1.02;
  }

  .production-landing[data-theme] .event-story-stages button {
    min-height: 54px;
    padding-inline: 3px;
    font-size: 11px;
  }

  .production-landing[data-theme] .event-story-title {
    padding-block: 24px;
  }

  .production-landing[data-theme] .event-story-scene h3 {
    font-size: 18px;
  }
}

@media print {
  .production-landing[data-theme] .login-side .event-story {
    box-shadow: none;
  }
}