/* Reuse the hero's Khonner sphere in the interactive atom. */
.khonner-symbol.sphere{width:min(29vw,420px);height:min(29vw,420px);background:radial-gradient(circle at 35% 28%,#daff86 0 2%,#8ea950 9%,#45693e 30%,#193c2d 58%,#0d211c 74%);box-shadow:0 0 70px rgba(201,255,97,.14),inset -30px -30px 60px #061813;animation:float 7s ease-in-out infinite}.khonner-symbol.sphere .sphere-ring{position:absolute;inset:18%;border:1px dashed rgba(216,255,107,.65);border-radius:50%;animation:spin 15s linear infinite}.khonner-symbol.sphere .sphere-core{position:absolute;inset:30%;display:grid;place-items:center;border-radius:50%;background:rgba(9,30,23,.6);backdrop-filter:blur(5px);font:italic 74px 'Playfair Display',serif;color:#d8ff6b}.khonner-symbol.sphere .sphere-core span{font-family:Manrope,sans-serif;font-style:normal;font-size:35px;align-self:end;margin-left:-32px;color:#d8ff6b}.khonner-symbol.sphere:before,.khonner-symbol.sphere:after{content:"";position:absolute;border-radius:50%;inset:-15px;border:1px solid rgba(216,255,107,.28);transform:rotateX(70deg)}.khonner-symbol.sphere:after{inset:20px -30px;transform:rotateY(65deg)}@media(max-width:800px){.khonner-symbol.sphere{width:290px;height:290px}}@media(max-width:450px){.khonner-symbol.sphere{width:170px;height:170px}.khonner-symbol.sphere .sphere-core{font-size:48px}.khonner-symbol.sphere .sphere-core span{font-size:24px}}