:root{--body-size:1.5rem;--header-font:"Space Grotesk", sans-serif;--body-font:"Space Mono", monospace;--color-body:#000;--color-bg:#f2f2f2;--color-accent:#00f}@media (prefers-color-scheme:dark){:root{--color-body:#fff;--color-bg:#0e0e0e;--color-accent:#6400ff}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}::selection{background:var(--color-body);color:var(--color-bg)}html{font-family:var(--body-font);font-variant-ligatures:no-common-ligatures;color:var(--color-body);background:var(--color-bg);font-size:10px}body{max-width:1200px;margin:0 auto}main{height:0}main,header{padding:3rem}a{color:inherit}a:hover{color:var(--color-accent)}button{appearance:none;color:var(--color-body);cursor:pointer;background:0 0;border:none}button:focus-visible{outline:none}button:focus-visible h3{color:var(--color-accent);opacity:1!important}header *{font-size:var(--body-size);font-weight:100}.project{padding-bottom:100vh;transition:transform .333s}.project:last-child{padding-bottom:80vh}.project h2{font-family:var(--header-font);letter-spacing:-.05em;will-change:font-weight, opacity;white-space:nowrap;margin-right:2vw;font-size:clamp(2.8rem,10vw,10rem)}@media (width<=700px){.project h2{font-size:clamp(2rem,14vw,10rem)}}@media (hover:none){.project h2.active{color:var(--color-accent)}}.project h2.tween{transition:all .3s}.project h3{max-width:55rem;font-size:clamp(1.6rem,1.8vw,2.4rem);font-weight:100}.project>button{text-align:left;width:100%}@media (hover:hover){.project>button:hover h2{color:var(--color-accent);opacity:1}}.project p{font-size:var(--body-size);max-width:60rem;line-height:1.8}.project p+p{margin-top:2.2rem}.isResizing .project{transition:none}.content{opacity:0;width:100%;padding:0 .5vw 4vw;font-size:1.5rem;transition:opacity .333s;position:absolute;overflow:hidden}.content.active{opacity:1}.content.active .links :after{animation:.1s steps(2,start) 5 blink}.images{flex-wrap:wrap;gap:2rem;margin-top:2rem;margin-bottom:5rem;display:flex}.images div{background:var(--color-bg);width:100%;max-width:50rem;font-size:0}.images img,.images video{width:100%;height:auto}video::-webkit-media-controls-enclosure{display:none}.links{flex-wrap:wrap;gap:1.4rem;margin:3rem 0 4rem;display:flex}.links a{background:var(--color-accent);color:var(--color-bg);white-space:nowrap;padding:.6em 1em;font-size:1em;text-decoration:none;transition:transform .333s}@media (prefers-color-scheme:dark){.links a{color:var(--color-body)}}.links a:after{content:"↗";margin-left:.5em;position:relative;top:-.1em}.links a:hover{background:var(--color-body);transform:translateY(-2px)}@media (prefers-color-scheme:dark){.links a:hover{color:var(--color-bg)}}.fontCache{font-family:var(--header-font);visibility:hidden}.bio{-webkit-user-select:none;user-select:none;pointer-events:none;color:var(--color-bg);position:fixed}.e404{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.e404 h1{font-size:16vw;font-weight:300;font-family:var(--header-font)}.e404 span{animation:1.2s infinite alternate pulse}.e404 a{font-size:var(--body-size)}@keyframes pulse{0%{font-weight:300}to{font-weight:700}}@keyframes blink{to{visibility:hidden}}