.hubs{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid}.hub{border-radius:var(--r-xl);border:1px solid var(--line);min-width:0;color:inherit;background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--candle) 9%, transparent), transparent 60%), var(--surface-1);isolation:isolate;animation:.5s cubic-bezier(.2,.7,.2,1) both hub-in;animation-delay:calc(var(--i,0) * 40ms);grid-column:span 2;grid-template-rows:auto 1fr;gap:1rem;padding:1.25rem;text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .35s;display:grid;position:relative;overflow:hidden}.hub--wide{grid-column:span 3;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding-top:4.2rem}.hub:hover,.hub:focus-visible{border-color:color-mix(in srgb, var(--candle) 55%, var(--line));box-shadow:var(--shadow-lg), var(--glow-candle);outline:none;transform:translateY(-4px)}.hub__emoji{z-index:2;border-radius:var(--r-pill);background:color-mix(in srgb, var(--bg-deep) 70%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;width:2.6rem;height:2.6rem;font-size:1.35rem;line-height:1;transition:transform .45s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;top:1rem;left:1.1rem}.hub:hover .hub__emoji,.hub:focus-visible .hub__emoji{transform:rotate(-10deg)scale(1.18)}.hub__covers{justify-self:end;width:12rem;height:8.5rem;display:block;position:relative}.hub--wide .hub__covers{order:2;width:15rem;height:11rem}.hub__covers img{bottom:0;right:calc(var(--n) * 2.3rem);aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line-strong);width:5.4rem;max-width:none;height:auto;box-shadow:var(--shadow-md);transform:rotate(calc((var(--n) - 1) * 6deg));transform-origin:50% 100%;z-index:calc(3 - var(--n));transition:transform .45s cubic-bezier(.2,.7,.2,1),right .45s cubic-bezier(.2,.7,.2,1);position:absolute}.hub--wide .hub__covers img{width:7rem;right:calc(var(--n) * 3rem)}.hub:hover .hub__covers img,.hub:focus-visible .hub__covers img{transform:rotate(calc((var(--n) - 1) * 12deg)) translateY(-6px);right:calc(var(--n) * 3.2rem)}.hub--wide:hover .hub__covers img,.hub--wide:focus-visible .hub__covers img{right:calc(var(--n) * 4.2rem)}.hub__text{align-content:end;gap:.45rem;min-width:0;display:grid}.hub__text small{font:700 var(--fs-xs)/1 var(--ui);letter-spacing:var(--track-2);text-transform:uppercase;color:var(--candle-dim)}.hub__text h2{font:400 var(--fs-xl)/1.15 var(--display);color:var(--ink-hi);text-wrap:balance;margin:0}.hub--wide .hub__text h2{font-size:var(--fs-2xl)}.hub__text p{color:var(--muted);font:400 var(--fs-sm)/1.5 var(--ui);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.hub__go{font:600 var(--fs-sm)/1 var(--ui);color:var(--candle);opacity:.8;margin-top:.2rem;transition:opacity .25s}.hub__go span{transition:transform .3s;display:inline-block}.hub:hover .hub__go,.hub:focus-visible .hub__go{opacity:1}.hub:hover .hub__go span,.hub:focus-visible .hub__go span{transform:translate(4px)}@keyframes hub-in{0%{transform:translateY(10px)}to{transform:none}}@media (max-width:1100px){.hubs{grid-template-columns:repeat(2,minmax(0,1fr))}.hub,.hub--wide{grid-column:span 1;grid-template-rows:auto 1fr;grid-template-columns:none;align-items:stretch}.hub--wide .hub__covers{order:0;width:10.5rem;height:8.5rem}.hub--wide .hub__covers img{width:5.4rem;right:calc(var(--n) * 1.6rem)}.hub--wide .hub__text h2{font-size:var(--fs-xl)}}@media (max-width:620px){.hubs{grid-template-columns:1fr}.hub{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto;align-items:end;padding-top:4rem}.hub .hub__covers,.hub--wide .hub__covers{order:2;width:7.5rem;height:6.5rem}.hub .hub__covers img,.hub--wide .hub__covers img{width:4.2rem;right:calc(var(--n) * 1.2rem)}}@media (prefers-reduced-motion:reduce){.hub,.hub__emoji,.hub__covers img,.hub__go span{transition:none;animation:none}}