.hub-medallion{flex-shrink:0;place-items:center;width:92px;height:92px;display:grid;position:relative}@media (min-width:640px){.hub-medallion{width:116px;height:116px}}.hub-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.hub-ring-track{fill:none;stroke:var(--ink-line);stroke-width:7px}.hub-ring-fill{fill:none;stroke:var(--accent);stroke-width:7px;stroke-linecap:round}.hub-medallion-face{z-index:1;background:radial-gradient(120% 120% at 50% 22%, color-mix(in oklab, var(--accent-soft) 85%, transparent), transparent 62%), var(--surface-2);width:74%;height:74%;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 34%, transparent), inset 0 2px 9px #0000004d, 0 1px 2px #00000040;animation:hub-medallion-breathe 5.5s var(--ease-out,ease) infinite;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}@keyframes hub-medallion-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}[data-theme=light] .hub-medallion-face{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 40%, transparent), inset 0 2px 6px #00000014, 0 1px 2px #0000000f}.hub-medallion-num{font-family:var(--font-heading,inherit);color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:700;line-height:1}@media (min-width:640px){.hub-medallion-num{font-size:2.5rem}}.hub-medallion-cap{font-family:var(--font-heading,inherit);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:3px;font-size:.58rem}.hub-joli-img{transform-origin:50% 92%;animation:hub-joli-bob 4.4s var(--ease-out,ease) infinite}@keyframes hub-joli-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-1.5deg)}}.hub-showcase{scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:.75rem;padding-bottom:4px;display:flex;overflow-x:auto}.hub-showcase>*{scroll-snap-align:start}.hub-showcase-card{transition:transform .22s var(--ease-out,ease)}@media (hover:hover) and (pointer:fine){.hub-showcase-card:hover{transform:translateY(-6px)rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.hub-medallion-face,.hub-joli-img{animation:none!important}.hub-showcase-card{transition:none!important}.hub-showcase-card:hover{transform:none!important}}:root[data-perf=lite] .hub-medallion-face,:root[data-perf=lite] .hub-joli-img{animation:none!important}