body[data-server=hogwart] .page-hero>.hogwart-sunlight{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;mask-image:linear-gradient(#000 70%,transparent)}
.hogwart-window-glow{position:absolute;inset:-15% -15% 10% 45%;background:radial-gradient(ellipse at 85% 20%,#ffe7b443,transparent 65%);mix-blend-mode:screen;animation:hogwart-sun-warmth 17s ease-in-out infinite alternate}
.hogwart-sunbeam{position:absolute;inset:-15% -10% -35% -15%;background:linear-gradient(135deg,transparent 25%,#ffedc330 45%,#fff3cc18 68%,transparent 90%);transform-origin:95% 5%;filter:blur(7px);mix-blend-mode:screen;animation:hogwart-rays-sway 22s ease-in-out infinite alternate}
.beam-one{clip-path:polygon(87% 0,94% 0,44% 100%,13% 100%)}
.beam-two{clip-path:polygon(94% 0,98% 0,73% 100%,48% 100%);opacity:.65;animation-duration:29s;animation-delay:-12s}
.beam-three{clip-path:polygon(80% 0,83% 0,30% 100%,9% 100%);opacity:.45;animation-duration:25s;animation-delay:-7s}
.hogwart-dust{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#ffe8af;border-radius:50%;box-shadow:0 0 4px #ffe7ad77;opacity:0;animation:hogwart-dust-float var(--duration) ease-in-out var(--delay) infinite}
@keyframes hogwart-sun-warmth{from{opacity:.45;transform:translate3d(0,0,0)}to{opacity:.85;transform:translate3d(-2%,2%,0)}}
@keyframes hogwart-rays-sway{from{transform:rotate(-2deg);opacity:.35}to{transform:rotate(2deg);opacity:.7}}
@keyframes hogwart-dust-float{0%,100%{opacity:0;transform:translate3d(0,0,0)}25%{opacity:.55}65%{opacity:.35}85%{opacity:.1;transform:translate3d(var(--dx),var(--dy),0)}}
@media(max-width:600px){.hogwart-dust:nth-child(n+28){display:none}.hogwart-sunbeam{filter:blur(4px)}}
body[data-animations=off] .hogwart-sunlight *{animation-play-state:paused!important}
