@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800&display=swap";:root{--primary:rgb(0,0,0);--primary-15:rgba(0,0,0,0.15);--primary-25:rgba(0,0,0,0.25);--secondary:rgb(142,142,147);--tertiary:rgb(174,174,178);--quaternary:rgb(199,199,204);--quinary:rgb(209,209,214);--senary:rgb(229,229,234);--septenary:rgb(242,242,247);--background:rgb(241 237 228);--background-15:rgba(255,255,255,0.15);--background-50:rgba(255,255,255,0.5);--background-80:rgba(255,255,255,0.8);--cinema-foreground:rgba(236,221,215,1);--blue:rgb(0,122,255);--indigo:#3734CE;--purple:rgb(175,82,222);--pink:rgb(255,45,85);--green:rgb(52,199,89);--yellow:rgb(255,204,0);--orange:rgb(255,149,0);--red:rgb(255,59,48);--accent:#6F5F92;--fixed-accent:#6F5F92;--accent-10:rgba(111,95,146,0.1);--accent-50:rgba(111,95,146,0.5);--light-yellow:#FFFADB;--light-indigo:#E7E7F9;--light-blue:#DBECFF;--light-pink:#FFE1E7;--light-purple:#F6E7FD;--light-green:#E2F9E5}.view-from-xs{display:none}@media(min-width:0){.view-from-xs{display:initial}}.view-from-s{display:none}@media(min-width:576px){.view-from-s{display:initial}}.view-from-m{display:none}@media(min-width:768px){.view-from-m{display:initial}}.view-from-l{display:none}@media(min-width:992px){.view-from-l{display:initial}}.view-from-xl{display:none}@media(min-width:1200px){.view-from-xl{display:initial}}.view-from-xxl{display:none}@media(min-width:1400px){.view-from-xxl{display:initial}}.container{width:100%;margin:auto;max-width:1400px;box-sizing:border-box;padding:0 1rem}@media(min-width:0){.container{min-width:360px;max-width:100vw}}@media(min-width:576px){.container{max-width:95%;margin:auto}}@media(min-width:768px){.container{max-width:90%}}@media(min-width:992px){.container{max-width:85%}}@media(min-width:1200px){.container{max-width:80%}}@media(min-width:1400px){.container{max-width:1200px}}.row{width:100%;max-width:100%;display:flex;flex-flow:row wrap;padding:.5rem 0;position:relative}.row,[class*=col-]{box-sizing:border-box}[class*=col-]{flex-grow:0}.row>div[class*=col-]{padding:.5rem 0}@media(min-width:576px){.row>div[class*=col-]{padding:0 .5rem}}.row>div:first-child{padding-left:0}.row>div:last-child{padding-right:0}@media(min-width:0){.col-1-xs{width:8.3333333333%;max-width:8.3333333333%}.col-2-xs{width:16.6666666667%;max-width:16.6666666667%}.col-3-xs{width:25%;max-width:25%}.col-4-xs{width:33.3333333333%;max-width:33.3333333333%}.col-5-xs{width:41.6666666667%;max-width:41.6666666667%}.col-6-xs{width:50%;max-width:50%}.col-7-xs{width:58.3333333333%;max-width:58.3333333333%}.col-8-xs{width:66.6666666667%;max-width:66.6666666667%}.col-9-xs{width:75%;max-width:75%}.col-10-xs{width:83.3333333333%;max-width:83.3333333333%}.col-11-xs{width:91.6666666667%;max-width:91.6666666667%}.col-12-xs{width:100%;max-width:100%}}@media(min-width:576px){.col-1-s{width:8.3333333333%;max-width:8.3333333333%}.col-2-s{width:16.6666666667%;max-width:16.6666666667%}.col-3-s{width:25%;max-width:25%}.col-4-s{width:33.3333333333%;max-width:33.3333333333%}.col-5-s{width:41.6666666667%;max-width:41.6666666667%}.col-6-s{width:50%;max-width:50%}.col-7-s{width:58.3333333333%;max-width:58.3333333333%}.col-8-s{width:66.6666666667%;max-width:66.6666666667%}.col-9-s{width:75%;max-width:75%}.col-10-s{width:83.3333333333%;max-width:83.3333333333%}.col-11-s{width:91.6666666667%;max-width:91.6666666667%}.col-12-s{width:100%;max-width:100%}}@media(min-width:768px){.col-1-m{width:8.3333333333%;max-width:8.3333333333%}.col-2-m{width:16.6666666667%;max-width:16.6666666667%}.col-3-m{width:25%;max-width:25%}.col-4-m{width:33.3333333333%;max-width:33.3333333333%}.col-5-m{width:41.6666666667%;max-width:41.6666666667%}.col-6-m{width:50%;max-width:50%}.col-7-m{width:58.3333333333%;max-width:58.3333333333%}.col-8-m{width:66.6666666667%;max-width:66.6666666667%}.col-9-m{width:75%;max-width:75%}.col-10-m{width:83.3333333333%;max-width:83.3333333333%}.col-11-m{width:91.6666666667%;max-width:91.6666666667%}.col-12-m{width:100%;max-width:100%}}@media(min-width:992px){.col-1-l{width:8.3333333333%;max-width:8.3333333333%}.col-2-l{width:16.6666666667%;max-width:16.6666666667%}.col-3-l{width:25%;max-width:25%}.col-4-l{width:33.3333333333%;max-width:33.3333333333%}.col-5-l{width:41.6666666667%;max-width:41.6666666667%}.col-6-l{width:50%;max-width:50%}.col-7-l{width:58.3333333333%;max-width:58.3333333333%}.col-8-l{width:66.6666666667%;max-width:66.6666666667%}.col-9-l{width:75%;max-width:75%}.col-10-l{width:83.3333333333%;max-width:83.3333333333%}.col-11-l{width:91.6666666667%;max-width:91.6666666667%}.col-12-l{width:100%;max-width:100%}}@media(min-width:1200px){.col-1-xl{width:8.3333333333%;max-width:8.3333333333%}.col-2-xl{width:16.6666666667%;max-width:16.6666666667%}.col-3-xl{width:25%;max-width:25%}.col-4-xl{width:33.3333333333%;max-width:33.3333333333%}.col-5-xl{width:41.6666666667%;max-width:41.6666666667%}.col-6-xl{width:50%;max-width:50%}.col-7-xl{width:58.3333333333%;max-width:58.3333333333%}.col-8-xl{width:66.6666666667%;max-width:66.6666666667%}.col-9-xl{width:75%;max-width:75%}.col-10-xl{width:83.3333333333%;max-width:83.3333333333%}.col-11-xl{width:91.6666666667%;max-width:91.6666666667%}.col-12-xl{width:100%;max-width:100%}}@media(min-width:1400px){.col-1-xxl{width:8.3333333333%;max-width:8.3333333333%}.col-2-xxl{width:16.6666666667%;max-width:16.6666666667%}.col-3-xxl{width:25%;max-width:25%}.col-4-xxl{width:33.3333333333%;max-width:33.3333333333%}.col-5-xxl{width:41.6666666667%;max-width:41.6666666667%}.col-6-xxl{width:50%;max-width:50%}.col-7-xxl{width:58.3333333333%;max-width:58.3333333333%}.col-8-xxl{width:66.6666666667%;max-width:66.6666666667%}.col-9-xxl{width:75%;max-width:75%}.col-10-xxl{width:83.3333333333%;max-width:83.3333333333%}.col-11-xxl{width:91.6666666667%;max-width:91.6666666667%}.col-12-xxl{width:100%;max-width:100%}}.flex-right{position:absolute;right:0}.flex-left{position:absolute;left:0}@media(min-width:0){.auto-align{text-align:center}}@media(min-width:576px){.auto-align{text-align:unset}}@media(min-width:768px){.auto-align{text-align:unset}}@media(min-width:0){.button-100 label{width:100%}}@media(min-width:576px){.button-100 label{width:auto}}@media(min-width:768px){.button-100 label{width:auto}}.project-page{max-width:100vw;overflow-x:clip}.project-page div{transition:none}.project-page a,.project-page li,.project-page p,.project-page strong{font-family:Nunito,sans-serif}.project-page h2{margin:auto;padding:2rem 0}.project-page h3{font-size:1.5rem}.project-page li,.project-page p{letter-spacing:.03rem;line-height:1.6rem;font-size:1.1rem;color:#4d3a52}.project-page li img,.project-page p img{border-radius:1.5rem;margin:10% 0;text-align:center;position:-webkit-sticky;position:sticky;max-width:100%;border:4px solid hsla(0,0%,100%,.5);box-shadow:20px 20px 0 rgba(0,0,0,.08)}@media(min-width:0){.project-page li img,.project-page p img{transform:scale(1);top:2rem}}@media(min-width:576px){.project-page li img,.project-page p img{transform:scale(1);top:2rem}}@media(min-width:768px){.project-page li img,.project-page p img{transform:scale(1.05);top:5%}}@media(min-width:992px){.project-page li img,.project-page p img{transform:scale(1.1);top:10%}}@media(min-width:1200px){.project-page li img,.project-page p img{transform:scale(1.15);top:10%}}@media(min-width:1400px){.project-page li img,.project-page p img{transform:scale(1.2);top:10%}}.project-page blockquote{border-left:4px solid #e59d87;box-sizing:border-box;padding:.01em 1em;background-color:rgba(229,157,135,.1098039216);border-radius:.5rem;margin:2rem 0;width:-moz-fit-content;width:fit-content}.project-page blockquote li,.project-page blockquote p{font-size:1rem}.project-page blockquote li{line-height:1.4rem;margin-bottom:.8rem}.project-page pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;background-color:var(--septenary);padding:1rem;box-sizing:border-box;border-radius:2.2rem}.project-page pre code{color:var(--primary);opacity:.85;font-size:.85rem}.project-page .sideNav{list-style-type:none;padding:1rem;margin:0;position:fixed;transform:translateY(-50%);top:50%;height:auto;display:flex;flex-direction:column;z-index:1;background-color:rgba(0,0,0,0);border-radius:5px}@media(min-width:0){.project-page .sideNav{display:none}}@media(min-width:576px){.project-page .sideNav{right:.5vw;display:flex}}@media(min-width:768px){.project-page .sideNav{right:1.5vw;display:flex}}@media(min-width:992px){.project-page .sideNav{right:2vw;display:flex}}@media(min-width:1200px){.project-page .sideNav{right:3vw;display:flex}}@media(min-width:1400px){.project-page .sideNav{right:6vw;display:flex}}.project-page .sideNav a,.project-page .sideNav li{color:var(--primary-25);font-size:.85rem;line-height:1.7rem;display:inline-flex;align-items:center;letter-spacing:0}.project-page .sideNav a svg,.project-page .sideNav li svg{margin-left:.5rem}.project-page .sideNav a path,.project-page .sideNav li path{color:var(--primary-25)}.project-page .sideNav .active,.project-page .sideNav a:hover,.project-page .sideNav li:hover{color:var(--primary);cursor:pointer}.project-page .sideNav .active path,.project-page .sideNav a:hover path,.project-page .sideNav li:hover path{color:var(--primary)}.project-page .sideNav:hover{background-color:var(--background)}.project-page .headSection{height:calc(100vh - 70px);position:relative;transition:.3s ease-in-out;background-image:linear-gradient(0deg,var(--background),transparent)}.project-page .headSection,.project-page .headSection .image{width:100%;background-repeat:no-repeat;background-size:cover;background-position:50%}.project-page .headSection .image{height:100%}.project-page .section{margin-top:10vh}.project-page .row{margin:10vh 0}.project-page .section>.container:first-child>.row:first-child{margin-bottom:-10vh}.project-page .subsection>.row:nth-child(2){margin-top:0}.project-page .subsection>.row:first-child{margin-bottom:-1.5rem}.project-page .subsection h3{padding:0 1rem .25rem 0}.project-page .container{width:100%;margin:auto;max-width:1400px;box-sizing:border-box;padding:0 1em}@media(min-width:0){.project-page .container{min-width:375px;width:100%}}@media(min-width:576px){.project-page .container{max-width:85%}}@media(min-width:768px){.project-page .container{max-width:75%}}@media(min-width:992px){.project-page .container{max-width:65%}}@media(min-width:1400px){.project-page .container{max-width:55%}}.project-page .extras{padding:15vh 0 5vh}.project-page .extras .extra-label{text-align:right}@media(min-width:0){.project-page .extras .extra-label{order:1;text-align:center}}@media(min-width:576px){.project-page .extras .extra-label{order:1;text-align:center}}@media(min-width:768px){.project-page .extras .extra-label{order:unset;text-align:right}}.project-page .extras .extra-text{font-weight:500}@media(min-width:0){.project-page .extras .extra-text{order:2;text-align:center}}@media(min-width:576px){.project-page .extras .extra-text{order:2;text-align:center}}@media(min-width:768px){.project-page .extras .extra-text{order:unset;text-align:left}}.project-page .extras .row{margin:0}.project-page .section-title{text-align:center}.project-page .pong img,.project-page .pong video{border-radius:2.2rem;max-width:100%;max-height:80vh;border:4px solid hsla(0,0%,100%,.5);box-shadow:0 0 100px 0 hsla(0,0%,100%,.2),20px 20px 0 rgba(0,0,0,.08)}@media(min-width:0){.project-page .pong{order:2}}@media(min-width:576px){.project-page .pong{order:2}}@media(min-width:768px){.project-page .pong{order:unset}}.project-page .pong.right{text-align:right}@media(min-width:0){.project-page .pong.right{text-align:center}}@media(min-width:576px){.project-page .pong.right{text-align:center}}.project-page .pong.left{text-align:left}@media(min-width:0){.project-page .pong.left{text-align:center}}@media(min-width:576px){.project-page .pong.left{text-align:center}}.project-page .ping .sticky{position:-webkit-sticky;position:sticky;top:20%}@media(min-width:0){.project-page .ping{order:1;padding-bottom:2rem!important}}@media(min-width:576px){.project-page .ping{order:1;padding-bottom:2rem!important}}@media(min-width:768px){.project-page .ping{order:unset;padding-bottom:0}}.project-page .ping.right{padding-left:3rem}@media(min-width:0){.project-page .ping.right{padding-left:0}}@media(min-width:576px){.project-page .ping.right{padding-left:0}}@media(min-width:768px){.project-page .ping.right{padding-left:3rem}}.project-page .ping.left{padding-right:3rem}@media(min-width:0){.project-page .ping.left{padding-right:0}}@media(min-width:576px){.project-page .ping.left{padding-right:0}}@media(min-width:768px){.project-page .ping.left{padding-right:3rem}}.project-page .figma{text-align:center}.project-page .figma iframe{width:100%;height:calc(100vh - 70px);border:unset;border-radius:20px}.project-page .pjNav{z-index:1;transition:.3s ease-in-out;opacity:1;width:100%;margin:auto;max-width:100%;box-sizing:border-box;padding:0 1rem;position:fixed;bottom:4rem;justify-content:space-between;display:flex}@media(min-width:0){.project-page .pjNav{min-width:375px;opacity:1}}@media(min-width:768px){.project-page .pjNav{min-width:375px;opacity:1}}.project-page .pjNav .arrow{box-sizing:border-box;position:relative;display:inline-flex;font-size:.85rem;font-family:Nunito,sans-serif}@media(min-width:0){.project-page .pjNav .arrow{height:3rem}}@media(min-width:768px){.project-page .pjNav .arrow{height:unset}}.project-page .pjNav .arrow span{width:0;display:block;white-space:nowrap;overflow:hidden;background-color:rgba(0,0,0,0);color:rgba(0,0,0,0);padding:1rem 0;z-index:-1;box-sizing:border-box;position:relative;text-underline-offset:.5rem}@media(min-width:0){.project-page .pjNav .arrow span{display:none}}@media(min-width:768px){.project-page .pjNav .arrow span{display:block}}.project-page .pjNav .arrow u{margin-left:1rem}.project-page .pjNav .arrow svg{transition-delay:.3s;background-color:rgba(0,0,0,0);border-radius:100px;height:auto;padding:0 1rem;width:3rem;z-index:1;box-sizing:border-box}.project-page .pjNav .arrow svg path{color:var(--primary)}.project-page .pjNav .next{justify-content:right}.project-page .pjNav .next span{border-radius:100px 0 0 100px;right:-1.5rem}.project-page .pjNav .back{justify-content:left}.project-page .pjNav .back span{border-radius:0 100px 100px 0;left:-1.5rem}.project-page .pjNav .arrow:hover{cursor:pointer}.project-page .pjNav .arrow:hover span{width:calc(100% - 3rem)}.project-page .pjNav .back:hover span{padding:1rem 1rem 1rem 2rem}.project-page .pjNav .next:hover span{padding:1rem 2rem 1rem 1rem}.project-page .pjNav:hover{opacity:1}.project-page .pjNav:hover .arrow:hover span{background-color:var(--background);color:var(--primary)}.project-page .pjNav:hover .arrow:hover svg{transition:none;background-color:var(--background)}.project-page .pjNav:hover .arrow:hover svg path{color:var(--primary)}.headSection{position:relative;width:100%;height:100vh;overflow:hidden}.headSection .image{width:100%;height:100%;object-fit:cover;transition:filter .5s ease}.section-main a,blockquote a{color:var(--primary);transition:color .3s;padding:0 .25rem;background-color:#fff;border-radius:.3rem}.section-main a:hover,blockquote a:hover{color:var(--primary);text-decoration:underline}