/* Flowing ribbons of silver and gold stardust beneath the book-page content. */
.hero,.about{position:relative;isolation:isolate}
.magic-sparkles{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none;border-radius:inherit}
.magic-sparkles svg{display:block;width:100%;height:100%;overflow:visible}
.magic-sparkles path:not([fill]){fill:none;stroke-linecap:round}
.stardust-halo{stroke-width:13;opacity:.12;filter:blur(7px)}
.stardust-thread{stroke-width:1;opacity:.32}
.stardust-stream{stroke-width:2;stroke-dasharray:1 11 2 17 1 9;opacity:.65;animation:stardust-flow 18s linear infinite}
.stardust-particle{filter:drop-shadow(0 0 3px #e4d1ff)}
@keyframes stardust-flow{to{stroke-dashoffset:-820}}
@media(max-width:600px){.stardust-particle:nth-of-type(2n){display:none}.stardust-halo{opacity:.08}.stardust-thread{opacity:.23}.stardust-stream{opacity:.45}}
@media(prefers-reduced-motion:reduce){.stardust-stream{animation:none}.stardust-particle{display:none}}

.magic-butterfly{opacity:.78;filter:drop-shadow(0 0 5px #c5a7ff)}
.butterfly-wing{transform-box:fill-box;animation:butterfly-flutter 1.2s ease-in-out infinite alternate}
.butterfly-wing-left{transform-origin:right center}.butterfly-wing-right{transform-origin:left center}
@keyframes butterfly-flutter{from{transform:scaleX(1)}to{transform:scaleX(.3)}}
@media(max-width:600px){.magic-butterfly{opacity:.58}}
@media(prefers-reduced-motion:reduce){.magic-butterfly{display:none}.butterfly-wing{animation:none}}

/* Larger gold wings, with independent fluttering instead of a procession. */
.stardust-thread{display:none}.stardust-halo{opacity:.06}.stardust-stream{opacity:.24;stroke-width:1}
.magic-butterfly{opacity:.9;filter:drop-shadow(0 0 7px #f3bb55)}
.butterfly-flight{transform-box:fill-box;transform-origin:center;animation:butterfly-hover 7s ease-in-out infinite}
.butterfly-wing{animation-duration:.65s}
@keyframes butterfly-hover{0%,100%{transform:translate(0,0) rotate(-8deg)}25%{transform:translate(var(--sway),-22px) rotate(6deg)}55%{transform:translate(0,-43px) rotate(-5deg)}80%{transform:translate(calc(var(--sway) * -.6),-16px) rotate(8deg)}}
@media(max-width:600px){.magic-butterfly{opacity:.85}.butterfly-wing{animation-duration:.8s}}
@media(prefers-reduced-motion:reduce){.butterfly-flight{animation:none}.magic-butterfly{display:block}.butterfly-wing{animation:none}}

/* Airy filigree wings: gold wire and open space rather than solid shapes. */
.magic-butterfly{opacity:.92;filter:drop-shadow(0 0 3px #d5a74088)}
.butterfly-wing-left,.butterfly-wing-right{transform-box:view-box;transform-origin:0 0}
.butterfly-wing{animation-name:filigree-flutter;animation-timing-function:ease-in-out}
@keyframes filigree-flutter{0%{transform:scaleX(1)}30%{transform:scaleX(.72)}55%{transform:scaleX(.94)}75%{transform:scaleX(.48)}100%{transform:scaleX(.88)}}
@keyframes butterfly-hover{0%,100%{transform:translate(0,0) rotate(-7deg)}18%{transform:translate(var(--sway),-17px) rotate(8deg)}43%{transform:translate(calc(var(--sway) * -.4),-38px) rotate(-3deg)}67%{transform:translate(calc(var(--sway) * .7),-11px) rotate(11deg)}86%{transform:translate(calc(var(--sway) * -.6),9px) rotate(-9deg)}}

.butterfly-tail-glow{filter:blur(2px)}
.butterfly-tail-thread{animation:butterfly-tail-flow 5s linear infinite}
.butterfly-tail-dust{filter:drop-shadow(0 0 2px #ffd777)}
@keyframes butterfly-tail-flow{to{stroke-dashoffset:-90}}
@media(prefers-reduced-motion:reduce){.butterfly-tail-thread{animation:none}.butterfly-tail-dust{display:none}}

.books{position:relative;isolation:isolate}
.book-side-sparkles{mask-image:linear-gradient(90deg,#000 0%,#000 5.5%,transparent 6%,transparent 94%,#000 94.5%,#000 100%)}
.butterfly-toward-books{animation-name:butterfly-book-approach}
@keyframes butterfly-book-approach{0%,100%{transform:translate(0,8px) rotate(-6deg)}35%{transform:translate(var(--toward),-21px) rotate(8deg)}65%{transform:translate(var(--sway),-39px) rotate(-4deg)}85%{transform:translate(0,-12px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.butterfly-toward-books{animation:none}}

/* Front-page stardust palette: luminous silver-white stars with blue halos. */
.stardust-halo{stroke-width:17;opacity:.13;filter:blur(8px)}
.stardust-stream{opacity:.48;stroke-width:1.1}
.stardust-particle{filter:drop-shadow(0 0 2px #f5fbff) drop-shadow(0 0 6px #78bdff)}
.butterfly-tail-glow{opacity:.24;filter:blur(2.5px)}
.butterfly-tail-thread{opacity:.65}
.butterfly-tail-dust{filter:drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 4px #80c8ff)}

/* Calm magic: stationary stardust, no sweeping or bobbing motion. */
.stardust-stream,.butterfly-tail-thread,.butterfly-flight,.butterfly-toward-books{animation:none!important}
.stardust-halo{opacity:.07}.stardust-stream{opacity:.26}
.stardust-particle{opacity:.48;filter:drop-shadow(0 0 4px #91cbff)}
.magic-butterfly{opacity:.78}
.butterfly-wing{animation:calm-butterfly-wing 8s ease-in-out infinite alternate!important}
.butterfly-tail-thread{opacity:.35}.butterfly-tail-glow{opacity:.12}
@keyframes calm-butterfly-wing{from{transform:scaleX(1)}to{transform:scaleX(.92)}}
@media(prefers-reduced-motion:reduce){.butterfly-wing{animation:none!important}}