.horbit{container-type:inline-size;position:relative;width:100%;max-width:36rem;margin-inline:auto;aspect-ratio:600/440;overflow:hidden}.horbit--tall{max-width:24rem;aspect-ratio:360/420}.horbit:not([data-ready]) .orb{visibility:hidden}.horbit__rings{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}.horbit__ring{fill:none;stroke:var(--hh-blue);stroke-width:1;vector-effect:non-scaling-stroke}.horbit__dot{fill:#ff9d4a;opacity:.7}.horbit__dot--b,.horbit__dot--c{fill:var(--hh-blue)}.horbit__dot--c{opacity:.45}.horbit__center{position:absolute;inset:50% auto auto 50%;z-index:5;display:grid;justify-items:center;grid-gap:.7rem;gap:.7rem;translate:-50% -50%}.horbit__center img{display:block;width:clamp(5.5rem,20cqw,7.5rem);height:auto}.horbit__ask{display:inline-flex;align-items:center;gap:.5em;padding:.5em 1em;border:1px solid var(--hh-edge);border-radius:999px;background:var(--hh-surface);box-shadow:0 10px 24px -14px rgba(30,60,130,.5);color:var(--hh-ink);font-size:clamp(.62rem,2.3cqw,.85rem);font-weight:600;white-space:nowrap}.horbit__ask i{width:.55em;height:.55em;border-radius:50%;background:#ff9d4a;animation:horbit-pulse 2.8s ease-in-out infinite}@keyframes horbit-pulse{50%{box-shadow:0 0 0 .45em rgba(255,157,74,0);opacity:.7}0%{box-shadow:0 0 0 0 rgba(255,157,74,.5)}}.orb{position:absolute;top:0;left:0;width:25cqw;will-change:transform,opacity}.horbit--tall .orb{width:28cqw}.orb__shadow{position:absolute;inset:78% 6% -10% 6%;border-radius:50%;background:radial-gradient(closest-side,rgba(30,60,130,.42),transparent 100%);filter:blur(8px)}html[data-wb-scheme=dark] .orb__shadow{background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent 100%)}.horbit .hcard{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/5;border-radius:8%;box-shadow:0 14px 30px -14px rgba(30,60,130,.45);animation:none;transition:none}html[data-wb-scheme=dark] .horbit .hcard{box-shadow:0 14px 30px -14px rgba(0,0,0,.7)}.horbit .hcard:hover{scale:none}.horbit .hbadge{inset:auto auto -6% -9%;font-size:clamp(.5rem,2.2cqw,.8rem)}.horbit--tall .hbadge{font-size:clamp(.5rem,3cqw,.72rem)}