/* Fine golden paths stay behind the content; the small star follows one curve. */
.gold-scene{position:relative;isolation:isolate;overflow:hidden}
.gold-scene>.wrap{position:relative;z-index:1}
.gold-detail{position:absolute;z-index:0;pointer-events:none;user-select:none;width:min(590px,51vw);height:auto;right:-140px;top:12px;color:var(--gold);opacity:.72;mask-image:linear-gradient(90deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%)}
.gold-detail-left{right:auto;left:-175px;top:33%;transform:rotate(-11deg);mask-image:linear-gradient(270deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(270deg,transparent,#000 35%)}
.gold-detail svg{display:block;width:100%;height:auto;overflow:visible}
.gold-orbit{stroke:currentColor;stroke-width:.65;opacity:.23;vector-effect:non-scaling-stroke}
.gold-orbit-faint{opacity:.1;stroke-width:.5}
.gold-comet{offset-path:path('M70 24 C460 50 110 230 520 396');offset-distance:44%;offset-rotate:0deg;animation:star-journey 19s linear infinite;animation-delay:var(--star-delay,0s)}
.gold-star{fill:currentColor;opacity:.9}
.gold-ray{stroke:currentColor;stroke-width:.8;opacity:.34;stroke-linecap:round}
.gold-halo{fill:currentColor;opacity:.07}
.gold-still{fill:currentColor;opacity:.35}
html[data-theme=light] .gold-detail{opacity:.45}
@keyframes star-journey{0%{offset-distance:0%;opacity:0}9%{opacity:1}86%{opacity:.9}100%{offset-distance:100%;opacity:0}}
@supports not (offset-path:path('M0 0L10 10')){.gold-comet{transform:translate(290px,180px);animation:none}}
@media(max-width:640px){.gold-detail{width:390px;right:-190px;top:6px;opacity:.6}.gold-detail-left{left:-215px;right:auto;top:35%}.gold-orbit{stroke-width:.55}}
@media(prefers-reduced-motion:reduce){.gold-comet{animation:none!important;offset-distance:44%;opacity:.8}.gold-detail-left{transform:none}}