.work-grid{gap:var(--space-16) var(--grid-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.work-card{gap:var(--space-4);min-width:0;display:grid;position:relative}.work-card-media{aspect-ratio:1200/630;border-radius:var(--radius-panel);background:var(--surface);position:relative;overflow:hidden}.work-card-media>img{object-fit:cover;width:100%;height:100%;transition:transform var(--spring-soft);display:block}.work-card-view{left:var(--space-3);bottom:var(--space-3);align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--ink);color:var(--canvas);font-size:var(--type-ui);opacity:0;transform:translateY(var(--space-2));transition:opacity var(--motion-ui) var(--ease-ui), transform var(--spring);display:inline-flex;position:absolute}.work-card-view svg{width:1em;height:1em}.work-card-body{grid-template-columns:var(--space-12) minmax(0, 1fr) auto;align-items:baseline;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--rule);display:grid;position:relative}.work-card-body:before{content:"";background:var(--project-color,var(--ink));transform-origin:0;width:100%;height:1px;transition:transform var(--spring-soft);position:absolute;top:-1px;left:0;transform:scaleX(0)}.work-card-index{font-family:var(--font-pixel);font-size:var(--type-section);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.work-card-title h3{font-size:var(--type-editorial);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.work-card-title p{margin-top:var(--space-2);color:var(--ink-muted);font-size:var(--type-ui);line-height:var(--leading-ui)}.work-card-link:after{content:"";z-index:1;position:absolute;inset:0}.work-card-link:focus-visible{outline:none}.work-card:has(.work-card-link:focus-visible){outline:2px solid var(--ink);outline-offset:var(--space-2);border-radius:var(--radius-panel)}.work-card-domain{z-index:2;align-items:center;gap:var(--space-2);min-height:var(--control-height);color:var(--ink-muted);font-size:var(--type-ui);display:inline-flex;position:relative}.work-card-domain svg{width:1em;height:1em}.work-card-domain:hover{color:var(--ink)}@media (hover:hover){.work-card:hover .work-card-media>img{transform:scale(1.035)}.work-card:hover .work-card-view{opacity:1;transform:none}.work-card:hover .work-card-body:before{transform:scaleX(1)}.work-card:hover .work-card-title h3{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:1px}}.work-grid[data-layout=index]{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr);gap:0}.work-grid[data-layout=index] .work-card{align-items:center;gap:var(--space-6);padding-block:var(--space-4);border-top:1px solid var(--rule);grid-template-columns:10rem minmax(0,1fr)}.work-grid[data-layout=index] .work-card-media{border-radius:var(--radius-control)}.work-grid[data-layout=index] .work-card-view{display:none}.work-grid[data-layout=index] .work-card-body{border-top:0;padding-top:0}.work-grid[data-layout=index] .work-card-body:before{display:none}.work-grid[data-layout=index] .work-card-title h3{font-size:var(--type-section)}@media (width<48rem){.work-grid{gap:var(--space-12);grid-template-columns:minmax(0,1fr)}.work-card-body{grid-template-columns:var(--space-8) minmax(0, 1fr)}.work-card-domain{margin-top:calc(-1 * var(--space-2));grid-column:2}.work-grid[data-layout=index] .work-card{gap:var(--space-4);grid-template-columns:5.5rem minmax(0,1fr)}.work-grid[data-layout=index] .work-card-index{display:none}.work-grid[data-layout=index] .work-card-body{grid-template-columns:minmax(0,1fr);gap:0}.work-grid[data-layout=index] .work-card-domain{grid-column:1;margin-top:0}}@media (prefers-reduced-motion:reduce){.work-card-media>img,.work-card-view,.work-card-body:before{transition:none}}@media (width>=64rem){.work-grid--three{gap:var(--space-8) var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr))}.work-grid--three .work-card-title h3{font-size:var(--type-section)}}.work-grid[data-view=list]{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr);gap:0}.work-grid[data-view=list] .work-card{align-items:center;gap:var(--space-6);padding-block:var(--space-4);border-top:1px solid var(--rule);grid-template-columns:10rem minmax(0,1fr)}.work-grid[data-view=list] .work-card-media{border-radius:var(--radius-control)}.work-grid[data-view=list] .work-card-view,.work-grid[data-view=list] .work-card-body:before{display:none}.work-grid[data-view=list] .work-card-body{border-top:0;padding-top:0}.work-grid[data-view=list] .work-card-title h3{font-size:var(--type-section)}@media (width<48rem){.work-grid[data-view=list] .work-card{gap:var(--space-4);grid-template-columns:5.5rem minmax(0,1fr)}.work-grid[data-view=list] .work-card-index{display:none}.work-grid[data-view=list] .work-card-body{grid-template-columns:minmax(0,1fr);gap:0}.work-grid[data-view=list] .work-card-domain{grid-column:1;margin-top:0}}
