/* Intro transition for #github — brief orange ink wash that bookends the
   section entry. Sits above section content (z-index 12) and is
   pointer-events:none so it never blocks interaction once it fades. */

.section-github { position: relative; }

/* Bridge cover: lives at the VIEWPORT level (position:fixed) so it can
   physically obscure both the outgoing previous section AND the incoming
   github section during the boundary cross. Driven by ScrollTrigger scrub
   in a bell curve so it rises into coverage then exits as github settles. */
.github-intro-overlay {
    position: fixed;
    inset: 0;
    z-index: 10500;
    pointer-events: none;
    opacity: 0;
    /* No transform slide — bg opacity and cell density carry the reveal. */
    will-change: opacity;
    background: transparent;
}

.github-intro-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .github-intro-overlay { display: none; }
}