:root{--system-font-family:"proxima-nova",sans-serif;--serif-system-font-family:"Pensum Pro",serif;--monospace-system-font-family:"IA Writer Mono S",monospace}li{font-size:inherit;line-height:1.5;color:var(--system-label-1)}a,li a,p a{text-decoration:none;cursor:pointer;color:inherit}li a,p a{transition:background .15s,color .15s;transition:transform .15s;transform-origin:0 50%;display:inline-block;position:relative}p a:hover{text-decoration:none}figcaption{font-size:.75em;font-family:var(--monospace-system-font-family);line-height:1.5;margin-top:.5rem}header h1{font-weight:400}h1+h3{margin-top:2.5rem}[text-style=huge]{font-size:32px;color:inherit;opacity:1;text-align:center;text-transform:uppercase;letter-spacing:.1em;padding-bottom:10vh}[text-style=kicker]{margin-bottom:1.5rem}[text-style=tag]{font-family:var(--monospace-system-font-family);font-style:italic}code,pre{background:none}[text-style=name-tag]{opacity:1;font-weight:700;letter-spacing:.15em;padding:1rem 1.5rem;text-align:center;display:inline-block;color:var(--system-label-1);text-transform:uppercase;font-size:32px;font-family:var(--system-font-family)}[text-style=large-text]{margin-top:1.5rem;margin-bottom:1.5rem;line-height:1.4;font-weight:400;text-align:center}[text-style=large-text],[text-style=title-2]{font-size:24px;font-family:var(--serif-system-font-family)}[text-style=title-2]{font-weight:500;margin:0 auto}[text-style=title-3]{font-family:var(--serif-system-font-family);font-size:24px;font-weight:500;margin-bottom:1.5rem}@media (min-width:750px){[text-style=huge]{font-size:6vw}[text-style=large-text]{font-size:calc(16px + 3vw);margin-bottom:3rem;text-align:center}[text-style=title-2]{font-size:44px;max-width:80%;text-align:center}[text-style=title-3]{font-size:44px;margin-bottom:3rem}}[font-family=monospace]{font-family:ia writer mono s;font-size:.8em}:root{--stark-system-label:#000;--system-label:#4d4d4d;--secondary-system-label:#737373;--tertiary-system-label:#999;--system-dark-text:var(--system-black);--system-light-text:var(--system-white);--system-contrast-text:var(--system-white);--system-separator:#000;--system-separator-2:rgba(0,0,0,0.16);--system-link:#0a66c2;--system-yellow:#ffd800;--system-yellow-2:#fff2ac;--system-accent:#005ce6;--system-background-1:#fff;--system-background-2:#f9f8f4;--background-shade:rgba(0,0,0,0.04)}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}[animation=fade-in]{-webkit-animation:fadein 1s;animation:fadein 1s}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}[animation=fade-out]{-webkit-animation:fadeout 1s;animation:fadeout 1s}@-webkit-keyframes grow{0%{transform:scale(0)}10%{transform:scale(1)}95%{opacity:1;transform:scale(1)}to{transform:scale(0);opacity:0}}@keyframes grow{0%{transform:scale(0)}10%{transform:scale(1)}95%{opacity:1;transform:scale(1)}to{transform:scale(0);opacity:0}}[animation=reveal]{opacity:0;-webkit-animation:reveal 5s 5.25s forwards;animation:reveal 5s 5.25s forwards}@-webkit-keyframes reveal{0%{opacity:0;-webkit-filter:blur(50px);filter:blur(50px)}20%{opacity:1!important;-webkit-filter:blur(0);filter:blur(0)}to{opacity:1!important;-webkit-filter:blur(0);filter:blur(0)}}[animation=pop]{opacity:0;-webkit-animation:pop 1s forwards;animation:pop 1s forwards}@-webkit-keyframes pop{0%{transform:scale(.8) translateY(10%)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pop{0%{transform:scale(.8) translateY(10%)}to{transform:scale(1) translateY(0);opacity:1}}[animation-delay="0s"]{-webkit-animation-delay:0s;animation-delay:0s}[animation-delay="1s"]{-webkit-animation-delay:1s;animation-delay:1s}[animation-delay="2s"]{-webkit-animation-delay:2s;animation-delay:2s}.markdown{font-family:var(--system-font-family);font-size:1rem}.markdown p{line-height:1.5}.markdown figure,.markdown h2{margin-bottom:1.5rem}.markdown h2{font-family:var(--system-font-family)}.markdown>iframe{margin:3rem 0;max-width:100%}.markdown figure{margin:1.5rem 0}.markdown .gist{margin:3rem 0}.markdown p+ol,.markdown p+p,.markdown p+section,.markdown p+ul{margin-top:1.5rem}.markdown li{margin-bottom:.5rem}.markdown ul{margin-bottom:1.5rem;margin-left:1em;list-style-type:square}.markdown ol{margin:1em;font-feature-settings:"tnum"}.markdown address{margin-bottom:0;font-size:inherit}mark{background:var(--system-yellow-2);color:var(--system-label-1)}.markdown hr{margin:1.5rem 0;height:1px;border:none}.markdown code,.markdown pre{font-family:var(--monospace-system-font-family);font-size:14px;margin:1.5rem 0}.project-text>section{margin-top:3rem}@media (min-width:750px){.project-text>section{margin-top:6rem}.markdown h2{font-size:2.5rem;margin-bottom:1.5rem;line-height:1.4}.markdown hr{margin:4rem 0}}.markdown strong{color:inherit}.markdown p a{color:var(--system-label-1);transition:all .25s;position:relative;text-decoration:underline}@media (min-width:1200px){main header.markdown h1{font-size:6vw;line-height:1.4}}[stretch=true],[stretch],[width="100%"]{width:100%}[layout=h-stack],[layout=row]{display:flex}[h-stack=spread]{display:flex;justify-content:space-between;align-items:center}[layout=h-stack][gap="1"]>*+*,[layout=row][gap="1"]>*+*{margin-left:1px}[layout=h-stack][gap="2"]>*+*,[layout=row][gap="2"]>*+*{margin-left:2px}[layout=h-stack][gap="4"]>*+*,[layout=row][gap="4"]>*+*{margin-left:4px}[layout=h-stack][gap="8"]>*+*,[layout=row][gap="8"]>*+*{margin-left:8px}[layout=h-stack][gap="16"]>*+*,[layout=row][gap="16"]>*+*{margin-left:16px}[layout=h-stack][gap="20"]>*+*,[layout=row][gap="20"]>*+*{margin-left:20px}[layout=h-stack][gap="24"]>*+*,[layout=row][gap="24"]>*+*{margin-left:24px}[layout=h-stack][gap="32"]>*+*,[layout=row][gap="32"]>*+*{margin-left:32px}[layout=h-stack][vertical-align=center]{align-items:center}[layout=h-stack][vertical-align=top]{align-items:flex-start}[layout=h-stack][vertical-align=bottom]{align-items:flex-end}[layout=row][vertical-align=center]{align-items:center}[layout=row][vertical-align=top]{align-items:flex-start}[layout=row][vertical-align=bottom]{align-items:flex-end}[justify-content=space-between],[justify=space-between],[justify=spread],[spread]{justify-content:space-between;width:100%}[justify-content=center]{justify-content:center;width:100%}[justify-content=end]{justify-content:flex-end;width:100%}[layout=v-stack]{display:flex;flex-direction:column}[layout=v-stack][gap="1"]>*+*{margin-top:1px}[layout=v-stack][gap="2"]>*+*{margin-top:2px}[layout=v-stack][gap="4"]>*+*{margin-top:4px}[layout=v-stack][gap="8"]>*+*{margin-top:8px}[layout=v-stack][gap="16"]>*+*{margin-top:16px}[layout=v-stack][gap="20"]>*+*{margin-top:20px}[layout=v-stack][gap="24"]>*+*{margin-top:24px}[layout=v-stack][gap="32"]>*+*{margin-top:32px}[layout=grid]{display:grid;grid-template-columns:repeat(auto-fit,22px);align-items:start;justify-content:start}[layout=grid][gap="4"]{grid-gap:4px}[layout=grid][gap="8"]{grid-gap:8px}[layout=grid][gap="16"]{grid-gap:16px}[layout=grid][gap="24"]{grid-gap:24px}[layout=grid][gap="32"]{grid-gap:32px}[layout=grid][gap="40"]{grid-gap:40px}[layout=center]{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}[layout=navigation-bar]{display:grid;grid-template-columns:40px 1fr 40px;grid-gap:8px;align-items:center;place-items:center}[scroll]{overflow:scroll}[layout=solo]{display:grid;grid-template-columns:1fr}[layout=duo]{display:grid;grid-template-columns:1fr 1fr}[layout=trio]{display:grid;grid-template-columns:1fr 1fr 1fr}[layout=quartett]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}[layout="1-2"]{display:grid;grid-template-columns:1fr 2fr}[align-items=center]{align-items:center}[layout=center-column]{max-width:1200px;margin:0 auto}[layout=break-grid]{width:150%;margin:0 -25%!important;grid-column:1/4}[layout=dual-text-columns]{-moz-columns:1;column-count:1}@media (min-width:750px){[layout=dual-text-columns]{-moz-columns:2;column-count:2;-moz-column-gap:1.5rem;column-gap:1.5rem}[layout=break-grid]{width:150%;margin:6rem -25%!important;grid-column:1/4}}[layout=magazine]{display:grid;grid-template-columns:1fr;padding:1.5rem;grid-gap:2rem}@media (min-width:750px){[layout=magazine]{width:100%;display:grid;grid-template-columns:repeat(10,1fr);grid-row-gap:6rem;grid-column-gap:4rem;padding:4rem;grid-auto-flow:row dense}[layout=magazine] [part=image]{grid-column:span 3;align-self:start;transition:all .35s;position:relative;z-index:2}[layout=magazine] [part=image]:hover{box-shadow:0 20px 30px rgba(0,0,0,.2);transform:rotate(-2deg)}[layout=magazine] [part=image] img{display:block}[layout=magazine]>section{grid-column:span 2;padding:8px;align-self:start}[layout=magazine] [part=image]:nth-of-type(3n){grid-column:3/6}[layout=magazine] section:nth-of-type(3n){grid-column:1/3}[layout=magazine] [part=image]:nth-of-type(4n){grid-column:8/11}}.offset{margin-top:-.5rem}[layout=centered-list]{max-width:800px;margin:0 auto}.section-padding{margin:4rem auto}@media (min-width:750px){.offset{margin-top:3.5rem}.section-padding{margin:8rem auto}}.centered{margin:0 auto}@font-face{font-family:iA Writer Mono S;font-weight:400;font-display:swap;src:url("ratio/fonts/iA Writer Mono/iAWriterMonoS-Regular.woff2") format("woff2"),url("ratio/fonts/iA Writer Mono/iAWriterMonoS-Regular.woff") format("woff")}@font-face{font-family:iA Writer Mono S;font-weight:400;font-style:italic;font-display:swap;src:url("ratio/fonts/iA Writer Mono/iAWriterMonoS-Italic.woff2") format("woff2"),url("ratio/fonts/iA Writer Mono/iAWriterMonoS-Italic.woff") format("woff")}@font-face{font-family:iA Writer Mono S;font-weight:700;font-display:swap;src:url("ratio/fonts/iA Writer Mono/iAWriterMonoS-Bold.woff2") format("woff2"),url("ratio/fonts/iA Writer Mono/iAWriterMonoS-Bold.woff") format("woff")}@font-face{font-family:Pensum Pro;font-weight:400;font-style:normal;src:url(ratio/fonts/Pensum/Pensum-Pro-Regular.eot);src:url(ratio/fonts/Pensum/Pensum-Pro-Regular.eot?#iefix) format("embedded-opentype"),url(ratio/fonts/Pensum/Pensum-Pro-Regular.woff2) format("woff2"),url(ratio/fonts/Pensum/Pensum-Pro-Regular.woff) format("woff")}@font-face{font-family:Pensum Pro;font-weight:400;font-style:italic;src:url(ratio/fonts/Pensum/Pensum-Pro-Regular-Italic.eot);src:url(ratio/fonts/Pensum/Pensum-Pro-Regular-Italic.eot?#iefix) format("embedded-opentype"),url(ratio/fonts/Pensum/Pensum-Pro-Regular-Italic.woff2) format("woff2"),url(ratio/fonts/Pensum/Pensum-Pro-Regular-Italic.woff) format("woff")}@font-face{font-family:Pensum Pro;font-weight:500;src:url(ratio/fonts/Pensum/Pensum-Pro-Medium.eot);src:url(ratio/fonts/Pensum/Pensum-Pro-Medium.eot?#iefix) format("embedded-opentype"),url(ratio/fonts/Pensum/Pensum-Pro-Medium.woff2) format("woff2"),url(ratio/fonts/Pensum/Pensum-Pro-Medium.woff) format("woff")}@font-face{font-family:Pensum Pro;font-weight:600;src:url(ratio/fonts/Pensum/Pensum-Pro-Bold.eot);src:url(ratio/fonts/Pensum/Pensum-Pro-Bold.eot?#iefix) format("embedded-opentype"),url(ratio/fonts/Pensum/Pensum-Pro-Bold.woff2) format("woff2"),url(ratio/fonts/Pensum/Pensum-Pro-Bold.woff) format("woff")}a[appearance=filled],button[appearance=filled]{background:var(--contrast-background);color:var(--contrast-text);border:none;font-size:15px;padding:1em;text-transform:uppercase;font-weight:700;letter-spacing:.05em;cursor:pointer}a[appearance=filled]:hover,button[appearance=filled]:hover{background:#333}a[appearance=filled]:active,button[appearance=filled]:active{background:#666}a[appearance=filled]:focus,button[appearance=filled]:focus{outline:none}a[appearance=outline],button[appearance=outline]{background:none;width:100%;text-align:center;border:2px solid #000;font-size:15px;padding:1em;text-transform:uppercase;font-weight:700;letter-spacing:.05em}a[appearance=gradient],button[appearance=gradient]{margin-top:2rem;transition:opacity 1s;background:linear-gradient(45deg,#2a67fc,#d935c6,#ffe749);border-radius:4px;transition:all .2s;color:#fff;border:none;font-size:15px;padding:1em;text-transform:uppercase;font-weight:700;letter-spacing:.05em;cursor:pointer}a[appearance=gradient]:hover,button[appearance=gradient]:hover{transform:scale(1.1);transform-origin:0 50%;box-shadow:0 3px 7px rgba(0,0,0,.16)}a[appearance=gradient]:active,button[appearance=gradient]:active{-webkit-filter:grayscale(1);filter:grayscale(1)}#canvas{position:absolute;z-index:2;box-shadow:0 25px 50px rgba(0,0,0,.2),0 16px 16px rgba(0,0,0,.05);opacity:1}.hero{z-index:1;margin:12rem auto;position:relative}.hero-stack figure{transition:opacity 1s}.hero img{opacity:0;width:100%;display:block;max-width:1000px;margin:0 auto;box-shadow:0 25px 50px rgba(0,0,0,.2),0 16px 16px rgba(0,0,0,.05)}@media (min-width:750px){.hero{margin:0 auto 12rem}}@keyframes fadeout{0%{opacity:1;-webkit-filter:blur(0);filter:blur(0)}to{opacity:0;-webkit-filter:blur(100px);filter:blur(100px)}}.hero-stack{position:-webkit-sticky;position:sticky;top:0;left:0}#reel{position:absolute;top:0;color:hsla(0,0%,100%,.5);text-align:center;width:100%}#reel,#reel video{margin:0 auto;display:block;white-space:nowrap;opacity:0;transition:opacity 1s}#reel video{margin:0 auto;pointer-events:none;transition:all 1s;max-width:100%;position:relative}#reel footer{background:#000;color:#fff;padding:1rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;display:flex;align-items:center;width:100%}#reel video:before{content:"";display:block;z-index:-1;background:linear-gradient(180deg,transparent 70%,#000);width:100%;height:100%;position:absolute;top:0;left:0}section[name=hello]{margin-top:15vh;margin-bottom:15vh}@-webkit-keyframes flickr{0%{box-shadow:0 10px 300px hsla(60,10%,50%,.4),0 0 20px #000}50%{box-shadow:0 10px 300px rgba(115,140,115,.4),0 0 20px #000}to{box-shadow:0 10px 300px rgba(115,140,123,.4),0 0 20px #000}}@keyframes flickr{0%{box-shadow:0 10px 300px hsla(60,10%,50%,.4),0 0 20px #000}50%{box-shadow:0 10px 300px rgba(115,140,115,.4),0 0 20px #000}to{box-shadow:0 10px 300px rgba(115,140,123,.4),0 0 20px #000}}[theme=black]{--hero-theme-background:#000;--hero-theme-background-transparent:transparent;--hero-theme-color:#fff;--hero-theme-button-background:#fff;--hero-theme-button-color:#000}[theme=gray]{--hero-theme-background:#dddee2;--hero-theme-background-transparent:rgba(221,222,226,0);--hero-theme-color:#000;--hero-theme-button-background:#000;--hero-theme-button-color:#fff}[theme=green]{--hero-theme-background:#ebefcd;--hero-theme-background-transparent:rgba(235,239,205,0);--hero-theme-color:#513c33;--hero-theme-button-background:#000;--hero-theme-button-color:#fff}[component=hero-wrapper]{display:flex;flex-direction:row;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;align-items:center;justify-items:center;justify-content:center}[component=hero]{width:100%;background:var(--hero-theme-background);color:var(--hero-theme-color);overflow:hidden;position:relative;box-shadow:0 16px 16px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.05);margin:0 auto;height:calc((100vw - 2rem)/1.68);transition:all .5s;border-radius:8px}[component=hero] [part=header]{overflow:hidden;height:100%}[component=hero] [part=title]{font-size:17px}[component=hero] [part=content]{z-index:2;padding:1rem;grid-gap:.5rem;height:100%;display:grid;align-content:start;grid-template-columns:1fr;position:relative;-webkit-animation:reveal 5s;animation:reveal 5s}[component=hero] [part=image]{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50% 100%;position:absolute;z-index:0;right:0;bottom:0}[component=hero] [part=kicker]{text-transform:uppercase;letter-spacing:.1em;font-size:11px;opacity:.7;margin-bottom:0}[component=hero] [part=action] a[appearance=filled]{background:var(--hero-theme-button-background);color:var(--hero-theme-button-color);width:auto;text-decoration:none;display:inline-block}[component=hero]:hover{transform:scale(1.05)}[component=hero] [part=description]{opacity:.7;font-size:14px;font-style:italic;font-family:var(--serif-system-font-family)}section[name=project-grid]{margin-top:4rem}@media (min-width:750px){[component=hero] [part=title]{font-size:32px}[component=hero] [part=description]{max-width:32em;font-size:24px}[component=hero] [part=meta]{display:grid;grid-template-columns:1fr 1fr 1fr;max-width:50%}section[name=project-grid]{margin-top:8rem}[component=hero-wrapper]{grid-gap:4rem;grid-template-columns:1fr 1fr}[component=hero]{height:calc((100vw - 4rem)/1.68)}[component=hero]:hover{box-shadow:0 20px 30px rgba(0,0,0,.05),0 20px 25px rgba(0,0,0,.05)}}@media (min-width:1100px){[component=hero-wrapper]{grid-gap:2rem;grid-template-columns:1fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px}[component=hero]{height:calc((100vw - 4rem)/2.5);height:400px;width:300px}[component=hero] [part=content]{padding:2rem}}@media (min-width:750px){[component=hero] p{font-size:24px}[component=hero] [part=header]{background-image:linear-gradient(180deg,var(--hero-theme-background),var(--hero-theme-background) 100%,var(--hero-theme-background-transparent))}[component=hero] [part=content]{grid-gap:1rem}[component=hero] [part=kicker]{letter-spacing:.1em;font-size:15px;margin-bottom:0}}[part=hero-overlay]{margin-top:50vh;padding-bottom:50vh;opacity:0}.cinema [part=hero-overlay]{opacity:1}[component=imprint]{background:var(--system-background-1);padding:1rem 1rem 3rem;margin:3rem auto 0;font-family:var(--monospace-system-font-family)}[component=imprint] [part=inner]{max-width:1000px}[component=imprint] section+section{margin-top:3rem}[component=imprint] a{text-decoration:underline;font-size:inherit}[component=imprint] h3{font-size:20px;font-family:var(--system-font-family);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.1)}[component=imprint] p{font-size:15px}@media (min-width:750px){[component=imprint]{margin-top:12rem;padding:4rem}[component=imprint] [part=inner]{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:2rem;margin:0 auto}[component=imprint] section+section{margin-top:0}}[component=navigation-bar]{--nav-background:var(--system-background-transparent);--nav-text-primary:var(--system-label-1);--nav-text-secondary:var(--system-label-2);display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;padding:1rem;z-index:100;transition:all .5s;width:100%;overflow-x:hidden}a[appearance=icon-link] img,a[appearance=icon-link] svg{width:24px;height:24px}[component=navigation-bar] a+a{margin-top:0;margin-left:8px}[component=navigation-bar] a{line-height:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.15em;color:var(--nav-text-primary);border:3px solid transparent;text-decoration:none;font-size:11px;-webkit-filter:blur(50px);filter:blur(50px);-webkit-animation:reveal 5s 5s forwards;animation:reveal 5s 5s forwards}[component=navigation-bar] [part=actions]{display:flex}[component=navigation-bar] a:first-of-type{-webkit-animation-delay:0s;animation-delay:0s}[component=navigation-bar] a:nth-of-type(2){-webkit-animation-delay:.25s;animation-delay:.25s}[component=navigation-bar] a:nth-of-type(3){-webkit-animation-delay:.5s;animation-delay:.5s}[component=navigation-bar] a:nth-of-type(4){-webkit-animation-delay:.75s;animation-delay:.75s}[component=navigation-bar] a:nth-of-type(5){-webkit-animation-delay:1s;animation-delay:1s}[component=navigation-bar] a:nth-of-type(6){-webkit-animation-delay:1.25s;animation-delay:1.25s}[component=navigation-bar] a:hover{color:var(--nav-text-primary);background:var(--system-background-2)}[component=navigation-bar] a[state=active]{font-weight:700;color:var(--nav-text-primary)}@media (min-width:750px){[component=navigation-bar]{position:fixed;display:flex;align-items:center;padding:3rem;box-shadow:none;margin:0;flex-wrap:nowrap}[component=navigation-bar] a{font-size:20px;background:none;border-radius:0;width:auto;color:var(--nav-text-secondary);padding:.5em .75em}[component=navigation-bar] a strong{color:var(--nav-text-primary)}[component=navigation-bar] a+a{margin-left:8px;margin-top:0}}.scrolled [component=navigation-bar]{padding:1rem;background:var(--nav-background);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}@media (min-width:750px){.scrolled [component=navigation-bar] a{font-size:14px;letter-spacing:.1em}.scrolled [component=navigation-bar]a+a{margin-left:1rem}}.show-after-scroll{display:none}.scrolled .show-after-scroll{display:block}.hide-mobile,.scrolled .hide-mobile{display:none}a[appearance=icon-link]{display:inline-flex;justify-content:center;align-items:center}a[appearance=icon-link] span{margin-left:.5rem}.scrolled a[appearance=icon-link] img,.scrolled a[appearance=icon-link] svg{width:24px;height:24px}[component=page-header]{padding:1rem;margin-top:3rem}@media (min-width:750px){[component=page-header]{padding:4rem;max-width:80%;margin:4rem auto 0}.scrolled .hide-mobile{display:block}a[appearance=icon-link] img,a[appearance=icon-link] svg{width:32px;height:32px}}.cinema [component=navigation-bar]{--nav-background:#121212;--nav-text-primary:#fff;--nav-text-secondary:hsla(0,0%,100%,0.5);--secondary-system-background:hsla(0,0%,100%,0.2)}[component=page-intro]{display:grid;height:100vh;justify-content:center;align-items:center;text-align:center;background:var(--system-background-1);margin:0 -1rem;font-family:var(--serif-system-font-family)}[component=page-intro] h1{-webkit-animation:reveal 5s 1s forwards;animation:reveal 5s 1s forwards}[component=page-intro] h1,[component=page-intro] h2{font-size:calc(20px + 4vw);opacity:0;-webkit-filter:blur(100px);filter:blur(100px)}[component=page-intro] h2{-webkit-animation:reveal 5s 2s forwards!important;animation:reveal 5s 2s forwards!important;line-height:1.1;font-weight:400;color:var(--system-label-2)}@media (min-width:750px){[component=page-intro]{display:grid;height:100vh;justify-content:center;align-items:center;text-align:left;margin:0}}[component=pixel]{position:absolute;background:#000;width:3vmin;height:3vmin;transform:translateZ(0);transition:transform 3s,opacity 6s;opacity:1}[component=pixel-rain]{position:fixed;top:0;left:25%;width:50%;height:100vh;pointer-events:none}[component=project-header]{margin-bottom:1.5rem}@media (min-width:750px){[component=project-header]{margin-bottom:6rem}}[component=select-list]{margin:0;padding:0;list-style-type:none}[component=select-list] li{border-bottom:1px solid var(--system-separator-2);padding:.5rem;list-style-type:none;margin:0;transition:all .2s;overflow:hidden;color:var(--system-label)}[component=select-list] li a{display:grid;grid-template-columns:1fr 100px;justify-content:start}[component=select-list] [part=title]{padding-bottom:.5rem;padding-left:.5rem;border-bottom:1px solid var(--system-separator-2)}h3{font-size:inherit;margin-bottom:0;font-weight:600;line-height:1.2}[component=select-list] h4{font-weight:400;margin:0;line-height:1.2;color:var(--system-label-2)}[component=select-list]+[component=select-list]{margin-top:3rem}[component=select-list] li:hover{background:var(--system-yellow-2);--system-label:#000;--secondary-system-label:#333}@media (prefers-color-scheme:dark){[component=select-list] li{--system-label:#fff;--system-label-2:#aaa}}@media (prefers-color-scheme:dark){[component=select-list] li:hover{--system-label:#000;--system-label-2:#000}}[component=select-list] time{text-align:right;font-feature-settings:"tnum"}@media (min-width:750px){[component=select-list]+[component=select-list]{margin-top:3rem}}[component=showcase-button]{position:fixed;top:29px;left:calc(100vw - 151px);z-index:10000000;transform:scale(1);-webkit-animation:drop 1s 2s forwards;animation:drop 1s 2s forwards;opacity:0}[component=showcase-button] [part=label]{display:none;font-family:var(--system-font-family)}@-webkit-keyframes drop{0%{transform:scale(1)}50%{top:100vh;transform:scale(2) rotate(-3turn)}to{top:80vh;left:50%;transform:scale(2) rotate(-3turn)}}@keyframes drop{0%{transform:scale(1)}50%{top:100vh;transform:scale(2) rotate(-3turn)}to{top:80vh;left:50%;transform:scale(2) rotate(-3turn)}}[component=teaser]{font-family:var(--monospace-system-font-family);font-size:16px;text-decoration:none}[component=teaser][appearance=highlight]{background:#000;color:#fff!important}[component=teaser] img{width:100%;margin-bottom:16px}[component=teaser] h2 span{color:var(--tertiary-system-label);font-weight:400}[component=teaser] h3{font-size:16px}[component=teaser] p{font-size:16px;color:inherit}.square{position:relative;width:100%;transition:all .15s;overflow:hidden;font-family:var(--system-font-family);padding:1rem 0}.square:hover{background-color:#dddcd4}.square:hover [part=footer]{opacity:1;transform:translateY(0)}.square [part=lead]{opacity:0;margin-top:1.5rem;transition:all .5s;transform:translateY(50%)}[part=lead] h3{font-size:20px;font-weight:400}.square:hover [part=lead]{opacity:1;transform:translateY(0)}.square h1{font-size:28px;margin-bottom:.25rem}.square [part=footer]{transform:translateY(100%);position:absolute;bottom:16px;left:0;padding:1rem 2rem;width:100%;transition:all .5s}.square [part=cta]{transition:all .5s}.square small p{font-family:var(--system-font-family);font-size:1rem}.square:hover [part=cta]{opacity:1}[component=teaser]{-webkit-animation:fadein 1s forwards;animation:fadein 1s forwards;-webkit-animation-delay:1s;animation-delay:1s;opacity:0;display:flex;align-items:center;transition:box-shadow .45s}[component=teaser]:hover{box-shadow:inset 0 0 0 7px #000,0 0 0 1px #000;z-index:2}[component=teaser]:first-child{-webkit-animation-delay:0s;animation-delay:0s}[component=teaser]:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}[component=teaser]:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}[component=teaser]:nth-child(4){-webkit-animation-delay:.7s;animation-delay:.7s}[component=teaser]:nth-child(5){-webkit-animation-delay:.8s;animation-delay:.8s}[component=teaser]:nth-child(6){-webkit-animation-delay:.9s;animation-delay:.9s}[component=teaser]:nth-child(7){-webkit-animation-delay:1s;animation-delay:1s}@keyframes fadein{0%{opacity:0}to{opacity:1}}[component=teaser]{--saturation:80%;--brightness-1:90%;--brightness-2:98%}[component=teaser] .square{background-color:transparent;font-family:var(--serif-system-font-family);line-height:1.2}.square [part=title]{letter-spacing:-.05em}.square [part=subtitle],.square [part=title]{font-size:1.25rem;font-family:var(--system-font-family)}.square [part=subtitle]{font-weight:700;display:block;margin-bottom:1rem}@media (min-width:750px){.square{padding:4rem;max-height:33vw;text-align:center}.square [part=title]{font-size:2.25rem;letter-spacing:0}.square small p{font-size:1.5rem}.square h1{margin-bottom:1rem}[component=teaser]{box-shadow:inset 0 0 0 0 #000,0 0 0 1px #000}}[component=title-bar]{padding:1rem;background:#eee;position:fixed;width:100%;top:0;z-index:1;display:flex;justify-content:space-between}[component=video-avatar]{position:absolute;transform:scale(0);cursor:none;pointer-events:none;display:none;box-shadow:0 5px 15px rgba(0,0,0,.2);border-radius:200px;width:200px;height:200px;overflow:hidden;right:0;top:33%;z-index:3}[waypoint=contact]{position:relative}[component=video-avatar] video{width:400px;position:relative;top:0;left:0;transform:translate(-25%,-11%);cursor:none;pointer-events:none;box-shadow:0 5px 15px rgba(0,0,0,.2)}.scrolled-bottom [component=video-avatar]{display:block;-webkit-animation:grow 5s 0s forwards;animation:grow 5s 0s forwards;pointer-events:none}[layout=cv]{grid-column:1/3;display:block;font-weight:400;grid-auto-flow:dense}[layout=cv] time{display:inline;line-height:1.5;grid-column:1/2;font-feature-settings:"tnum"}[layout=cv] address{display:inline;line-height:1.5;grid-column:2/3;font-style:normal}[layout=cv] address:before{content:"•";margin:0 .25rem 0 0}#cv strong{font-family:var(--system-font-family)}[layout=cv] p{grid-column:auto;font-size:inherit;grid-column:3/4;margin:0!important}[layout=cv] hr{margin:.5rem 0!important;height:1px;background:var(--system-separator-2);transform-origin:0;transform:scale(0)}#cv[state=visible] hr{-webkit-animation:line-in .25s forwards;animation:line-in .25s forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}#cv{position:-webkit-sticky;position:sticky;top:0}#cv[state=visible] hr:first-of-type{-webkit-animation:line-in .5s forwards;animation:line-in .5s forwards;-webkit-animation-delay:0s;animation-delay:0s}#cv[state=visible] hr:nth-of-type(2){-webkit-animation:line-in .5s forwards;animation:line-in .5s forwards;transform:scale(0);-webkit-animation-delay:.125s;animation-delay:.125s}#cv[state=visible] hr:nth-of-type(3){-webkit-animation:line-in .5s forwards;animation:line-in .5s forwards;transform:scale(0);-webkit-animation-delay:.25s;animation-delay:.25s}#cv[state=visible] hr:nth-of-type(4){-webkit-animation:line-in .5s forwards;animation:line-in .5s forwards;transform:scale(0);-webkit-animation-delay:.375s;animation-delay:.375s}#cv[state=visible] hr:nth-of-type(5){-webkit-animation:line-in .5s forwards;animation:line-in .5s forwards;transform:scale(0);-webkit-animation-delay:.5s;animation-delay:.5s}#cv[state=visible] hr:nth-of-type(6){-webkit-animation:line-in .5s forwards;animation:line-in .5s forwards;transform:scale(0);-webkit-animation-delay:.625s;animation-delay:.625s}#cv[state=visible] hr:nth-of-type(7){-webkit-animation:line-in .5s forwards;animation:line-in .5s forwards;transform:scale(0);-webkit-animation-delay:.75s;animation-delay:.75s}#cv[state=visible] hr:nth-of-type(8){-webkit-animation:line-in .5s forwards;animation:line-in .5s forwards;transform:scale(0);-webkit-animation-delay:.875s;animation-delay:.875s}@media (min-width:750px){[layout=cv]{grid-column:1/3;display:grid;grid-template-columns:auto auto 1fr;grid-column-gap:2rem;grid-row-gap:.25rem;font-weight:400}[layout=cv] address,[layout=cv] time{font-feature-settings:"lnum";font-size:28px}[layout=cv] address:before{content:""}}@-webkit-keyframes line-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes line-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[layout=fullBleedGrid]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1px;overflow:hidden;margin:-1px;justify-items:stretch;align-items:stretch}@media (min-width:750px){[layout=fullBleedGrid]{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:1px}}[layout=home]{max-width:740px}main header{justify-items:center;margin:0 auto}@media (min-width:750px){main header{max-width:80%}[layout=home]{max-width:800px}[layout=home] p{font-size:28px;color:var(--system-label-2);margin:0 auto}}[layout=home] h1{opacity:0;-webkit-animation:reveal 5s 1s infinite alternate forwards;animation:reveal 5s 1s infinite alternate forwards}[layout=home] nav a{-webkit-animation:design alternate 1s 1s infinite alternate forwards;animation:design alternate 1s 1s infinite alternate forwards;transform:translateY(-400%)}@-webkit-keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes design{0%{opacity:0;transform:translate(-100%,-100%) rotate(12deg)}to{transform:translate(0)}}@keyframes design{0%{opacity:0;transform:translate(-100%,-100%) rotate(12deg)}to{transform:translate(0)}}[component=cta]{display:flex;justify-content:space-between;background:var(--system-yellow);color:#000;width:calc(100% - 2rem);box-sizing:border-box;padding:1rem 1rem 1rem 1.5rem;position:relative;z-index:1;bottom:32px;left:50%;align-items:center;transition:all .5s;overflow:hidden;text-decoration:none;transform:translate(-50%);max-width:1000px}[component=cta][variant=inline]{position:static;transform:none;max-width:375px;font-family:var(--system-font-family)}[component=cta][variant=inline] [part=header]{margin:0}[component=cta] [part=header]{-webkit-animation:reveal 5s 1s infinite alternate forwards;animation:reveal 5s 1s infinite alternate forwards;-webkit-filter:blur(50px);filter:blur(50px)}[component=cta] [part=title]{font-size:24px;text-transform:uppercase;letter-spacing:.1em;transition:all .5s}[component=cta] [part=kicker]{font-size:12px;text-transform:uppercase;letter-spacing:.05em}[component=cta] [part=arrow]{background:#000;color:var(--system-yellow);font-size:48px;width:64px;text-align:center;height:64px;display:flex;justify-content:center;align-items:center;opacity:0;margin-left:2rem;transition:all .5s}[component=cta]:hover{background:#000;color:#fff}[component=cta]:hover [part=title]{color:#fff}[component=cta]:hover [part=kicker]{color:var(--system-yellow)}[component=cta]:hover [part=arrow]{background:var(--system-yellow);color:#000;-webkit-animation:arrow-slide 5s forwards;animation:arrow-slide 5s forwards}@-webkit-keyframes arrow-slide{0%{opacity:0;transform:translateX(-100vw)}20%{opacity:1;transform:translateX(0)}80%{opacity:1;transform:translateX(0)}85%{opacity:1;transform:translateX(-10px)}95%{opacity:1;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes arrow-slide{0%{opacity:0;transform:translateX(-100vw)}20%{opacity:1;transform:translateX(0)}80%{opacity:1;transform:translateX(0)}85%{opacity:1;transform:translateX(-10px)}95%{opacity:1;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes reveal{0%{opacity:0;-webkit-filter:blur(50px);filter:blur(50px)}20%{opacity:1;-webkit-filter:blur(0);filter:blur(0)}to{opacity:1;-webkit-filter:blur(0);filter:blur(0)}}#modal{position:fixed;width:100%;max-width:1200px;background-color:#fff;height:100vh;top:32px;left:0;z-index:1000;box-shadow:0 10px 50px rgba(0,0,0,.5);border-radius:20px}section[name=one-slide]{display:flex;justify-content:center;align-items:center;margin-top:4rem}section[name=half-slide]{height:3rem}@media (min-width:750px){section[name=one-slide]{height:100vh;margin-top:0}section[name=half-slide]{height:25vh;margin-top:0}}#restart-button{display:none;margin-top:2rem;transition:opacity 1s;transition:all .2s}#restart-button:hover{transform:scale(1.1);box-shadow:0 3px 7px rgba(0,0,0,.16)}#restart-button:active{-webkit-filter:grayscale(1);filter:grayscale(1)}section[name=video-caption]{display:flex;justify-content:space-between;align-items:center;vertical-align:middle;flex-direction:row;width:100%;margin-top:1rem}section[name=video-caption] a{display:inline-block}[fx=typewriter]{position:relative}[fx=typewriter] [part=copy]{position:absolute;margin-right:1rem}[fx=typewriter] [part=placeholder]{opacity:0}[component=hidden-anchor]{opacity:0;height:0}@media (min-width:750px){[fx=typewriter] [part=copy]{margin-right:6rem}}@media (min-width:750px){[layout=main]{display:grid;grid-template-columns:12rem 1fr;grid-column-gap:2em}[layout=main]>iframe,[layout=main]>p,ul{grid-column:2/3;max-width:100%}[layout=main] figure{grid-column:1/3;display:grid;grid-template-columns:12rem 1fr;grid-column-gap:2rem}[layout=main] figure:first-child{grid-column:2/3}[layout=main] figure:first-child img{grid-column:1/3}[layout=main] figure img{grid-column:2/3}[layout=main] figure figcaption{grid-column:1/2;grid-row:1}[layout=main] hr{grid-column:1/3}}@media (min-width:750px){[layout=pinguin]{max-width:1200px;width:100%;display:grid;grid-template-columns:12rem 1fr 12rem;grid-column-gap:2rem}[layout=pinguin] figure img{grid-column:2/3}[layout=pinguin] figure figcaption{grid-column:1/2;grid-row:1;margin-top:0}[layout=pinguin] .gist,[layout=pinguin] p,[layout=pinguin] ul{grid-column:2/3}[layout=pinguin] pre{grid-column:2/3;margin-bottom:1.5rem}[layout=pinguin] ol{grid-column:2/3;font-feature-settings:"tnum"}[layout=pinguin]>iframe{grid-column:2/4}[layout=pinguin] figure{grid-column:1/4;grid-column-gap:2rem;display:grid;grid-template-columns:12rem 1fr 12rem;margin:1.5rem 0}[layout=pinguin] hr{grid-column:1/4}}[layout=pinguin] h1{-webkit-animation:slide-in 1s;animation:slide-in 1s}[layout=pinguin] h2{opacity:0;-webkit-animation:slide-in 1s .25s forwards;animation:slide-in 1s .25s forwards}[layout=pinguin] .project-meta{opacity:0;-webkit-animation:slide-in 1s .5s forwards;animation:slide-in 1s .5s forwards}[layout=pinguin] h3{opacity:0;-webkit-animation:slide-in 1s .75s forwards;animation:slide-in 1s .75s forwards}[layout=pinguin]>iframe,[layout=pinguin]>p,[layout=pinguin] figure{opacity:0;-webkit-animation:slide-in 1s 1s forwards;animation:slide-in 1s 1s forwards}.project{min-height:0;margin-top:calc(4rem + 4vw);margin-bottom:calc(4rem + 4vw)}main{width:100%}main article{width:100%;margin:0 auto}article img{width:100%}@media (max-width:750px){:root{font-size:16px}.block-on-mobile{display:block}aside p{display:inline;margin:0;border:none;padding:0}aside p+p:before{content:"•";display:inline-block;margin:0 .25em}.project-meta{margin-top:1.5rem}}aside{font-size:.8rem;margin-bottom:1.5rem}.markdown aside p{font-size:14px;font-family:var(--monospace-system-font-family)}aside a{font-style:italic}html{scroll-padding-top:8rem;scroll-behavior:smooth}body{font-family:var(--system-font-family);display:block;min-height:100vh;scroll-padding-top:8rem;cursor:default;color:var(--system-label-1);background:var(--system-background-2);transition:background 1s}@-webkit-keyframes zoom{0%{transform:scale(1) translateY(100vh)}to{opacity:1;transform:scale(1)}}@keyframes zoom{0%{transform:scale(1) translateY(100vh)}to{opacity:1;transform:scale(1)}}main{padding:0 1rem 1rem}::-moz-selection{background:rgba(255,214,51,.2);color:#000}::selection{background:rgba(255,214,51,.2);color:#000}section[name=paper]{background:#fef6cd;padding:1.5rem}section[name=paper] p{font-size:16px}@media (min-width:750px){section[name=paper]{padding:6rem}section[name=paper] p{font-size:24px}}.cinema{background:radial-gradient(circle at center,#000,rgba(0,0,0,.85));background:#121212;color:#fff}body{--system-background-1:#fff;--system-background-2:#f9f8f4;--system-background-transparent:hsla(0,0%,100%,0.8);--system-label-1:#000;--system-label-2:#333;--contrast-text:#fff;--contrast-background:#000}@media (prefers-color-scheme:dark){body{--background-shade:hsla(0,0%,100%,0.04);--system-background-1:#000;--system-background-2:#222;--system-background-transparent:rgba(0,0,0,0.8);--system-label-1:#999;--system-label-2:#666;--contrast-text:#000;--secondary-contrast-text:#333;--contrast-background:#c69650;--system-separator-2:#333;--system-link:#7773c6;--system-yellow:#ffd800;--system-yellow-2:#c69650;--system-accent:#7773c6}mark,section[name=paper],section[name=paper] p{color:#000}}footer h2{margin-bottom:1rem}footer h2+h3{margin-top:0}@media (min-width:750px){footer{display:grid;grid-column:1/3;grid-gap:2rem;grid-template-columns:12rem 1fr}.markdown footer h2{font-size:3rem}}[appearance=naked]{list-style-type:none;margin:0}p+small{margin-top:0}[appearance=naked] p{margin-bottom:0}ul[appearance=naked]{margin-left:0}ul[appearance=naked] li{margin-bottom:1.5rem}.writing h1{font-size:1.75rem}.writing h1,.writing h2{font-family:var(--system-font-family)}.writing h2{font-size:3rem;font-weight:400;font-style:italic}.writing h3{font-family:var(--system-font-family);grid-column:2/3;line-height:1.35}.writing h3+p{margin-top:1.5rem}.writing p+h3{margin-top:3rem}.writing h4{font-size:.75rem;text-transform:uppercase;letter-spacing:1.25px;line-height:1.2;grid-column:1/2}.writing .intro{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#000}.writing a{font-family:inherit;font-size:inherit;font-weight:inherit}.writing hr{background:linear-gradient(90deg,#2a67fc,#d935c6,#ffe749);height:2px;width:200px;margin:6rem auto}.writing blockquote{grid-column:2/3;font-style:italic}.writing blockquote p{color:var(--system-label-1);line-height:1.4;position:relative;border-left:8px solid #eee;padding-left:1rem;margin:1.5rem 0}@media (min-width:750px){.writing{font-size:21px}.writing aside p{font-size:15px}.writing h1{font-size:4rem}.writing h3{font-size:1.5rem}.writing h4{font-size:1rem}}:root{font-size:16px}*{margin:0;padding:0;box-sizing:border-box;min-height:0}html{overflow-x:hidden}@-webkit-keyframes scale{0%{opacity:0;transform:translateY(100%) scale(0) rotate(-9deg)}40%{opacity:1;transform:translateY(0) scale(.15) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}@keyframes scale{0%{opacity:0;transform:translateY(100%) scale(0) rotate(-9deg)}40%{opacity:1;transform:translateY(0) scale(.15) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}img{max-width:100%}.shaded{background:var(--background-shade);padding:1.5em}