:root{--pf-teal:#01aebd;--offwhite:#f8f8f8;--blackish:#090909;--dot-text:ui-monospace, Consolas, monospace;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:87.5%}@media (width>=768px){html{font-size:93.75%}}@media (width>=1024px){html{font-size:100%}}@media (width>=1400px){html{font-size:112.5%}}body{background-color:var(--blackish);color:var(--offwhite);font-family:Bitcount Single,system-ui}h1,h2,h3,h4,h5,h6{text-transform:uppercase;margin:0;font-family:Bitcount Single,system-ui;font-weight:400}p{font-family:B612 Mono,monospace;font-size:14px}ul{list-style:none}button{border:1px solid var(--offwhite);color:var(--offwhite);cursor:pointer;text-transform:uppercase;background-color:#0000;border-radius:50px;padding:.5rem 1rem;font-family:Bitcount Single,system-ui;font-size:14px;transition:all .3s}button:hover{box-shadow:var(--shadow);color:var(--pf-teal);border:1px solid var(--pf-teal)}.content-container{width:90%;position:relative;left:50%;transform:translate(-50%)}.center{justify-content:center;align-items:center;display:flex}nav{width:100%;color:var(--offwhite);flex-direction:row;justify-content:space-between;display:flex}nav ul{justify-content:flex-end;gap:30px;width:auto;margin:0;padding:0;font-family:Bitcount Single,system-ui;text-decoration:none;list-style:none;display:flex}nav ul .navlink:hover{color:var(--pf-teal)}nav .navlink{color:var(--offwhite);font-family:Bitcount Single,system-ui;text-decoration:none}nav a{color:var(--pf-teal);text-decoration:none}.Home{flex-direction:column;justify-content:center;align-items:center;display:flex}.dot-field-container{width:100%;height:100vh;position:fixed}section{flex-direction:column;height:100dvh;display:flex}.section-1{justify-content:flex-end;height:95dvh}.pf-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:50%;font-size:56px;line-height:150%;display:flex;transform:translateY(-50%)}.pf-container .pf-box{text-shadow:0 0 #fff,0 0 #fff;border-radius:50%;transition:all .3s ease-in-out}.pf-container .pf-box:hover{cursor:pointer;text-shadow:0 0 30px #fff,0 0 70px #fff;transform:scale(1.05)}.arrow{justify-content:center;display:flex}.section-2{width:80%}.section-2 p{font-size:1.2rem;line-height:2.2rem}.circular-gallery{width:100vw;height:100vh;overflow:hidden}.circular-gallery:active{cursor:grabbing}.circular-gallery:focus-visible{outline-offset:4px;outline:2px solid #fff}.fade-in-section{opacity:0;will-change:opacity, transform;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(30px)}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.particle-text{touch-action:none;isolation:isolate;width:100%;min-width:100px;height:100%;min-height:240px;display:block;position:relative;overflow:hidden}.particle-text__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.particle-text__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.About{flex-direction:column;justify-content:center;align-items:center;width:100vw;display:flex}.About .realpeople{width:35vw}@media screen and (width<=768px){.About .realpeople{width:75vw}}.About .text-section{width:80vw}.About section{height:100vh}.About .title{justify-content:center;align-items:center;width:100%;display:flex}.About .about-main{flex-direction:column;justify-content:center;align-items:center;display:flex}.About .about-main h1{margin-bottom:1rem;font-size:2rem}.About .about-main p{width:60%;font-size:1rem;line-height:1.75rem}@media screen and (width<=768px){.About .about-main p{width:75vw}}.About .about-irina,.About .about-noah{flex-direction:row;justify-content:space-between;align-items:center;display:flex}@media screen and (width<=768px){.About .about-irina,.About .about-noah{flex-direction:column;justify-content:center}}.About .about-irina img,.About .about-noah img{aspect-ratio:1;z-index:-1;width:25vw;height:25vw;position:absolute}@media screen and (width<=768px){.About .about-irina img,.About .about-noah img{width:75vw;height:75vw}}.About .about-irina p,.About .about-noah p{width:60%;font-size:1rem;line-height:1.75rem}@media screen and (width<=768px){.About .about-irina p,.About .about-noah p{width:75vw;padding-top:5%}.About .about-noah{flex-direction:column-reverse}}.About .pixel-card{aspect-ratio:1;width:25vw;height:25vw}@media screen and (width<=768px){.About .pixel-card{width:75vw;height:75vw}}.pixel-canvas{display:block}.pixel-card{aspect-ratio:1;isolation:isolate;-webkit-user-select:none;user-select:none;place-items:center;transition:border-color .2s cubic-bezier(.5,1,.89,1);display:grid;position:relative;overflow:hidden}.pixel-card:before{content:"";aspect-ratio:1;opacity:0;margin:auto;transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:1}.Work{text-wrap:pretty;flex-direction:column;justify-content:center;align-items:center;display:flex}.Work .particle-section{width:100%;height:100vh}.Work .work-container{flex-direction:column;justify-content:center;align-items:center;width:85vw;display:flex}.Work .filters{border:2px dotted;border-color:var(--offwhite);width:100%}.Work .filters ul{flex-direction:row;gap:2vw;margin-left:2vw;padding:0;display:flex}.Work .project-card{border-width:2px;border-bottom-style:dotted;border-bottom-color:currentColor;border-left-style:dotted;border-left-color:currentColor;border-right-style:dotted;border-right-color:currentColor;border-color:var(--offwhite);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:space-between;align-items:center;padding:2%;display:flex}@media (width<=768px){.Work .project-card{flex-direction:column;justify-content:center;align-items:center;padding:5%}}.Work .project-card .right{object-fit:cover;width:50%;height:100%}@media (width<=768px){.Work .project-card .right{width:100%}}.Work .project-card .right img{object-fit:cover;aspect-ratio:16/9;width:95%;height:95%}.Work .project-card .left{text-wrap:pretty;width:50%;height:100%;margin:0;padding-left:1vw}@media (width<=768px){.Work .project-card .left{width:95%}}.Work .project-card .left .number-label{font-family:Bitcount Single,system-ui;font-size:1.2rem}.Work .project-card .project-info{flex-direction:column;justify-content:center;align-items:flex-start;width:50%;height:95%;padding-left:10vw;display:flex}@media (width<=768px){.Work .project-card .project-info{width:100%;padding-left:0}}.project-card-link{color:var(--offwhite);text-decoration:none}.project-card{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.project-card.is-visible{opacity:1;transform:translateY(0)}.ProjectDetail{flex-direction:column;justify-content:center;align-items:flex-start;width:90%;max-width:1200px;padding-top:4vh;padding-bottom:8vh;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ProjectDetail .back-btn{border:none;flex-wrap:nowrap;justify-content:center;align-items:center;height:auto;margin:0;padding:0;display:flex}.ProjectDetail .back-btn .backChevron{width:1.5vw;height:auto}.ProjectDetail .back-btn .backChevron path{fill:var(--offwhite)}.ProjectDetail .back-btn .backChevron path:hover{box-shadow:var(--shadow);fill:var(--pf-teal)}.ProjectDetail .media-item{justify-content:center;width:100%;height:auto;padding-top:4vh;display:flex}.ProjectDetail .media-item img,.ProjectDetail .media-item video,.ProjectDetail .media-item iframe{aspect-ratio:16/9;width:100%;height:auto}.ProjectDetail .project-spacer{padding-top:4vh}.ProjectDetail .summary{text-wrap:pretty}.ProjectDetail .buttons button{margin-right:2vw}.ProjectDetail .gallery{flex-flow:wrap;justify-content:space-evenly;gap:2vw;width:100%;display:flex}.ProjectDetail .gallery .gallery-item{justify-content:center;align-items:center;width:25%;height:auto;display:flex}.ProjectDetail .gallery .gallery-item img,.ProjectDetail .gallery .gallery-item video,.ProjectDetail .gallery .gallery-item iframe{width:100%;height:auto}