/* Homepage performance and basic-UX safety pass. */
html {
  scroll-behavior: auto !important;
}

body.guide-docked .figma-home__anchors {
  background: rgba(248, 251, 255, .97);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.river-launched .figma-home__light-beam {
  animation-play-state: paused;
  will-change: auto;
}

html body main > section#faces::before,
html body main > section#work::before,
html body main > section#thinking::before,
html body main > section#future::before {
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}

#work .work-card,
#thinking .workflow-portals > :is(button, a),
.future-panel__media {
  will-change: auto;
}

/* The supplied video is the only hero image. The solid hero color is the
   loading fallback, so the retired poster can never flash through. */
.figma-home__background video { opacity: 1; }

.project-card__visual > span,
.future-panel__media figcaption,
.river-footer > button {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.river-footer > button,
.river-footer > button::before,
.river-footer > button i {
  animation: none;
}

@media (max-width: 760px) {
  .nav--minimal .logo,
  .nav--minimal .say-hi,
  .figma-home .scroll-cue,
  .project-browser__filters button,
  [data-project-filter],
  .future-horizontal__progress button {
    min-height: 44px;
  }

  #work .work-gallery__filters [data-project-filter] {
    min-height: 44px;
  }

  .nav--minimal .logo {
    min-width: 44px;
  }

  .nav--minimal .say-hi {
    padding-inline: 14px;
  }

  .future-horizontal__progress button {
    width: 44px;
    height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .figma-home__light-beam,
  .figma-home__tag,
  .figma-home__character,
  .future-horizontal__track {
    animation: none !important;
    transition: none !important;
  }
}