.page-entrance-host { position:relative; isolation:isolate; }
.page-entrance-light { position:absolute; inset:0; z-index:10; pointer-events:none; overflow:hidden; contain:strict; }
.page-entrance-light canvas { display:block; width:100%; height:100%; pointer-events:none; }
.page-entrance-fallback { position:absolute; inset:-10% -60%; background:linear-gradient(108deg,transparent 32%,rgba(255,225,173,.18) 48%,rgba(255,242,214,.22) 51%,transparent 67%); pointer-events:none; }
.page-entrance-light--arch .page-entrance-fallback { inset:20% 42% -10%; border-radius:50% 50% 0 0 / 20% 20% 0 0; background:none; box-shadow:0 0 24px 8px rgba(255,244,204,.65),0 0 75px 35px rgba(231,179,78,.24); }
@media(prefers-reduced-motion:reduce) { .page-entrance-light { display:none; } }