.sx__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(18px,1.5vw,26px);margin:clamp(40px,5.5vw,72px) 0 0;padding:0;list-style:none;display:grid}.sx__cell{display:flex}.sx__card{border:1px solid var(--hp-border);border-left:3px solid var(--hp-border-strong);background:var(--hp-bg);width:100%;height:100%;color:var(--hp-ink);border-radius:0 8px 8px 0;flex-direction:column;text-decoration:none;transition:border-left-color .22s,transform .22s,background-color .22s;display:flex;overflow:hidden}.sx__card:hover,.sx__card:focus-visible{border-left-color:var(--hp-accent);background:color-mix(in srgb, var(--hp-bg) 88%, var(--hp-panel));transform:translateY(-2px)}.sx__media{aspect-ratio:16/9;border-bottom:1px solid var(--hp-border);background:var(--hp-panel);display:block;position:relative;overflow:hidden}.sx__media img{object-fit:cover;width:100%;height:100%;transition:transform .25s;position:absolute;inset:0}.sx__card:hover .sx__media img{transform:scale(1.04)}.sx__card--current,.sx__card--current:hover{border-left-color:var(--hp-border-strong);background:var(--hp-bg);cursor:default;transform:none}.sx__card--current:hover .sx__media img{transform:none}.sx__body{flex-direction:column;flex:1;gap:10px;padding:clamp(18px,1.5vw,24px);display:flex}.sx__kind+.sx__name{margin-top:-4px}.sx__kind{font-family:var(--sw-font-mono);letter-spacing:.9px;text-transform:uppercase;color:var(--hp-accent);font-size:10.5px}.sx__name{font-family:var(--sw-font-serif);font-size:clamp(18px,1.25vw,21px);font-weight:500;line-height:1.2}.sx__text{color:var(--hp-ink-sub);flex:1;font-size:clamp(14.5px,.95vw,15.5px);line-height:1.6}.sx__cta{border:1px solid var(--hp-border-strong);font-family:var(--sw-font-mono);letter-spacing:.8px;text-transform:uppercase;color:var(--hp-ink);border-radius:3px;align-self:flex-start;margin-top:18px;padding:9px 16px;font-size:11px;font-weight:500;transition:background-color .18s,border-color .18s,color .18s}.sx__card:hover .sx__cta,.sx__card:focus-visible .sx__cta{border-color:var(--hp-ink);background:var(--hp-ink);color:var(--hp-bg)}.sx__here{font-family:var(--sw-font-mono);letter-spacing:.8px;text-transform:uppercase;color:var(--hp-ink-faint);align-self:flex-start;margin-top:18px;padding:9px 0;font-size:11px;font-weight:500}@media (max-width:1400px){.sx__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1080px){.sx__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.sx__grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.sx__card,.sx__card:hover,.sx__card:focus-visible,.sx__card:hover .sx__media img{transform:none}}