.portfolio-page{display:flex;flex-direction:column;gap:var(--space-6)}.work-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-5);gap:var(--space-5);width:100%}.work-featured>*{display:flex;min-width:0;max-width:100%;height:100%}.archive-card-link,.work-card-link{display:block;width:100%;min-width:0;max-width:100%;height:100%;text-decoration:none;color:inherit;border-radius:var(--radius-lg)}.archive-card-link:focus-visible,.work-card-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.archive-card-link.is-loading,.work-card-link.is-loading{pointer-events:none}.archive-card,.work-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);width:100%;min-width:0;max-width:100%;height:100%;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 48%,transparent);overflow:hidden;transition:border-color var(--duration) var(--ease-out)}.work-card__copy{display:flex;flex-direction:column;flex:1 1 auto;gap:var(--space-3);min-height:0}.archive-card:hover,.work-card:hover{border-color:var(--border-active)}.work-card__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}.work-card__index{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim)}.archive-card h3,.work-card h3{margin:0;font-family:var(--font-display);letter-spacing:-.03em}.work-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(1.15rem,1.5vw,1.45rem)}.archive-card p,.work-card__description,.work-card__teaser{margin:0;color:var(--color-text-muted);line-height:1.6}.work-card__teaser{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem;margin:0}.work-card__facts-stack{grid-column:1/-1}.work-card__facts dt{margin:0 0 .2rem;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-dim)}.work-card__facts dd{margin:0;overflow:hidden;color:var(--color-text-secondary);font-size:.875rem;text-overflow:ellipsis;white-space:nowrap}.work-card__facts dd:has(.project-type){overflow:visible;white-space:normal}.archive-card__cta,.work-card__cta{margin-top:auto;color:var(--brand-blue);font-weight:600}.archive-card__media,.work-card__media{flex:0 0 auto;min-width:0;max-width:100%;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.work-card__media{aspect-ratio:16/10}.archive-card__image,.work-card__image{display:block;width:100%;max-width:100%;min-width:0;height:100%;object-fit:cover;transition:transform var(--duration) var(--ease-out)}.archive-card__image{height:140px;max-height:none}.archive-card:hover .archive-card__image,.work-card:hover .work-card__image{transform:scale(1.03)}.work-archive{display:flex;flex-direction:column;gap:var(--space-4)}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.archive-card{padding:var(--space-4)}.archive-card__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.45rem .65rem;min-width:0}.archive-card h3{font-size:1.05rem}.archive-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-card__stack{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-dim)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.portfolio-card-link{text-decoration:none;color:inherit}.portfolio-card-link.is-loading{pointer-events:none}.portfolio-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);height:100%;overflow:hidden;-webkit-backdrop-filter:blur(var(--glass-blur,5px));backdrop-filter:blur(var(--glass-blur,5px));transition:border-color .3s var(--ease-out),transform .3s var(--ease-out),box-shadow .3s ease}.portfolio-card:hover{border-color:var(--color-teal);transform:translateY(-3px);box-shadow:3px 3px 3px rgba(0,0,0,.28)}.portfolio-card__media{overflow:hidden}.portfolio-card__image,.portfolio-card__media{border-radius:var(--radius-md);aspect-ratio:20/11}.portfolio-card__image{width:100%;height:160px;object-fit:cover;transition:transform .3s ease}.portfolio-card:hover .portfolio-card__image{transform:scale(1.05)}.portfolio-card h3{margin:0}.portfolio-card p{margin:0;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.portfolio-card__tech{display:flex;flex-wrap:wrap;gap:6px}.portfolio-card__cta{margin-top:auto;color:var(--color-teal);font-weight:600}.portfolio-card__loader{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:var(--space-4);background:color-mix(in srgb,var(--color-canvas) 78%,transparent);-webkit-backdrop-filter:blur(var(--glass-blur,5px));backdrop-filter:blur(var(--glass-blur,5px));color:var(--color-text);font-size:.875rem;font-weight:600;letter-spacing:.01em;text-align:center}.portfolio-card__spinner{width:22px;height:22px;border:2px solid color-mix(in srgb,var(--color-teal) 28%,transparent);border-top-color:var(--color-teal);border-radius:50%;animation:uiButtonSpin .7s linear infinite}@keyframes fadeRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1023px){.archive-grid,.portfolio-grid,.work-featured{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.work-card__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid,.work-featured{grid-template-columns:1fr;gap:var(--space-3)}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.archive-card{padding:var(--space-3)}.archive-card h3{font-size:.875rem;line-height:1.25}.archive-card p{font-size:.75rem;line-height:1.45}.archive-card__image{height:96px}.archive-card__cta{font-size:.75rem}.archive-card__meta,.work-card__meta{gap:.35rem}.project-flags{justify-content:flex-start}.project-type,.term-status{font-size:.625rem}.project-type{padding:.12rem .4rem}.work-card{padding:var(--space-3);gap:var(--space-3)}.work-card__copy{gap:.45rem}.work-card h3{font-size:1rem;line-height:1.25}.work-card__teaser{-webkit-line-clamp:2;font-size:.75rem;line-height:1.45}.work-card__cta,.work-card__facts dd{font-size:.75rem}.work-card__facts dd:has(.project-type){font-size:inherit}}@media(prefers-reduced-motion:reduce){.portfolio-card-link{animation:none}.archive-card:hover .archive-card__image,.portfolio-card:hover,.portfolio-card:hover .portfolio-card__image,.work-card:hover .work-card__image{transform:none}.portfolio-card__spinner{animation:none;border-top-color:currentColor;opacity:.7}}