/* Accessibility improvements shared by the homepage and editorial templates. */
.bonvallet-v8 :focus-visible {
  outline: 3px solid #071014 !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #fff !important;
}
.bonvallet-v8 .bv8-skip:focus { top: 1rem; z-index: 100000; }
.bonvallet-v8 :target { scroll-margin-top: 7rem; }
.bonvallet-v8 :is(button, input, select, textarea) { font-size: max(1rem, 16px); }
.bonvallet-v8 :is(button, select, input:not([type=checkbox]):not([type=radio]):not([type=hidden])) { min-height: 44px; }
.bonvallet-v8 :is(nav a, .sound-control, .v8-pause) { min-height: 44px; }
.bonvallet-v8 nav a { display: inline-flex; align-items: center; }
.bonvallet-v8 :is(p, li) > a { text-decoration: underline; text-underline-offset: .2em; }
.bonvallet-v8 :is(input, select, textarea) { max-width: 100%; border-color: #536568; }
.bonvallet-v8 :is(input, textarea)::placeholder { color: #aebbc4; opacity: 1; }
.bonvallet-v8 .wpcf7-not-valid-tip { color: #fff; background: #8a201b; padding: .25rem .5rem; font-size: 1rem; }
.bonvallet-v8 .wpcf7-response-output { color: #071014; background: #fff; }
.bonvallet-v8 .v8-world [data-v8-reveal]:focus-within,
.bonvallet-v8 .v8-world [data-v8-reveal]:focus-within > * { opacity: 1; transform: none; }
.bonvallet-v8 .v8-world.is-paused *, .bonvallet-v8 .v8-world.is-paused *::before,
.bonvallet-v8 .v8-world.is-paused *::after { animation-play-state: paused !important; transition: none !important; }
.bonvallet-v8 .v8-world.is-paused [data-v8-reveal],
.bonvallet-v8 .v8-world.is-paused [data-v8-reveal] > * { opacity: 1 !important; transform: none !important; }
.bonvallet-v8 .v8-sound-volume { display: flex; align-items: center; gap: .5rem; color: #071014; font-size: .875rem; }
.bonvallet-v8 .v8-sound-volume input { width: 6rem; min-height: 44px; }
.bonvallet-v8 .v8-sound-volume[hidden] { display: none; }
.bonvallet-v8 .v8-no-script { padding: 1rem; color: #071014; background: #fff; }
.bonvallet-v8 :is(.v8-proof, .v8-closing, .v8-fast-offers, .v8-capabilities, .v8-story) h2 em,
.bonvallet-v8 .v8-story > blockquote { color: #a64112; }
.bonvallet-v8 .v8-story-stats strong { color: #147686; }
.bonvallet-v8 .v8-story-stats > div:nth-child(even) strong { color: #a64112; }
.bonvallet-v8 .v8-equation h2 :is(em, i) { color: #071014; }
.bonvallet-v8 .v8-capability-result > span { color: #74d4cc; }
.bonvallet-v8 .v8-world :is(article, section, header, nav, div, a, p, small, h3) { min-width: 0; }
@media (max-width: 900px) {
  .bonvallet-v8 :is(.v8-header, .bv8-header, .v8-footer, .bv8-footer) { display: flex; flex-wrap: wrap; gap: 1rem; }
  .bonvallet-v8 :is(.v8-header, .bv8-header) { height: auto; position: relative; padding: .8rem; }
  .bonvallet-v8 :is(.v8-header, .bv8-header) nav { order: 3; display: flex; flex-wrap: wrap; width: 100%; gap: .25rem 1rem; }
  .bonvallet-v8 :is(.v8-header, .bv8-header) nav a { font-size: .875rem; }
  .bonvallet-v8 :is(.v8-header, .bv8-header) > div { flex-wrap: wrap; }
  .bonvallet-v8 :is(.v8-logo, .bv8-brand) { max-width: 100%; }
  .bonvallet-v8 :is(h1, h2, h3, p, a, strong) { overflow-wrap: anywhere; }
  .bonvallet-v8 .v8-world :is(.v8-fast-offers > div, .v8-ecosystem > div, .v8-labs > div, .v8-conference-offers) { grid-template-columns: minmax(0, 1fr); }
  .bonvallet-v8 .v8-world article > :is(p, small, div, h3) { max-width: 100%; overflow-wrap: anywhere; }
  .bonvallet-v8 .v8-story-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bonvallet-v8 .v8-story-stats strong { font-size: clamp(2rem, 10vw, 3.5rem); line-height: 1; }
  .bonvallet-v8 .v8-pause { position: relative; inset: auto; margin-top: 1rem; }
  .bonvallet-v8 .v8-live { position: relative; inset: auto; margin-top: 2rem; }
  .bonvallet-v8 .v8-hero { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .bonvallet-v8 *, .bonvallet-v8 *::before, .bonvallet-v8 *::after { animation: none !important; transition: none !important; }
  .bonvallet-v8 .v8-world [data-v8-reveal] { opacity: 1 !important; transform: none !important; }
}
@media (forced-colors: active) {
  .bonvallet-v8 :is(a, button, input, select, textarea):focus-visible { outline: 3px solid Highlight !important; }
  .bonvallet-v8 button[aria-pressed=true] { border: 3px solid Highlight; }
  .bonvallet-v8 :is(h1, h2, h3) { -webkit-text-stroke: 0; color: CanvasText; }
}