body {
      margin: 0;
      overflow-x: hidden;
      background: #fff;
    }

    .article-wrapper {
      display: flex;
      justify-content: center;
      background: #fff;
    }

    .article img {
      display: block;
      width: 100vw;
      height: auto;
      object-fit: contain;
    }

    #illustrationCanvas {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      pointer-events: auto;
      z-index: 10;
      background: transparent;
    }

    img.Human-Design {
      position: absolute !important;
      top: 20% !important;
      right: 20% !important;
      width: 25% !important;
      height: auto !important;
      z-index: 11 !important;
      pointer-events: auto;
      filter: brightness(1.1) contrast(1.05);
      transition: filter 2s ease-in-out, opacity 2s ease-in-out;
      cursor: pointer;
    }

    img.Human-Design:hover {
      filter: grayscale(60%) brightness(1);
    }

    img.Human-Design.faded {
      filter: grayscale(100%) brightness(0.8);
      opacity: 0.8;
    }