:root{--bg-inner:#fff;--bg-home:#221e72;--bg-design:#251753;--bg-film:#1b346c;--bg-music:#6b3b6f;--bg-research:#b6437a;--bg-about:#d85d1a;--bg-grey:#f1f1f1;--bg-black:#121212;--font-primary:#000;--bg-red:#6b0000;--waveform-grey:#adadad;--hover-design:#2243ff;--hover-film:#d13aff;--hover-music:#ff2fa1;--hover-research:#e17912;--hover-about:#deb989}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;color:var(--font-primary);font-family:Open Sans,sans-serif;font-weight:400;margin:0;padding:0}strong{font-weight:700}.uppercase{text-transform:uppercase}main{height:100%;justify-content:center;width:100vw}main,section{display:flex;flex-direction:column}section{align-items:center;gap:4rem;margin:0 -2rem;padding:6rem 2rem}section.video-container{align-items:left;position:relative;width:100%}section.grey{background-color:#f1f1f1;background-color:var(--bg-grey);margin:0 -2rem}section.inverse-black{background-color:#121212;background-color:var(--bg-black);color:#fff}section.inverse-red{background-color:#6b0000;background-color:var(--bg-red);color:#fff}main.home{background-color:#221e72;background-color:var(--bg-home);background-image:url(/static/media/background.3e970bfdba4a494ce98f.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}main.home:after,main.home:before{content:"";height:100vh;position:fixed;top:0;width:4rem;z-index:0}main.home:before{background:linear-gradient(90deg,#251753 0,#251753 20%,#1b346c 0,#1b346c 40%,#6b3b6f 0,#6b3b6f 60%,#b6437a 0,#b6437a 80%,#d85d1a 0,#d85d1a);background:linear-gradient(to right,var(--bg-design) 0,var(--bg-design) 20%,var(--bg-film) 20%,var(--bg-film) 40%,var(--bg-music) 40%,var(--bg-music) 60%,var(--bg-research) 60%,var(--bg-research) 80%,var(--bg-about) 80%,var(--bg-about) 100%);left:0}main.home:after{background:linear-gradient(90deg,#d85d1a 0,#d85d1a 20%,#b6437a 0,#b6437a 40%,#6b3b6f 0,#6b3b6f 60%,#1b346c 0,#1b346c 80%,#251753 0,#251753);background:linear-gradient(to right,var(--bg-about) 0,var(--bg-about) 20%,var(--bg-research) 20%,var(--bg-research) 40%,var(--bg-music) 40%,var(--bg-music) 60%,var(--bg-film) 60%,var(--bg-film) 80%,var(--bg-design) 80%,var(--bg-design) 100%);right:0}.waveform-background{--fill-percentage:0%;background-color:#adadad;background-color:var(--waveform-grey);overflow:hidden;pointer-events:none;position:absolute;z-index:0}.waveform-background:after{content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease-in-out;width:var(--fill-percentage);z-index:1}.waveform-background.hover-design:after{background-color:#251753;background-color:var(--bg-design)}.waveform-background.hover-film:after{background-color:#1b346c;background-color:var(--bg-film)}.waveform-background.hover-music:after{background-color:#6b3b6f;background-color:var(--bg-music)}.waveform-background.hover-research:after{background-color:#b6437a;background-color:var(--bg-research)}.waveform-background.hover-about:after{background-color:#d85d1a;background-color:var(--bg-about)}main.design{background-color:#251753;background-color:var(--bg-design);background-image:none}main.research{background-color:#b6437a;background-color:var(--bg-research);background-image:none}main.film{background-color:#1b346c;background-color:var(--bg-film)}main.film,main.music{background-image:none}main.music{background-color:#6b3b6f;background-color:var(--bg-music)}main.about{background-color:#d85d1a;background-color:var(--bg-about);background-image:none}.container{background-color:#fff;background-color:var(--bg-inner);display:flex;flex-direction:column;height:calc(100vh - 4rem);margin:0 4rem;overflow-y:scroll;padding:2rem;width:calc(100% - 12rem)}.container>:last-child{padding-bottom:-2rem}.container.home{align-items:center;justify-content:space-between;mix-blend-mode:screen;position:relative;text-transform:uppercase;z-index:1}a{color:#000;color:var(--font-primary);cursor:pointer;display:inline;text-decoration:none;transition:opacity .3s}a:hover{opacity:.75 ease-in-out}p{margin:0;padding:0}@media only screen and (max-width:480px){.container{height:calc(100vh - 4rem);margin:0 2rem;width:calc(100% - 8rem)}.container,section{padding:2rem}main.home:after,main.home:before{width:2rem}}.nav-button{cursor:pointer;flex-direction:row;gap:.5rem;padding:.4rem 0}#waveform,.nav-button{align-items:flex-end;display:flex}#waveform{gap:.2rem;height:30vh;width:60%}.bar{background:#221e72;background:var(--bg-home);flex:0 0 auto}.header{display:flex;justify-content:space-between;width:100%;z-index:1}.return-button{border-right:2px solid var(--outline-primary);display:inline-flex;gap:.5em;padding:20px}.return-button>.title{margin:auto}.return-arrow{height:20px;width:20px}.return-header-currently{padding:20px;text-transform:uppercase}#home-grid{grid-column-gap:2rem;grid-row-gap:1rem;column-gap:2rem;display:grid;grid-template-columns:auto 1fr;justify-content:center;row-gap:1rem;width:75%}#home-grid>:first-child{align-self:center;width:100%}#home-grid>:nth-child(3){display:flex;flex-direction:row;flex-wrap:wrap;grid-column:2/3;justify-content:space-between;width:"100%"}.case-study-container{display:flex;flex-direction:column;padding:2rem 0;text-transform:"uppercase";width:100%}.case-study-nav{display:flex;flex-direction:column;gap:1rem;position:-webkit-sticky;position:sticky;width:20%}.info-grid-3{grid-gap:2px;background-color:var(--outline-primary);border-bottom:2px solid var(--outline-primary);display:grid;gap:2px;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:1fr 1fr 1fr}.grid-item{align-items:start;background-color:var(--bg-primary);box-sizing:border-box;display:flex;flex-direction:column;justify-content:start;margin:0;padding:50px;text-align:left;width:100%}.slim{padding:24px 50px}.header-icon-container{align-items:center;column-gap:.75rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.case-study-credits-grid>.grid-item{background-color:var(--bg-secondary)}.case-study-credits-grid>.grid-item:first-child{grid-row:1/3}.case-study-credits-grid>.grid-item:nth-child(2),.case-study-credits-grid>.grid-item:nth-child(3){grid-column:2/4}.case-study-grid>.grid-item:nth-child(2){grid-column:3/4}.case-study-grid>.grid-item:nth-child(3){grid-column:1/3;grid-column:1/4}.case-study-grid>.grid-item:nth-child(4){grid-column:1/4}@media only screen and (max-width:768px){main.home:after,main.home:before{width:3rem}#home-grid{display:flex;flex-direction:column;width:100%}#home-grid>:first-child{align-self:flex-start}#home-grid>:nth-child(3){align-items:flex-end;flex-direction:column}.home-case-study-grid{column-count:1}.grid-item{padding:24px 32px}.case-study-grid{grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:2fr 5fr}.case-study-credits-grid{grid-template-columns:auto}.spaced-items-container{align-items:end;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;width:100%}#footer{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}@media only screen and (max-width:480px){.case-study-credits-grid,.info-grid-3{grid-template-columns:1fr}.info-grid-3{grid-template-rows:auto}#footer>.grid-item,.grid-item{padding:20px}}#footer{grid-gap:2px;background-color:var(--outline-primary);display:grid;gap:2px;grid-template-columns:3fr 5fr;grid-template-rows:1fr}#footer>.grid-item>.socials-container{align-items:center;display:flex;flex-direction:row;gap:1em;justify-content:center;width:100%}.footer-img{height:48px;transition:opacity .3s;width:48px}.footer-img:hover{opacity:.75 ease-in-out}@media only screen and (max-width:768px){#footer{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}@media only screen and (max-width:480px){#footer>.grid-item{padding:20px}}.flex-align-end{align-items:end}.flex-align-start{align-items:start}.flex-align-center{align-items:center}.flex-justify-start{justify-content:start}.flex-justify-end{justify-content:end}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.card-section{display:flex;flex-direction:column;gap:4rem}.card-section-description{display:flex;flex-direction:column;gap:.5rem;margin:2rem 0}.card-long{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;width:calc(100vw - 8rem)}.card-long>.teaser-img{height:auto;width:75%}.card-long>.description{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin:0 2rem}.text-container{display:flex;flex-direction:column;justify-content:center;width:50%}.text-decoration-none{text-transform:none}.section-divider{background-color:var(--bg-primary);border-bottom:2px solid var(--outline-primary);padding:50px;text-transform:uppercase;width:50%}.img-text-container{display:flex;justify-content:center;padding-bottom:2rem}.img-text-container>img{width:60%}.img-text-container>.gif,.img-text-container>img{border:50px solid var(--bg-secondary);box-sizing:border-box}.img-text-container>.gif{max-height:80vh}.img-text-container>a{width:60%}.img-text-container>a>img{border:50px solid var(--bg-secondary);box-sizing:border-box;width:100%}.img-text-container>.text{align-items:start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:50px;width:40%}.left-80{margin-left:0;margin-right:auto;text-align:left;width:80%}.right-80{margin-left:auto;margin-right:0;text-align:right;width:80%}.video-full{border:none;height:40vw;width:100%}@media only screen and (max-width:768px){.card-long{flex-direction:column;gap:1rem;width:100%}.card-long>.description{margin:0}.card-long>.teaser-img,.section-divider{width:100%}.img-text-container{display:block}.img-text-container>img{border:32px solid var(--bg-secondary);width:100%}.img-text-container>a{width:100%}.img-text-container>a>img{border:32px solid var(--bg-secondary);box-sizing:border-box;width:100%}.img-text-container>.text{padding:32px;width:100%}.text-container{width:100%}}@media only screen and (max-width:480px){.section-divider{padding:20px}.img-text-container>img{border:20px solid var(--bg-secondary)}.img-text-container>a>img{border:20px solid var(--bg-secondary);box-sizing:border-box}.img-text-container>.text{padding:20px}}.roles-container{display:flex;flex-direction:column;height:33vh;justify-content:center}.about-img{background-color:var(--bg-secondary);background-position:25%;background-repeat:no-repeat;background-size:cover;height:100%;position:relative}.roles-container>.role{align-items:stretch;border-bottom:2px solid var(--outline-primary);display:flex;flex-direction:column;flex-grow:1;justify-content:center}.roles-container>.role:first-child{padding-left:8.75vw}.roles-container>.role:nth-child(2){padding-left:17.5vw}.roles-container>.role:nth-child(3){padding-left:26.25vw}.roles-container>.role:nth-child(4){padding-left:35vw}.roles-container>.role:nth-child(5){padding-left:43.75vw}.roles-container>.role:nth-child(6){padding-left:52.5vw}.roles-container>.role:nth-child(7){padding-left:61.25vw}.program-container,.program-item{margin-bottom:.5em}.program-item{align-items:end;display:flex;text-align:left;width:100%}.program-item-caption{padding-left:2em}.sub-item{margin-bottom:.75em;text-transform:uppercase}.sub-item>.credits{width:100%}.subitem-container{padding-left:2%;width:98%}.program-item>.title{display:inline-block;max-width:50%;padding-right:.25em}.program-item>.artist{padding-left:.25em;text-align:right}.dashed-line{border-bottom:2px dotted gray;flex:1 1}.case-study-card{box-sizing:border-box;display:block;margin-bottom:2em;margin-top:1em;padding:1em;transition:background-color .3s ease-in-out;width:100%}.card-long:hover{cursor:pointer}.card-long:hover .text-link:after{opacity:1;transform:translateZ(0)}.case-study-card>p{padding-bottom:.2em}@media only screen and (max-width:768px){.home-case-study-container{grid-template-columns:1fr}}.text-link{left:0;margin:0;overflow-x:hidden;position:relative;top:0;transition:color .3s ease-in-out}.text-link,.text-link:hover{color:#000;color:var(--font-primary)}.text-link:hover{cursor:pointer}.text-link:after{background:#000;background:var(--font-primary);bottom:0;content:"";display:inline-block;height:1px;left:0;opacity:0;position:absolute;transform:translateX(-100%);transition:opacity .1s ease-in,transform .3s ease-in-out;width:100%}.text-link:hover:after{opacity:1;transform:translateX(0);transition:opacity .1s ease-in,transform .3s ease-out}.text-link:not(:hover):after{opacity:0;transform:translateX(-100%);transition:opacity .2s ease-out .2s,transform .3s ease-in}h1{font-size:2.25rem}h1,h2{font-weight:400}h2{font-size:1.688rem}h3{font-size:1.312rem;font-weight:400}p{font-size:1rem;line-height:1.5}.body-small{font-size:.75rem}.subtext{font-size:.562rem}.font-300{font-weight:300}.font-200{font-weight:200}.font-100{font-weight:100}.font-600{font-weight:600}.font-italic{font-style:italic}.title-ul{align-self:flex-start;margin:0;padding:0 0 8px;position:relative;text-align:left;z-index:0}.title-ul,.title-ul:after{display:inline-block;left:0}.title-ul:after{background:#000;background:var(--font-primary);bottom:0;content:"";height:2px;min-width:50px;position:absolute;width:40%}.text-align-right{text-align:right}.text-align-left{text-align:left}.text-align-center{text-align:center}.square{border:1px solid #000;border:1px solid var(--font-primary);height:8px;width:8px}@media only screen and (max-width:768px){.square{display:none}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.674d3711.css.map*/