.khonner-section{row-gap:20px}.khonner-art{overflow:visible}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(36,79,52,.33);border-radius:50%;transform:translate(-50%,-50%) rotate(var(--start));pointer-events:none}.orbit-one{width:330px;height:190px;--start:18deg;animation:orbitRotate 15s linear infinite}.orbit-two{width:415px;height:246px;--start:108deg;animation:orbitRotate 20s linear infinite reverse}.orbit-three{width:482px;height:286px;--start:206deg;animation:orbitRotate 25s linear infinite}.electron{position:absolute;top:50%;right:-11px;transform:translateY(-50%);width:23px;height:23px;border-radius:50%;border:1px solid #163e2d;background:#d8ff6b;color:#102720;cursor:pointer;pointer-events:auto;display:grid;place-items:center;padding:0;box-shadow:0 0 0 0 rgba(216,255,107,.55);transition:transform .25s,box-shadow .25s,background .25s}.electron span{font:700 7px 'DM Mono',monospace}.electron:hover,.electron.active{transform:translateY(-50%) scale(1.35);box-shadow:0 0 0 6px rgba(216,255,107,.2)}.electron.active{background:#102720;color:#d8ff6b;border-color:#d8ff6b}.atom-detail{grid-column:1/-1;border-top:1px solid rgba(36,79,52,.3);margin-top:2px;padding:28px 0 5px;display:grid;grid-template-columns:11% 28% 48% 1fr;gap:20px;align-items:start}.detail-index{font:500 12px 'DM Mono',monospace}.detail-index span{color:#6d8275}.atom-detail .eyebrow{margin:2px 0 12px}.atom-detail h3{font-size:26px;line-height:1;letter-spacing:-.055em;margin:0}.atom-detail>p{margin:0;color:#506158;font-size:13px;line-height:1.75;max-width:500px}.detail-arrow{font-size:25px;text-align:right}.atom-detail.change{animation:detailIn .42s cubic-bezier(.22,1,.36,1)}@keyframes orbitRotate{to{transform:translate(-50%,-50%) rotate(calc(var(--start) + 360deg))}}@keyframes detailIn{0%{opacity:.25;transform:translateY(10px)}100%{opacity:1;transform:none}}body[data-theme="dark"] .orbit{border-color:rgba(216,255,107,.24)}body[data-theme="dark"] .atom-detail{border-color:rgba(216,255,107,.26)}body[data-theme="dark"] .atom-detail>p{color:#c2c9d3}@media(max-width:800px){.khonner-section{row-gap:25px}.orbit-one{width:260px;height:150px}.orbit-two{width:315px;height:190px}.orbit-three{width:360px;height:220px}.atom-detail{grid-template-columns:62px 1fr;gap:14px;padding-bottom:15px}.atom-detail>p{grid-column:2}.detail-arrow{display:none}}@media(prefers-reduced-motion:reduce){.orbit{animation:none}.electron,.atom-detail.change{transition:none;animation:none}}