.article-orbit{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.article-orbit-canvas{cursor:grab;opacity:0;width:100%;height:100%;transition:opacity .32s .18s;display:block}.article-orbit-canvas:active{cursor:grabbing}.article-orbit.is-moving .article-orbit-canvas{opacity:1;transition-delay:.22s}.article-morph-shell{width:min(560px,100cqw - 48px);height:calc(min(560px,calc(100cqw - 48px))/var(--cover-ratio,2.5));background:var(--background);pointer-events:none;opacity:1;border-radius:14px;transition:width .58s cubic-bezier(.22,1,.36,1),height .58s cubic-bezier(.22,1,.36,1),top .58s cubic-bezier(.22,1,.36,1),border-radius .58s cubic-bezier(.22,1,.36,1),opacity .18s;position:absolute;top:38%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0000001f}.article-morph-photo{opacity:1;transition:opacity .26s .16s;position:absolute;inset:0}.article-orbit-cover{object-fit:contain}.article-orbit.is-moving .article-morph-shell{opacity:0;border-radius:50%;width:192px;height:192px;transition:width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1),top .45s cubic-bezier(.22,1,.36,1),border-radius .45s cubic-bezier(.22,1,.36,1),opacity .26s .36s;top:50%}.article-orbit-caption{left:50%;top:calc(38% + min(560px,calc(100cqw - 48px))/var(--cover-ratio,2.5)/2 + 18px);text-align:center;transform-origin:top;opacity:1;pointer-events:none;width:min(560px,100% - 48px);transition:opacity .36s .18s,transform .58s cubic-bezier(.22,1,.36,1),top .45s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%)translateY(0)scale(1)}.article-orbit.is-moving .article-orbit-caption{opacity:0;transition-delay:0s;transform:translate(-50%)translateY(-20px)scale(.72)}.article-orbit-caption p{color:var(--muted-foreground);margin:0 0 8px;font-size:12px}.article-orbit-caption h3{text-wrap:balance;margin:0;font-size:clamp(17px,2vw,23px);font-weight:500;line-height:1.5}.article-orbit-link{border:1px solid color-mix(in srgb,var(--foreground)18%,transparent);pointer-events:auto;background:var(--background);border-radius:10px;align-items:center;gap:12px;margin-top:14px;padding:9px 16px;font-size:13px;display:inline-flex}.article-orbit.is-moving .article-orbit-link{pointer-events:none}.article-orbit-hint{text-align:center;width:100%;color:var(--muted-foreground);pointer-events:none;margin:0;padding:0 16px;font-size:12px;position:absolute;bottom:20px}@media (prefers-reduced-motion:reduce){.article-morph-shell,.article-morph-photo,.article-orbit-canvas,.article-orbit-caption{transition:none!important}}