/* HUMANS PROJECT — V37 refinements
   Additive patch: preserves V36 and previous CSS. */

/* Brand wordmark in every primary header */
.site-header {
  position: relative;
}

.site-header__brand {
  position: absolute;
  z-index: 6;
  top: clamp(30px, 4.2svh, 56px);
  left: 3.2vw;
  transform: none;
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-family: var(--font-sans);
  font-size: clamp(15px, 1.05vw, 21px);
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.035em;
  white-space: nowrap;
  transition: opacity .25s ease, transform .35s var(--ease-out);
}

.site-header__brand:hover {
  opacity: .72;
  transform: translateX(2px);
}

/* More deliberate checkpoint entrance */
html.motion-ready .checkpoint .reveal {
  opacity: 0;
  transform: translate3d(0, 64px, 0) scale(.982);
  filter: blur(8px);
  transition:
    opacity 1.15s var(--ease-soft),
    transform 1.45s var(--ease-out),
    filter 1.15s var(--ease-soft);
  will-change: opacity, transform, filter;
}

html.motion-ready .checkpoint .reveal.reveal--visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

html.motion-ready .checkpoint .reveal--delay-1.reveal--visible { transition-delay: .18s; }
html.motion-ready .checkpoint .reveal--delay-2.reveal--visible { transition-delay: .36s; }
html.motion-ready .checkpoint .reveal--delay-3.reveal--visible { transition-delay: .54s; }

/* Manifesto hierarchy */
.manifesto__question {
  font-weight: 500;
}

.manifesto__symptoms {
  max-width: 46vw;
}

.manifesto__cta {
  margin-top: 2.1svh;
}

.manifesto__cta .button {
  min-height: 46px;
  padding-inline: 24px;
}

@media (max-width: 1000px) {
  .site-header__brand {
    top: 28px;
    left: 22px;
    font-size: 15px;
  }

  .manifesto__symptoms {
    max-width: none;
  }
}

@media (max-width: 720px) {
  .site-header {
    padding-top: 58px;
  }

  .site-header__brand {
    top: 22px;
    left: 18px;
    transform: none;
    font-size: 14px;
  }

  .site-header__brand:hover {
    transform: translateX(2px);
  }

  html.motion-ready .checkpoint .reveal {
    transform: translate3d(0, 42px, 0) scale(.988);
    filter: blur(5px);
  }

  .manifesto__cta {
    margin-top: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.motion-ready .checkpoint .reveal,
  html.motion-ready .checkpoint .reveal.reveal--visible {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}