.two-point-art{position:relative;aspect-ratio:1;max-width:440px;width:100%;background:radial-gradient(circle,#c5c6e015,transparent 68%)}.two-point-art svg{width:100%;height:100%;fill:#e0e9f8}.point-orbit{fill:none;stroke:#cbd3e025;stroke-width:1}.point-orbit.inner{stroke:#cbd3e02b}.point-connection{fill:none;stroke:#cbd3e04a;stroke-width:1}.point-halo{fill:#cbd3e015;stroke:#cbd3e030;stroke-width:1}.two-point-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:25px/1.5 var(--home-serif);color:#dce2ed}.two-point-center em{font-size:33px}.two-point-caption{position:absolute;bottom:0;width:100%;text-align:center;font:italic 12px var(--home-serif);color:#a6a9bc}.focus-section h2{max-width:1000px}.explanation h2{font-size:35px}
@media(max-width:860px){.two-point-center{font-size:21px}.two-point-center em{font-size:27px}.two-point-caption{font-size:10px}.explanation h2{font-size:30px}}
@media(max-width:720px){.two-point-art{max-width:310px;margin:auto}.two-point-center{font-size:25px}.two-point-center em{font-size:33px}.two-point-caption{font-size:12px}.explanation h2{font-size:32px}}
@media(max-width:420px){.explanation h2{font-size:29px}}