@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Mondwest;src:url(/fonts/PPMondwest-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tiny5;src:url(/fonts/Tiny5-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-primary: General Sans, Helvetica, Arial, sans-serif;--font-accent: PP Mondwest, Helvetica, Arial, sans-serif;--font-tiny: Tiny5, Helvetica, Arial, sans-serif}.font-accent{font-family:PP Mondwest,Helvetica,Arial,sans-serif}.font-tiny{font-family:Tiny5,Helvetica,Arial,sans-serif}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font:inherit;font-size:16px;line-height:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,blockquote,figure,ol,ul{margin:0;padding:0}main,li{display:block}h1,h2,h3,h4{font-size:inherit}strong{font-weight:700}a,button{color:inherit;transition:.3s}a{text-decoration:none}button{overflow:visible;border:0;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:none;cursor:pointer}::-moz-focus-inner{padding:0;border:0}:focus{outline:0}img{max-width:100%;height:auto;border:0}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}@keyframes gradient-shift{0%{background-position:0% 0%}to{background-position:100% 0%}}html{font-family:General Sans,Helvetica,Arial,sans-serif;--page: 100dvh}body{overflow:hidden;background-color:#fff}#root{position:fixed;width:100%;height:100%;z-index:1}.fps-stats{top:auto!important;bottom:0!important;left:0!important}body.sceneTransitionOn .experience-canvas{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;z-index:200!important;pointer-events:none}.cta-btn{display:inline-block;color:#d42e20;padding:12px 36px;position:relative;overflow:hidden;border:1px dotted #D42E20;border-radius:40px;font-size:20px}.cta-btn span{position:relative;line-height:1em;vertical-align:middle;text-indent:200%;white-space:nowrap;display:inline-block}.cta-btn span:before,.cta-btn span:after{content:attr(data-text);display:block;position:absolute;text-align:center;text-indent:0;width:100%;height:100%;left:0;top:50%;transition:opacity .4s cubic-bezier(.83,0,.17,1),transform .4s cubic-bezier(.83,0,.17,1)}.cta-btn span:before{font-family:PP Mondwest,Helvetica,Arial,sans-serif;transform:translateY(-50%)}.cta-btn span:after{font-family:Tiny5,Helvetica,Arial,sans-serif;transform:translateY(-50%);opacity:0}.cta-btn:before{content:"";display:block;width:4px;height:4px;background:#f2f2f2;box-sizing:border-box;position:absolute;top:50%;transform:translateY(-50%) scale(6);opacity:0;transition:transform .6s cubic-bezier(.83,0,.17,1),opacity .6s cubic-bezier(.83,0,.17,1);right:24px}.cta-btn:hover{background:#d42e20}.cta-btn:hover:before{transform:translateY(-50%) scale(1);opacity:1}.cta-btn:hover span{color:#f2f2f2}.cta-btn:hover span:before{transform:translate(-12px,-50%);opacity:0}.cta-btn:hover span:after{transform:translate(-12px,-50%);opacity:1}header{position:fixed;inset:0 0 auto 0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:min(4vh,4vw);padding:16px min(3vh,3vw);font-family:PP Mondwest,Helvetica,Arial,sans-serif;color:#f2f2f2;mix-blend-mode:difference;pointer-events:none}header h1{margin:0;font-weight:400;pointer-events:auto;font-size:18px}header .menu-toggle{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;color:inherit;cursor:pointer;pointer-events:auto}header nav{pointer-events:auto}header nav ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0;padding:0;list-style:none;width:60vw}header nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:2px 4px;font:inherit;color:inherit;cursor:pointer;transition:opacity .25s ease;font-size:18px;position:relative}header nav button:before,header nav button:after{display:block;position:absolute;top:50%;transform:translateY(-50%);opacity:0}header nav button:before{content:"[";left:0;transition:transform .25s ease}header nav button:after{content:"]";right:0;transition:transform .25s ease-out}header nav button span{padding:0 0 0 8px;font-family:PP Mondwest,Helvetica,Arial,sans-serif;opacity:0}header nav button.is-active{font-family:General Sans,Helvetica,Arial,sans-serif;font-size:16px}header nav button.is-active span{opacity:1}header nav button.is-active:before{opacity:1;transform:translateY(-60%) translate(-10px)}header nav button.is-active:after{opacity:1;transform:translateY(-60%) translate(10px)}.scroll-down{position:fixed;right:min(3vh,3vw);bottom:min(3vh,3vw);z-index:40;width:32px;height:32px;padding:0;border:0;cursor:pointer}.scroll-down svg{display:block;width:100%;height:100%;fill:#121212}main{width:100vw;font-family:General Sans,Helvetica,Arial,sans-serif;font-weight:400;font-size:40px;color:#d42e20}main section{height:var(--page);position:relative}main section .inside--sticky{height:var(--page);min-height:var(--page);display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;padding:0 min(4vh,4vw) min(8vh,8vw)}main section aside div,main section .offline-panel__copy div{display:inline-block;text-indent:0}main section aside span,main section .offline-panel__copy span{position:relative;display:inline-block;white-space:nowrap;vertical-align:bottom;overflow:hidden;text-indent:0;margin-right:8px;transform:translate(-10px,50px);opacity:0;transition:transform .9s cubic-bezier(.25,1,.5,1),opacity .4s ease;padding-bottom:.12em}main section aside span.dist,main section .offline-panel__copy span.dist{color:transparent}main section aside span.dist:after,main section aside span.dist:before,main section .offline-panel__copy span.dist:after,main section .offline-panel__copy span.dist:before{content:attr(data-text);display:block;position:absolute;width:100%;height:100%;left:0;color:#d42e20;transition:transform .6s cubic-bezier(.87,0,.13,1)}main section aside span.dist:before,main section .offline-panel__copy span.dist:before{font-family:Tiny5,Helvetica,Arial,sans-serif;font-size:1em;line-height:1em;align-content:end;text-align:center;top:0;opacity:1;padding-bottom:0}main section aside span.dist:after,main section .offline-panel__copy span.dist:after{top:100%}main section aside span.dist1:before,main section .offline-panel__copy span.dist1:before{opacity:1;font-size:0;background:linear-gradient(to bottom,transparent 20%,#D42E20 20%,#D42E20 80%,transparent 80%)}main section aside.on span,main section .offline-panel__copy.on span{transform:translate(0);opacity:1}main section aside.on span#line1,main section .offline-panel__copy.on span#line1{transition-delay:.6s}main section aside.on span#line1.dist1:after,main section aside.on span#line1.dist1:before,main section .offline-panel__copy.on span#line1.dist1:after,main section .offline-panel__copy.on span#line1.dist1:before{transition-delay:1.6s}main section aside.on span#line1.dist2:after,main section aside.on span#line1.dist2:before,main section .offline-panel__copy.on span#line1.dist2:after,main section .offline-panel__copy.on span#line1.dist2:before{transition-delay:2.1s}main section aside.on span#line2,main section .offline-panel__copy.on span#line2{transition-delay:.7s}main section aside.on span#line2.dist1:after,main section aside.on span#line2.dist1:before,main section .offline-panel__copy.on span#line2.dist1:after,main section .offline-panel__copy.on span#line2.dist1:before{transition-delay:1.7s}main section aside.on span#line2.dist2:after,main section aside.on span#line2.dist2:before,main section .offline-panel__copy.on span#line2.dist2:after,main section .offline-panel__copy.on span#line2.dist2:before{transition-delay:2.2s}main section aside.on span#line3,main section .offline-panel__copy.on span#line3{transition-delay:.8s}main section aside.on span#line3.dist1:after,main section aside.on span#line3.dist1:before,main section .offline-panel__copy.on span#line3.dist1:after,main section .offline-panel__copy.on span#line3.dist1:before{transition-delay:1.8s}main section aside.on span#line3.dist2:after,main section aside.on span#line3.dist2:before,main section .offline-panel__copy.on span#line3.dist2:after,main section .offline-panel__copy.on span#line3.dist2:before{transition-delay:2.3s}main section aside.on span#line4,main section .offline-panel__copy.on span#line4{transition-delay:.9s}main section aside.on span#line4.dist1:after,main section aside.on span#line4.dist1:before,main section .offline-panel__copy.on span#line4.dist1:after,main section .offline-panel__copy.on span#line4.dist1:before{transition-delay:1.9s}main section aside.on span#line4.dist2:after,main section aside.on span#line4.dist2:before,main section .offline-panel__copy.on span#line4.dist2:after,main section .offline-panel__copy.on span#line4.dist2:before{transition-delay:2.4s}main section aside.on span#line5,main section .offline-panel__copy.on span#line5{transition-delay:1s}main section aside.on span#line5.dist1:after,main section aside.on span#line5.dist1:before,main section .offline-panel__copy.on span#line5.dist1:after,main section .offline-panel__copy.on span#line5.dist1:before{transition-delay:2s}main section aside.on span#line5.dist2:after,main section aside.on span#line5.dist2:before,main section .offline-panel__copy.on span#line5.dist2:after,main section .offline-panel__copy.on span#line5.dist2:before{transition-delay:2.5s}main section aside.on span#line6,main section .offline-panel__copy.on span#line6{transition-delay:1.1s}main section aside.on span#line6.dist1:after,main section aside.on span#line6.dist1:before,main section .offline-panel__copy.on span#line6.dist1:after,main section .offline-panel__copy.on span#line6.dist1:before{transition-delay:2.1s}main section aside.on span#line6.dist2:after,main section aside.on span#line6.dist2:before,main section .offline-panel__copy.on span#line6.dist2:after,main section .offline-panel__copy.on span#line6.dist2:before{transition-delay:2.6s}main section aside.on span#line7,main section .offline-panel__copy.on span#line7{transition-delay:1.2s}main section aside.on span#line7.dist1:after,main section aside.on span#line7.dist1:before,main section .offline-panel__copy.on span#line7.dist1:after,main section .offline-panel__copy.on span#line7.dist1:before{transition-delay:2.2s}main section aside.on span#line7.dist2:after,main section aside.on span#line7.dist2:before,main section .offline-panel__copy.on span#line7.dist2:after,main section .offline-panel__copy.on span#line7.dist2:before{transition-delay:2.7s}main section aside.on span#line8,main section .offline-panel__copy.on span#line8{transition-delay:1.3s}main section aside.on span#line8.dist1:after,main section aside.on span#line8.dist1:before,main section .offline-panel__copy.on span#line8.dist1:after,main section .offline-panel__copy.on span#line8.dist1:before{transition-delay:2.3s}main section aside.on span#line8.dist2:after,main section aside.on span#line8.dist2:before,main section .offline-panel__copy.on span#line8.dist2:after,main section .offline-panel__copy.on span#line8.dist2:before{transition-delay:2.8s}main section aside.on span#line9,main section .offline-panel__copy.on span#line9{transition-delay:1.4s}main section aside.on span#line9.dist1:after,main section aside.on span#line9.dist1:before,main section .offline-panel__copy.on span#line9.dist1:after,main section .offline-panel__copy.on span#line9.dist1:before{transition-delay:2.4s}main section aside.on span#line9.dist2:after,main section aside.on span#line9.dist2:before,main section .offline-panel__copy.on span#line9.dist2:after,main section .offline-panel__copy.on span#line9.dist2:before{transition-delay:2.9s}main section aside.on span#line10,main section .offline-panel__copy.on span#line10{transition-delay:1.5s}main section aside.on span#line10.dist1:after,main section aside.on span#line10.dist1:before,main section .offline-panel__copy.on span#line10.dist1:after,main section .offline-panel__copy.on span#line10.dist1:before{transition-delay:2.5s}main section aside.on span#line10.dist2:after,main section aside.on span#line10.dist2:before,main section .offline-panel__copy.on span#line10.dist2:after,main section .offline-panel__copy.on span#line10.dist2:before{transition-delay:3s}main section aside.on span#line11,main section .offline-panel__copy.on span#line11{transition-delay:1.6s}main section aside.on span#line11.dist1:after,main section aside.on span#line11.dist1:before,main section .offline-panel__copy.on span#line11.dist1:after,main section .offline-panel__copy.on span#line11.dist1:before{transition-delay:2.6s}main section aside.on span#line11.dist2:after,main section aside.on span#line11.dist2:before,main section .offline-panel__copy.on span#line11.dist2:after,main section .offline-panel__copy.on span#line11.dist2:before{transition-delay:3.1s}main section aside.on span#line12,main section .offline-panel__copy.on span#line12{transition-delay:1.7s}main section aside.on span#line12.dist1:after,main section aside.on span#line12.dist1:before,main section .offline-panel__copy.on span#line12.dist1:after,main section .offline-panel__copy.on span#line12.dist1:before{transition-delay:2.7s}main section aside.on span#line12.dist2:after,main section aside.on span#line12.dist2:before,main section .offline-panel__copy.on span#line12.dist2:after,main section .offline-panel__copy.on span#line12.dist2:before{transition-delay:3.2s}main section aside.on span:before,main section aside.on span:after,main section .offline-panel__copy.on span:before,main section .offline-panel__copy.on span:after{transform:translateY(-100%)}main section aside{width:92vw;max-width:880px;text-indent:8%;font-size:clamp(24px,4.2vw,34px)}main section.intro .inside{height:var(--page)}main section.intro .inside aside{display:none}main section .intro-windows,main section .recognition-windows{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}main section .intro-windows .popup,main section .recognition-windows .popup{pointer-events:auto}main section.work .inside{position:static;height:auto;background:linear-gradient(to bottom,transparent 0%,#fefefb 60vh)}main section.work .inside aside{position:relative;margin-left:50%;width:46%;max-width:640px;font-size:54px;padding:min(20vh,20vw) 0 0;box-sizing:border-box;transition:opacity .5s ease}.textGridOn main section.work .inside aside{opacity:0;transition-duration:0s}main section.talks .inside aside{font-size:clamp(26px,4.2vw,40px)}main section.talks-list .inside{font-size:20px;padding:0 min(4vh,4vw) 120px;box-sizing:border-box;overflow:auto;min-height:100%;background:linear-gradient(to bottom,transparent 0%,#fefefb 20vh)}main section.talks-list .inside ul{margin-bottom:60px}main section.talks-list .inside ul .talk-row{position:relative;padding:1.2rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem}main section.talks-list .inside ul .talk-row:after{content:"";display:block;width:100%;height:1px;background:repeating-linear-gradient(to right,transparent 0%,transparent 5px,#D42E20 5px,#D42E20 6px);position:absolute;bottom:0;left:0}main section.talks-list .inside ul .talk-row span{flex:1}main section.talks-list .inside ul .talk-row span.talk-venue{font-family:PP Mondwest,Helvetica,Arial,sans-serif;font-size:smaller}main section.recognition .inside{position:relative}main section.recognition .inside aside{font-size:clamp(24px,4.4vw,40px)}main section.offline .inside aside{display:none}main section .offline-panel{box-sizing:border-box;position:relative;min-height:var(--page)}main section .offline-panel .inside{display:flex;flex-direction:column;gap:2rem;padding:min(12vh,40vw) min(4vh,4vw) 0}main section .offline-panel .inside .offline-panel__copy{display:flex;gap:1rem;justify-content:space-between}main section .offline-panel .inside .offline-panel__copy .offline-panel__message{max-width:480px}main section .offline-panel .inside .offline-panel__copy .offline-panel__time{max-width:480px;text-align:right}main section .offline-panel .inside .offline-panel__buttons{display:flex;gap:.4rem}main section .offline-panel .inside .offline-panel__buttons .profile-photo{width:48px;height:48px;border-radius:50%;overflow:hidden}main section .offline-panel .inside .offline-panel__buttons .profile-photo img{width:100%;height:100%;object-fit:cover}main section .offline-panel footer{position:absolute;bottom:0;left:0;right:0;box-sizing:border-box;display:flex;justify-content:space-between;padding:0 min(4vh,4vw) min(4vh,4vw);font-size:20px}main section .offline-panel__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem 2rem;font-family:PP Mondwest,Helvetica,Arial,sans-serif}main section .offline-panel__link{color:inherit;text-decoration:none;position:relative;transition:none}main section .offline-panel__link:before{font-family:Tiny5,Helvetica,Arial,sans-serif;font-size:.9em;content:attr(data-title);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;color:#d42e20;opacity:0;transition:none}main section .offline-panel__link:hover{color:transparent}main section .offline-panel__link:hover:before{opacity:1}main section .offline-panel__link:hover:after{content:"";position:absolute;bottom:-10%;left:50%;transform:translate(-50%,-50%);width:100%;height:1px;background:repeating-linear-gradient(to right,#d42e20,#d42e20 4px,#fff 4px,#fff 8px);background-size:200% 200%;animation:gradient-shift 4s linear infinite}.case{width:100%;padding:8vh 0;box-sizing:border-box}.case:after{content:"";display:block;width:100%;height:20vh;background:#fff;position:absolute;bottom:-19vh;left:0}.case ul{width:100%}.case ul li{position:relative;z-index:99;font-size:18px;text-align:right}.case ul li span{font-family:PP Mondwest,Helvetica,Arial,sans-serif;display:inline-block;max-width:140px;margin:5%;transition:opacity .5s ease}body.textGridOn .case ul li span{opacity:0;transition-duration:0s}.case ul li img,.case ul li video{width:100%;height:auto;position:relative;z-index:2}.tm-holder{position:fixed;top:50px;left:50px;border:1px solid red;z-index:999;min-width:100px;min-height:50px;font-family:PP Mondwest,Helvetica,Arial,sans-serif;color:#333;font-size:50px;white-space:nowrap}.tm-holder canvas{border:1px solid greenyellow}.textGrid{overflow:hidden;display:block}#pixelImageCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:60;pointer-events:none}body.pixelImageOn .case img.pixelImage{opacity:0;visibility:hidden}#textGridTarget{position:fixed;top:0;left:0;width:100%;height:100%;z-index:40;pointer-events:none}#textGridSource{position:fixed;bottom:0;left:0;z-index:9;border:1px solid greenyellow}canvas{backface-visibility:hidden;transform:translateZ(0) scale(1)}.debug{position:fixed;top:0;right:0;border:1px solid cyan;color:#fff}.fixed-copy-layer{position:relative;z-index:2;pointer-events:none}.fixed-copy-layer--viewport{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.fixed-copy{position:absolute;top:45%;width:min(300px,42vw);color:#d42e20;font-size:26px;font-family:PP Mondwest,Helvetica,Arial,sans-serif;line-height:1.15}.fixed-copy--start{left:3%}.fixed-copy--center{left:50%;transform:translate(-50%);width:auto}.fixed-copy--end{right:3%}.fixed-copy[data-title=what]{font-family:General Sans,Helvetica,Arial,sans-serif}.fixed-copy .fixed-copy-reveal div{display:block}.fixed-copy .fixed-copy-reveal span{position:relative;display:inline-block;white-space:nowrap;vertical-align:bottom;overflow:hidden;text-indent:0;margin-right:5px;transform:translate(-10px,50px);opacity:0;transition:transform .9s cubic-bezier(.25,1,.5,1),opacity .4s ease}.fixed-copy .fixed-copy-reveal span.dist{color:transparent}.fixed-copy .fixed-copy-reveal span.dist:after,.fixed-copy .fixed-copy-reveal span.dist:before{content:attr(data-text);display:block;position:absolute;width:100%;height:100%;left:0;color:#d42e20;transition:transform .6s cubic-bezier(.87,0,.13,1)}.fixed-copy .fixed-copy-reveal span.dist:before{font-family:Tiny5,Helvetica,Arial,sans-serif;font-size:.98em;line-height:1em;align-content:end;text-align:center;top:0;opacity:1}.fixed-copy .fixed-copy-reveal span.dist:after{top:100%}.fixed-copy .fixed-copy-reveal span.dist1:before{opacity:1;font-size:0;background:linear-gradient(to bottom,transparent 20%,#D42E20 20%,#D42E20 80%,transparent 80%)}.fixed-copy .fixed-copy-reveal.on span{transform:translate(0);opacity:1}.fixed-copy .fixed-copy-reveal.on span#line1{transition-delay:.23s}.fixed-copy .fixed-copy-reveal.on span#line1.dist1:after,.fixed-copy .fixed-copy-reveal.on span#line1.dist1:before{transition-delay:.63s}.fixed-copy .fixed-copy-reveal.on span#line1.dist2:after,.fixed-copy .fixed-copy-reveal.on span#line1.dist2:before{transition-delay:.83s}.fixed-copy .fixed-copy-reveal.on span#line2{transition-delay:.31s}.fixed-copy .fixed-copy-reveal.on span#line2.dist1:after,.fixed-copy .fixed-copy-reveal.on span#line2.dist1:before{transition-delay:.71s}.fixed-copy .fixed-copy-reveal.on span#line2.dist2:after,.fixed-copy .fixed-copy-reveal.on span#line2.dist2:before{transition-delay:.91s}.fixed-copy .fixed-copy-reveal.on span#line3{transition-delay:.39s}.fixed-copy .fixed-copy-reveal.on span#line3.dist1:after,.fixed-copy .fixed-copy-reveal.on span#line3.dist1:before{transition-delay:.79s}.fixed-copy .fixed-copy-reveal.on span#line3.dist2:after,.fixed-copy .fixed-copy-reveal.on span#line3.dist2:before{transition-delay:.99s}.fixed-copy .fixed-copy-reveal.on span#line4{transition-delay:.47s}.fixed-copy .fixed-copy-reveal.on span#line4.dist1:after,.fixed-copy .fixed-copy-reveal.on span#line4.dist1:before{transition-delay:.87s}.fixed-copy .fixed-copy-reveal.on span#line4.dist2:after,.fixed-copy .fixed-copy-reveal.on span#line4.dist2:before{transition-delay:1.07s}.fixed-copy .fixed-copy-reveal.on span#line5{transition-delay:.55s}.fixed-copy .fixed-copy-reveal.on span#line5.dist1:after,.fixed-copy .fixed-copy-reveal.on span#line5.dist1:before{transition-delay:.95s}.fixed-copy .fixed-copy-reveal.on span#line5.dist2:after,.fixed-copy .fixed-copy-reveal.on span#line5.dist2:before{transition-delay:1.15s}.fixed-copy .fixed-copy-reveal.on span#line6{transition-delay:.63s}.fixed-copy .fixed-copy-reveal.on span#line6.dist1:after,.fixed-copy .fixed-copy-reveal.on span#line6.dist1:before{transition-delay:1.03s}.fixed-copy .fixed-copy-reveal.on span#line6.dist2:after,.fixed-copy .fixed-copy-reveal.on span#line6.dist2:before{transition-delay:1.23s}.fixed-copy .fixed-copy-reveal.on span#line7{transition-delay:.71s}.fixed-copy .fixed-copy-reveal.on span#line7.dist1:after,.fixed-copy .fixed-copy-reveal.on span#line7.dist1:before{transition-delay:1.11s}.fixed-copy .fixed-copy-reveal.on span#line7.dist2:after,.fixed-copy .fixed-copy-reveal.on span#line7.dist2:before{transition-delay:1.31s}.fixed-copy .fixed-copy-reveal.on span#line8{transition-delay:.79s}.fixed-copy .fixed-copy-reveal.on span#line8.dist1:after,.fixed-copy .fixed-copy-reveal.on span#line8.dist1:before{transition-delay:1.19s}.fixed-copy .fixed-copy-reveal.on span#line8.dist2:after,.fixed-copy .fixed-copy-reveal.on span#line8.dist2:before{transition-delay:1.39s}.fixed-copy .fixed-copy-reveal.on span#line9{transition-delay:.87s}.fixed-copy .fixed-copy-reveal.on span#line9.dist1:after,.fixed-copy .fixed-copy-reveal.on span#line9.dist1:before{transition-delay:1.27s}.fixed-copy .fixed-copy-reveal.on span#line9.dist2:after,.fixed-copy .fixed-copy-reveal.on span#line9.dist2:before{transition-delay:1.47s}.fixed-copy .fixed-copy-reveal.on span#line10{transition-delay:.95s}.fixed-copy .fixed-copy-reveal.on span#line10.dist1:after,.fixed-copy .fixed-copy-reveal.on span#line10.dist1:before{transition-delay:1.35s}.fixed-copy .fixed-copy-reveal.on span#line10.dist2:after,.fixed-copy .fixed-copy-reveal.on span#line10.dist2:before{transition-delay:1.55s}.fixed-copy .fixed-copy-reveal.on span#line11{transition-delay:1.03s}.fixed-copy .fixed-copy-reveal.on span#line11.dist1:after,.fixed-copy .fixed-copy-reveal.on span#line11.dist1:before{transition-delay:1.43s}.fixed-copy .fixed-copy-reveal.on span#line11.dist2:after,.fixed-copy .fixed-copy-reveal.on span#line11.dist2:before{transition-delay:1.63s}.fixed-copy .fixed-copy-reveal.on span#line12{transition-delay:1.11s}.fixed-copy .fixed-copy-reveal.on span#line12.dist1:after,.fixed-copy .fixed-copy-reveal.on span#line12.dist1:before{transition-delay:1.51s}.fixed-copy .fixed-copy-reveal.on span#line12.dist2:after,.fixed-copy .fixed-copy-reveal.on span#line12.dist2:before{transition-delay:1.71s}.fixed-copy .fixed-copy-reveal.on span:before,.fixed-copy .fixed-copy-reveal.on span:after{transform:translateY(-100%)}@media (max-width: 700px){.fixed-copy{width:min(78vw,320px)}.fixed-copy--start{top:38%}.fixed-copy--center{top:54%;left:3%}.fixed-copy--end{top:70%;right:auto;left:3%}}.popup{position:absolute;top:100px;left:150px;box-sizing:border-box;background-color:#eee;border-radius:6px;box-shadow:5px 8px 8px #00000040;cursor:pointer}.popup .popup-link{position:absolute;bottom:0;font-size:16px;left:50%;transform:translate(-50%);white-space:nowrap;z-index:-1;background-color:#474747;padding:10px 20px;box-shadow:5px 8px 8px #00000040;border-radius:6px;color:#fff;transition:bottom .3s ease}.popup figure{position:relative;width:100%;height:100%;pointer-events:none}.popup figure video{object-fit:cover;height:100%;width:100%}.popup:after,.popup:before{display:block;content:"";position:absolute;pointer-events:none;width:100%;height:100%;top:0;left:0}.popup:before{content:attr(data-title);text-align:center;line-height:26px;font-size:12px}.popup.type1{padding-top:26px;border:1px solid #ccc}.popup.type1:before{background-image:url(/images/popup-type1-top.png);background-size:900px;background-repeat:no-repeat}.popup.type1 .popup-link{background-color:#ccc}.popup.type2{padding:45px 19px 19px;background:linear-gradient(to left,#474747 0,#474747 19px,#eee 19px)}.popup.type2:before{background-image:url(/images/popup-type2-top.png);background-size:900px;background-repeat:no-repeat}.popup.type2:after{bottom:0;top:auto;background-image:url(/images/popup-type2-bottom.png);background-size:900px;background-repeat:no-repeat;background-position:bottom left}.popup.type3{border-radius:8px;padding:30px 3px 3px}.popup.type3:before{background-image:url(/images/popup-type3-top.png);background-size:900px;background-repeat:no-repeat;color:#fff;box-shadow:inset 0 0 0 3px #262625;border-radius:8px;z-index:1;line-height:30px}.popup.type3:after{background-image:url(/images/popup-type3-bottom.png);background-size:100px;background-repeat:no-repeat;background-position:top right}.popup.type3 .popup-link{background-color:#262625}.popup.type4{border-radius:8px;padding-top:35px}.popup.type4:before{background-image:url(/images/popup-type4-top.png);background-size:900px;background-repeat:no-repeat;color:#fff;line-height:35px;text-align:left;text-indent:154px}.popup.type4:after{background-image:url(/images/popup-type4-bottom.png);background-size:120px;background-repeat:no-repeat;background-position:top right}.btn{position:absolute;top:50px;left:50px;z-index:100}.case-sprite{position:absolute;width:0;height:0;overflow:hidden;color:#121212}.case-scroll{height:100%;overflow-y:auto;overscroll-behavior:none;background:#f2f2f2;color:#121212}.case-container-header{box-sizing:border-box;position:fixed;display:flex;align-items:center;gap:16px;padding:0px min(3vh,3vw);width:100%;top:0;left:0;z-index:20;color:#121212;font-family:PP Mondwest,Helvetica,Arial,sans-serif;text-decoration:none;border-bottom:1px solid #ffffff;background:#f2f2f2}.case-header-lead{display:flex;align-items:center;min-width:0;flex:1 1 auto}.case-header-lead>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-index{display:flex;height:100%;font-size:16px;position:relative}.case-index button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:inherit;font:inherit;cursor:pointer;font-family:General Sans,Helvetica,Arial,sans-serif;padding:16px}.case-index-bar{position:absolute;left:0;bottom:-1px;height:1px;background:#d42e20;pointer-events:none;transition:transform .35s ease,width .35s ease}.case-back{position:relative;display:inline-block;font-family:General Sans,Helvetica,Arial,sans-serif;font-size:.9em;padding-left:32px;margin-left:80px}.case-back svg{position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(90deg);width:28px;height:28px}.case-study{box-sizing:border-box;margin:0 auto;padding:14vh 3vw 18vh;color:#121212;font-size:22px}.case-study-head{max-width:40rem;margin-bottom:6vh}.case-study h1{font-family:PP Mondwest,Helvetica,Arial,sans-serif;font-size:32px;font-weight:400}.case-lead{margin:0;font-size:32px;line-height:1.1}.case-study h2{margin:0 0 8px;font-weight:400;font-family:PP Mondwest,Helvetica,Arial,sans-serif}.case-row{display:flex;align-items:flex-start;gap:max(16px,2vw);margin:0 0 60px}.case-row>*{flex:1 1 0;min-width:0;margin:0}.case-copy{max-width:50vw}.case-copy p{width:80%}.case-copy.size-l{font-size:22px}.case-copy ul{margin:0;padding:0;list-style:none}.case-copy li{position:relative;margin:0 0 4px;padding-left:16px;line-height:1.4}.case-copy li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:50%;background:#121212}.case-copy p{margin:0 0 14px;line-height:1.55}.case-copy p:last-child{margin-bottom:0}.case-row.is-single .case-copy.align-right{text-align:right}.case-row.is-single .case-copy.align-center{text-align:center}.case-row.is-single .case-copy.align-left{text-align:left}.case-image img,.case-video video{display:block;width:100%;height:auto}.case-video video{background:#111}.case-phone{display:flex;justify-content:center;padding:4vh 0}.case-phone video{height:min(78vh,820px);width:auto;max-width:min(100%,420px);background:#111}.case-study-head .case-awards{margin-top:28px}.case-awards{display:flex;flex-wrap:wrap;align-items:center;gap:22px 28px}.case-award{display:block;height:24px;width:auto;color:#121212}@media (max-width: 820px){.case-container-header{flex-direction:column;padding:24px min(3vh,3vw) 0;gap:8px;font-size:18px}.case-header-lead{width:100%;display:flex;justify-content:space-between}.case-back{margin-left:0}.case-study{padding:16vh 20px 14vh}.case-row{flex-direction:column;align-items:stretch;gap:max(8px,1vw);margin:0 0 16px;font-size:18px}.case-row>*{flex:none;width:100%}.case-copy{max-width:none;margin:20px 0}.case-copy p{width:auto}}.cta-btn{background-color:#fff}@media (max-width: 820px){@keyframes gradient-shift{0%{background-position:0% 0%}to{background-position:0% 100%}}@keyframes slide-in{0%{transform:translate(70px);opacity:0}40%{transform:translate(70px);opacity:0}75%{transform:translate(30px);opacity:1}to{transform:translate(0);opacity:1}}@keyframes scale-down{0%{transform:scale(3)}to{transform:scale(1)}}header h1{transition:transform .5s cubic-bezier(.85,0,.15,1)}header .menu-toggle{display:block;width:48px;height:40px;padding:4px 8px;position:relative;z-index:1}header .menu-toggle:before,header .menu-toggle:after{content:"";position:absolute;transform-origin:right top}header .menu-toggle:before{top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,#000,#000 4px,#fff 4px,#fff 8px);background-size:200% 200%;z-index:-2}header .menu-toggle:after{top:1px;right:1px;bottom:1px;left:1px;z-index:-1}header .menu-toggle:not(.is-open):after{background-color:#000}header .menu-toggle svg{display:block;width:100%;height:100%}header .menu-toggle svg rect{transform-origin:50% 50%;transition:transform .6s cubic-bezier(.76,0,.24,1)}header .menu-toggle svg rect#line1{transform:translate(0);transition-delay:0s}header .menu-toggle svg rect#line2{transform:translate(0);transition-delay:.05s}header .menu-toggle svg rect#line3{transform:translate(0);transition-delay:.1s}header .menu-toggle svg rect#line4{transform:translate(0);transition-delay:.15s}header .menu-toggle svg rect#line5{transform:translate(-30px,-30px) rotate(45deg)}header .menu-toggle svg rect#line6{transform:translate(30px,-30px) rotate(-45deg)}header .menu-toggle.is-open{background-color:#000;mix-blend-mode:normal}header .menu-toggle.is-open:before,header .menu-toggle.is-open:after{content:none}header .menu-toggle.is-open svg rect#line1{transform:translateY(40px);transition-delay:.15s}header .menu-toggle.is-open svg rect#line2{transform:translateY(40px);transition-delay:.1s}header .menu-toggle.is-open svg rect#line3{transform:translateY(40px);transition-delay:.05s}header .menu-toggle.is-open svg rect#line4{transform:translateY(40px);transition-delay:0s}header .menu-toggle.is-open svg rect#line5{transform:translate(0) rotate(45deg);transition-delay:.1s}header .menu-toggle.is-open svg rect#line6{transform:translate(0) rotate(-45deg);transition-delay:.15s}header nav{position:absolute;top:12px;left:12px;right:12px;pointer-events:none;width:calc(100vw - 24px);height:max(400px,70vh)}header nav:before,header nav:after{content:"";position:absolute;transform-origin:right top}header nav:before{top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,#000,#000 4px,#fff 4px,#fff 8px);background-size:200% 200%;z-index:-2}header nav:after{top:1px;right:1px;bottom:1px;left:1px;z-index:-1}header nav:before,header nav:after{transform:scale(0)}header nav:before{animation:gradient-shift 20s linear infinite}header nav:after{background:repeating-linear-gradient(225deg,#000,#666)}header nav ul{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:auto;padding:80px min(3vh,3vw) 16px}header nav ul li{transform:translate(40px);opacity:0}header nav button{font-size:32px;opacity:.7}header nav button.is-active{opacity:1;font-size:28px}header nav button.is-active:before,header nav button.is-active:after{display:none}header.is-menu-open{mix-blend-mode:normal}header.is-menu-open h1{transform:translate(16px)}header.is-menu-open nav{pointer-events:auto}header.is-menu-open nav:before,header.is-menu-open nav:after{transition:transform .8s cubic-bezier(.87,0,.13,1);transform:scale(1)}header.is-menu-open nav ul li{transform:translate(0);opacity:1;animation:slide-in 1.6s cubic-bezier(.85,0,.15,1)}header.is-menu-open nav ul li:nth-child(10n){animation-duration:1s}header.is-menu-open nav ul li:nth-child(10n+1){animation-duration:1.12s}header.is-menu-open nav ul li:nth-child(10n+2){animation-duration:1.24s}header.is-menu-open nav ul li:nth-child(10n+3){animation-duration:1.36s}header.is-menu-open nav ul li:nth-child(10n+4){animation-duration:1.48s}header.is-menu-open nav ul li:nth-child(10n+5){animation-duration:1.6s}header.is-menu-open nav ul li:nth-child(10n+6){animation-duration:1.72s}.fixed-copy-layer{position:relative;inset:auto;z-index:2;opacity:1;padding:72px 16px 8px}.fixed-copy{position:relative;top:auto;left:auto;right:auto;width:min(78vw,320px);margin:0 0 16px}.fixed-copy--start,.fixed-copy--center,.fixed-copy--end{top:auto;left:auto;right:auto}main section.intro{display:block;flex-direction:column;align-items:stretch;justify-content:center}main section.intro .inside{padding-bottom:40px;display:flex;flex-direction:column;overflow:visible;position:relative}main section.intro .inside .fixed-copy-layer{position:static;padding:0 16px}main section.intro .inside .fixed-copy--end{position:absolute;bottom:max(50px,12vh)}main section.intro .inside .fixed-copy--start{position:absolute;top:max(80px,12vh)}main section.intro .inside .intro-windows{width:calc(100% - 32px);min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;pointer-events:auto;position:absolute;display:flex;gap:16px;align-items:center;padding:0 16px 24px;scrollbar-width:thin;scrollbar-color:#D42E20 transparent;position:relative;top:50%;transform:translateY(-50%);border-bottom:1px solid #ccc}main section.intro .inside .intro-windows::-webkit-scrollbar{height:8px}main section.intro .inside .intro-windows::-webkit-scrollbar-track{background:transparent}main section.intro .inside .intro-windows::-webkit-scrollbar-thumb{background:#d42e20}main section.intro .inside .intro-windows .popup{left:0!important;top:0!important;position:relative;max-width:75vw;flex:none}main section.work .inside aside{width:auto;padding:min(20vh,20vw) 16px 0;margin-left:0;font-size:7vw}main section.talks-list .inside ul li.talk-row{font-size:16px}main section.talks-list .inside ul li.talk-row .talk-venue{font-size:16px}main section.recognition .inside{flex-direction:column-reverse}main section.recognition .inside .fixed-copy-layer{flex:1;padding:max(80px,12vh) 16px 0}main section.recognition .inside .fixed-copy-layer .fixed-copy{transform:translate(0);margin:0 0 24px}main section.offline .inside{height:calc(var(--page) * .88)}main section.offline .inside .offline-panel__buttons{display:block}main section.offline .inside .offline-panel__buttons .profile-photo{margin-bottom:8px}main section.offline .inside .offline-panel__copy{flex-direction:column;justify-content:flex-start;gap:8px;font-size:32px;order:-1;flex:1}main section.offline .inside .offline-panel__copy .offline-panel__time{text-align:left}main section.offline .inside footer{position:static;flex-direction:column;gap:40px}main section.offline .inside footer .offline-panel__links{gap:0;justify-content:space-between}.case{padding:32px 6px}.case ul{display:flex!important;flex-direction:column}.case ul li.case-title{order:-1;text-align:left}.case ul li.case-title span{max-width:none;margin:5% 10px}.case ul li.case-empty{display:none}}
