.projectGrid{gap:var(--space-lg);display:grid}@media (min-width:48rem){.projectGrid{gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr))}.projectGridCard:first-child{grid-column:1/-1}}.projectGridCard{background:var(--color-paper-hi);border:1px solid var(--color-rule);border-radius:var(--radius);min-width:0;transition:border-color var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.projectGridCard:hover{border-color:var(--project-color)}.projectGridCard:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.projectGridCard[data-tone=teal]{--project-color:var(--color-accent);--project-soft:var(--color-accent-soft)}.projectGridCard[data-tone=amber]{--project-color:var(--color-amber);--project-soft:var(--color-amber-soft)}.projectGridCard[data-tone=green]{--project-color:var(--color-green);--project-soft:var(--color-green-soft)}.projectGridMedia{background:var(--color-paper-2);border-bottom:1px solid var(--color-rule);aspect-ratio:16/9;overflow:hidden}.projectGridCard:first-child .projectGridMedia{aspect-ratio:16/7}.projectGridImage{object-fit:cover;object-position:top center;width:100%;height:100%}.projectGridBody{gap:var(--space-xs);padding:var(--space-md);flex-direction:column;flex:1;display:flex}@media (min-width:48rem){.projectGridBody{padding:var(--space-lg)}}.projectGridTop{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:28px;display:flex}.projectGridIndex{min-width:26px;height:26px;padding-inline:var(--space-2xs);border-radius:var(--radius-sm);background:var(--project-soft);color:var(--project-color);font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex}.projectGridLogo{object-fit:contain;object-position:right center;width:auto;height:24px}.projectGridTitle{font-size:var(--text-title);line-height:1.12}.projectGridCard:first-child .projectGridTitle{font-size:var(--text-section);line-height:1.02}.projectGridDesc{color:var(--color-ink-2);font-size:var(--text-sm);max-width:64ch;line-height:1.6}.projectGridMetric{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--project-soft);color:var(--project-color);font-size:var(--text-xs);align-self:flex-start;display:inline-flex}.projectGridMetric svg{flex-shrink:0}.projectGridFoot{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);flex-wrap:wrap;margin-top:auto;display:flex}.projectGridMore{color:var(--color-ink);font-size:var(--text-sm);text-decoration:underline;-webkit-text-decoration-color:var(--color-rule-strong);text-decoration-color:var(--color-rule-strong);text-underline-offset:.25em}.projectGridCard:hover .projectGridMore{color:var(--project-color);-webkit-text-decoration-color:var(--project-color);text-decoration-color:var(--project-color)}.projectTags{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.projectTag{padding:var(--space-3xs) var(--space-xs);border:1px solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-xs);line-height:1.5;display:inline-flex}.projectMetricChip{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-ink);font-size:var(--text-sm);line-height:1.4;display:inline-flex}.projectLogo{object-fit:contain;width:auto;height:26px}.imgSlider{gap:var(--space-sm);margin-block:var(--space-lg);flex-direction:column;display:flex}.imgSliderViewport{border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper-2);position:relative;overflow:hidden}.imgSliderImg{aspect-ratio:16/10;object-fit:cover;object-position:top center;width:100%;height:auto}.imgSliderArrow{border:1px solid var(--color-rule-strong);border-radius:var(--radius);background:var(--color-paper-hi);width:44px;height:44px;color:var(--color-ink);transition:background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.imgSliderArrow:hover{border-color:var(--color-ink)}.imgSliderArrowPrev{left:var(--space-sm)}.imgSliderArrowNext{right:var(--space-sm)}.imgSliderFoot{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.imgSliderDots{gap:var(--space-2xs);display:flex}.imgSliderDot{background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.imgSliderDot:before{content:"";background:var(--color-rule-strong);width:24px;height:2px;transition:background-color var(--dur-micro) var(--ease-out);display:block}.imgSliderDotActive:before{background:var(--color-accent)}.imgSliderCount{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}