.hub .sy-mosaic{position:relative;height:clamp(280px,34vw,500px);margin-top:8px;overflow:hidden;perspective:1500px;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 62%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 62%,transparent)}.hub .sy-mosaic>div{position:absolute;left:50%;top:0;width:150%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;transform-origin:50% 0;transform:translateX(-50%) rotateX(32deg) rotate(-9deg);animation:sy-pan 40s ease-in-out infinite alternate}.hub .sy-mosaic .st{border-radius:10px;box-shadow:0 0 0 1px var(--rule),0 18px 30px -20px rgb(0 0 0/.7)}@keyframes sy-pan{to{transform:translateX(-56%) rotateX(32deg) rotate(-9deg) translateY(-12%)}}.hub .sy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px;margin-top:32px}.hub .sy-card{display:grid;align-content:start;gap:12px;scroll-margin-top:96px}.hub .sy-win{display:block;color:inherit;border-radius:12px;overflow:hidden;border:1px solid var(--edge);background:var(--card);box-shadow:0 40px 70px -46px rgb(0 0 0/.75);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.hub a.sy-win:hover{transform:translateY(-4px);box-shadow:0 54px 90px -50px rgb(0 0 0/.85)}.hub .sy-bar{display:flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-bottom:1px solid var(--rule);background:var(--bg-2)}.hub .sy-bar i{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--ink) 18%,transparent)}.hub .sy-bar span{margin:0 auto;padding:1px 10px;border-radius:99px;border:1px solid var(--rule);background:var(--card);font:500 10px var(--font-mono);color:var(--ink-3)}.hub .sy-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 10px;padding:0 2px}.hub .sy-meta h3{margin:0;font-size:17px;font-weight:750;letter-spacing:-.03em}.hub .sy-meta h3 a{color:inherit;text-decoration:none}.hub .sy-meta h3 a:hover{text-decoration:underline;text-underline-offset:3px}.hub .sy-meta p{grid-column:1/-1;margin:0;font-size:13.5px;line-height:1.45;color:var(--ink-2)}.hub .sy-hex{grid-column:1/-1;list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 12px}.hub .sy-hex li{display:inline-flex;align-items:center;gap:6px;font:500 11px var(--font-mono);color:var(--ink-3)}.hub .sy-hex i{width:14px;height:14px;border-radius:5px;box-shadow:inset 0 0 0 1px rgb(127 127 127/.35)}@media (max-width:1100px){.hub .sy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.hub .sy-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:860px){.hub .sy-mosaic>div{width:240%}}@media (prefers-reduced-motion:reduce){.hub .sy-mosaic>div{animation:none}}