/* Compact version of the rotating logo composition from /3d/. */
body.visual-index .visual-homepage__frame{isolation:isolate}
body.visual-index .home-orbit{position:absolute;z-index:12;top:calc(220px + 2cm);left:calc(-7cm - 90px);width:180px;aspect-ratio:1;perspective:650px;transform-style:preserve-3d;display:block;padding:0;border:0;border-radius:50%;background:transparent;line-height:normal;pointer-events:auto;cursor:pointer;touch-action:manipulation;filter:drop-shadow(0 0 25px rgba(243,76,72,.25))}
body.visual-index .home-orbit:focus-visible{outline:3px solid #f34c48;outline-offset:8px}
.home-orbit__core{position:absolute;inset:21%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 22%,#777,#1e1f24 35%,#08090b 67%);box-shadow:inset -14px -12px 28px #000,inset 7px 7px 18px #ffffff36,0 0 45px #e64b472a;transform:translateZ(30px)}
.home-orbit__core img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(4px 8px 5px #000b)}
.home-orbit__ring{position:absolute;inset:12% -5%;border:6px solid transparent;border-top-color:#c4c4c8;border-bottom-color:#414147;border-radius:50%;box-shadow:0 0 8px #fff6,inset 0 0 12px #fff4;transform-style:preserve-3d}
.home-orbit__ring--a{animation:home-orbit-a 14s linear infinite}
.home-orbit__ring--b{inset:0 20%;border-top-color:#e64c48;border-bottom-color:#d4d4d6;animation:home-orbit-b 19s linear infinite}
.home-orbit__ring--c{inset:26% -10%;border-top-color:#fff;border-bottom-color:#a53a39;animation:home-orbit-c 23s linear infinite}
.home-orbit__sheen{position:absolute;inset:7%;border-radius:50%;background:linear-gradient(115deg,transparent 42%,#ffffff20 50%,transparent 58%);animation:home-orbit-shine 7s ease-in-out infinite}
.home-orbit__prompt{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:170px;padding:11px 12px;border-top:2px solid #f34c48;border-radius:0 0 11px 11px;background:linear-gradient(180deg,rgba(12,13,18,.94),rgba(12,13,18,.75));box-shadow:0 12px 34px rgba(0,0,0,.4);backdrop-filter:blur(8px);color:#fff;text-align:center;white-space:nowrap;text-shadow:0 1px 10px #000;font:700 16px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.015em;transition:transform .22s ease,box-shadow .22s ease}
.home-orbit__prompt>span{color:#fa6862;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.home-orbit__prompt strong{font:700 16px/1.2 Arial,Helvetica,sans-serif}.home-orbit__prompt i{font-style:normal;color:#fa6862;margin-left:3px}
.home-orbit:hover .home-orbit__prompt,.home-orbit:focus-visible .home-orbit__prompt{transform:translate(-50%,4px);box-shadow:0 14px 38px rgba(243,76,72,.22)}
@keyframes home-orbit-a{from{transform:rotate(-25deg) rotateX(68deg) rotateZ(0)}to{transform:rotate(-25deg) rotateX(68deg) rotateZ(360deg)}}
@keyframes home-orbit-b{from{transform:rotateY(66deg) rotateZ(0)}to{transform:rotateY(66deg) rotateZ(-360deg)}}
@keyframes home-orbit-c{from{transform:rotateX(75deg) rotateZ(0)}to{transform:rotateX(75deg) rotateZ(360deg)}}
@keyframes home-orbit-shine{50%{opacity:.25;transform:rotate(30deg)}}
@media(max-width:1350px){body.visual-index .home-orbit{left:calc(-7cm - 55px);width:110px}.home-orbit__ring{border-width:4px}}
@media(max-width:820px){body.visual-index .home-orbit{left:0;width:96px;filter:drop-shadow(0 0 12px rgba(243,76,72,.24))}.home-orbit__prompt{left:0;top:calc(100% + 8px);transform:none;align-items:flex-start;min-width:135px;padding:8px 10px;font-size:13px;text-align:left}.home-orbit__prompt strong{font-size:13px}.home-orbit__prompt>span{font-size:11px}.home-orbit:hover .home-orbit__prompt,.home-orbit:focus-visible .home-orbit__prompt{transform:translateY(4px)}}
@media(prefers-reduced-motion:reduce){.home-orbit__ring,.home-orbit__sheen{animation:none!important}}
