/* A real before / after, then a camera journey through the original redesign. */
.radon-chapter{height:560svh;position:relative;background:oklch(8% .004 90);color:var(--text);scroll-margin-top:0}
.radon-stage{position:sticky;top:0;height:100svh;overflow:clip;perspective:1600px;isolation:isolate}
.radon-stage h1{font-family:'Avenir Next',Avenir,Manrope,sans-serif;font-weight:400;letter-spacing:-.045em;line-height:1.05;margin:0}
.radon-title{position:absolute;top:108px;left:0;right:0;text-align:center;font-size:clamp(38px,4.4vw,64px);opacity:var(--radon-exit,1)}
.radon-display{position:absolute;width:min(1180px,84vw,calc((100svh - 280px)*1.6));aspect-ratio:1.6;left:50%;top:50%;transform:translate(-50%,-50%) translateY(52px);perspective:1600px}
.radon-plane{position:absolute;inset:0;width:100%;height:100%;overflow:clip;transform-origin:50% 50%;border:1px solid oklch(42% .008 90 / .4);box-shadow:0 35px 100px oklch(3% .004 90 / .55);background:oklch(12% .007 90);will-change:transform,opacity}
.radon-plane>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.radon-frame{position:absolute;inset:0;width:1440px;height:900px;border:0;transform:scale(var(--radon-frame-scale,.6));transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .35s ease-out}
.radon-ready .radon-frame{opacity:1}
.radon-plane[data-radon=before]{transform:translateX(-32%) scale(.6)}
.radon-plane[data-radon=after]{transform:translateX(32%) scale(.6)}
.radon-label{position:absolute;top:calc(50% - min(1180px,84vw,calc((100svh - 280px)*1.6))*.1875 + 4px);text-align:center;width:42%;font-size:clamp(25px,2.6vw,39px);z-index:2}
.radon-label a{color:inherit;text-decoration:none;white-space:nowrap}
.radon-label a span{font-size:.55em;display:inline-block;vertical-align:top;margin:3px 0 0 8px;color:var(--muted)}
.radon-label a:focus-visible{outline:1px solid var(--text);outline-offset:8px}
.radon-label{left:50%;right:auto;width:calc(min(1180px,84vw,calc((100svh - 280px)*1.6))*.6)}
.radon-before-label{transform:translateX(calc(-50% - min(1180px,84vw,calc((100svh - 280px)*1.6))*.32))}.radon-after-label{transform:translateX(calc(-50% + min(1180px,84vw,calc((100svh - 280px)*1.6))*.32))}
.radon-controls{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:25px;z-index:3;font-size:10px;color:var(--muted)}
.radon-controls a{color:inherit;text-underline-offset:4px}.radon-controls button{font:inherit;font-size:16px;min-width:44px;min-height:44px;cursor:pointer;background:none;border:1px solid oklch(38% .006 90);border-radius:50%;color:var(--text)}
.radon-controls button:focus-visible{outline:1px solid var(--text);outline-offset:5px}
@media(max-height:700px){.radon-title{top:90px;font-size:42px}.radon-display{transform:translate(-50%,-50%) translateY(45px)}.radon-label{font-size:27px;top:calc(50% - min(1180px,84vw,calc((100svh - 280px)*1.6))*.1875 + 1px)}.radon-controls{bottom:12px}}
.radon-reduced{height:auto;min-height:100svh}.radon-reduced .radon-stage{position:relative;min-height:100svh;height:auto;padding:110px 6vw 90px;overflow:visible}.radon-reduced .radon-title{position:relative;top:auto}.radon-reduced .radon-display{position:relative;left:auto;top:auto;transform:none;width:100%;aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:110px}.radon-reduced .radon-plane{position:relative;aspect-ratio:1.6;transform:none!important;opacity:1!important}.radon-reduced .radon-label{top:205px;opacity:1!important;width:42%;transform:none}.radon-reduced .radon-before-label{left:8%}.radon-reduced .radon-after-label{left:auto;right:8%}.radon-reduced .radon-controls{bottom:20px}
@media(prefers-reduced-motion:reduce){.radon-frame{transition:none}}
@media print{.radon-chapter{height:auto;break-inside:avoid}.radon-stage{height:auto;position:relative;min-height:70vh;overflow:visible}.radon-title{top:35px}.radon-display{position:relative;left:auto;top:auto;transform:none;width:100%;aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:160px}.radon-plane{position:relative;aspect-ratio:1.6;transform:none!important;opacity:1!important}.radon-frame,.radon-controls{display:none}.radon-label{top:110px;opacity:1!important;width:42%;transform:none}.radon-before-label{left:8%}.radon-after-label{left:auto;right:8%}}

.radon-label.radon-after-label{font-size:clamp(22px,2.5vw,37px)}