.product-index{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.product-index__item{border-bottom:1px solid var(--border)}.product-index__row{gap:var(--space-2);padding:var(--space-6) 0;color:var(--fg);grid-template-areas:"meta""name""text";text-decoration:none;display:grid;position:relative}.product-index__row:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-sm)}.product-index__meta{gap:var(--space-3);color:var(--muted);font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:.04em;text-transform:uppercase;grid-area:meta;display:flex}.product-index__num{color:var(--accent-text)}.product-index__name{font-size:var(--type-display-3);letter-spacing:-.02em;transition:color var(--motion-hover-duration) var(--ease-out);grid-area:name;font-weight:600;line-height:1.05}.product-index__text{max-width:44ch;color:var(--muted);font-size:var(--type-body);grid-area:text;line-height:1.55}.product-index__capture{margin:var(--space-3) 0 0;aspect-ratio:16/10;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);box-shadow:var(--shadow);grid-area:capture;position:relative;overflow:hidden}.product-index__capture[data-capture-theme=dark]{background-color:var(--fg)}.product-index--captures .product-index__row{grid-template-areas:"meta""name""text""capture"}.product-index__capture{--crop-x:.5;--crop-y:.5;--crop-w:.8;--slot-h:1}.product-index__capture[data-capture-surface=blueprint]{--crop-x:.54;--crop-y:.55;--crop-w:.875}.product-index__capture[data-capture-surface=horizon]{--crop-x:.625;--crop-y:.5;--crop-w:.74}.product-index__capture[data-capture-surface=wisp]{--crop-x:.574;--crop-y:.39;--crop-w:.78}.product-index__capture[data-capture-surface=dashboards]{--crop-x:.578;--crop-y:.6;--crop-w:.79}.product-index__capture[data-capture-surface=finder]{--crop-x:.575;--crop-y:.34;--crop-w:.75}@media (width<=960px){.product-index__capture[data-capture-surface=blueprint]{--crop-x:.42;--crop-w:.62}}.product-index__capture picture{height:100%;display:block}.product-index__capture img{width:calc(100% / var(--crop-w));max-width:none;height:auto;transform:translate(calc(-100% * clamp(var(--crop-w) / 2, var(--crop-x), 1 - var(--crop-w) / 2)), calc(-100% * clamp(var(--crop-w) * var(--slot-h) / 2, var(--crop-y), 1 - var(--crop-w) * var(--slot-h) / 2)));display:block;position:absolute;top:50%;left:50%}@media (width>=961px){.product-index__row{column-gap:var(--space-8);padding:var(--space-7) 0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta name""text name";align-items:center}.product-index--captures{container-type:inline-size}.product-index--captures .product-index__row{--capture-w:38cqi;grid-template-columns:minmax(0, 1fr) var(--capture-w) minmax(0, 1fr);min-height:calc(var(--capture-w) / 2 + 2 * var(--space-4));grid-template-areas:"meta.name""text.name"}.product-index__name{color:var(--muted);font-size:var(--type-display-2);text-align:right;justify-self:end}.product-index__row[data-active] .product-index__name{color:var(--fg)}.product-index__capture{--slot-h:.8;aspect-ratio:2;z-index:2;opacity:0;pointer-events:none;width:100%;transition:opacity var(--motion-reveal-duration) var(--ease-out), transform var(--motion-reveal-duration) var(--ease-out);grid-area:1/2/-1/3;margin:0;position:absolute;top:50%;transform:translateY(-50%)scale(.98)}.product-index__row[data-active] .product-index__capture{opacity:1;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.product-index__name,.product-index__capture{transition:none}}