@font-face{font-family:Mona Sans Expanded;src:url(/assets/MonaSansExpanded-Black-DuSjnmEF.woff2) format("woff2"),url(/assets/MonaSansExpanded-Black-BEJnwlUi.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Mona Sans Expanded;src:url(/assets/MonaSansExpanded-Bold-DuJsg_MY.woff2) format("woff2"),url(/assets/MonaSansExpanded-Bold-DuPZb7m6.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Mona Sans Expanded;src:url(/assets/MonaSans-Regular-Bwo6AFnW.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@media (min-width: 0px){:root{--font-h1: 1.8rem;--font-h2: 1.3rem;--font-h3: 1.15rem;--font-body: 1rem}}@media (min-width: 500px){:root{--font-h1: 3.25rem;--font-h2: 1.5rem;--font-h3: 1.25rem;--font-body: 1rem}}@media (min-width: 800px){:root{--font-h1: 3.5rem;--font-h2: 1.75rem;--font-h3: 1.4rem;--font-body: 1.1rem}}@media (min-width: 1200px){:root{--font-h1: 4.25rem;--font-h2: 2rem;--font-h3: 1.6rem;--font-body: 1.2rem}}@media (min-width: 1600px){:root{--font-h1: 5rem;--font-h2: 2.5rem;--font-h3: 2rem;--font-body: 1.3rem}}@media (min-width: 0px){:root{--space-xs: 1dvw;--space-sm: 2dvw;--space-md: 3dvw;--space-lg: 4dvw;--space-xl: 5dvw;--space-2xl: 10dvw}}@media (min-width: 500px){:root{--space-xs: .75dvw;--space-sm: 1.25dvw;--space-md: 2dvw;--space-lg: 2.75dvw;--space-xl: 3.5dvw;--space-2xl: 7dvw}}@media (min-width: 800px){:root{--space-xs: min(.5dvw, 7px);--space-sm: min(1dvw, 15px);--space-md: min(2dvw, 30px);--space-lg: min(3dvw, 45px);--space-xl: min(4dvw, 60px);--space-2xl: min(10dvw, 150px)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-family:Mona Sans Expanded,system-ui,sans-serif;color:#7446f4}body{min-height:100dvh}h1{font-size:var(--font-h1)}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3)}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:900;line-height:1.1}p{font-weight:400;font-size:var(--font-body);line-height:1.3}button{text-transform:uppercase}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6,a{overflow-wrap:break-word;letter-spacing:1px}#home{height:100dvh;position:relative}#home p{position:absolute;text-align:center;text-transform:uppercase;font-weight:900;top:50%;left:50%;transform:translate(-50%,-50%)}.collaboration{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--space-md)}.collaboration h2{font-size:var(--font-h3)}.collaboration section{grid-column:1/4;padding-bottom:calc(1.25 * var(--space-2xl))}.collaboration section:not(.full-width){padding-left:var(--space-xl);padding-right:var(--space-xl)}.collaboration section.section-title{display:flex;align-items:center;justify-content:center;height:100dvh;padding-top:calc(1.25 * var(--space-2xl))}.collaboration section.section-title h1{text-align:center;white-space:pre-line}.collaboration section.section-title h1 .subtitle{background-size:64px 64px;background-repeat:repeat;-webkit-background-clip:text;background-clip:text;-moz-text-fill-color:transparent;-webkit-text-fill-color:transparent;background-image:url(/images/noise3.png)}.collaboration section.section-intro{display:grid;grid-template-columns:subgrid;align-items:end}.collaboration section.section-intro p{grid-column:3}.collaboration section.section-students h2{margin-left:var(--space-xl);margin-bottom:var(--space-md);width:66%}.collaboration section.section-students .student-list{display:grid;grid-template-columns:repeat(10,1fr)}.collaboration section.section-students .student-list img{width:100%;height:100%;object-fit:cover}.collaboration section.section-groups{display:flex;flex-direction:column;justify-content:center}.collaboration section.section-groups h2{margin-left:var(--space-xl);margin-bottom:var(--space-md)}.collaboration section.section-groups .group-list{display:grid;grid-template-columns:repeat(5,1fr)}.collaboration section.section-groups .group-list .group{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.collaboration section.section-groups .group-list .group img{width:100%}.collaboration section.section-summary{display:grid;grid-template-columns:subgrid;row-gap:var(--space-xl);grid-template-rows:repeat(2,1fr);align-items:center}.collaboration section.section-summary p{grid-column:2/4}.collaboration section.section-collaborators{display:grid;grid-template-columns:subgrid;grid-template-rows:min-content min-content;row-gap:var(--space-sm)}.collaboration section.section-collaborators .logo-collaborator{max-width:min(220px,100%);grid-row:1;align-self:center}@media screen and (max-width: 1199px){.collaboration section.section-intro{grid-template-columns:repeat(2,1fr)}.collaboration section.section-intro p{grid-column:2/4}.collaboration section.section-summary{display:flex;flex-direction:column;gap:var(--space-xl);text-align:center}.collaboration section.section-collaborators{row-gap:var(--space-md)}.collaboration section.section-collaborators .logo-collaborator{max-width:min(170px,100%)}}@media screen and (max-width: 799px){.collaboration{display:flex;flex-direction:column;gap:10dvh}.collaboration section{grid-column:1}.collaboration section.section-intro{display:flex;flex-direction:column}.collaboration section.section-students{display:flex;flex-direction:column;justify-content:center}.collaboration section.section-students h2{width:100%}.collaboration section.section-students .student-list{grid-template-columns:repeat(5,1fr)}.collaboration section.section-groups .group-list{background-color:#7446f4;display:flex;flex-wrap:wrap;justify-content:center}.collaboration section.section-groups .group-list .group{flex-basis:33%}.collaboration section.section-collaborators{display:flex;flex-direction:column}.collaboration section.section-collaborators .logo-collaborator{align-self:start}.collaboration section.section-collaborators p:not(:last-of-type){margin-bottom:var(--space-2xl)}.collaboration section.section-intro,.collaboration section.section-students,.collaboration section.section-groups,.collaboration section.section-summary,.collaboration section.section-partners{min-height:auto}}.brief{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--space-md);padding:0 var(--space-xl)}.brief section{padding-bottom:calc(1.25 * var(--space-2xl));grid-column:1/3}.brief section.section-brief{padding-top:30dvh;display:flex;flex-direction:column;justify-content:center}.brief section .title-small{margin-bottom:var(--space-xs)!important}@media screen and (max-width: 799px){.brief{display:flex;flex-direction:column;gap:10dvh}}#project-list{height:100dvh;display:flex;align-items:center;justify-content:center}#project-list .list{padding:0;list-style-type:none;text-align:center}#project-list .list li .project-link{pointer-events:all;text-decoration:none;color:#7446f4;font-size:calc(var(--font-h1) * 1.35);line-height:1.15;font-weight:900;transition:color .2s;position:relative;text-transform:uppercase}#project-list .list li .project-link:hover{background-size:64px 64px;background-repeat:repeat;-webkit-background-clip:text;background-clip:text;-moz-text-fill-color:transparent;-webkit-text-fill-color:transparent;background-image:url(/images/noise3.png)}@media screen and (max-width: 1199px){#project-list .list li .project-link{font-size:var(--font-h1);line-height:1.4}}.project{padding:var(--space-xl) 0}.project h1{position:absolute;font-size:var(--font-h2);top:min(4.5dvw,42px);left:calc(70px + min(4dvw,50px)*2);transform:translate(-50px,-50%)}.project h2{font-size:var(--font-h3);margin-bottom:var(--space-xs)}.project section{color:#fff;padding-bottom:calc(1.25 * var(--space-2xl))}.project section:not(.full-width){padding-left:var(--space-xl);padding-right:var(--space-xl)}.project section.section-summary{padding-top:calc(1.25 * var(--space-2xl))}.project section.section-summary .summary-wrapper{display:grid;grid-template-columns:1.5rem 1fr 1.5rem}.project section.section-summary .summary-wrapper .summary{display:flex;flex-direction:column;align-items:center;text-align:center}.project section.section-one-image{display:flex;justify-content:center}.project section.section-one-image img{width:70%;max-width:1000px}.project section.section-keywords{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-sm)}.project section.section-keywords h2{font-size:var(--font-h1);text-align:center;line-height:1}.project section.section-multi-images{display:flex;align-items:center;justify-content:center}.project section.section-multi-images div{width:70%;max-width:1000px;display:flex;gap:var(--space-sm)}.project section.section-multi-images div .image-wrapper{flex:var(--aspect-ratio)}.project section.section-multi-images div .image-wrapper img{width:100%}.project section.section-details .key-point{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.project section.section-team .group{padding:0 var(--space-xl) var(--space-md) var(--space-xl);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:var(--space-sm)}.project section.section-team .group p{grid-row:2}.project section.section-team .student-list{display:grid;grid-template-columns:repeat(4,1fr)}.project section.section-team .student-list .student-picture{position:relative}.project section.section-team .student-list .student-picture img{width:100%;height:100%;object-fit:cover}.project section.section-team .student-list .student-picture .student-name{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--space-lg) var(--space-sm);z-index:3;display:flex;align-items:center}.project section.section-team .student-list .student-picture .student-name p{align-self:end;text-transform:uppercase;color:#7446f4;font-weight:900}@media screen and (max-width: 1199px){.project h1{top:calc(var(--space-md) + 16px);left:calc(var(--space-md) * 2 + 32px);transform:translateY(-50%)}.project section.section-summary .summary-wrapper{grid-template-columns:2rem 1fr 2rem}.project section.section-one-image img{width:100%}.project section.section-keywords{gap:var(--space-lg)}.project section.section-multi-images div{width:100%}.project section.section-details .key-point{grid-template-columns:1fr 1fr 1fr;gap:var(--space-sm)}.project section.section-details .key-point p{grid-column:2/4}.project section.section-team .group{grid-template-columns:1fr 1fr 1fr}.project section.section-team .group p,.project section.section-team .group h2{grid-column:1/3}.project section.section-team .student-picture p{font-size:calc(var(--font-body) * .8)}}@media screen and (max-width: 799px){.project{display:flex;flex-direction:column;gap:10dvh}.project section.section-summary{margin-top:var(--space-lg)}.project section.section-keywords{min-height:auto}.project section.section-multi-images div{display:flex;flex-direction:column;gap:var(--space-xl)}.project section.section-details .key-point{display:flex;flex-direction:column;gap:0}.project section.section-team .group{display:flex;flex-direction:column}.project section.section-team .student-list{grid-template-columns:repeat(2,1fr)}}#root{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;transition:background .3s;overflow-x:hidden;background-color:#f4f4f4}#root.dark{background-color:#000}#root main{pointer-events:none;overflow-y:auto;z-index:2;transition:opacity .2s ease .3s}#root main.menu-open{z-index:1;opacity:.5;transition-delay:0s}#root .student-picture{position:relative;background-color:#e85858}#root .student-picture img{width:100%;mix-blend-mode:soft-light}#root .student-picture:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#e85858;mix-blend-mode:color-dodge}#root .lined{padding:var(--space-sm) 0;border-bottom:1px solid #7446F4}#root .lined.light{border-color:#fff}#root .lined:first-of-type{border-top:1px solid #7446F4}#root .lined:first-of-type.light{border-color:#fff}#root .body-large{font-size:var(--font-h2);text-transform:uppercase;font-weight:900}#root .title-small{font-size:var(--font-body);margin-bottom:var(--space-sm)}#root .title-medium{font-size:var(--font-h2);margin-bottom:var(--space-xs)}#root .logo{font-weight:900;grid-row:2;width:100%;text-align-last:justify}#root .logo .outlined{-webkit-text-stroke:1px #7446F4;color:transparent}@media screen and (max-width: 1199px){#root .lined{padding:var(--space-lg) 0}#root main{pointer-events:initial}}.character-scene{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.control-panel{position:fixed;right:10px;bottom:10px;z-index:1000;padding:10px;border-radius:5px}#root .footer{pointer-events:none;padding:var(--space-md);display:grid;grid-template-columns:1fr minmax(auto,700px) 1fr;grid-template-rows:1fr;gap:var(--space-md);z-index:3;position:fixed;bottom:0;left:0;width:100%}#root .footer .language-menu{grid-column:3;grid-row:1;justify-self:end}#root .footer .logo{pointer-events:all;color:#7446f4;grid-column:2;grid-row:1;max-width:700px;position:relative}#root .footer .logo:before{content:"";position:absolute;width:110%;height:250%;top:50%;left:50%;transform:translate(-50%,-50%)}#root .footer .logo .text{display:inline-block;position:relative;z-index:1;text-align-last:justify;width:100%}@media screen and (max-width: 799px){#root .footer{pointer-events:initial}#root .footer .language-menu{display:none}}#root header{pointer-events:none;padding:var(--space-md);display:flex;justify-content:end;justify-self:end;z-index:3;position:fixed;top:0;right:0;width:100%}#root header .menu-button{display:none}#root header:after{content:"";height:1dvh;width:1dvh;position:absolute;border:2px solid #7446F4;top:calc(3px + 1.7dvh);left:calc(3px + 1.7dvw);border-radius:1000px;transition:opacity .2s ease .3s}#root header.menu-open:after{opacity:0;transition-duration:0s;transition-delay:0s}@media screen and (max-width: 1199px){#root header{justify-content:start}#root header .menu-button{pointer-events:all;display:initial;cursor:pointer;width:32px;height:32px;border:none;background-color:#7446f4;border-radius:1000px;position:relative}#root header .menu-button:after{content:"";position:absolute;width:150%;height:150%;top:50%;left:50%;transform:translate(-50%,-50%)}#root header:after{content:none}}.countdown{pointer-events:all;transform-origin:bottom right;transform:translateY(-100%) rotate(-90deg);text-align:end;text-transform:uppercase;position:relative;-webkit-user-select:none;user-select:none;height:var(--font-body);width:calc(var(--font-body) * 10)}.countdown:after{content:"";position:absolute;width:110%;height:250%;top:50%;left:50%;transform:translate(-50%,-50%)}.countdown .time,.countdown .label{position:absolute;text-wrap:nowrap;bottom:0;right:0;font-weight:900;overflow:hidden;line-height:1}.countdown .time .letter,.countdown .label .letter{display:inline-block;font-variant-numeric:tabular-nums}@media screen and (max-width: 1199px){.countdown{display:none}}.intro-content{position:absolute;top:0;width:100%;height:100%;z-index:1000;padding:2.5rem;background:#ffffff4d;-webkit-backdrop-filter:blur(6px) sepia(1) hue-rotate(60deg);backdrop-filter:blur(6px) sepia(1) hue-rotate(60deg);z-index:10;display:grid;grid-template-rows:1fr auto 1fr}.intro-mask{overflow:hidden}.back-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#fff}.front-mask{position:absolute;right:0;top:0;width:100%;height:100%;z-index:1001;background-color:#000}.progress-percentage{position:absolute;left:-8rem;font-size:4rem;font-weight:700;top:50%;transform:translateY(-50%)}@keyframes flash{0%,74%{color:#bae858}75%,99%{color:#e85858}to{color:#bae858}}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#7446f4cc;padding:var(--space-md);z-index:5;display:grid;grid-template-rows:40px 8fr 40px}.mobile-menu .close-button{pointer-events:all;display:initial;cursor:pointer;width:32px;height:32px;border:none;background-color:#bae858;border-radius:1000px;position:relative}.mobile-menu .close-button:after{content:"";position:absolute;width:150%;height:150%;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-menu .nav{grid-row:2;display:flex;flex-direction:column;align-items:center;align-self:center;gap:var(--space-lg)}.mobile-menu .nav .nav-link{text-align:center;font-weight:900;pointer-events:all;text-decoration:none;color:inherit;text-transform:uppercase;font-size:var(--font-h1);color:#bae858;line-height:1}.deliverables{padding:0 var(--space-xl)}.deliverables section{padding-bottom:calc(1.25 * var(--space-2xl))}.deliverables section.section-outcome{padding-top:calc(1.25 * var(--space-2xl));min-height:100dvh;display:flex;flex-direction:column;justify-content:center;text-align:center}.deliverables section.section-highlighted{display:flex;flex-direction:column;align-items:center;padding-top:0}.deliverables section.section-highlighted h2{text-align:center;font-size:var(--font-h2);margin-bottom:var(--space-2xl);white-space:pre-line}.deliverables section.section-highlighted .selected-projects{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:var(--space-sm);max-width:2000px;justify-items:center}.deliverables section.section-highlighted .selected-projects h3{margin-bottom:var(--space-xs);grid-row:1}.deliverables section.section-highlighted .selected-projects p{margin-bottom:var(--space-sm);text-align:center;grid-row:2}.deliverables section.section-highlighted .selected-projects .image-wrapper{background-color:#bae858;padding:var(--space-xl);display:flex;align-items:center}.deliverables section.section-highlighted .selected-projects .image-wrapper.right{background-color:#e85858}.deliverables section.section-highlighted .selected-projects .image-wrapper img{width:100%}.deliverables section.section-merge{display:grid;place-content:center}.deliverables section.section-merge h2{font-size:var(--font-h2);text-align:center;max-width:1200px}.deliverables section.section-website{display:flex;justify-content:center}.deliverables section.section-website a{pointer-events:all}.deliverables section.section-website a img{border:var(--space-xl) solid #FF4605;width:100%;max-width:2000px}.deliverables section.section-qr{display:flex;align-items:center;justify-content:center}.deliverables section.section-qr a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);pointer-events:all;text-decoration:none;color:#7446f4}.deliverables section.section-qr a p{font-weight:900;font-size:var(--font-h2)}.deliverables section:last-of-type{padding-bottom:calc(1.25 * var(--space-2xl))}@media screen and (min-height: 1199px){.deliverables section.section-highlighted{min-height:auto}}@media screen and (max-width: 799px){.deliverables{display:flex;flex-direction:column;gap:10dvh}.deliverables section.section-highlighted .selected-projects{display:flex;flex-direction:column;align-items:center;gap:0}.deliverables section.section-highlighted .selected-projects .image-wrapper:first-of-type{margin-bottom:var(--space-2xl)}}
