/* Celestial edition: visible gold / silver geometry, no new UI or copy. */
.celestial-page{position:relative;isolation:isolate;overflow:hidden}
.celestial-background{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 50% 440px at 88% 180px,#c4a46c20,transparent 85%)}
.celestial-background svg{position:absolute;width:100%;height:auto;top:100px;left:0;opacity:.27}
.hero .wheel{width:740px;max-width:70%;right:-5%;top:-20px;opacity:.49;color:#9b7c49;stroke-width:1.05}
.sky-orbits{pointer-events:none}
.celestial-drift,.celestial-counter{transform-origin:400px 400px}
.about-heading,.readings-heading{position:relative;isolation:isolate}
.heading-wheel{z-index:-1;width:580px;max-width:65%;right:-8%;top:-115px;color:#9b7c49;opacity:.36;stroke-width:1.05;mask-image:linear-gradient(100deg,transparent 0%,#000 42%);-webkit-mask-image:linear-gradient(100deg,transparent 0%,#000 42%)}
.story-aside .background-marks{color:#997744;opacity:.36;stroke-width:1}
.about-opening>.background-marks{color:#9e8255;opacity:.18;stroke-width:1}
.services .card{background:#f7f4eef0}
@media(prefers-reduced-motion:no-preference){
 .celestial-drift{animation:celestial-revolution 70s linear infinite}
 .celestial-counter{animation:celestial-revolution 100s linear infinite reverse}
 .sky-orbits>ellipse:first-of-type{transform-origin:400px 400px;animation:celestial-breathe 18s ease-in-out infinite alternate}
}
@keyframes celestial-revolution{to{transform:rotate(360deg)}}
@keyframes celestial-breathe{from{opacity:.6}to{opacity:1}}
.celestial-resting .celestial-drift,.celestial-resting .celestial-counter,.celestial-resting .sky-orbits>ellipse,.celestial-paused .celestial-drift,.celestial-paused .celestial-counter,.celestial-paused .sky-orbits>ellipse{animation-play-state:paused!important}
@media(max-width:700px){
 .hero .wheel{width:430px;max-width:115%;right:-15%;top:3px;opacity:.32}
 .heading-wheel{width:350px;max-width:95%;right:-15%;top:-28px;opacity:.30;mask-image:linear-gradient(90deg,transparent,#000 55%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%)}
 .celestial-background{background:radial-gradient(ellipse 80% 350px at 100% 150px,#c4a46c20,transparent 90%)}
 .celestial-background svg{width:180%;max-width:none;left:-50%;top:200px;opacity:.20}
 .story-aside .background-marks{opacity:.3}
 .about-opening>.background-marks{opacity:.12}
}
@media(prefers-reduced-motion:reduce){.celestial-drift,.celestial-counter,.sky-orbits>ellipse{animation:none!important}}