.home-masonry{min-height:100vh;color:var(--color-ink);background:var(--color-canvas)}.masonry-project-grid{column-count:2;column-gap:var(--space-6);padding:var(--space-3) 0 var(--space-12)}.home-masonry .project-story{--story-accent: var(--color-ink);display:inline-flex;width:100%;min-width:0;break-inside:avoid;flex-direction:column;align-items:stretch;gap:var(--space-6);margin:0 0 var(--space-6);padding:var(--space-8);border:var(--border-subtle);border-radius:var(--radius-card);background:var(--color-surface);vertical-align:top;transition:border-color var(--duration-fast) var(--ease-out)}.home-masonry .project-story[data-hue=sky]{--story-accent: var(--project-sky-text)}.home-masonry .project-story[data-hue=indigo]{--story-accent: var(--project-indigo-text)}.home-masonry .project-story[data-hue=amber]{--story-accent: var(--project-amber-text)}.home-masonry .project-story[data-hue=purple]{--story-accent: var(--project-purple-text)}.home-masonry .project-story[data-hue=lime]{--story-accent: var(--project-lime-text)}.home-masonry .project-story[data-hue=green]{--story-accent: var(--project-green-text)}.home-masonry .project-story:hover{border-color:color-mix(in srgb,var(--story-accent) 48%,var(--color-line))}.home-masonry .project-story-media{width:100%;background:var(--color-canvas)}.home-masonry .project-story-media img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.home-masonry .project-story-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-4)}.home-masonry .project-story-copy :is(h3,p){margin:0}.home-masonry .case-chip-row{justify-content:flex-start}.home-masonry .project-story h3{font-size:var(--type-card-size);line-height:var(--type-card-line)}.home-masonry .project-role{margin-bottom:var(--space-2)}.home-masonry .project-outcome{margin-bottom:0}.home-masonry .project-link{align-self:flex-start;min-height:44px;margin-top:var(--space-2)}.home-masonry :is(a,button):focus-visible{border-radius:var(--radius-control);outline:2px solid var(--color-focus);outline-offset:4px}@media (max-width: 1000px){.masonry-project-grid{column-count:1;max-width:var(--layout-case-reading-column);margin:0 auto}}@media (max-width: 760px){.home-masonry .project-story{gap:var(--space-4);padding:var(--space-6)}}