.pendulum-art{position:relative;aspect-ratio:1;max-width:440px;width:100%;background:radial-gradient(circle,#a8acdb13,transparent 68%)}.pendulum-art svg{width:100%;height:100%;fill:#dbe5f7}.pendulum-orbit{fill:none;stroke:#cbd3e025;stroke-width:1}.pendulum-map{fill:none;stroke:#cbd3e025;stroke-width:1;stroke-dasharray:2 6}.pendulum-chain{fill:none;stroke:#d0d9ef77;stroke-width:1.2}.pendulum-crystal{fill:url(#pendulum-light);stroke:#d0d9ef99;stroke-width:1.2;stroke-linejoin:round}.pendulum-facet{fill:none;stroke:#d0d9ef55;stroke-width:1}.pendulum-caption{position:absolute;bottom:0;width:100%;text-align:center;font:italic 12px var(--home-serif);color:#a6a9bc}.explanation h2{font-size:35px}.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-card{min-width:0}.focus-card h3{font-size:28px}
@media(max-width:860px){.explanation h2{font-size:30px}.pendulum-caption{font-size:10px}.focus-card h3{font-size:26px}}
@media(max-width:720px){.pendulum-art{max-width:310px;margin:auto}.pendulum-caption{font-size:12px}.explanation h2{font-size:32px}.focus-grid{grid-template-columns:1fr}.focus-card h3{font-size:28px}}
@media(max-width:420px){.explanation h2{font-size:29px}.focus-card h3{font-size:27px}}