.page-work .page-shell{gap:var(--section-gap);flex-direction:column;display:flex}.work-case-cards{gap:var(--space-md);padding:0;list-style:none;display:grid}.start-here-proof .list{margin:0}.work-engagements-note .mono{color:var(--accent-label);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem}.work-section-header{justify-content:space-between;align-items:baseline;gap:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.work-case-cards{margin-top:var(--space-sm)}.work-case-card{gap:var(--space-md);max-width:none;padding:var(--space-ml);border-radius:var(--radius-lg);border:1px solid var(--edge);border-left:3px solid var(--edge);background:var(--surface-1);transition:border-color var(--duration-normal) ease;display:grid}@media (width>=880px){.work-case-card{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);align-items:start}}.work-case-card:hover,.work-case-card:focus-within{border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.work-case-card{transition:none}}.work-case-card-visual{border-radius:var(--radius-md);border:1px solid var(--edge-subtle);background:color-mix(in srgb, var(--surface-2) 60%, var(--bg));flex-direction:column;margin:0;display:flex;overflow:hidden}.work-case-card-visual img{width:auto;max-width:92%;height:clamp(220px,32vw,360px);margin:var(--space-xs) auto;object-fit:contain;background:0 0;border-radius:4px;display:block}.work-case-card-visual figcaption{padding:.65rem var(--space-sm) var(--space-sm);border-top:1px solid var(--edge-subtle);color:var(--ink-tertiary);font-size:var(--text-xs);line-height:1.45}.work-case-card-meta{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-label);margin:0;font-size:.75rem}.work-case-card-copy{align-content:start;gap:var(--space-sm);display:grid}.work-case-card-header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.work-case-card-copy>h3{font-size:var(--text-2xl);text-wrap:balance;margin:0}.work-case-card-outcome{font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink);text-wrap:pretty;padding-left:var(--space-md);border-left:3px solid var(--edge-strong);margin:0;font-weight:600;line-height:1.35}.work-case-card-outcome-label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--accent-label);margin-bottom:var(--space-3xs);font-weight:650;display:block}.work-case-card-step{align-items:baseline;gap:var(--space-xs);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-tertiary);margin:0;display:flex}.work-case-card-step-n{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:0;color:var(--accent-label)}.work-case-card-rule{max-width:62ch;font-family:var(--font-serif);font-size:var(--text-base);color:var(--ink-secondary);text-wrap:pretty;margin:0;line-height:1.5}.work-case-card-rule-label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--accent-label);margin-bottom:var(--space-3xs);font-weight:650;display:block}.work-sequence-next p{max-width:62ch}.work-case-card-footer{align-items:center;gap:var(--space-sm) var(--space-md);margin-top:var(--space-2xs);flex-wrap:wrap;display:flex}.work-case-card-evidence{align-items:flex-start;gap:var(--space-2xs);font-family:var(--font-display);font-size:var(--text-xs);color:var(--ink-tertiary);margin:0;line-height:1.4;display:inline-flex}.work-case-card-evidence a{color:var(--ink-secondary);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent)}.work-case-card-evidence a:hover{color:var(--accent)}.work-case-card-cta{margin-top:var(--space-3xs);justify-self:start}@media (width<=720px){.work-case-card{padding:var(--space-md)}.work-case-card-visual img{height:clamp(150px,46vw,220px)}.work-case-card-copy>h3{font-size:var(--text-xl);max-width:none}}@media (hover:none),(pointer:coarse){.work-case-cards:has(.work-case-card:hover) .work-case-card:not(:hover),.work-case-cards:has(.work-case-card:focus-within) .work-case-card:not(:focus-within){opacity:1}.work-case-card:hover,.work-case-card:focus-within{box-shadow:none;transform:none}}