.work-card{gap:var(--space-12);padding-block:var(--space-12);grid-template-columns:7fr 5fr;align-items:center;display:grid}html.js .work-card{opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo), transform var(--duration-normal) var(--ease-out-expo);transform:translateY(24px)}html.js .work-card--visible{opacity:1;transform:translateY(0)}.work-card--reversed{grid-template-columns:5fr 7fr}.work-card--reversed .work-card__media{order:2}.work-card__body{gap:var(--space-3);flex-direction:column;display:flex}.work-card__dot{border-radius:50%;width:8px;height:8px}.work-card__name{font-size:var(--text-2xl)}.work-card__tagline{font-size:var(--text-lg);color:var(--color-text)}.work-card__description{max-width:46ch}.work-card__tags{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.work-card__tags li{font-size:var(--text-xs);color:var(--color-text-dim);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.work-card__link{margin-top:var(--space-3);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-text);transition:opacity var(--duration-fast) var(--ease-out-expo)}.work-card__link:hover,.work-card__link:focus-visible{opacity:.75}@media (max-width:800px){.work-card,.work-card--reversed{gap:var(--space-6);grid-template-columns:1fr}.work-card--reversed .work-card__media{order:0}}
.work-section{padding-block:var(--space-section);border-bottom:1px solid var(--color-border)}.work-section__heading{font-size:var(--text-xl);margin-top:var(--space-2);max-width:30ch}.work-section__list{margin-top:var(--space-8)}.work-section__list>:not(:last-child){border-bottom:1px solid var(--color-border)}
.lab-section{padding-block:var(--space-section);border-bottom:1px solid var(--color-border)}.lab-section__heading{font-size:var(--text-xl);margin-top:var(--space-2);max-width:30ch;color:var(--color-text-dim)}.lab-section__list{margin-top:var(--space-8);gap:var(--space-1);grid-template-columns:repeat(2,1fr);list-style:none;display:grid}.lab-item{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);transition:border-color var(--duration-fast) var(--ease-out-expo);flex-direction:column;display:flex}.lab-item:hover{border-color:var(--color-border-strong)}.lab-item__name{font-size:var(--text-sm);color:var(--color-text)}.lab-item__description{font-size:var(--text-sm)}.lab-item__status{font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em}@media (max-width:700px){.lab-section__list{grid-template-columns:1fr}}