/* The invitation belongs to the bell, so it never competes with the hero headline. */
body[data-page="home"] .hero-concierge-prompt {
  position: absolute;
  bottom: calc(100% + var(--space-2));
  left: 50%;
  width: 34ch;
  margin: 0;
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 540;
  line-height: 1.45;
  letter-spacing: .005em;
  text-align: center;
  text-wrap: balance;
  text-shadow: 0 2px 14px oklch(0 0 0 / .92);
  transform: translateX(-50%);
}

/* Conversion pass 2026-09-29: the proposition, people and next step appear
   before the editorial material. The split portrait composition is unchanged. */
body[data-page="home"] .hero-message {
  animation: none;
}

body[data-page="home"] .hero-proof {
  max-width: 42ch;
  margin: 13px auto 0;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 580;
  line-height: 1.45;
  text-align: center;
  text-shadow: 0 2px 12px oklch(0 0 0 / .9);
}

body[data-page="home"] .evidence-stage--early,
body[data-page="home"] .funnel-contact--early {
  min-height: 0;
}

body[data-page="home"] .evidence-stage--early {
  padding-block: clamp(72px, 8vw, 118px);
  border-bottom: 1px solid var(--border);
  background: var(--surface-1);
}

body[data-page="home"] .evidence-stage--early .evidence-stage__layout {
  align-items: center;
  min-height: 0;
}

body[data-page="home"] .evidence-stage--early .evidence-stage__media img {
  max-height: 480px;
  object-fit: contain;
}

body[data-page="home"] .evidence-stage__eyebrow,
body[data-page="home"] .funnel-contact__eyebrow {
  margin: 0 0 18px;
  color: var(--accent-hover);
  font-size: 11px;
  font-weight: 720;
  line-height: 1.4;
  letter-spacing: .08em;
}

body[data-page="home"] .evidence-stage--early .evidence-stage__copy > h2 {
  max-width: 18ch;
  font-size: clamp(38px, 4.3vw, 64px);
  line-height: .98;
  text-wrap: balance;
}

body[data-page="home"] .evidence-stage--early .evidence-stage__copy > p:not(.evidence-stage__eyebrow, .evidence-stage__award) {
  max-width: 60ch;
}

body[data-page="home"] .evidence-stage--early .evidence-stage__people {
  margin-top: clamp(26px, 3vw, 42px);
}

body[data-page="home"] .evidence-stage__award {
  max-width: 58ch;
  margin: 24px 0 0;
  padding-left: 16px;
  border-left: 2px solid var(--accent-hover);
  color: var(--text);
  font-size: 13px;
  line-height: 1.55;
}

body[data-page="home"] .funnel-contact--early {
  padding-block: clamp(72px, 8vw, 118px);
  border-block: 1px solid var(--border);
}

body[data-page="home"] .funnel-contact__assurances {
  display: grid;
  gap: 12px;
  max-width: 50ch;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

body[data-page="home"] .funnel-contact__assurances li {
  position: relative;
  padding-left: 22px;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.5;
}

body[data-page="home"] .funnel-contact__assurances li::before {
  content: "";
  position: absolute;
  top: .62em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent-hover);
}

body[data-page="home"] .seneca-stage,
body[data-page="home"] .wig20-stage,
body[data-page="home"] .showcases {
  content-visibility: auto;
  contain-intrinsic-size: 900px;
}

@media (min-width: 761px) {
  body[data-page="home"] .hero-message {
    --hero-copy-top: clamp(250px, 35svh, 330px);
    top: var(--hero-copy-top);
    width: min(620px, 54vw);
  }

  body[data-page="home"] .hero-message h1 {
    max-width: 420px;
    font-size: clamp(42px, 3.35vw, 54px);
  }

  body[data-page="home"] .hero-message .hero-lede {
    max-width: 550px;
    font-size: clamp(16px, 1.15vw, 18px);
    line-height: 1.5;
  }

  body[data-page="home"] .funnel-hero-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }

  body[data-page="home"] .funnel-hero-actions .funnel-primary {
    display: inline-flex;
    min-height: 48px;
    padding-inline: 22px;
    align-items: center;
    justify-content: center;
  }

  body[data-page="home"] .funnel-secondary {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    padding-inline: 8px;
  }

  body[data-page="home"] .hero-concierge-prompt {
    font-size: 13px;
  }
}

