.work-collection{padding-block:clamp(64px,9vw,128px)}.work-collection-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:48px;display:flex}.work-collection-heading h2{letter-spacing:-.05em;font-size:clamp(32px,4vw,56px);font-weight:400}.work-collection-heading>span{color:var(--color-muted);font-size:var(--type-meta)}.work-splash{min-width:0}.work-splash-link{text-decoration:none;display:block}.work-splash-image{aspect-ratio:1.4;background:var(--color-cool);isolation:isolate;border-radius:4px;overflow:hidden}.work-splash-image>img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1);display:block}.work-splash :is(h2,h3){letter-spacing:-.035em;justify-content:space-between;align-items:center;gap:20px;margin:16px 0 0;font-size:clamp(20px,2.1vw,30px);font-weight:400;display:flex}.work-splash :is(h2,h3) span{color:var(--color-muted);font-size:20px;transition:transform .18s ease-out}.work-splash-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:8px}@media (hover:hover){.work-splash-link:hover .work-splash-art{transform:scale(1.025)}.work-splash-link:hover :is(h2,h3) span{transform:translate(2px,-2px)}}@media (width<=700px){.work-collection-heading{margin-bottom:32px}}@media (prefers-reduced-motion:reduce){.work-splash-image img,.work-splash :is(h2,h3) span{transition:none}}.work-splash-image--brand{background:var(--color-ink-deep);place-items:center;display:grid;position:relative}.work-splash-image--brand .work-splash-art{object-fit:contain;object-position:center;filter:drop-shadow(0 8px 20px oklch(0% 0 0/.15));width:26%;height:42%;position:relative}.work-category-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.work-category{background:var(--color-paper);border:0;border-radius:4px;position:relative;overflow:hidden}.work-category summary{cursor:pointer;list-style:none}.work-category summary::-webkit-details-marker{display:none}.work-category summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:-3px}.work-category h3{letter-spacing:-.04em;justify-content:space-between;align-items:center;padding:20px 24px;font-size:clamp(24px,3vw,36px);font-weight:400;display:flex}.category-toggle{color:var(--color-muted);font-size:24px;transition:transform .2s}.work-category[open] .category-toggle{transform:rotate(45deg)}.category-art{height:clamp(240px,28vw,380px);position:relative;overflow:hidden}.category-projects{padding:0 24px 16px}.category-projects a{border-top:1px solid var(--color-line);min-height:44px;font-size:var(--type-body);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.category-projects a:hover{color:var(--color-accent)}.category-projects .category-all{color:var(--color-muted);font-size:var(--type-meta)}.category-projects a[data-active]{color:var(--color-accent-ink)}@media (width<=700px){.work-category-grid{grid-template-columns:1fr}.category-art{height:240px}.work-category h3{padding:18px 20px}}@media (prefers-reduced-motion:reduce){.category-toggle{transition:none}}.work-splash-image{position:relative}.work-splash-image--video{place-items:center;display:grid}.work-splash-image--video .work-splash-art{z-index:1;object-fit:contain;border-radius:5px;width:84%;height:auto;max-height:78%;position:relative;box-shadow:0 12px 32px oklch(0% 0 0/.16)}@media (prefers-reduced-motion:no-preference){.work-category[open] .category-projects{animation:.22s cubic-bezier(.2,.7,.2,1) both category-reveal}@keyframes category-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.project-screen{aspect-ratio:16/10;border:1px solid var(--color-line);background:var(--color-paper-raised);pointer-events:none;opacity:0;border-radius:6px;flex-direction:column;width:min(68%,420px);padding:6px;transition:opacity .16s ease-out,transform .16s ease-out;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%,5px)}.project-screen[data-active]{opacity:1;transform:translate(-50%)}.project-screen-toolbar{color:oklch(100% 0 0);flex:0 0 22px;align-items:center;gap:4px;height:22px;padding:0 5px;display:flex}.project-screen-toolbar>span{opacity:.75;background:currentColor;border-radius:50%;width:4px;height:4px}.project-screen-toolbar small{letter-spacing:.02em;margin-left:auto;font-size:9px}.project-screen-content{background:oklch(20% .015 300);border-radius:4px;flex:1;min-height:0;position:relative;overflow:hidden}.project-screen-content>img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}@media (width>=701px) and (hover:hover){.category-art{height:clamp(380px,34vw,460px)}}@media (width<=700px),(hover:none){.project-screen{width:min(82%,380px);top:16px}}@media (prefers-reduced-motion:reduce){.project-screen{transition:none;transform:none}}.project-screen-crystal{width:100%;height:100%;display:block}.category-projects a{gap:16px;padding-block:12px}.project-label,.project-context{gap:4px;min-width:0;display:grid}.project-label small{color:var(--color-muted);font-size:12px;line-height:1.4}.project-label .project-contribution{font-size:11px}.category-projects .project-secondary{color:var(--color-muted)}@media (width<=700px){.category-projects{padding-inline:20px}}.preview-pause{border:1px solid var(--color-line);border-radius:var(--radius);min-height:44px;color:var(--color-muted);background:var(--color-paper);font:inherit;cursor:pointer;margin:0 24px 4px auto;padding:8px 12px;font-size:12px;display:block}.preview-pause:hover,.preview-pause[aria-pressed=true]{color:var(--color-text)}.preview-pause:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.preview-pause{display:none}}html:not(.js) .preview-pause{display:none}