@keyframes fade-in{to{opacity:1}}:root{--bg:#141413;--text:#f9f9f5;--muted:#8a8580}*,::after,::before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:"Source Sans 3",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{position:relative;min-height:100dvh;overflow-x:hidden}.mark{position:absolute;top:50%;left:50%;width:240px;height:240px;transform:translate(-50%,-50%);opacity:0;animation:fade-in 700ms ease 100ms forwards}.mark-anim,.mark-static{pointer-events:none;width:100%;height:100%;display:block}.mark-static{display:none}@media (prefers-reduced-motion:reduce){.mark-anim{display:none}.mark-static{display:block}}.corner{position:absolute;bottom:1rem;left:4rem;right:4rem;display:flex;align-items:baseline;justify-content:space-between;gap:2rem;opacity:0;animation:fade-in 700ms ease 700ms forwards;pointer-events:none}.corner .flosch-identity,.corner .links{pointer-events:auto}@media (prefers-reduced-motion:reduce){.corner,.mark{animation:none;opacity:1}}.flosch-identity,a,button,html,summary{cursor:none}.flosch-identity-tagline{color:var(--muted)}.links,.project-list li>a{display:flex;align-items:baseline}.links{gap:1.8rem;font-size:.8125rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.links .work-toggle,.links>a{color:var(--text);text-decoration:none;padding:.25rem 0;cursor:none}.links .work-toggle:hover,.links>a:hover,.project-list li>a:hover .name{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}.projects{position:relative}.work-toggle{background:0 0;border:0;margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--text);display:inline-flex;align-items:center;gap:.5rem}.work-toggle .chevron{width:.55rem;height:.4rem;display:block;transition:transform 160ms ease}.projects.is-open .work-toggle .chevron{transform:rotate(180deg)}.project-list{position:absolute;bottom:calc(100% + .75rem);right:0;list-style:none;margin:0;padding:0;letter-spacing:normal;text-transform:none;font-weight:400;pointer-events:none}.projects.is-open .project-list{pointer-events:auto}.project-list li>a{justify-content:flex-end;gap:.5rem;padding:.25rem 0;text-decoration:none;font-size:1rem;white-space:nowrap}.project-list li>a:hover .name{text-underline-offset:.25em}.project-list .name{color:var(--text)}.project-list .kind{color:var(--muted)}.project-list li{opacity:0;transform:translateX(60px);transition:opacity 300ms ease,transform 350ms cubic-bezier(.22,1,.36,1)}.projects.is-open .project-list li{opacity:1;transform:translateX(0)}.project-list li:nth-child(1){transition-delay:0ms}.project-list li:nth-child(2){transition-delay:80ms}.project-list li:nth-child(3){transition-delay:160ms}.project-list li:nth-child(4){transition-delay:240ms}.project-list li:nth-child(5){transition-delay:320ms}.project-list li:nth-child(6){transition-delay:400ms}.project-list li:nth-child(7){transition-delay:480ms}.projects.is-open .project-list li:nth-last-child(1){transition-delay:0ms}.projects.is-open .project-list li:nth-last-child(2){transition-delay:80ms}.projects.is-open .project-list li:nth-last-child(3){transition-delay:160ms}.projects.is-open .project-list li:nth-last-child(4){transition-delay:240ms}.projects.is-open .project-list li:nth-last-child(5){transition-delay:320ms}.projects.is-open .project-list li:nth-last-child(6){transition-delay:400ms}.projects.is-open .project-list li:nth-last-child(7){transition-delay:480ms}.cursor{position:fixed;top:0;left:0;width:40px;height:40px;margin:-20px 0 0-20px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;z-index:9999;transform:scale(.5);transition:transform 220ms cubic-bezier(.22,1,.36,1),opacity 300ms ease;opacity:0}.cursor.is-hovering{transform:scale(1)}.cursor.is-hidden{opacity:0!important}.cursor.is-on-mark.is-paused .cursor-icon-play,.cursor.is-on-mark:not(.is-paused) .cursor-icon-pause,.cursor:not(.is-hidden){opacity:1}.cursor-icon{position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);fill:var(--bg);opacity:0;transition:opacity 140ms ease;pointer-events:none}@media (pointer:coarse){.cursor{display:none}a,button,html,summary{cursor:auto}}@media (max-width:640px){.mark{top:45%}.corner{top:1.5rem;bottom:1.5rem;left:0;right:0;flex-direction:column;align-items:center;justify-content:space-between;gap:0}.links{gap:1rem}}