.gallery{max-width:64rem;margin-inline:auto;padding:var(--spacing-8xl) var(--spacing-xl) var(--spacing-6xl)}.gallery__eyebrow{margin-bottom:var(--spacing-sm);color:var(--color-text-brand);font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.14em}.gallery__title{font-size:clamp(2rem,5vw,3rem);font-weight:var(--font-weight-bold);line-height:1.1;letter-spacing:-.02em}.gallery__lede{max-width:38rem;margin-top:var(--spacing-md);color:var(--color-text-muted);font-size:1rem;line-height:1.65}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:var(--spacing-lg);margin:var(--spacing-4xl) 0 0;padding:0;list-style:none}.card{display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%;padding:var(--spacing-xl);border:1px solid var(--color-stroke-default);border-radius:var(--radius-xl);background:var(--color-bg-subtle);transition:border-color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-emphasized)}.card:hover{border-color:var(--color-stroke-primary);background:var(--color-bg-hover);transform:translateY(-2px)}.card__name{font-size:1.0625rem;font-weight:var(--font-weight-semibold)}.card__note{color:var(--color-text-muted);font-size:.875rem;line-height:1.55}.card__meta{margin-top:auto;padding-top:var(--spacing-md);color:var(--color-text-subtle);font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(prefers-reduced-motion:reduce){.card{transition:border-color var(--duration-fast) linear,background-color var(--duration-fast) linear}.card:hover{transform:none}}