.portfolio-page{display:flex;flex-direction:column;gap:var(--section-gap)}.work-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:clamp(1.25rem,2vw,1.75rem);gap:clamp(1.25rem,2vw,1.75rem);width:100%;align-items:stretch}.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-5);width:100%;min-width:0;max-width:100%;height:100%;padding:var(--space-6) 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{align-items:stretch;gap:var(--space-5);min-height:0;padding:clamp(1rem,1.6vw,1.35rem)}.archive-card__copy,.work-card__copy{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.work-card__copy{gap:clamp(1.15rem,1.8vw,1.5rem);justify-content:flex-start}.archive-card__copy{gap:var(--space-3)}.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.2rem,1.5vw,1.45rem);font-weight:700;line-height:1.25}.archive-card p,.work-card__description,.work-card__teaser{margin:0;color:var(--color-text-muted);font-size:var(--text-body);line-height:var(--leading-body)}.work-card__teaser{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:1.75}.work-card h3+.work-card__industry{margin-top:-.65rem}.work-card__industry{margin:0;font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-cyan)}.work-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem 1.25rem;gap:1rem 1.25rem;margin:.35rem 0 0}.work-card__facts-stack{grid-column:1/-1}.work-card__facts dt{margin:0 0 .4rem;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),.work-card__facts-stack dd{overflow:visible;white-space:normal;line-height:1.45}.archive-card__cta,.work-card__cta{margin-top:auto;padding-top:.35rem;color:var(--brand-blue);font-size:.9375rem;font-weight:600;letter-spacing:.01em}.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{order:-1;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;width:100%;min-height:0;background:#0c1424;border-color:color-mix(in srgb,var(--color-text-muted) 46%,var(--color-canvas))}.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)}.work-card__image{height:100%;object-fit:cover;object-position:center}.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-5);padding-top:var(--space-2)}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.archive-more{display:flex;justify-content:center}.archive-card{padding:var(--space-5) var(--space-4);gap:var(--space-3)}.archive-card__meta{justify-content:space-between;gap:.45rem .65rem}.archive-card__lead,.archive-card__meta{display:flex;flex-wrap:wrap;align-items:center;min-width:0}.archive-card__lead{gap:.4rem .7rem}.archive-card__year{display:inline-flex;align-items:baseline;gap:.4rem;color:var(--color-text-secondary);font-size:.8125rem;line-height:1.2;white-space:nowrap}.archive-card__year-label{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-dim)}.archive-card h3{font-size:1.1rem;font-weight:700;line-height:1.3}.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){.work-card__media{min-height:0}.archive-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.work-featured{grid-template-columns:1fr;gap:var(--space-5)}.archive-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.archive-card{padding:var(--space-3);gap:var(--space-3)}.archive-card h3{font-size:.9375rem;line-height:1.3}.archive-card p{font-size:.8125rem;line-height:1.5}.archive-card__image{height:96px}.archive-card__cta{font-size:.75rem}.archive-card__meta,.work-card__meta{gap:.35rem}.archive-card__year{font-size:.75rem}.project-flags{justify-content:flex-start}.project-type,.term-status{font-size:.625rem}.project-type{padding:.12rem .4rem}.work-card{padding:var(--space-4) var(--space-3);gap:var(--space-4)}.work-card__copy{gap:1rem}.work-card h3+.work-card__industry{margin-top:-.4rem}.work-card__index{font-size:.5625rem}.work-card__index-label{display:none}.work-card h3{font-size:.95rem;line-height:1.3}.work-card__teaser{-webkit-line-clamp:3;font-size:.875rem;line-height:1.65}.work-card__facts{margin-top:.15rem;gap:.85rem 1rem}.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}}