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