html { scroll-behavior: smooth; }
body { margin: 0; }
.self-start { align-self: flex-start; }
div.self-start[data-reveal] > a { display: inline-flex; }
nav img { display: block; height: auto; }
main img { max-width: 100%; height: auto; }
/* Keep the original image as the flex/positioned item: no new layout box. */
.home-picture { display: contents; }
.faq-answer { max-height: 0; }
[data-faq-item] button { background: transparent; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; }
[data-reveal] {
  opacity: 0;
  transform: translate3d(var(--ntv-reveal-x, 0), var(--ntv-reveal-y, 0), 0);
  transition-property: opacity, transform;
  transition-duration: var(--ntv-reveal-duration, .6s);
  transition-delay: var(--ntv-reveal-delay, 0s);
  transition-timing-function: ease-out;
  will-change: opacity, transform;
}
[data-reveal][data-reveal-x="500"] { --ntv-reveal-x: 500px; }
[data-reveal][data-reveal-x="200"] { --ntv-reveal-x: 200px; }
[data-reveal][data-reveal-x="-200"] { --ntv-reveal-x: -200px; }
[data-reveal][data-reveal-y="-20"] { --ntv-reveal-y: -20px; }
[data-reveal].is-visible { opacity: 1; transform: translate3d(0, 0, 0); will-change: auto; }