body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}main{padding:0;background-color:#fff}.pixel-gradient-2{background-color:transparent;background-image:url(/_next/static/media/pixel-pattern-2.d4feb8d6.png);width:auto;height:30px;background-repeat:repeat-x;background-size:contain}h3{font-family:Manrope-Regular;color:#d0d0d0;font-size:32pt}.header{width:100%;height:auto;position:fixed;background:none;z-Index:90;display:flex;justify-content:space-between}.header-title-container{width:0;float:left;background:none;margin:0}.header-button-container{width:-moz-fit-content;width:fit-content;display:flex;float:end;justify-content:flex-end;background:none;margin:0;padding:18px}.header-button{cursor:pointer;background-color:#fff;color:#333;font-size:18px;padding:11px 30px;border:none;border-radius:24px;box-shadow:0 0 8px #e0e0e0;margin-left:20px}.header-button:hover{box-shadow:0 0 8px #3a90ff}.header-button-container-2{width:-moz-fit-content;width:fit-content;display:flex;float:end;justify-content:flex-end;background:none;padding-right:20px;vertical-align:middle}.header-button-2{cursor:pointer;background-color:transparent;font-family:Jersey25;color:#333;font-size:18px;padding:0 20px;border:none;text-decoration:none;vertical-align:middle;text-underline-offset:8px}.header-button-2 img{width:64px;vertical-align:middle}.header-button-2:hover{text-decoration:underline}.link-style{vertical-align:middle;height:100px;width:inherit;padding-top:8px;horizontal-align:middle}.filter-button-container{width:-moz-fit-content;width:fit-content;height:auto;background-color:#f8f8f8;display:flex;border-radius:36px;padding:8px 4px;box-shadow:inset 0 0 5px #e0e0e0}.filter-button{cursor:pointer;background:#f7f7f7;color:#333;font-size:17px;padding:9px 18px;border:none;border-radius:24px;margin:0 4px}.filter-button:hover{background:#eaeaea}.clicked{box-shadow:0 0 5px #d0d0d0}.clicked,.clicked:hover{background-color:#fafafa}.selected{box-shadow:0 1px 8px #0070f388}.selected-2{text-decoration:underline}.landing-background{background-image:url(/_next/static/media/background.8b4a12c4.jpg);height:80vh;background-repeat:repeat-x}.centering-container{display:flex;justify-content:center}.project-card{height:400px;width:340px;margin:55px;display:none}.show{display:block}.project-card-img{width:340px;cursor:pointer;border-radius:7px}.project-card-img:hover{background-color:#b3ceffbb;transition:.2s}.project-card h2{font-family:Manrope-Regular;letter-spacing:.02em;color:#000;font-size:16pt;cursor:pointer}.project-card p{font-family:BasisGrotesquePro-Regular;color:#606060;letter-spacing:.02em;font-size:13pt}.tag-container{text-align:center;float:left;height:auto;width:100%;display:flex;flex-wrap:wrap;margin:4px 0}.tag-c{font-family:BasisGrotesquePro-Regular;color:#666;padding:2px 5.6px;border-radius:0;background-color:#fafafa;margin:0 12px 12px 0;box-shadow:0 2.5px 0 0 #dde0e8,0 -2.5px 0 #d3dfff77,2.5px 0 0 0 #d9e2fa,-2.5px 0 0 #e4e7ef}.tag-c,.tag-c-old{font-size:10pt;width:-moz-fit-content;width:fit-content;height:auto}.tag-c-old{font-family:Inter-Regular;color:rgba(0,0,0,.36);padding:2.4px 8.8px;border-radius:20px;border:1px solid #f0f0f0;background-color:#fcfcfc;margin:0 5px 6px 0}.footer{width:auto;display:block;text-align:center;justify-content:center;align-items:center;font-family:BasisGrotesquePro-Regular;color:#777;padding-bottom:32px;margin-top:100px}.footer p{padding-top:8px;margin:0;font-size:14px}footer img{margin-left:.5rem}footer a{display:flex;justify-content:center;align-items:center}a{color:inherit}.title a,a{text-decoration:none}.title a{color:#0070f3}.title a:active,.title a:focus,.title a:hover{text-decoration:underline}.title{margin:0;line-height:1.15;font-size:4rem}.description,.title{text-align:left}.description{line-height:1.5;font-size:1.5rem}code{background:#fafafa;border-radius:5px;padding:.75rem;font-size:1.1rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.card:active,.card:focus,.card:hover{color:#0070f3;border-color:#0070f3}.card h3{margin:0 0 1rem;font-size:1.5rem;font-family:Manrope-Regular}.card p{margin:0;font-size:1.25rem;line-height:1.5}.logo{height:1em}@font-face{font-family:Inter-Regular;src:url(/_next/static/media/Inter-Regular.73be79b7.otf);font-weight:400}@font-face{font-family:Inter-Light;src:url(/_next/static/media/Inter-Light-BETA.572a27e6.otf)}@font-face{font-family:Inter-ExtraLight;src:url(/_next/static/media/Inter-ExtraLight-BETA.cf2e6434.otf)}@font-face{font-family:Inter-Medium;src:url(/_next/static/media/Inter-Medium.e0ca80e8.otf)}@font-face{font-family:Inter-SemiBold;src:url(/_next/static/media/Inter-SemiBold.5d98b155.otf)}@font-face{font-family:Jersey25;src:url(/_next/static/media/Jersey25-Regular.2da55f4d.ttf)}@font-face{font-family:Manrope-Regular;src:url(/_next/static/media/Manrope-Regular.bd4fdd36.ttf)}@font-face{font-family:Manrope-SemiBold;src:url(/_next/static/media/Manrope-SemiBold.a1b1fe16.ttf)}@font-face{font-family:Manrope-Medium;src:url(/_next/static/media/Manrope-Medium.21bd6fd9.ttf)}@font-face{font-family:Manrope-Light;src:url(/_next/static/media/Manrope-Light.c7470619.ttf)}@font-face{font-family:BasisGrotesquePro-Black;src:url(/_next/static/media/BasisGrotesquePro-Black.3a4f00b3.ttf)}@font-face{font-family:BasisGrotesquePro-Bold;src:url(/_next/static/media/BasisGrotesquePro-Bold.9ce2bb6f.ttf)}@font-face{font-family:BasisGrotesquePro-Medium;src:url(/_next/static/media/BasisGrotesquePro-Medium.7acfc193.ttf)}@font-face{font-family:BasisGrotesquePro-Regular;src:url(/_next/static/media/BasisGrotesquePro-Regular.8d39b13b.ttf)}@font-face{font-family:BasisGrotesquePro-Light;src:url(/_next/static/media/BasisGrotesquePro-Light.148e1c40.ttf)}.project-centering-container{display:flex;flex-wrap:wrap;justify-content:center;overflow-x:hidden}.content-centering-container{display:flex;flex-wrap:wrap;justify-content:center;width:auto;margin:0}.content-centering-container h2{font-family:BasisGrotesquePro-Regular;letter-spacing:1.4px;font-size:20px;width:100%;color:#666;padding:60px 0 1px;margin-bottom:0}.content-centering-container h4{font-family:Manrope-Regular;letter-spacing:.02em;font-size:32px;width:100%;line-height:48px;padding:32px 0;margin:0;background:#fff;z-index:89;box-shadow:4px 0 4px -2px #fff,-4px 0 4px -2px #fff}.content-centering-container h6{font-family:Manrope-Regular;font-size:13pt;width:100%;height:84px;padding:30px 0;position:-webkit-sticky;position:sticky;margin:0;background:#fff;z-index:8}.project-intro-text{width:100%;display:block;margin-top:56px}.project-intro-text h1{font-family:BasisGrotesquePro-Regular;font-weight:400;letter-spacing:.01em;font-size:13pt;line-height:1.4;padding:8px 0 12px}.project-intro-img{width:inherit;width:100vw;display:block}.project-intro-img img{width:inherit;box-shadow:0 0 12px #f0f0f0}.project-intro-summary{width:100%;width:50vw;display:inline-block;padding:20px 2vw 20px 4vw}.project-intro-summary h5{font-size:12pt;width:12vw;min-width:100px;margin:0 0 8px}.project-intro-summary h5,.project-intro-summary p{font-family:BasisGrotesquePro-Regular;letter-spacing:.02em;color:#000;float:left}.project-intro-summary p{font-size:13pt;width:36vw;margin:0;padding:0 0 16px}.project-standard-img{width:100%;margin:10px 0 45px;border-radius:7px}.project-standard-text{width:100%;padding:2px 0 12px;list-style-position:outside}.project-standard-text p{letter-spacing:.01em;font-weight:300;line-height:26px;margin:0 0 20px}.project-standard-text li,.project-standard-text p{font-family:BasisGrotesquePro-Regular;color:#000;font-size:13pt}.project-standard-text li{width:86%;margin:5px 3vw 15px;padding:0;line-height:1.4}.project-standard-text li b{font-family:BasisGrotesquePro-Regular}.side-nav-container{width:22vw;display:flex;align-items:center;justify-content:start;position:-webkit-sticky;position:sticky;top:72px;align-self:flex-start}.side-nav{padding:12px 32px;height:-moz-fit-content;height:fit-content}.side-nav,.side-nav-item{width:-moz-fit-content;width:fit-content}.side-nav-item{cursor:pointer;font-family:BasisGrotesquePro-Medium;letter-spacing:.5px;color:#000;font-size:13pt;display:block;margin:20px 0;color:#999}.side-nav-item:hover{color:#000}.side-nav-item.selected{color:#000;box-shadow:none}.tab-button-container{padding-top:0;position:-webkit-sticky;position:sticky;top:0;z-index:9}.tab-button{width:33.3%;height:84px;background:#fff;font-family:Manrope-Medium;font-size:13pt;color:#bfbfbf;box-shadow:none;border:none;border-bottom:2px solid #f0f0f0}.tab-button.selected{color:#000;border-bottom:2px solid #3a90ff}.tab-button-2{width:50%;height:84px;background:#fff;font-size:13pt;color:#bfbfbf;box-shadow:none;border:none;border-bottom:2px solid #f0f0f0}.tab-button-2.selected{color:#000;border-bottom:2px solid #3a90ff}.tab-content-section{width:100%;opacity:.3;transition:opacity .5s}.tab-content-section.selected{width:100%;opacity:1;box-shadow:none}.tag{float:right;padding:1px 10px;height:24px;display:inline-block;border-radius:5px;top:-12px;left:0;position:relative;z-index:98}.tag h9{font-size:9pt;font-family:Inter-Medium;color:#fff}.tag.project-background{background-color:#a090ff}.tag.research{background-color:#f0a220}.tag.design-process{background-color:#5b94ff}.tag.design-outcome{background-color:#88c920}.tagged-image{position:relative}