.dna-projects{z-index:4;background:#000;width:100%;min-height:100svh;position:relative}.dna-projects-viewport{z-index:5;background:#000;width:100%;height:100svh;position:relative;overflow:hidden}.dna-projects-viewport--transitioning{visibility:hidden;opacity:0;pointer-events:none}.dna-projects-viewport--transitioning canvas{display:none}.dna-projects--pinned .dna-projects-viewport{z-index:5}.dna-projects--complete .dna-projects-viewport{z-index:5;position:fixed;inset:0}.dna-particles{background:#000;width:100%;height:100%;position:absolute;inset:0}.dna-particles canvas{width:100%;height:100%;display:block}.dna-particles--fallback{background:#000;min-height:100svh}body.dna-projects-page,body.dna-projects-page .page-wrapper{background:#000}
.projects-index{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.projects-index:focus-within{left:var(--chrome-inset);bottom:var(--chrome-inset);z-index:20;width:min(28rem, calc(100vw - 2 * var(--chrome-inset)));clip-path:none;white-space:normal;height:auto;max-height:70svh;color:var(--base-100);background:#0f0f0feb;margin:0;padding:1.25rem 1.5rem;position:fixed;overflow-y:auto}.projects-index__title{letter-spacing:.06em;opacity:.55;margin-bottom:1rem;font-family:DMMono,monospace;font-size:.72rem;font-weight:500;line-height:1}.projects-index__list{flex-direction:column;gap:.85rem;padding:0;list-style:none;display:flex}.projects-index__link{color:inherit;flex-direction:column;gap:.3rem;text-decoration:none;display:flex}.projects-index__name{letter-spacing:.04em;text-transform:uppercase;font-family:Palace,Georgia,serif;font-size:clamp(1rem,1.6vw,1.35rem);font-weight:400}.projects-index__meta{letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-family:DMMono,monospace;font-size:.72rem;font-weight:500}.projects-index__link:hover .projects-index__name,.projects-index__link:focus-visible .projects-index__name{color:var(--base-300)}.projects-index__link:focus-visible{outline:1px solid var(--base-300);outline-offset:.35rem}@media (prefers-reduced-motion:reduce){.projects-index,.projects-index:focus-within{z-index:6;width:auto;height:auto;max-height:none;padding:calc(var(--chrome-inset) + var(--chrome-control-size) + .35rem) var(--chrome-inset) 6rem;clip-path:none;white-space:normal;color:var(--base-100);background:#000;margin:0;position:relative;bottom:auto;left:auto;overflow:visible}.projects-index__title{letter-spacing:.02em;text-align:center;opacity:1;margin-bottom:3rem;font-family:Palace,Georgia,serif;font-size:clamp(3.5rem,14vw,12rem);font-weight:400;line-height:.85}.projects-index__list{padding-left:calc(2 * var(--chrome-inset) + var(--chrome-control-size));gap:1.5rem}@media (max-width:768px){.projects-index,.projects-index:focus-within{padding-top:calc(var(--chrome-inset) + var(--chrome-control-size) + 2.75rem)}.projects-index__title{font-size:clamp(2.5rem,12.5vw,5rem)}.projects-index__list{padding-left:0}}.dna-particles--fallback{display:none}.projects-index__name{font-size:clamp(1.5rem,3vw,2.5rem)}}