.top-light-page .reveal-front { isolation: isolate; }
.top-light-page .light-page-front { position: relative; isolation: isolate; }
.top-light-page .site-header,
.top-light-page main { position: relative; z-index: 1; }
.top-light-page .wordmark::before { display: none; }
.top-light-page .wordmark-role { color: #96999e; }
.top-light-page .site-nav a:hover { text-decoration: none; }
.top-light { position: absolute; inset: 0 0 auto; height: clamp(240px, 26vw, 380px); z-index: 0; pointer-events: none; overflow: hidden; opacity: 0; transition: opacity .85s ease; }
.top-light.is-active { opacity: 1; }
/* A static light remains available if WebGL is unavailable or loses context. */
.top-light::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 40% 70% at 20% -25%, #bdd6f277, transparent), radial-gradient(ellipse 50% 80% at 70% -30%, #94add177, transparent), radial-gradient(ellipse 30% 50% at 95% -15%, #e3b0bf44, transparent); mask-image: linear-gradient(#000, transparent 95%); }
.top-light.is-webgl::before { display: none; }
.top-light canvas { display: block; width: 100%; height: 100%; }
.top-light:not(.is-webgl) canvas { visibility: hidden; }
@media (prefers-reduced-motion: reduce) { .top-light { transition: none; } }