.hub{background:var(--canvas);padding-block:56px var(--section-gap);padding-inline:var(--pad)}.hub__wrap{max-inline-size:var(--content);margin-inline:auto}.hub__head{max-inline-size:640px;margin-block:10px 40px}.hub__h1{font-size:var(--text-h1);font-weight:800;line-height:1.1;letter-spacing:-.02em;text-wrap:balance;margin-block:12px 14px}.hub__intro{font-size:var(--text-lead);line-height:1.55;color:var(--ink-2);margin-block:0}.hub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:22px;gap:22px}.hub__card{display:flex;flex-direction:column;gap:10px;padding-block:24px;padding-inline:26px;position:relative;transition:box-shadow .25s var(--ease),translate .25s var(--ease)}.hub__card:hover{box-shadow:var(--shadow-md);translate:0 -2px}.hub__meta{display:flex;align-items:center;gap:8px;font-size:var(--text-note);font-weight:500;color:var(--ink-3);margin-block:0}.hub__title{font-size:var(--text-h3);font-weight:700;line-height:1.3;margin-block:0}.hub__link{color:var(--ink);text-decoration:none}.hub__link:after{content:"";position:absolute;inset:0}.hub__desc{font-size:var(--text-body);line-height:1.55;color:var(--ink-2);margin-block:0;flex-grow:1}.hub__read{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-note);font-weight:700;color:var(--primary-700)}.hub__arrow{display:inline-block;transition:translate .25s var(--ease);scale:calc(var(--flow, 1)) 1}.hub__card:hover .hub__arrow{translate:calc(4px * var(--flow, 1)) 0}