:root{--yellow: #ffed00;--green: #34ffb7;--vivid-green: #61fc00;--purple: #7133a1;--magenta: #d715ff;--modal-bg: rgba(64, 6, 109, 0.75);--font-regular: "Barlow", "Helvetica", "Arial", sans-serif;--font-title: "Hanson", "Helvetica", "Arial", sans-serif;--font-subtitle: "Bebas Kai", "Helvetica", "Arial", sans-serif;--font-article: "Rubik", "Helvetica", "Arial", sans-serif}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;-webkit-user-select:inherit;-moz-user-select:inherit;user-select:inherit}img{max-width:100%}img.b-lazy{opacity:0;transition:opacity 350ms ease-out}img.b-loaded{opacity:1}section.section{width:100%;min-height:100vh;text-align:center;display:inline-block;float:left}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}@font-face{font-family:"Hanson";font-weight:100;font-style:normal;font-display:swap;src:local("Hanson"),local("Hanson-Bold"),url(/fonts/HansonBold.woff2) format("woff2")}@font-face{font-family:"Bebas Kai";font-weight:normal;font-style:normal;font-display:swap;src:local("Bebas Kai"),local("Bebas-Kai"),url(/fonts/BebasKai.woff2) format("woff2")}@font-face{font-family:"Icons";src:url(/fonts/icons.eot);src:url(/fonts/icons.eot#iefix) format("embedded-opentype"),url(/fonts/icons.ttf) format("truetype"),url(/fonts/icons.woff) format("woff"),url(/fonts/icons.svg#icons) format("svg");font-weight:normal;font-style:normal;font-display:swap}.icon{font-family:"Icons" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon.drag:before{content:"\e90f"}.icon.logo-short:before{content:"\e90e"}.icon.a:before{content:"\e902"}.icon.b:before{content:"\e903"}.icon.cross:before{content:"\e904"}.icon.j:before{content:"\e905"}.icon.k:before{content:"\e906"}.icon.link:before{content:"\e907"}.icon.logo:before{content:"\e908"}.icon.menu:before{content:"\e909"}.icon.next:before{content:"\e90a"}.icon.o:before{content:"\e90b"}.icon.prev:before{content:"\e90c"}.icon.share:before{content:"\e90d"}.icon.instagram1:before{content:"\e900"}.icon.vimeo:before{content:"\e901"}.icon.instagram:before{content:"\e916"}.icon.twitter:before{content:"\e917"}.icon.facebook:before{content:"\e918"}.icon.play:before{content:"\ea1c"}.icon.spotify:before{content:"\ea94"}body{font-size:12px;line-height:1.42em;font-family:var(--font-regular)}@media (min-width: 769px){body{font-size:14px}}@media (min-width: 1920px){body{font-size:16px}}h1,h2,h3,h4,h5,h6{font-weight:100;line-height:1em;font-family:var(--font-title);text-transform:uppercase}button{background:none;outline:none;border:none;cursor:pointer}.close-btn{position:relative;width:30px;height:30px;overflow:hidden;float:right;border:none;background-color:transparent;color:transparent;margin:15px}.close-btn::before,.close-btn::after{content:"";position:absolute;height:3px;width:100%;top:50%;left:0;background-color:#fff;transition:background-color 150ms ease-in-out}.close-btn::before{transform:rotate(45deg)}.close-btn::after{transform:rotate(-45deg)}.close-btn:focus:before,.close-btn:focus:after,.close-btn:hover:before,.close-btn:hover:after{background-color:var(--magenta)}form{width:100%;max-width:640px;min-width:260px;display:inline-block}@media (min-width: 769px){form{font-size:24px}}@media (min-width: 1920px){form{font-size:28px}}form .field-container{padding:5px 0px}@media (min-width: 769px){form .field-container{padding:10px 0px}}@media (min-width: 1920px){form .field-container{padding:15px 0px}}form .field{margin:0;display:inline-block;width:80%}form label,form input{float:left;width:100%;padding:5px 10px}@media (min-width: 769px){form label,form input{padding:0px 15px}}form label{font-family:"Clear Sans";font-weight:600;text-align:left}@media (min-width: 769px){form label{width:25%}}form input{border:none;height:30px;margin-top:5px}@media (min-width: 769px){form input{padding:10px 15px;height:40px;width:75%}}form .actions{padding-top:15px}form input[type=submit],form button[type=submit]{font-size:50px;border:none;background:no-repeat;color:var(--yellow);margin:0;padding:0;cursor:pointer;position:relative;z-index:1;transition:color 50ms ease}form input[type=submit]:before,form input[type=submit]:after,form button[type=submit]:before,form button[type=submit]:after{content:"\e90a";font-family:"Icons";position:absolute;pointer-events:none;left:0;top:0;line-height:1em;opacity:0;transform:scale(0.65);transition:all 200ms ease;color:var(--yellow);z-index:-2}form input[type=submit]:after,form button[type=submit]:after{transform:scale(1.35);color:magenta;z-index:-1}form input[type=submit] i.icon,form button[type=submit] i.icon{display:block;margin:0 auto}form input[type=submit]:focus,form input[type=submit]:hover,form button[type=submit]:focus,form button[type=submit]:hover{color:transparent}form input[type=submit]:focus:before,form input[type=submit]:focus:after,form input[type=submit]:hover:before,form input[type=submit]:hover:after,form button[type=submit]:focus:before,form button[type=submit]:focus:after,form button[type=submit]:hover:before,form button[type=submit]:hover:after{transform:scale(1);opacity:1}button{background:none;outline:none;border:none;cursor:pointer}.close-btn{position:relative;width:30px;height:30px;overflow:hidden;float:right;border:none;background-color:transparent;color:transparent;margin:15px}.close-btn::before,.close-btn::after{content:"";position:absolute;height:3px;width:100%;top:50%;left:0;background-color:#fff;transition:background-color 150ms ease-in-out}.close-btn::before{transform:rotate(45deg)}.close-btn::after{transform:rotate(-45deg)}.close-btn:focus:before,.close-btn:focus:after,.close-btn:hover:before,.close-btn:hover:after{background-color:var(--magenta)}.container{width:100%;max-width:1280px;min-width:290px;padding:0px 15px;margin:0 auto}a{color:var(--yellow);text-decoration:none}a:hover{text-decoration:none}button *{pointer-events:none}#preloader{cursor:wait;background-color:#ff2790;position:fixed;width:100%;height:100%;z-index:11;left:0;top:0}#preloader p{margin:0;height:80px;width:25vw;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:transparent;user-select:none;min-width:200px;max-width:400px}#preloader canvas{width:100%;height:100%}#jakob-video,canvas#jakob-background{position:fixed;left:0;top:0;pointer-events:none;width:100%;height:100%;z-index:-1}#jakob-video{object-fit:cover;object-position:center}#jakob-video.ios{opacity:0}@keyframes glitch-before{0%{clip-path:inset(25% 0% 41% 0%);transform:translate(1%, 0%) skew(3deg)}10%{clip-path:inset(72% 0% 82% 0%);transform:translate(9%, 0%) skew(3deg)}20%{clip-path:inset(25% 0% 87% 0%);transform:translate(2%, 0%) skew(-3deg)}30%{clip-path:inset(68% 0% 74% 0%);transform:translate(4%, 0%) skew(5deg)}40%{clip-path:inset(29% 0% 98% 0%);transform:translate(7%, 0%) skew(-4deg)}50%{clip-path:inset(37% 0% 60% 0%);transform:translate(6%, 0%) skew(2deg)}60%{clip-path:inset(56% 0% 34% 0%);transform:translate(7%, 0%) skew(-1deg)}70%{clip-path:inset(89% 0% 40% 0%);transform:translate(7%, 0%) skew(-1deg)}80%{clip-path:inset(94% 0% 35% 0%);transform:translate(10%, 0%) skew(3deg)}90%{clip-path:inset(52% 0% 37% 0%);transform:translate(5%, 0%) skew(-2deg)}100%{clip-path:inset(14% 0% 98% 0%);transform:translate(10%, 0%) skew(0deg)}}@keyframes glitch-after{0%{clip-path:inset(34% 0% 13% 0%);transform:translate(4%, 0%) skew(11deg)}10%{clip-path:inset(35% 0% 44% 0%);transform:translate(0%, 0%) skew(-9deg)}20%{clip-path:inset(15% 0% 13% 0%);transform:translate(-2%, 0%) skew(-10deg)}30%{clip-path:inset(2% 0% 4% 0%);transform:translate(1%, 0%) skew(13deg)}40%{clip-path:inset(27% 0% 32% 0%);transform:translate(0%, 0%) skew(-14deg)}50%{clip-path:inset(39% 0% 3% 0%);transform:translate(0%, 0%) skew(9deg)}60%{clip-path:inset(2% 0% 15% 0%);transform:translate(0%, 0%) skew(-8deg)}70%{clip-path:inset(17% 0% 18% 0%);transform:translate(0%, 0%) skew(-8deg)}80%{clip-path:inset(8% 0% 28% 0%);transform:translate(3%, 0%) skew(-7deg)}90%{clip-path:inset(18% 0% 30% 0%);transform:translate(-4%, 0%) skew(-10deg)}100%{clip-path:inset(40% 0% 48% 0%);transform:translate(-5%, 0%) skew(-13deg)}}@keyframes glitch-skew{0%{transform:skew(-4deg)}10%{transform:skew(4deg)}20%{transform:skew(-4deg)}30%{transform:skew(-1deg)}40%{transform:skew(1deg)}50%{transform:skew(5deg)}60%{transform:skew(-4deg)}70%{transform:skew(4deg)}80%{transform:skew(3deg)}90%{transform:skew(-3deg)}100%{transform:skew(-4deg)}}a.over-glitch{position:relative;display:inline-block}a.over-glitch:before,a.over-glitch:after{content:attr(title);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;color:var(--magenta);z-index:-1}a.over-glitch::after{color:var(--green);z-index:0}a.over-glitch:hover{animation:glitch-skew 0.5s infinite linear alternate-reverse}a.over-glitch:hover:before{opacity:1;animation:glitch-before 1.5s infinite linear alternate-reverse}a.over-glitch:hover:after{opacity:1;animation:glitch-after 1s infinite linear alternate-reverse}nav#main-nav{opacity:0;display:inline-block;width:100%;position:fixed;top:0;z-index:9;padding:15px}nav#main-nav.in-top{position:absolute}@media (min-width: 769px){nav#main-nav{padding:25px 15px}}nav#main-nav a{color:var(--vivid-green);transition:color 200ms ease}nav#main-nav a:hover{color:var(--yellow)}nav#main-nav ul{margin:0;padding:0;list-style:none;text-align:center}nav#main-nav ul li{display:inline-block;text-transform:uppercase}nav#main-nav ul#menu-list{float:right}nav#main-nav ul#menu-list li{display:none;float:left}nav#main-nav ul#menu-list li:last-child{display:block}@media (min-width: 769px){nav#main-nav ul#menu-list li{display:block}}nav#main-nav a{font-weight:800;font-family:var(--font-regular);font-size:1.5em;padding:0px 0.3em;text-align:center}@media (min-width: 769px){nav#main-nav a{padding:0px 0.8em}}nav#main-nav a#jakob-logo{width:100px;position:absolute;left:50%;top:0;transform:translate(-50%, 0%);padding:15px 0px}@media (min-width: 769px){nav#main-nav a#jakob-logo{padding:25px 0px}}canvas#commercials-grid-canvas{position:fixed;left:0;top:0;width:100%;z-index:0;pointer-events:none}#reel-container{position:relative;width:100%;float:left}#reel-container video{visibility:hidden;position:absolute;left:0;top:0;width:100%}#reel-container canvas{width:100%;float:left;position:relative;z-index:2}#yield-commercial{background-image:url(/static/loader.gif);background-position:center;background-repeat:no-repeat;background-size:32px;opacity:0;display:none;position:fixed;transform:translate(15px, 0px);left:0;top:0}#yield-commercial iframe{transform:translate(15px, 0px)}#yield-commercial footer{width:100%;position:absolute;bottom:0;text-align:right}#yield-commercial button#share-commercial-btn{transform:translate(15px, 0px);opacity:0;padding:15px;color:var(--yellow)}#yield-commercial button#share-commercial-btn:hover{color:var(--green)}#commercials-container{overflow:hidden;width:100%;float:left;display:inline-block;position:relative;z-index:1;background-attachment:fixed;background-repeat:repeat-y;background-position:top center;background-image:url(/static/numbers-left.svg),url(/static/numbers-right.svg);background-size:50px auto;background-position:-5% bottom, 105% bottom}@media (min-width: 769px){#commercials-container{background-size:auto 75%;background-position:left center, right center}}#commercials-container canvas{pointer-events:none;position:absolute;width:100%;top:0;left:0;z-index:-1}section#commercials-section{opacity:0;display:none}@media (min-width: 769px){section#commercials-section{padding-top:0;padding-bottom:50px}}section#commercials-section img#selected-work{margin:7vw auto 3vw auto;width:80%;display:inline-block;user-select:none}@media (min-width: 769px){section#commercials-section img#selected-work{float:none;max-width:1320px}}section#commercials-section ul#list-commercials{display:inline-block;padding:0;list-style:none;background-color:var(--green);border:10px solid var(--green);min-width:270px;margin:30px auto;position:relative;width:80%}@media (min-width: 769px){section#commercials-section ul#list-commercials{border:20px solid var(--green);width:80%}}section#commercials-section ul#list-commercials:before{content:"";position:absolute;top:-70px;color:white;left:0;text-transform:uppercase;transform:translate(-50%);font-weight:300}section#commercials-section ul#list-commercials li{width:100%;float:left;position:relative}@media (min-width: 769px){section#commercials-section ul#list-commercials li{width:33.3333333%}}section#commercials-section ul#list-commercials header{width:100%;color:#fff;position:absolute;top:50%;left:0;transform:translate(0%, -50%);z-index:2}@media (min-width: 769px){section#commercials-section ul#list-commercials header{opacity:0;transition:opacity 150ms ease-out}}section#commercials-section ul#list-commercials header h3{margin:0}section#commercials-section ul#list-commercials header p{margin:0;font-family:var(--font-article)}section#commercials-section ul#list-commercials header p.brand{font-size:36px;line-height:1.16em;font-family:var(--font-subtitle)}section#commercials-section ul#list-commercials a{background-color:var(--purple);justify-content:center;align-items:center;display:flex;position:relative}section#commercials-section ul#list-commercials a:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(255,255,255,0.1);z-index:1}@media (min-width: 769px){section#commercials-section ul#list-commercials a:after{opacity:0;transition:opacity 350ms ease-out}}@media (min-width: 769px){section#commercials-section ul#list-commercials a:hover header,section#commercials-section ul#list-commercials a:focus header{opacity:1}section#commercials-section ul#list-commercials a:hover:after,section#commercials-section ul#list-commercials a:focus:after{opacity:1}}section#commercials-section ul#list-commercials a,section#commercials-section ul#list-commercials img{width:100%;float:left;display:inline-block}section#commercials-section ul#list-commercials img{opacity:0.8}section#contact{opacity:0;color:white;position:relative;min-height:auto;z-index:1;background-image:url(/static/numbers-left.svg),url(/static/numbers-right.svg);background-repeat:no-repeat;background-size:auto 60%;background-position:-5% bottom, 105% bottom}@media (min-width: 769px){section#contact{background-size:auto 75%;background-position:left center, right center;min-height:660px;padding-bottom:50px;height:100vh}}@media (min-width: 769px){section#contact #content-wrapper{position:absolute;left:0%;top:50%;transform:translate(0%, -50%);width:100%;float:left}}section#contact ul{padding:0;list-style:none;text-align:left;width:70%;margin:0 auto;display:inline-block;font-size:16px}@media (min-width: 769px){section#contact ul{font-size:18px;display:block;width:50%;float:left;margin-left:50%;max-width:500px}}@media (min-width: 1920px){section#contact ul{font-size:20px}}section#contact ul li{width:100%;float:left;line-height:1.46rem}section#contact ul li.contact-network{display:none}@media (min-width: 769px){section#contact ul li.contact-network{margin-bottom:5px;display:inline-block}}section#contact ul li i.icon{width:30px;display:inline-block;text-align:center}section#contact ul li.item-mail-link{text-align:right}@media (min-width: 769px){section#contact ul li.item-mail-link{margin-top:15px;text-align:left;width:50%}section#contact ul li#mail-container.item-mail-link{padding-right:15px}}section#contact ul li#mail-container.item-mail-link,section#contact ul li#to-maps.item-mail-link{text-transform:none}section#contact ul a{color:white;font-weight:100;position:relative}section#contact ul a:focus,section#contact ul a:hover{color:var(--yellow)}section#contact ul a:focus i.icon,section#contact ul a:hover i.icon{color:var(--green)}section#contact ul a.link-network:before,section#contact ul a.link-network:after{left:35px}section#contact ul a.link-network:focus,section#contact ul a.link-network:hover{color:var(--magenta)}section#contact ul a.link-network:focus i.icon,section#contact ul a.link-network:hover i.icon{color:var(--green)}section#contact img#hello-img{min-width:280px;padding:15px 0px;max-width:900px;display:block;margin:40px auto;width:90%}@media (min-width: 769px){section#contact img#hello-img{margin:0px auto 30px 17.5%;width:60%}}section#contact address{font-weight:100;font-style:normal;margin-top:20px}#networks-list{float:left}.external-networks{float:left;opacity:0;transform:translate(15px, 0px)}.external-networks .share-item{opacity:0;transform:translate(15px, 0px)}.external-networks .copied-link,.external-networks #copied-link{transform:translate(15px, 0px);opacity:0;user-select:none;position:absolute;width:100%;left:0;bottom:-25px;color:white;text-align:center;text-transform:uppercase}.external-networks .copied-link p,.external-networks #copied-link p{margin:0}#game-over-canvas,#game-over{min-width:200px;width:50%;margin:0 auto;display:inherit;margin-top:40px;z-index:1}@media (min-width: 769px){#game-over-canvas,#game-over{position:absolute;right:60%;bottom:0;height:45%;width:auto;max-height:600px}}#game-over-canvas{z-index:-1;transform:scale(0.925)}@media (max-width: 768px){#game-over-canvas{position:absolute;bottom:0;z-index:-1;left:50%;transform:translate(-50%, 0) scale(0.925)}}#share-container{text-align:right;width:90%;display:inline-block;margin:15px auto}@media (min-width: 769px){#share-container{position:absolute;right:15%;bottom:15px;width:200px}}#share-container button.share-page-btn{float:right;display:block;margin-right:5%}button.share-page-btn{color:white;font-size:14px;font-weight:600;text-transform:uppercase;cursor:pointer}button.share-page-btn:focus,button.share-page-btn:hover{color:var(--yellow)}button.share-page-btn i.icon{font-size:2rem;padding-right:10px}@media (min-width: 769px){button.share-page-btn{font-size:15px}}@media (min-width: 1920px){button.share-page-btn{font-size:18px}}body.errors #contact,body.errors nav#section-selection{display:none}nav#section-selection{width:100%;min-height:100vh;text-align:center;display:inline-block;float:left;position:relative;text-align:center;z-index:3}nav#section-selection #bg-section-selection{position:absolute;left:0;top:0;width:100%;height:100%}nav#section-selection canvas{position:absolute;left:0;top:0;width:100%}button#drag-button{display:none;position:absolute;color:white;bottom:30px;font-weight:100;cursor:pointer;left:50%;transform:translate(-50%, 0%);z-index:10;width:60px;padding-top:10px}@media (min-width: 769px){button#drag-button{padding:10px 0px}button#drag-button:hover{opacity:0.75}}button#drag-button svg{width:100%}button#drag-button svg line,button#drag-button svg rect,button#drag-button svg polyline{fill:none;stroke:currentColor;stroke-width:3}button#drag-button span{font-family:var(--font-article);position:absolute;left:0;width:100%;text-align:center;text-transform:uppercase;font-size:10px;top:16px}@media (min-width: 769px){button#drag-button span{top:23px;font-size:16px}}.player-container{opacity:0;display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background-color:var(--modal-bg)}.player-container iframe{position:absolute;top:10%;height:80%;left:0;width:100%;transform:translate(15px, 0px);opacity:0}@media (min-width: 769px){.player-container iframe{width:90%;left:5%}}#gallery-container{width:100%;position:relative}button.control-gallery{position:absolute;top:0;color:var(--green);font-size:30px;font-weight:100;width:25%;height:100%;text-align:left;padding:15px;cursor:pointer}button#prev-img.control-gallery{left:0;text-align:left}button#next-img.control-gallery{text-align:right;right:0}button.control-gallery:hover,button.control-gallery:focus{color:var(--yellow)}button.control-gallery.disabled{display:none}section#projects-section{overflow:hidden;opacity:0;position:relative;z-index:1;background-attachment:fixed;background-repeat:repeat-y;background-position:top center;background-image:url(/static/numbers-left.svg),url(/static/numbers-right.svg);background-size:50px auto;background-position:-5% bottom, 105% bottom}@media (min-width: 769px){section#projects-section{background-size:auto 75%;background-position:left center, right center}}section#projects-section canvas{position:fixed;left:0;top:0;z-index:0;pointer-events:none;width:100%;height:100%}section#projects-section ul#projects-container{min-height:100px;margin-top:0;z-index:1;display:inline-block;list-style:none;min-width:260px;padding:0;position:relative;width:80%}section#projects-section ul#projects-container:after{content:"";display:block;clear:both}section#projects-section ul#projects-container li.project-item{overflow:hidden;min-height:50px;background-color:var(--purple);width:100%;position:relative;float:left;display:inline-block}section#projects-section ul#projects-container li.project-item picture,section#projects-section ul#projects-container li.project-item img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;object-position:center;transition:opacity 200ms ease}section#projects-section ul#projects-container li.project-item:hover img{opacity:0.8}section#projects-section ul#projects-container li.project-item .project-info{transition:opacity 200ms ease;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;color:var(--purple);font-family:var(--font-article);text-align:left;padding:15px;text-transform:uppercase;z-index:1;font-size:1.35em}@media (min-width: 1024px){section#projects-section ul#projects-container li.project-item .project-info{font-size:1.35em}}@media (min-width: 1380px){section#projects-section ul#projects-container li.project-item .project-info{font-size:1.5em}}@media (min-width: 1600px){section#projects-section ul#projects-container li.project-item .project-info{font-size:1.65em}}@media (min-width: 1800px){section#projects-section ul#projects-container li.project-item .project-info{font-size:1.8em}}section#projects-section ul#projects-container li.project-item .project-info p{line-height:1em;margin:0;font-family:var(--font-article);font-size:1em;color:var(--purple);font-weight:500;display:inline-block;position:absolute;left:1em;bottom:50%}section#projects-section ul#projects-container li.project-item .project-info p.status{font-weight:100;position:absolute;bottom:25%;left:0.5em;color:var(--magenta);font-family:var(--font-subtitle);font-size:1.5em}@media (min-width: 769px){section#projects-section ul#projects-container li.project-item .project-info p.status{font-size:1.3em}}section#projects-section ul#projects-container li.project-item .project-info p.status:before{content:"";width:130%;height:0.65em;position:absolute;left:0;top:-180%;background-repeat:repeat-x;background-image:url(/static/project-division.svg);background-position:left center}section#projects-section ul#projects-container li.project-item .project-info p.project-type{position:absolute}section#projects-section ul#projects-container li.project-item .project-info p .year{text-indent:0em;position:absolute;right:0;top:100%;transform:translateX(100%)}section#projects-section ul#projects-container li.project-item .project-info canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}section#projects-section ul#projects-container li.project-item .project-info .see-more{width:100%;position:absolute;left:auto;right:0.25em;bottom:0.25em;font-family:var(--font-title);font-size:3em;letter-spacing:5px;text-transform:uppercase;text-align:right;-webkit-text-stroke:1px var(--purple);color:white;line-height:0.5em}section#projects-section ul#projects-container li.project-item .project-info .see-more b{-webkit-text-stroke-width:0px;font-weight:100;color:var(--green);font-family:var(--font-subtitle);font-size:1.8em;display:inline;position:relative;top:0.15em}section#projects-section ul#projects-container li.project-item .project-info h3{color:var(--magenta);font-weight:100;font-size:1.4em}@media (min-width: 769px){section#projects-section ul#projects-container li.project-item .project-info h3{font-size:1.75em}}section#projects-section ul#projects-container li.project-item .project-info h3 b{font-weight:100;color:var(--green)}section#projects-section ul#projects-container li.project-item .project-info:hover{opacity:1}section#projects-section ul#projects-container li.project-item img.division{width:30%}@media (min-width: 769px){section#projects-section ul#projects-container li.project-item.project-item--1 h3{font-size:1.45em;margin:0.35em 0em;line-height:0.9em}section#projects-section ul#projects-container li.project-item.project-item--1 h3::first-line{font-size:0.9em}}@media (min-width: 769px) and (min-width: 769px){section#projects-section ul#projects-container li.project-item.project-item--1{width:33.333333%}}@media (min-width: 769px){section#projects-section ul#projects-container li.project-item.project-item--2{width:66.666666%}section#projects-section ul#projects-container li.project-item.project-item--2 h3{font-size:4em;margin:0.1em 0em;line-height:0.8em}section#projects-section ul#projects-container li.project-item.project-item--2 h3::first-line{font-size:0.7em}}@media (min-width: 769px){section#projects-section ul#projects-container li.project-item.project-item--3{width:100%}section#projects-section ul#projects-container li.project-item.project-item--3 h3{font-size:4em;margin:0.1em 0em;line-height:1em}section#projects-section ul#projects-container li.project-item.project-item--3 h3::first-line{font-size:0.8em}}.see-more a.open-project{margin:0 0.3em;width:auto;background-size:auto 50%;background-repeat:no-repeat;background-position:50% 50%;position:relative;padding:0em 1em;font-size:0.3em;color:transparent;-webkit-text-stroke-width:0;-webkit-text-stroke-color:transparent;text-align:center;line-height:1.25em;font-weight:100;display:inline-block;float:none;min-width:85px;background-image:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiBmaWxsPSIjRkZGIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjI1IiB2aWV3Qm94PSIwIDAgMTAwIDI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMCwwLjJoMjguNnY2LjloLTIwdjIuMmgxOC43djYuNkg4LjZWMThoMjB2Ni45SDBWMC4yeiIvPjxwYXRoIGQ9Ik02My40LDI0LjlINTEuN0wzOS4xLDEwdjE0LjloLTguNlYwLjJoMTJsMTIuNSwxNC42VjAuMmg4LjVWMjQuOXoiLz48cGF0aCBkPSJNNzkuNiwxMC40aDIxLjF2MTQuNWgtNi45di0yLjZjLTEuMSwwLjktMi40LDEuNi00LDJTODYsMjUsODMuMSwyNWMtMi42LDAtNC45LTAuMi03LTAuNmMtMi0wLjQtMy43LTAuOS01LTEuNiBjLTEuMy0wLjctMi40LTEuNi0zLjMtMi42Yy0wLjgtMS0xLjUtMi4yLTEuOC0zLjRjLTAuNC0xLjItMC42LTIuNS0wLjYtNGMwLTEuNywwLjMtMy4zLDAuOS00LjdjMC42LTEuNCwxLjUtMi42LDIuNS0zLjYgYzEuMS0xLDIuMy0xLjgsMy44LTIuNWMxLjUtMC43LDMtMS4yLDQuOC0xLjVDNzkuMiwwLjIsODEsMCw4Mi45LDBjMi42LDAsNC45LDAuMiw2LjgsMC41czMuNSwwLjgsNC44LDEuNCBjMS4zLDAuNiwyLjMsMS40LDMuMSwyLjJjMC44LDAuOCwxLjUsMS44LDIuMSwzbC04LDIuNkM5MC40LDcuOSw4Ny40LDcsODIuOCw3Yy0xLjgsMC0zLjIsMC4xLTQuNCwwLjRjLTEuMiwwLjMtMi4xLDAuNy0yLjcsMS4yIGMtMC42LDAuNi0xLDEuMi0xLjMsMS44Qzc0LjIsMTEuMiw3NCwxMiw3NCwxMi45YzAsMC44LDAuMSwxLjYsMC4zLDIuMmMwLjIsMC42LDAuNiwxLjIsMS4yLDEuN2MwLjYsMC41LDEuNSwwLjksMi43LDEuMiBjMS4yLDAuMywyLjcsMC40LDQuNSwwLjRjMS4zLDAsMi4zLTAuMSwzLjItMC4yYzAuOS0wLjEsMS42LTAuMywyLjEtMC41YzAuNS0wLjIsMC45LTAuNCwxLjItMC42YzAuMi0wLjIsMC41LTAuNCwwLjktMC44SDc5LjYgVjEwLjR6Ii8+PC9zdmc+")}.see-more a.open-project.esp{background-image:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjI1IiBmaWxsPSIjRkZGIiB2aWV3Qm94PSIwIDAgMTAwIDI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMi42LDBoMjguNnY2LjloLTIwdjIuMmgxOC43djYuN0gxMS4ydjIuMmgyMFYyNUgyLjZWMHoiLz48cGF0aCBkPSJNNDguNSwwLjFjMi4zLDAsNC4zLDAuMSw1LjksMC4yYzEuNiwwLjEsMy4xLDAuMyw0LjQsMC42czIuMywwLjYsMy4xLDEuMXMxLjQsMSwxLjksMS43YzAuNSwwLjcsMC45LDEuNSwxLjEsMi40IGMwLjIsMC45LDAuMywxLjksMC4zLDMuMmgtOS4xYzAtMC40LTAuMS0wLjctMC4yLTAuOUM1NS43LDgsNTUuNCw3LjgsNTUsNy42Yy0wLjUtMC4yLTEuMi0wLjMtMi4yLTAuNGMtMS0wLjEtMi4zLTAuMS00LTAuMSBjLTIuMiwwLTMuOCwwLTQuOCwwLjFjLTEsMC4xLTEuNiwwLjItMS45LDAuNGMtMC4zLDAuMS0wLjQsMC40LTAuNCwwLjdjMCwwLjMsMC40LDAuNSwxLDAuNnMyLjYsMC4zLDUuOSwwLjZjMCwwLDAuMSwwLDAuMSwwIGM2LjUsMC41LDEwLjYsMSwxMi4zLDEuNGMyLjMsMC41LDMuOCwxLjQsNC40LDIuN2MwLjQsMC45LDAuNywyLjEsMC43LDMuN2MwLDEuMS0wLjEsMi4xLTAuMiwyLjhjLTAuMiwwLjctMC41LDEuNC0xLDIgYy0wLjUsMC42LTEuMSwxLjEtMS45LDEuNGMtMC44LDAuMy0xLjgsMC42LTMuMiwwLjljLTEuNCwwLjItMi45LDAuNC00LjYsMC41QzUzLjUsMjUsNTEuMywyNSw0OC44LDI1Yy0xLjgsMC0zLjMsMC00LjYtMC4xIGMtMS4zLDAtMi41LTAuMS0zLjYtMC4yYy0xLjEtMC4xLTItMC4zLTIuOC0wLjVjLTAuNy0wLjItMS40LTAuNS0yLTAuOGMtMC42LTAuMy0xLjEtMC43LTEuNC0xLjFjLTAuMy0wLjQtMC42LTAuOS0wLjgtMS41IGMtMC4yLTAuNi0wLjQtMS4zLTAuNC0yYy0wLjEtMC43LTAuMS0xLjUtMC4xLTIuNWg4LjljMCwwLjQsMC4xLDAuNywwLjIsMC45YzAuMSwwLjIsMC41LDAuNCwxLDAuNWMwLjUsMC4xLDEuMiwwLjIsMi4yLDAuMyBjMC45LDAsMi4yLDAuMSwzLjksMC4xYzAuMiwwLDAuNSwwLDAuOSwwYzIuOCwwLDQuNSwwLDUuMS0wLjFjMC42LTAuMSwwLjktMC40LDAuOS0wLjljMC0wLjMtMC4yLTAuNS0wLjYtMC42IGMtMC40LTAuMS0xLjYtMC4yLTMuNS0wLjNjLTEuNC0wLjEtMi41LTAuMi0zLjQtMC4yYy0xLjQtMC4xLTIuNi0wLjItMy4zLTAuM2MtMC44LTAuMS0xLjctMC4yLTIuOS0wLjNjLTEuMS0wLjEtMi0wLjMtMi42LTAuNCBjLTAuNi0wLjEtMS4zLTAuMy0yLjEtMC41Yy0wLjgtMC4yLTEuNC0wLjQtMS44LTAuN2MtMC40LTAuMy0wLjgtMC42LTEuMy0wLjljLTAuNS0wLjQtMC44LTAuOC0xLTEuMnMtMC40LTEtMC42LTEuNSBjLTAuMi0wLjYtMC4yLTEuMi0wLjItMS45YzAtMC44LDAuMS0xLjYsMC4yLTIuMmMwLjEtMC43LDAuMy0xLjMsMC41LTEuOGMwLjItMC41LDAuNS0xLDAuOS0xLjRjMC40LTAuNCwwLjgtMC44LDEuMy0xLjEgYzAuNC0wLjMsMS0wLjUsMS43LTAuN2MwLjctMC4yLDEuNC0wLjQsMi4xLTAuNWMwLjctMC4xLDEuNi0wLjIsMi42LTAuM3MyLTAuMSwzLTAuMUM0NiwwLjEsNDcuMiwwLjEsNDguNSwwLjF6Ii8+PHBhdGggZD0iTTY4LjEsMGgxOC4yYzAuNSwwLDEsMCwxLjQsMGMwLjQsMCwxLjEsMC4xLDEuOSwwLjJjMC44LDAuMSwxLjUsMC4zLDIuMiwwLjZzMS4zLDAuNiwyLjEsMS4xYzAuNywwLjUsMS40LDEsMS45LDEuNyBjMC41LDAuNywwLjksMS41LDEuMywyLjVzMC41LDIuMiwwLjUsMy41YzAsMS4zLTAuMiwyLjQtMC41LDMuNWMtMC4zLDEtMC43LDEuOS0xLjIsMi42Yy0wLjUsMC43LTEuMSwxLjMtMS44LDEuOSBjLTAuNywwLjUtMS40LDEtMiwxLjJjLTAuNywwLjMtMS40LDAuNS0yLjEsMC43Yy0wLjcsMC4yLTEuMywwLjMtMS45LDAuNGMtMC41LDAuMS0xLDAuMS0xLjQsMC4xaC05LjlWMjVoLTguNlYweiBNODYsMTIuNiBjMi4zLDAsMy40LTAuOSwzLjQtMi43YzAtMC40LTAuMS0wLjctMC4yLTFjLTAuMS0wLjMtMC4zLTAuNS0wLjUtMC43Yy0wLjItMC4yLTAuNC0wLjMtMC43LTAuNGMtMC4yLTAuMS0wLjUtMC4yLTAuOC0wLjIgYy0wLjMsMC0wLjYtMC4xLTAuOC0wLjFjLTAuMiwwLTAuNCwwLTAuNywwaC05LjJ2NS4ySDg2eiIvPjwvc3ZnPg==")}.see-more a.open-project:before{content:"";transition:background 350ms ease;background-image:url("data:image/png;base64,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");position:absolute;left:0;top:0;width:100%;height:100%;z-index:-2;background-size:100% 100%;background-position:center}.see-more a.open-project:hover:before{background-size:200% 200%}canvas#canvas-content{transition:transform 50ms ease;pointer-events:none;left:0;top:0;width:100%;height:auto;z-index:0}#images-container{cursor:grab !important;position:relative;width:100%;height:100%}#images-container>div{pointer-events:none;width:100%;position:relative;height:100%;overflow:hidden}#images-container>div img{max-height:500px;position:relative;top:0;object-fit:contain;object-position:center;height:100%;width:100%}#images-container div{position:relative;height:100%}#yield-project{left:0;top:0;display:none;opacity:0;width:100%;height:100%;position:fixed;transform:translate(15px, 0px);background-color:rgba(62,3,74,0.75);z-index:9}#project-content-wrapper{height:100%;overflow-y:scroll;width:100%;opacity:0}#project-content-wrapper .intro-item{opacity:0;transform:translateX(30px)}#project-details{margin-bottom:100px}@media (min-width: 769px){#project-details{margin-bottom:50px}}#project-details .close-btn{z-index:2}#project-details .intro-item{position:relative;z-index:2}button#close-project-btn{position:absolute;right:0;top:0}button#close-project-btn:before,button#close-project-btn:after{background-color:var(--magenta)}button#close-project-btn:hover:before,button#close-project-btn:hover:after{background-color:var(--purple)}section#project-section{text-transform:uppercase;background-color:rgba(62,3,74,0.75);position:fixed;overflow:hidden;-webkit-overflow-scrolling:touch;left:0;top:0;z-index:99;bottom:0;color:var(--purple);right:0;overflow:hidden;height:100vh;line-height:1.3em;display:flex;justify-content:center;align-items:center;font-size:16px}section#project-section canvas{position:absolute;left:0;top:0;z-index:1;pointer-events:none;width:100%;height:100%}@media (min-width: 769px){section#project-section{font-size:16px}}@media (min-width: 1920px){section#project-section{font-size:20px}}section#project-section:after{content:"";display:block;clear:both}section#project-section article{position:relative;background-color:#fff;width:90%;margin:20px auto 50px auto;min-width:300px;max-width:1024px;display:inline-block;padding:1em}@media (min-width: 769px){section#project-section article{margin:20px auto;padding:1em 2em 2em 2em}}section#project-section h1{width:calc(100% - 30px);text-align:center;color:var(--magenta);margin-top:0;margin-bottom:0.35em;font-size:1.5em}@media (min-width: 769px){section#project-section h1{font-size:2.5em}}section#project-section h1+p{margin-top:0;font-family:var(--font-subtitle);font-weight:400;font-size:1.5em;color:var(--purple)}section#project-section h1+p b{font-weight:100;color:var(--magenta)}@media (min-width: 769px){section#project-section h1+p{font-size:1.65em}}section#project-section #sinopsis{font-family:var(--font-article);font-weight:500;text-align:left;font-size:0.9em;margin-top:1.5em}section#project-section #project-credits{width:100%;text-align:left;font-family:var(--font-article)}section#project-section #project-credits h3{font-family:var(--font-subtitle);color:var(--magenta);margin:0.75em 0em 0.45em 0em;font-size:1.95em}section#project-section #project-credits p{margin:0;font-family:var(--font-article);font-weight:100;font-size:0.9em}section#project-section #project-credits b{font-weight:800}section#project-section footer{width:100%;float:left;padding-top:1.5em;font-family:var(--font-subtitle);font-weight:600;color:var(--purple);font-size:1.25em}section#project-section footer #trailer-btn{color:var(--purple);font-weight:600;background-color:var(--green);float:right;padding:0.25em 0.8em}section#project-section footer #trailer-btn:hover,section#project-section footer #trailer-btn:focus{background-color:var(--magenta);color:var(--green)}section#project-section footer button.share-page-btn{font-family:var(--font-regular);font-size:0.8em;color:var(--magenta);position:relative;left:12px}section#project-section footer button.share-page-btn i.icon{font-size:1.65em}section#project-section footer button.share-page-btn:hover,section#project-section footer button.share-page-btn:focus{color:var(--purple)}.share-modal-container{opacity:0;display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:var(--modal-bg);z-index:100}.share-modal-container ul{position:absolute;margin:0;list-style:none;background-color:var(--purple);background-image:url(/static/share-bg.svg);left:50%;top:50%;transform:translate(-50%, -50%);background-repeat:no-repeat;background-position:center 15px;background-size:contain;padding:10px 20px;border-radius:0px 30px 0px 30px;width:280px}.share-modal-container ul li{float:left}.share-modal-container ul li:first-child{margin-right:15px}.share-modal-container ul li a{color:var(--magenta);font-size:34px;width:60px;height:42px;padding:10px;text-align:center;display:inline-block}.share-modal-container ul li a.copy-link>*{pointer-events:none}.share-modal-container ul li a.copy-link .icon{font-size:20px}.share-modal-container ul li a:focus,.share-modal-container ul li a:hover{color:var(--green)}.share-modal-container button.close-share{background-color:var(--magenta);border-radius:50%;width:42px;height:42px;position:relative}.share-modal-container button.close-share .close-btn{margin:0;width:22px;height:22px;position:absolute;left:10px;top:8px}.share-modal-container button.close-share .close-btn:before,.share-modal-container button.close-share .close-btn:after{height:5px;border-radius:5px}.share-modal-container button.close-share:hover,.share-modal-container button.close-share:focus{background-color:var(--green)}.share-modal-container button.close-share:hover .close-btn:before,.share-modal-container button.close-share:hover .close-btn:after,.share-modal-container button.close-share:focus .close-btn:before,.share-modal-container button.close-share:focus .close-btn:after{background-color:var(--magenta)}body{background-color:var(--white);color:#000;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%}main#app{overflow-x:hidden;width:100%;position:relative;display:inline-block;float:left}main#app canvas{width:100%}::selection{background:var(--magenta);color:var(--yellow)}::-moz-selection{background:var(--magenta);color:var(--yellow)}
