/* Hide scrollbar everywhere while keeping scroll functionality */
        html, body {
        scrollbar-width: none;      /* Firefox */
        -ms-overflow-style: none;   /* old Edge/IE */
        }

        html::-webkit-scrollbar,
        body::-webkit-scrollbar {
        width: 0;                   /* Chrome/Safari */
        height: 0;
        }

      :root { --bg:#0b0b0d; --fg:#f5f5f7; }
      * { box-sizing: border-box; }
      body { margin: 0; 
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; 
        background: var(--bg); 
        color: var(--fg); 
      }

      .spacer { height: 55vh; display: grid; place-items: center; opacity: 0.85; }
      .spacer h2{
        margin-top: 15vh;
      }

      #blendSection { position: relative; }
      #stage {
        position: sticky;
        top: 0;
        height: 100vh;
        overflow: clip;
      }

      canvas { width: 100vw; height: 100vh; display: block; }

      .headline {
        position: absolute;
        left: 6vw;
        bottom: 10vh;
        max-width: 42ch;
        pointer-events: none;
      }
      .headline h1 { margin: 0 0 10px; font-size: clamp(28px, 4vw, 56px); letter-spacing: -0.02em; }
      .headline p  { margin: 0; opacity: 0.8; line-height: 1.4; }

      .spacer--top{
        position: relative;
        text-align: center;
        }

        .spacer-arrow{
        width: 12px;
        height: 12px;
        margin-top: 18px;          /* distance below your header */
        border-right: 2px solid rgba(245,245,247,0.9);
        border-bottom: 2px solid rgba(245,245,247,0.9);
        transform: rotate(45deg);
        opacity: 0.7;
        animation: spacerArrowBob 1.6s ease-in-out infinite;
        justify-self: center;      /* if spacer is a grid */
        }

        @keyframes spacerArrowBob{
        0%, 100% { transform: translateY(-2px) rotate(45deg); opacity: 0.45; }
        50%      { transform: translateY(7px)  rotate(45deg); opacity: 0.85; }
        }

        @media (prefers-reduced-motion: reduce){
        .spacer-arrow{ animation: none; }
        }