: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;--sw-stroke:rgba(0,0,0,0.34);--sw-stroke-nav:rgba(0,0,0,0.5)}html[data-route=home]{--primary:#F1ECE1;--primary-15:rgba(241,236,225,0.15);--primary-25:rgba(241,236,225,0.25);--secondary:#A9A0D6;--tertiary:#8F86C4;--quaternary:#6F65A8;--quinary:#4A3F8A;--senary:#3D3180;--septenary:#2A2158;--background:#33296B;--background-15:rgba(51,41,107,0.15);--background-50:rgba(51,41,107,0.5);--background-80:rgba(51,41,107,0.8);--cinema-foreground:#2A2158;--accent:#B9A8E8;--accent-10:rgba(185,168,232,0.1);--accent-50:rgba(185,168,232,0.5);--marker:#CFC3F4;--blue:#8FB8FF;--pink:#FF9BC8;--light-yellow:#EFE7C9;--light-indigo:#CFC3F4;--light-blue:#C7D6F4;--light-pink:#F4C9DC;--light-purple:#E3C7F4;--light-green:#CDEBD9;--btn-bg:#F1ECE1;--btn-ink:#33296B;--btn-edge:#1F1847;--sw-stroke:rgba(241,236,225,0.4);--sw-stroke-nav:rgba(241,236,225,0.55)}html[data-route=design]{--primary:#F1ECE1;--primary-15:rgba(241,236,225,0.15);--primary-25:rgba(241,236,225,0.25);--secondary:#93BDBA;--tertiary:#7FA8A5;--quaternary:#5F8F8C;--quinary:#2E6B6D;--senary:#166166;--septenary:#0B3F42;--background:#0F4F52;--background-15:rgba(15,79,82,0.15);--background-50:rgba(15,79,82,0.5);--background-80:rgba(15,79,82,0.8);--cinema-foreground:#0B3F42;--accent:#B9A8E8;--accent-10:rgba(185,168,232,0.1);--accent-50:rgba(185,168,232,0.5);--marker:#BFE8E0;--blue:#8FD8D0;--pink:#F4A9C4;--light-yellow:#EFE7C9;--light-indigo:#BFD9E8;--light-blue:#BFE8E0;--light-pink:#F4C9DC;--light-purple:#DCC9F4;--light-green:#CDE8BF;--btn-bg:#F1ECE1;--btn-ink:#0F4F52;--btn-edge:#072E31;--sw-stroke:rgba(241,236,225,0.4);--sw-stroke-nav:rgba(241,236,225,0.55)}html[data-route=cinema]{--primary:#F3ECE3;--primary-15:rgba(243,236,227,0.15);--primary-25:rgba(243,236,227,0.25);--secondary:#C39AAE;--tertiary:#A87F95;--quaternary:#8A5F77;--quinary:#6B3C55;--senary:#5E2A49;--septenary:#3C1830;--background:#4C1F3B;--background-15:rgba(76,31,59,0.15);--background-50:rgba(76,31,59,0.5);--background-80:rgba(76,31,59,0.8);--cinema-foreground:#3C1830;--accent:#B9A8E8;--accent-10:rgba(185,168,232,0.1);--accent-50:rgba(185,168,232,0.5);--marker:#F4C9DC;--blue:#C9A0E8;--pink:#FF9BC8;--light-yellow:#F4E4C9;--light-indigo:#DCC9F4;--light-blue:#C9D8F4;--light-pink:#F4C9DC;--light-purple:#E8C9EC;--light-green:#CDE8D2;--btn-bg:#F1ECE1;--btn-ink:#4C1F3B;--btn-edge:#301226;--sw-stroke:rgba(243,236,227,0.4);--sw-stroke-nav:rgba(243,236,227,0.55)}.view-from-m{display:none}@media(min-width:768px){.view-from-m{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}.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:var(--font-nunito),"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: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{margin-top:-88px;height:100vh;height:100svh;width:100%;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative;transition:.3s ease-in-out;background-image:linear-gradient(0deg,var(--background),transparent)}.project-page .headSection:before{content:"";position:absolute;inset:0 0 auto 0;height:150px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent)}.project-page .headSection .image{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:50%}.project-page .headSection .progWrap{position:absolute!important;inset:0;height:100%!important;aspect-ratio:auto!important}.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: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 .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:var(--font-nunito),"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;height:100svh;overflow:hidden}.headSection .image{width:100%;height:100%;object-fit:cover;transition:filter .5s ease}html[data-project] .Navbar:not(.Navbar--float){background-color:rgba(0,0,0,0)}html[data-project] .nav-top-left{left:.75rem;padding:0 .25rem;box-sizing:border-box;border-radius:100px;background-color:var(--background-80);-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);border:1.5px solid var(--primary-15);box-shadow:4px 4px 0 0 rgba(0,0,0,.22);height:48px;top:20px;transition:top .3s ease,height .3s ease}html[data-project] .nav-top-left .Button label{padding:.5em .85rem;min-width:2em}html[data-project] .Navbar--float .nav-top-left{top:12px;height:62px}@media(max-width:767px){html[data-project] .Navbar--float .container .row{max-width:min(430px,100% - 3.9rem - .25rem);margin-left:3.9rem;margin-right:.25rem}}html[data-route] .project-page li,html[data-route] .project-page p{color:var(--primary)}.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}