body {
      margin: 0;
    }
    .site-wrapper {
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
    }

    /* FULL-SCREEN OVERLAY */
    #intro-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: white;
      z-index: 2147483647;
    }

    /* PULSE ANIMATION: three “shrink→grow” cycles */
    @keyframes pulse-three {
      0%   { transform: scale(1);   }
      16%  { transform: scale(0.8); }
      33%  { transform: scale(1);   }
      50%  { transform: scale(0.8); }
      66%  { transform: scale(1);   }
      83%  { transform: scale(0.8); }
      100% { transform: scale(1);   }
    }

    /* SHRINK + FADE-OUT ANIMATION for the logo */
    @keyframes shrink-fade-out {
      to {
        transform: scale(0);
        opacity: 0;
      }
    }

    /* FADE-OUT ANIMATION for the overlay itself */
    @keyframes fade-out {
      to {
        opacity: 0;
        visibility: hidden;
      }
    }

    /* Apply the pulse first, then shrink-fade the logo */
    #intro-logo {
      width: 200px;
      animation: pulse-three 1.8s ease-in-out forwards, shrink-fade-out 0.5s ease-in-out 1.8s forwards;
    }

    /* Fade‐out overlay after logo disappears */
    #intro-overlay.fade-out {
      animation: fade-out 0.5s ease-in-out 2.3s forwards;
    }