html,body{-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}main{background-color:#fff;padding:0}.pixel-gradient-2{background-color:#0000;background-image:url(../media/pixel-pattern-2.1wtpo3vb2od4j.png);background-repeat:repeat-x;background-size:contain;width:auto;height:30px}h3{color:#d0d0d0;font-family:Manrope-Regular;font-size:32pt}.header{z-index:90;background:0 0;justify-content:space-between;width:100%;height:auto;display:flex;position:fixed}.header-title-container{float:left;background:0 0;width:0;margin:0}.header-button-container{float:end;background:0 0;justify-content:flex-end;width:fit-content;margin:0;padding:18px;display:flex}.header-button{cursor:pointer;color:#333;background-color:#fff;border:none;border-radius:24px;margin-left:20px;padding:11px 30px;font-size:18px;box-shadow:0 0 8px #e0e0e0}.header-button:hover{box-shadow:0 0 8px #3a90ff}.header-button-container-2{float:end;vertical-align:middle;background:0 0;justify-content:flex-end;width:fit-content;padding-right:20px;display:flex}.header-button-2{cursor:pointer;color:#333;vertical-align:middle;text-underline-offset:8px;background-color:#0000;border:none;padding:0 20px;font-family:Jersey25;font-size:18px;text-decoration:none}.header-button-2 img{vertical-align:middle;width:64px}.header-button-2:hover{text-decoration:underline}.link-style{vertical-align:middle;height:100px;width:inherit;horizontal-align:middle;padding-top:8px}.filter-button-container{background-color:#f8f8f8;border-radius:36px;width:fit-content;height:auto;padding:8px 4px;display:flex;box-shadow:inset 0 0 5px #e0e0e0}.filter-button{cursor:pointer;color:#333;background:#f7f7f7;border:none;border-radius:24px;margin:0 4px;padding:9px 18px;font-size:17px}.filter-button:hover{background:#eaeaea}.clicked{background-color:#fafafa;box-shadow:0 0 5px #d0d0d0}.clicked:hover{background-color:#fafafa}.selected{box-shadow:0 1px 8px #0070f388}.selected-2{text-decoration:underline}.landing-background{background-image:url(../media/background.2m8uv6o5ino_g.jpg);background-repeat:repeat-x;height:80vh}.centering-container{justify-content:center;display:flex}.project-card{align-items:center;gap:60px;width:100%;margin:60px 0;display:flex}.project-card:nth-child(odd){flex-direction:row-reverse}.show{display:block}.project-card-img{cursor:pointer;border-radius:4px;flex:0 0 450px;width:450px}.project-card-img:hover{background-color:#b3ceffb0;transition:all .2s}.project-card-text{flex:1 1 0;min-width:0;max-width:600px}.project-card h2{letter-spacing:.02em;color:#000;cursor:pointer;text-underline-offset:6px;font-family:Manrope-Regular;font-size:18pt;line-height:150%;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.1em;transition:text-decoration-color .3s}.project-card h2:hover{text-decoration-color:#a4bdff}.title-arrow{transition:transform .3s;display:inline-block}.project-card h2:hover .title-arrow{transform:translate(3px)}.project-card p{color:#666;letter-spacing:.01em;font-family:BasisGrotesquePro-Regular;font-size:14pt}.tag-container{text-align:center;float:left;flex-wrap:wrap;width:100%;height:auto;margin:4px 0;display:flex}.tag-c{color:#666;background-color:#fafafa;border-radius:0;width:fit-content;height:auto;margin:0 12px 12px 0;padding:2px 5.6px;font-family:BasisGrotesquePro-Regular;font-size:10pt;box-shadow:0 2.5px #dde0e8,0 -2.5px #d3dfff77,2.5px 0 #d9e2fa,-2.5px 0 #e4e7ef}.tag-c-old{color:#0000005c;background-color:#fcfcfc;border:1px solid #f0f0f0;border-radius:20px;width:fit-content;height:auto;margin:0 5px 6px 0;padding:2.4px 8.8px;font-family:Inter-Regular;font-size:10pt}.footer{text-align:center;color:#777;justify-content:center;align-items:center;width:auto;margin-top:100px;padding-bottom:32px;font-family:BasisGrotesquePro-Regular;display:block}.footer p{margin:0;padding-top:8px;font-size:14px}footer img{margin-left:.5rem}footer a{justify-content:center;align-items:center;display:flex}a{color:inherit;text-decoration:none}.title a{color:#0070f3;text-decoration:none}.title a:hover,.title a:focus,.title a:active{text-decoration:underline}.title{margin:0;font-size:4rem;line-height:1.15}.title,.description{text-align:left}.description{font-size:1.5rem;line-height:1.5}code{background:#fafafa;border-radius:5px;padding:.75rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;font-size:1.1rem}.grid{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.card:hover,.card:focus,.card:active{color:#0070f3;border-color:#0070f3}.card h3{margin:0 0 1rem;font-family:Manrope-Regular;font-size:1.5rem}.card p{margin:0;font-size:1.25rem;line-height:1.5}.logo{height:1em}@media (max-width:820px){.project-card,.project-card:nth-child(odd){flex-direction:column;align-items:flex-start;gap:16px;margin:40px 0}.project-card-text{max-width:none}.project-card>a{align-self:center;width:100%;max-width:450px}}
@font-face{font-family:Inter-Regular;src:url(../media/Inter-Regular.0nsopg2ev0mlw.otf);font-weight:400}@font-face{font-family:Inter-Light;src:url(../media/Inter-Light-BETA.3h7tthb2tdj_h.otf)}@font-face{font-family:Inter-ExtraLight;src:url(../media/Inter-ExtraLight-BETA.15ok74j8yhbju.otf)}@font-face{font-family:Inter-Medium;src:url(../media/Inter-Medium.39-ljv_jobubt.otf)}@font-face{font-family:Inter-SemiBold;src:url(../media/Inter-SemiBold.41cqrsuvusmba.otf)}@font-face{font-family:Jersey25;src:url(../media/Jersey25-Regular.0ar3tovebfvlv.ttf)}@font-face{font-family:Manrope-Regular;src:url(../media/Manrope-Regular.44rgvd84kz74_.ttf)}@font-face{font-family:Manrope-SemiBold;src:url(../media/Manrope-SemiBold.0i0li6rat8gen.ttf)}@font-face{font-family:Manrope-Medium;src:url(../media/Manrope-Medium.16ffwjp74qn5j.ttf)}@font-face{font-family:Manrope-Light;src:url(../media/Manrope-Light.25ywaz4d1kfho.ttf)}@font-face{font-family:BasisGrotesquePro-Black;src:url(../media/BasisGrotesquePro-Black.2j6p8pk7eqbd8.ttf)}@font-face{font-family:BasisGrotesquePro-Bold;src:url(../media/BasisGrotesquePro-Bold.0via-wtz6k5iw.ttf)}@font-face{font-family:BasisGrotesquePro-Medium;src:url(../media/BasisGrotesquePro-Medium.032p1hw-067tm.ttf)}@font-face{font-family:BasisGrotesquePro-Regular;src:url(../media/BasisGrotesquePro-Regular.0xlk07p51v1el.ttf)}@font-face{font-family:BasisGrotesquePro-Light;src:url(../media/BasisGrotesquePro-Light.3gw3npw1mo6um.ttf)}
.project-centering-container{flex-wrap:wrap;justify-content:center;display:flex;overflow-x:hidden}.content-centering-container{flex-wrap:wrap;justify-content:center;width:auto;margin:0;display:flex}.content-centering-container h2{letter-spacing:1.4px;color:#666;width:100%;margin-bottom:0;padding:60px 0 1px;font-family:BasisGrotesquePro-Regular;font-size:20px}.content-centering-container h4{letter-spacing:.02em;z-index:89;background:#fff;width:100%;margin:0;padding:32px 0;font-family:Manrope-Regular;font-size:32px;line-height:48px;box-shadow:4px 0 4px -2px #fff,-4px 0 4px -2px #fff}.content-centering-container h6{z-index:8;background:#fff;width:100%;height:84px;margin:0;padding:30px 0;font-family:Manrope-Regular;font-size:13pt;position:sticky}.project-intro-text{width:100%;margin-top:56px;display:block}.project-intro-text h1{letter-spacing:.01em;padding:8px 0 12px;font-family:BasisGrotesquePro-Regular;font-size:13pt;font-weight:400;line-height:1.4}.project-metrics{background:#f0f0f0;border:1px solid #f0f0f0;border-radius:8px;grid-template-columns:1fr 1fr;gap:1px;margin:24px 0 40px;display:grid;overflow:hidden;box-shadow:0 0 10px #06040808,0 1px 4px #0604080d}.metric-tile{background:#fefdfe;padding:24px 40px}.metric-value{color:#000;margin:0 0 8px;font-family:Manrope-SemiBold;font-size:13pt}.metric-label{color:#666;margin:0;font-family:Inter-Regular;font-size:12pt;line-height:1.4}@media (max-width:800px){.project-metrics{grid-template-columns:1fr}.metric-tile{padding:24px 28px}}.project-intro-img{width:inherit;width:100vw;display:block}.project-intro-img img{width:inherit;box-shadow:0 0 12px #f0f0f0}.project-intro-summary{grid-template-columns:repeat(3,1fr);gap:6px 16px;padding:0 40px;display:grid}.summary-item{padding:10px 0}.summary-item-wide{grid-column:1/-1}.project-intro-summary h5{margin:0 0 6px;font-family:Manrope-SemiBold;font-size:13pt}.project-intro-summary p{color:#666;margin:0;font-family:Manrope-Regular;font-size:12pt;line-height:1.4}@media (max-width:800px){.project-intro-summary{grid-template-columns:1fr;padding:0 28px}.summary-item-wide{grid-column:auto}}.project-standard-img{border-radius:3px;width:100%;margin:10px 0 45px}.project-standard-video{clip-path:inset(0 0 1px round 2px);width:100%;margin:10px 0 45px;display:block}.project-standard-text{width:100%;padding:2px 0 12px;list-style-position:outside}.project-standard-text p{letter-spacing:.01em;color:#000;margin:0 0 20px;font-family:BasisGrotesquePro-Regular;font-size:13pt;font-weight:300;line-height:26px}.project-standard-text li{color:#000;width:86%;margin:5px 3vw 15px;padding:0;font-family:BasisGrotesquePro-Regular;font-size:13pt;line-height:1.4}.project-standard-text li b{font-family:BasisGrotesquePro-Regular}.side-nav-container{justify-content:start;align-self:flex-start;align-items:center;width:21vw;display:flex;position:sticky;top:72px}.side-nav{width:fit-content;height:fit-content;padding:10px 2.4vw}.side-nav-item{cursor:pointer;letter-spacing:.5px;color:#999;width:fit-content;margin:18px 0;font-family:BasisGrotesquePro-Medium;font-size:12.5pt;display:block}.side-nav-item:hover{color:#000}.side-nav-item.selected{color:#000;box-shadow:none}.tab-button-container{z-index:9;padding-top:0;position:sticky;top:0}.tab-button{color:#bfbfbf;width:33.3%;height:84px;box-shadow:none;background:#fff;border:none;border-bottom:2px solid #f0f0f0;font-family:Manrope-Medium;font-size:13pt}.tab-button.selected{color:#000;border-bottom:2px solid #a2bbff}.tab-button-2{color:#bfbfbf;width:50%;height:84px;box-shadow:none;background:#fff;border:none;border-bottom:2px solid #f0f0f0;font-size:13pt}.tab-button-2.selected{color:#000;border-bottom:2px solid #a2bbff}.tab-content-section{opacity:.3;width:100%;transition:opacity .5s}.tab-content-section.selected{opacity:1;width:100%;box-shadow:none}.tag{float:right;z-index:98;border-radius:5px;height:24px;padding:1px 10px;display:inline-block;position:relative;top:-12px;left:0}.tag h9{color:#fff;font-family:Inter-Medium;font-size:9pt}.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}
#loading-screen{z-index:2;opacity:1;background-color:#fff;width:100%;height:100%;transition:opacity 1s;position:absolute;top:0;left:0}#loading-screen.fade-out{opacity:0}#loader{border:6px solid #0000;border-top-color:#c7ffc3;border-radius:50%;width:100px;height:100px;margin:-60px 0 0 -60px;animation:2s linear infinite spin;display:block;position:relative;top:50%;left:50%}#loader:before{content:"";border:6px solid #0000;border-top-color:#a2bbff;border-radius:50%;animation:3s linear infinite spin;position:absolute;inset:7px}#loader:after{content:"";border:6px solid #0000;border-top-color:#ffd045;border-radius:50%;animation:1.5s linear infinite spin;position:absolute;inset:18px}.speech-bubble-anchor{--px:5px}.speech-bubble-anchor .speech-bubble{margin-bottom:calc(var(--px) * 3)}.speech-bubble{max-width:calc(var(--px) * 42);padding:calc(var(--px) * 2) calc(var(--px) * 3);color:#1a1a1a;font-family:Jersey25,monospace;font-size:18px;line-height:calc(var(--px) * 4);box-shadow:0 calc(var(--px) * -1) 0 0 #69365f, 0 var(--px) 0 0 #6a093f, calc(var(--px) * -1) 0 0 0 #69365f, var(--px) 0 0 0 #6a093f;background:#fff;transition:opacity .3s;position:relative}.speech-bubble.hidden{opacity:0}.speech-bubble:after{content:"";left:50%;bottom:calc(var(--px) * -1);width:var(--px);height:var(--px);margin-left:calc(var(--px) * -.5);box-shadow:calc(var(--px) * -1) 0 0 0 #fff,  var(--px) 0 0 0 #fff, 0 var(--px) 0 0 #fff,  calc(var(--px) * -1) var(--px) 0 0 #6a093f,  var(--px) var(--px) 0 0 #6a093f, 0 calc(var(--px) * 2) 0 0 #6a093f;background:#fff;position:absolute}.speech-bubble-anchor.tail-right .speech-bubble{margin-bottom:0;margin-right:calc(var(--px) * 4);white-space:pre-line;width:max-content;max-width:none;max-width:calc(var(--px) * 42.1);box-shadow:0 calc(var(--px) * -1) 0 0 #908cc7, 0 var(--px) 0 0 #604d7e, calc(var(--px) * -1) 0 0 0 #908cc7, var(--px) 0 0 0 #604d7e}.speech-bubble-anchor.tail-right .speech-bubble:after{bottom:auto;left:auto;right:calc(var(--px) * -1);margin-left:0;margin-top:calc(var(--px) * -.5);box-shadow:0 calc(var(--px) * -1) 0 0 #fff,  0 var(--px) 0 0 #fff, var(--px) 0 0 0 #fff,  var(--px) calc(var(--px) * -1) 0 0 #604d7e,  var(--px) var(--px) 0 0 #604d7e, calc(var(--px) * 2) 0 0 0 #604d7e;top:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}