@media (max-width: 760px) {
  body[data-page="home"] .hero-message h1 {
    max-width: 9ch;
    font-size: clamp(42px, 12vw, 54px);
    line-height: .94;
  }

  body[data-page="home"] .hero-message .hero-lede {
    max-width: 33ch;
    font-size: 16px;
    line-height: 1.48;
  }

  body[data-page="home"] .hero-proof {
    max-width: 31ch;
    margin-top: 14px;
    text-shadow: none;
  }

  body[data-page="home"] .evidence-stage--early,
  body[data-page="home"] .funnel-contact--early {
    padding-block: 64px;
  }

  body[data-page="home"] .evidence-stage--early .evidence-stage__copy > h2 {
    max-width: 13ch;
    margin-inline: auto;
    font-size: clamp(38px, 10.5vw, 48px);
  }

  body[data-page="home"] .evidence-stage__eyebrow,
  body[data-page="home"] .funnel-contact__eyebrow,
  body[data-page="home"] .evidence-stage__award {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  body[data-page="home"] .evidence-stage__award {
    max-width: 32ch;
    padding-top: 16px;
    padding-left: 0;
    border-top: 2px solid var(--accent-hover);
    border-left: 0;
  }

  body[data-page="home"] .funnel-contact__assurances {
    width: min(100%, 33ch);
    margin-right: auto;
    margin-left: auto;
    text-align: left;
  }

  body[data-page="home"] .showcase,
  body[data-page="home"] .showcase:first-child,
  body[data-page="home"] .showcase:nth-child(n) {
    min-height: 460px;
  }
}

body[data-page="home"] :is(#o-nas, #sprawy, #kontakt, #przyklady) {
  scroll-margin-top: calc(var(--header-height, 72px) + 16px);
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .hero-message { animation: none; }
}

body[data-page="home"] .hero-concierge-prompt strong {
  color: var(--text);
  font-weight: 720;
}

body[data-page="home"] .hero-concierge-prompt span {
  display: block;
  color: var(--text);
}

@media (min-width: 761px) {
  body[data-page="home"] .funnel-hero-actions .funnel-primary {
    display: none;
  }

  body[data-page="home"] .hero-message .hero-lede {
    max-width: 520px;
    color: var(--text);
    font-size: clamp(18px, 1.35vw, 20px);
    font-weight: 540;
    line-height: 1.48;
    text-shadow: 0 2px 12px oklch(0 0 0 / .96), 0 0 26px oklch(0 0 0 / .72);
  }

  body[data-page="home"] .funnel-secondary {
    color: var(--text);
    font-size: 16px;
    font-weight: 720;
    text-shadow: 0 2px 12px oklch(0 0 0 / .96);
  }

  body[data-page="home"] .hero-concierge-prompt {
    width: max-content;
    max-width: calc(100vw - 48px);
    color: var(--text);
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    text-shadow: 0 2px 8px oklch(0 0 0), 0 0 22px oklch(0 0 0 / .92);
  }

  body[data-page="home"] .hero-concierge-prompt span {
    display: inline;
  }
}

@media (max-width: 760px) {
  /* Both signatures use the same local coordinates and baseline. */
  body[data-page="home"] .persona-entry,
  body[data-page="home"] .hero-world--krystian .persona-entry--right {
    right: auto;
    bottom: var(--space-2);
    left: var(--space-2);
    min-height: 0;
    justify-items: start;
    text-align: left;
  }

  body[data-page="home"] .persona-role {
    width: 101px;
    min-height: 32px;
    justify-content: flex-start;
  }

  body[data-page="home"] .persona-entry strong {
    display: block;
    line-height: 1;
  }

  body[data-page="home"] .hero-concierge {
    width: min(100%, 340px);
    display: grid;
    justify-items: center;
  }

  body[data-page="home"] .hero-concierge-prompt {
    position: static;
    width: min(100%, 29ch);
    margin: 0 auto var(--space-2);
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.45;
    text-shadow: none;
    transform: none;
  }

  /* All copy preceding the award shares one visual axis on mobile. */
  body[data-page="home"] .evidence-stage__copy {
    text-align: center;
  }

  body[data-page="home"] .evidence-stage__copy > h2,
  body[data-page="home"] .evidence-stage__copy > p:not(.stage-index),
  body[data-page="home"] .evidence-stage__people p {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  body[data-page="home"] .evidence-stage__people > div,
  body[data-page="home"] .evidence-stage__people h3,
  body[data-page="home"] .evidence-stage__sources {
    text-align: center;
  }

  body[data-page="home"] .evidence-stage__sources summary {
    justify-content: center;
  }

  body[data-page="home"] .evidence-stage__sources a {
    margin-right: auto;
    margin-left: auto;
  }

  /* Short section introductions and sculpture-led stories share a centered
     mobile axis. Dense controls, charts and the form remain left-aligned. */
  body[data-page="home"] .cases-intro,
  body[data-page="home"] .seneca-stage__copy,
  body[data-page="home"] .showcases__intro,
  body[data-page="home"] .showcase__content,
  body[data-page="home"] .funnel-contact__intro {
    text-align: center;
  }

  body[data-page="home"] .cases-intro > :is(h2, p),
  body[data-page="home"] .seneca-stage__copy > :is(h2, blockquote),
  body[data-page="home"] .showcases__intro > :is(h2, p),
  body[data-page="home"] .showcase__content > :is(h2, p),
  body[data-page="home"] .funnel-contact__intro > :is(h2, p) {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  body[data-page="home"] .seneca-stage__link,
  body[data-page="home"] .showcase__content > a {
    margin-right: auto;
    margin-left: auto;
  }

  body[data-page="home"] .seneca-stage__copy blockquote p {
    margin-right: auto;
    margin-left: auto;
  }

  body[data-page="home"] .showcases__stories .showcase .showcase__content {
    align-items: center;
  }

  body[data-page="home"] .showcases__stories .showcase .showcase__content > :is(.showcase__type, h2, p, a, .showcase__actions) {
    align-self: center;
    margin-right: auto;
    margin-left: auto;
  }

  body[data-page="home"] .showcases__stories .showcase .showcase__actions {
    width: 100%;
    align-items: center;
    justify-content: center;
  }

  body[data-page="home"] .showcases__stories .showcase .showcase__actions a {
    margin-right: auto;
    margin-left: auto;
  }
}

/* Cascade lock for the conversion variant. */
@media (min-width: 761px) {
  body[data-page="home"] .hero-message {
    --hero-copy-top: clamp(250px, 35svh, 330px);
    top: var(--hero-copy-top);
    width: min(620px, 54vw);
  }

  body[data-page="home"] .hero-message h1 {
    max-width: 420px;
    font-size: clamp(42px, 3.35vw, 54px);
  }

  body[data-page="home"] .hero-message .hero-lede {
    max-width: 550px;
    font-size: clamp(16px, 1.15vw, 18px);
    line-height: 1.5;
  }

  body[data-page="home"] .funnel-hero-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }

  body[data-page="home"] .funnel-hero-actions .funnel-primary {
    display: inline-flex;
    min-height: 48px;
    padding-inline: 22px;
    align-items: center;
    justify-content: center;
  }

  body[data-page="home"] .funnel-secondary {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    padding-inline: 8px;
  }
}

@media (max-width: 760px) {
  body[data-page="home"] .hero-message h1 {
    max-width: 9ch;
    font-size: clamp(42px, 12vw, 54px);
    line-height: .94;
  }

  body[data-page="home"] .hero-message .hero-lede {
    max-width: 33ch;
    font-size: 16px;
    line-height: 1.48;
  }

  body[data-page="home"] .showcase,
  body[data-page="home"] .showcase:first-child,
  body[data-page="home"] .showcase:nth-child(n) {
    min-height: 460px;
  }
}