:root{--beige: #f5f0e7;--blue: #002fa7;--black: #121212;--white: #f8f8f8;--blue90: rgb(0, 47, 167, .9);--imageBackgroundBlue: #5371bd;font-family:SpaceGrotesk;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--beige);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}@font-face{font-family:SpaceGrotesk;src:url(/fonts/SpaceGrotesk/SpaceGrotesk-VariableFont_wght.ttf) format("truetype");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:TerminalGrotesqueOpen;src:url(/fonts/TerminalGrotesque/terminal-grotesque_open.otf) format("truetype");font-style:normal;font-display:swap}@font-face{font-family:TerminalGrotesque;src:url(/fonts/TerminalGrotesque/terminal-grotesque.ttf) format("truetype");font-style:normal;font-display:swap}body{margin:0;font-family:SpaceGrotesk;color:var(--black)}h1,h2{font-family:TerminalGrotesqueOpen;color:var(--blue);margin:0;text-align:center;line-height:1}h1{font-size:4em}h2{font-size:3em}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}p,ul{color:var(--black)}button{background-color:inherit;border:none;font-family:SpaceGrotesk;font-size:18px}@media screen and (max-width: 720px){button{font-size:14px}}:root{--footer-height: 70px;--nav-height: 80px}@media screen and (max-width: 720px){:root{--footer-height: 60px;--nav-height: 60px}}*{box-sizing:border-box}#root{min-height:100vh;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.hero-wrapper{height:calc(100vh - var(--nav-height));display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:2em}@media screen and (max-width: 720px){.hero-wrapper{height:calc(100vh - 60px)}}.closed{font-family:TerminalGrotesque;vertical-align:baseline}a,button{cursor:pointer}.nav{width:100%;display:flex;justify-content:space-between;align-items:center;height:var(--nav-height);border-bottom:1px solid var(--blue)}@media screen and (max-width: 720px){.nav{height:60px}}.nav a{height:100%;display:inline-flex;align-items:center;justify-content:center;background-color:inherit;color:var(--blue);padding:0 8px;font-size:18px}@media screen and (max-width: 720px){.nav a{font-size:14px}}@media screen and (max-width: 375px){.nav a{font-size:12px}}.nav a:hover{background-color:var(--blue);color:var(--beige);text-decoration:none}.nav a:hover .back-arrow{background-image:url("data:image/svg+xml,%3csvg%20width='66'%20height='37'%20viewBox='0%200%2066%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='14.6666'%20y='14.6665'%20width='7.33333'%20height='7.33333'%20fill='%23f5f0e7'/%3e%3crect%20x='7.33337'%20y='7.33301'%20width='7.33333'%20height='7.33333'%20fill='%23f5f0e7'/%3e%3crect%20x='51.3334'%20y='7.33301'%20width='7.33333'%20height='7.33333'%20fill='%23f5f0e7'/%3e%3crect%20x='58.6666'%20width='7.33333'%20height='7.33333'%20fill='%23f5f0e7'/%3e%3crect%20width='7.33333'%20height='7.33333'%20fill='%23f5f0e7'/%3e%3crect%20x='22'%20y='22'%20width='7.33333'%20height='7.33333'%20fill='%23f5f0e7'/%3e%3crect%20x='29.3334'%20y='29.333'%20width='7.33333'%20height='7.33333'%20fill='%23f5f0e7'/%3e%3crect%20x='36.6666'%20y='22'%20width='7.33333'%20height='7.33333'%20fill='%23f5f0e7'/%3e%3crect%20x='44'%20y='14.6665'%20width='7.33333'%20height='7.33333'%20fill='%23f5f0e7'/%3e%3c/svg%3e")!important}.nav .nav-left{height:100%;display:flex;justify-content:center;align-items:center}.nav .back{display:inline-flex;height:100%;justify-content:center;align-items:center;width:20px}.nav .back-arrow{display:inline-block;min-width:14px;height:14px;margin-top:4px;background-image:url("data:image/svg+xml,%3csvg%20width='66'%20height='37'%20viewBox='0%200%2066%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='14.6666'%20y='14.6665'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='7.33337'%20y='7.33301'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='51.3334'%20y='7.33301'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='58.6666'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='22'%20y='22'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='29.3334'%20y='29.333'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='36.6666'%20y='22'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='44'%20y='14.6665'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3c/svg%3e");background-position:center;background-size:contain;background-repeat:no-repeat;transform:rotate(90deg)}a.home{font-family:TerminalGrotesque;font-size:24px}@media screen and (max-width: 720px){a.home{font-size:20px}a.home.isNotHome{display:none}}.nav-buttons{display:flex;height:100%;width:100%;margin:0 18px;justify-content:space-between}.hero{height:100%;flex:1;max-width:800px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:14px;padding:18px}.arrow{width:45px;height:24px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-image:url("data:image/svg+xml,%3csvg%20width='66'%20height='37'%20viewBox='0%200%2066%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='14.6666'%20y='14.6665'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='7.33337'%20y='7.33301'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='51.3334'%20y='7.33301'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='58.6666'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='22'%20y='22'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='29.3334'%20y='29.333'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='36.6666'%20y='22'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3crect%20x='44'%20y='14.6665'%20width='7.33333'%20height='7.33333'%20fill='%23002FA7'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat}@media screen and (max-width: 720px){.arrow{width:30px;height:17px}}.section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.section h2{font-family:TerminalGrotesque}#older{margin-bottom:3em}.footer{z-index:2;width:100%;height:var(--footer-height);background-color:var(--blue);position:fixed;bottom:0;display:flex;font-size:18px;transform:translateY(100%);transition:transform .3s ease-in-out;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#fff}.footer.show{transform:translateY(0)}@media screen and (max-width: 720px){.footer{font-size:14px}}.footer div{font-family:SpaceGrotesk}.copyright{display:flex;position:absolute;bottom:0;flex-direction:row;justify-content:center;width:100%;padding:0 18px;margin-bottom:4px;font-size:12px;color:#d9d2d2}.projects{width:100%;max-width:1000px;position:relative;padding:3em;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}@media screen and (max-width: 720px){.projects{padding:1em}}.project-item{aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;width:25%}@media screen and (max-width: 720px){.project-item{width:50%}}.project{aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;height:90%;transition:transform .2s ease-in-out;position:relative}.project:hover{transform:scale(1.1)}.project:hover .project-title{opacity:1}.project-icon{content:"";display:block;width:45%;height:45%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:transform .2s ease-in-out}.project-title{opacity:0;position:absolute;width:100%;height:100%;background-color:var(--blue90);color:var(--white);justify-content:center;align-items:center;display:flex;transition:opacity .2s ease-in-out;padding:2em;text-align:center;font-family:SpaceGrotesk;font-weight:700;font-size:1.1em;letter-spacing:.04em}.footer-buttons{width:100%;margin-bottom:12px;padding:0 18px;display:flex;justify-content:space-between}.footer-buttons a:hover{border-bottom:1px solid var(--white);text-decoration:none}.link{display:inline-block;margin-right:8px;height:10px;width:10px;background-image:url("data:image/svg+xml,%3csvg%20width='19'%20height='18'%20viewBox='0%200%2019%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='7.26056'%20width='3.63027'%20height='3.63027'%20fill='%23F1F1F1'/%3e%3crect%20x='14.5211'%20y='10.8906'%20width='3.63027'%20height='3.63027'%20fill='%23F1F1F1'/%3e%3crect%20x='3.63025'%20width='3.63027'%20height='3.63027'%20fill='%23F1F1F1'/%3e%3crect%20x='14.5211'%20y='3.63037'%20width='3.63027'%20height='3.63027'%20fill='%23F1F1F1'/%3e%3crect%20x='10.8908'%20y='3.63037'%20width='3.63027'%20height='3.63027'%20fill='%23F1F1F1'/%3e%3crect%20x='14.5211'%20width='3.63027'%20height='3.63027'%20fill='%23F1F1F1'/%3e%3crect%20x='10.8908'%20width='3.63027'%20height='3.63027'%20fill='%23F1F1F1'/%3e%3crect%20x='14.5211'%20y='7.26074'%20width='3.63027'%20height='3.63027'%20fill='%23F1F1F1'/%3e%3crect%20y='14.3696'%20width='3.63027'%20height='3.63027'%20fill='%23F1F1F1'/%3e%3crect%20x='3.63031'%20y='10.7393'%20width='3.63027'%20height='3.63027'%20fill='%23F1F1F1'/%3e%3crect%20x='7.26056'%20y='7.10938'%20width='3.63027'%20height='3.63027'%20fill='%23F1F1F1'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat}.project-page,.about-page{display:flex;flex-direction:row;width:100%;min-height:100%;flex:1}@media screen and (max-width: 720px){.project-page,.about-page{flex-direction:column}}.cta-button{min-width:155px;height:44px;padding:0 1em;align-items:center;color:var(--white);background-color:var(--blue);text-transform:uppercase;border-radius:32px;font:700 1em SpaceGrotesk;margin-top:12px}.project-header,.about-header{max-width:100%;display:flex;flex-direction:column;padding:2em;position:relative;justify-content:flex-start;align-items:flex-start}:is(.project-header,.about-header) h1{text-align:left}.about-header{width:100%;flex:1}.about-header a{text-decoration:underline}.project-info,.about-info{display:flex;position:relative;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1;max-height:calc(100vh - var(--nav-height));overflow:scroll}@media screen and (max-width: 720px){.project-info,.about-info{max-height:unset}}.project-detail{flex:1}.project-detail,.about-detail{display:flex;width:100%;flex-direction:column;gap:1em;padding:2em;position:relative;border-top:1px solid var(--blue);border-bottom:1px solid var(--blue);color:var(--blue)}:is(.project-detail,.about-detail) div{display:flex;flex-direction:column;gap:.25em}:is(.project-detail,.about-detail) h3{text-transform:uppercase;margin:unset;font:700 1em SpaceGrotesk}:is(.project-detail,.about-detail) h2{text-align:left;font:700 2em TerminalGrotesque}:is(.project-detail,.about-detail) p{margin:unset}:is(.project-detail,.about-detail) ul{margin:unset;padding-inline-start:1em}.about-images,.project-image{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;background-color:var(--imageBackgroundBlue);max-width:50vw;height:calc(100vh - var(--nav-height))}@media screen and (max-width: 720px){.about-images,.project-image{max-width:100vw}}.project-images{display:flex;flex:1;background-color:var(--imageBackgroundBlue);max-width:50vw;max-height:calc(100vh - var(--nav-height));padding:1.5em}.project-images img{border-radius:18px}@media screen and (max-width: 720px){.project-images{max-width:100vw;max-height:unset}}:is(.about-images,.project-image) img{width:100%;height:100%;object-fit:cover;overflow:hidden}:is(.about-images,.project-image) .caption{color:#fff;padding:1.5em;font-size:14px}.carousel-wrapper{flex:1;height:100%;width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center}.swipe{flex:1;display:flex;overflow-x:scroll;overflow-y:clip;max-height:100%;width:100%;scroll-snap-type:x mandatory;gap:16px;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.swipe::-webkit-scrollbar{display:none;width:0;height:0}.swipe>*{flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always}.carousel-page{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.carousel-page>*{max-width:100%;max-height:100%;object-fit:contain}.carousel-page img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}.carousel-navigation{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;margin-top:30px}.carousel-wrapper,.swipe,.carousel-page{min-height:0}.dots-wrapper{display:flex;gap:12px;width:fit-content}.dot{height:8px;width:8px;border-radius:100%;background:none;border:1px solid var(--white)}.current-dot{height:8px;width:8px;border-radius:100%;border:none;background-color:var(--white)}.page-content{display:flex;width:100%;flex-direction:column;flex:1;padding:2em;color:var(--blue);gap:1em}.page-content h2{margin:unset;text-align:left;font-size:2em;font-family:TerminalGrotesque}.page-content h3{margin:unset;margin-bottom:.5em;text-transform:uppercase;font:700 1em SpaceGrotesk}.page-content h4{margin:unset;margin-top:.5em;text-transform:uppercase;font:700 .9em SpaceGrotesk}.page-content a{text-decoration:underline}.page-content ul{margin:unset;padding-inline-start:1em}.page-content li{margin-bottom:.5em}.page-content p{margin:unset}.page-content-section{display:flex;justify-content:flex-start;flex-direction:column;gap:1em;width:100%}.video{width:100%;min-height:400px}.plot{border:none;width:100%;height:100%;display:block;min-height:650px}.twitter-line-plots,.bose-spatial-designs{display:flex;gap:1em;width:100%;padding:2em;justify-content:center;align-items:center}:is(.twitter-line-plots,.bose-spatial-designs) img{flex:1 1 0;min-width:0;max-width:calc((100% - 2em) / 3);width:100%;box-sizing:border-box}@media screen and (max-width: 1200px){.twitter-line-plots,.bose-spatial-designs{flex-direction:column;padding:0}:is(.twitter-line-plots,.bose-spatial-designs) img{width:100%;max-width:400px}}.twitter-heatmap-container{display:flex;justify-content:center;align-items:center;width:100%;padding:2em}.twitter-heatmap{display:block;width:100%;max-width:600px}.twitter-bar-container,.bose-spatial-images,.bose-gesture-images,.bose-sound-mgmt-images{display:flex;gap:1em;width:100%;padding:2em;justify-content:center;align-items:center}:is(.twitter-bar-container,.bose-spatial-images,.bose-gesture-images,.bose-sound-mgmt-images) img{flex:1 1 0;min-width:0;max-width:calc((100% - 1em)/2);width:100%;box-sizing:border-box}@media screen and (max-width: 800px){.twitter-bar-container,.bose-spatial-images,.bose-gesture-images,.bose-sound-mgmt-images{flex-direction:column;padding:0}:is(.twitter-bar-container,.bose-spatial-images,.bose-gesture-images,.bose-sound-mgmt-images) img{width:100%;max-width:400px}}:is(.bose-sound-mgmt-images,.bose-spatial-designs,.bose-gesture-images,.bose-spatial-images) img{border-radius:18px}