@font-face{font-family:Geist-Variable;src:url(/Geist_wght_-DYoJpLpl.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;font-synthesis:none}html{font-size:16px;font-weight:400;line-height:1.5}*{font-family:Geist-Variable,Arial,sans-serif;letter-spacing:-.03em;margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#222}.page{width:100vw;display:flex;flex-direction:row;justify-content:center;align-items:center}.cover{background-color:#222;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:32px;position:relative}.cover h1{font-family:Geist-Variable,Arial,sans-serif;font-size:5rem;font-weight:600;font-variation-settings:"wght" 600;font-style:normal;text-align:center;line-height:1.1;margin-bottom:16px;color:#fffcf9}.cover h2{font-family:Geist-Variable,Arial,sans-serif;font-size:1.5rem;font-weight:200;font-variation-settings:"wght" 200;text-align:center;line-height:1.1;color:#fffcf9}.scroll-indicator{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer}.scroll-arrow{width:12px;height:12px;border-left:2px solid #FFFCF9;border-bottom:2px solid #FFFCF9;transform:rotate(-45deg);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(-45deg);opacity:1}40%{transform:translateY(10px) rotate(-45deg);opacity:.7}60%{transform:translateY(5px) rotate(-45deg);opacity:.85}}.project{display:flex;width:100%;align-items:stretch;padding-bottom:96px}.project.content{width:100%;display:flex;flex-direction:column;background-color:#fffcf9;padding:32px 72px;max-width:1200px}.project-header{background-color:#fffcf9;z-index:1;width:100%;margin-bottom:16px;padding-bottom:16px}.project-title,.project-title a{font-family:Geist-Variable,Arial,sans-serif;font-size:3rem;font-weight:600;line-height:1.1;text-align:left;margin-top:16px;margin-bottom:8px;color:#303036;text-decoration:none;overflow-wrap:anywhere;word-wrap:break-word}.project-title a:hover{text-decoration:underline}.project-subtitle{font-size:1.2rem;font-weight:400;text-align:left;color:#303036}.tags{font-family:Geist-Variable,Arial,sans-serif;font-size:.9rem;font-weight:400;display:flex;flex-direction:row;margin-bottom:32px}.tags .tag{margin-right:8px;padding:4px 8px;background-color:#e9e9ec;border-radius:8px}.project .sections{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:48px}.project .section{margin-bottom:48px;position:relative;flex-basis:50%;padding-right:48px}.project .section p{margin-bottom:16px}.project .section .section-url{margin-top:8px;word-break:break-all}.project .section .section-title{font-family:Cal Sans,Arial,sans-serif;font-size:1.2rem;font-weight:400;text-align:left;margin-bottom:16px;color:#303036}.project .section .sub-section-title{font-size:1rem;font-weight:600;text-align:left;margin-left:-24px;display:flex;align-items:center}.project .section .sub-section-title:before{content:"";width:8px;height:8px;margin-right:16px;background-color:#303036;border-radius:50%}.project .sub-section{margin-bottom:24px;padding-left:32px}@media (max-width: 768px){html{font-size:16px}.cover h1{font-size:2rem}.cover h2{font-size:.9rem}.project .section{flex-basis:100%;padding-right:0}.project .section,.project .sub-section{margin-bottom:24px}.page{flex-direction:column}.project.content{width:100%;padding:24px 24px 80px}.project-title{font-size:1.5rem}.project-subtitle{font-size:1rem}}