/* Decorative layers never intercept touch, clicks or keyboard navigation. */
.hero{isolation:isolate}
.hero-content,.hero-bottom{z-index:2}
.header{z-index:4}
.magic-snow,.magic-glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.magic-snow{opacity:.82}
.magic-glow{background:radial-gradient(ellipse at 73% 51%,#f6c66b30 0%,#e7b75b0b 23%,transparent 43%);opacity:.45}
.effects-running .magic-glow{animation:city-breath 7s ease-in-out infinite alternate}
.effects-toggle{position:absolute;z-index:3;right:28px;bottom:27px;border:1px solid #637b8899;border-radius:30px;background:#081927d9;color:#cbdde5;font-size:12px;line-height:1.4;padding:10px 15px;min-height:40px;cursor:pointer}
.effects-toggle:hover{border-color:#e9c890;color:#f3dcac}
.effects-toggle:focus-visible{outline:2px solid #ecc889;outline-offset:4px}
.effects-toggle:disabled{cursor:default;opacity:.7}
.gold-button{position:relative;overflow:hidden;isolation:isolate}
.gold-button:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#fff8df80 48%,transparent 70%);transform:translateX(-130%)}
.effects-running .hero .gold-button:before{animation:gold-glint 8s ease-in-out infinite}
@media(hover:hover) and (pointer:fine){.gold-button:not(:disabled):hover:before{animation:gold-glint 1.3s ease-out}.mysteries article{transition:filter .4s}.mysteries article:hover .story-icon{filter:drop-shadow(0 0 8px #eac47688)}}
.quote-band{background:radial-gradient(ellipse at 50% 120%,#284b5c70,transparent 65%),#0d2332}
@keyframes city-breath{from{opacity:.25}to{opacity:.9}}
@keyframes gold-glint{0%,72%{transform:translateX(-130%)}90%,100%{transform:translateX(130%)}}
@media(max-width:650px){.magic-glow{background:radial-gradient(ellipse at 62% 60%,#f6c66b30,transparent 38%)}.effects-toggle{bottom:26px;right:20px;padding:10px 14px}.magic-snow{opacity:.68}}
@media(prefers-reduced-motion:reduce){.magic-snow{display:none}.magic-glow,.hero h1 span,.gold-button:before{animation:none!important}.gold-button:before{display:none}html{scroll-behavior:auto}}
.effects-paused .gold-button:before{animation:none!important}
