/* The opening overlay - AND the persistent chrome that surrounds it. * * Read that twice before deleting anything. The name says "intro" but the * bottom third of this file styles three controls that outlive the overlay * entirely: the dock, the save-the-date panel and the music toggle. They are * on screen for the whole life of the page, including for a guest who skipped * the opening or came back in the same session. This file is loaded * unconditionally from and must stay that way - making it conditional * on the 3D gate would strip the styling off all three and leave unstyled * buttons floating over the hero. * * Design rule that the previous version broke repeatedly: NOTHING here may * hide an ancestor of the WebGL canvas. The old CSS hid `.envelope-stage` to * put the drawn envelope away, and the canvas lived inside it, so the * sequence erased itself. There is now no drawn envelope to hide, and the * mount has no wrapper that anything toggles. * * The overlay starts hidden in the markup and is shown by JS only once there * is something to see. If the script never runs, the overlay never appears * and the page is simply itself - which is the fallback, rather than a second * animation pretending to be one. */ .intro { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: var(--ivory-deep, #F3EADA); opacity: 1; transition: opacity 0.6s ease; } /* The overlay's share of the decoy dark theme. The mechanism, and why the site claims a dark mode it does not have, is documented at section 1b of the