@charset "UTF-8";:root[data-theme=light]{--color-bg: rgb(230, 230, 221);--color-fb: #1c1c1c}:root[data-theme=dark]{--color-bg: #1c1c1c;--color-fb: rgb(230, 230, 221)}body{background-color:var(--color-bg);color:var(--color-fb)}@font-face{font-family:NeueMontreal;src:url(/assets/neuemontreal-bold-webfont-DB2Ah9rR.woff2) format("woff2");font-weight:800;font-style:normal}@font-face{font-family:NeueMontreal;src:url(/assets/neuemontreal-medium-webfont-Bx32EcC-.woff2) format("woff2");font-weight:530;font-style:normal}@font-face{font-family:NeueMontreal;src:url(/assets/neuemontreal-regular-webfont-CmBQULgt.woff2) format("woff2");font-weight:430;font-style:normal}@font-face{font-family:Cultrue;src:url(/assets/Cultrue%20Regular-D6OAP4Sw.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Overglow;src:url(/assets/overglowfont-BBoD6oFK.woff2) format("woff2");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:NeueMontreal,sans-serif;color:var(--color-fb);background-color:var(--color-bg)}a{text-decoration:none;color:var(--color-fb)}section{display:block}html,body{position:relative;z-index:0}#grainCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100;filter:blur(1px) opacity(.6)}body{margin:0;overflow-x:hidden;position:relative}body[data-theme=light],body[data-theme=dark]{background-color:var(--color-bg);color:var(--color-fb)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 4s linear infinite}header{display:block;position:fixed;top:0;left:3.4rem;right:3.4rem;z-index:11;height:5rem}@media screen and (max-width: 480px){header{left:20px;right:20px}}.wrap-header--padding-sm{position:relative}.main-navigation{padding:2.6rem 0 2.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--color-fb) 30%,transparent 30%);position:relative}@media screen and (min-width: 1930px) and (max-width: 2559px){.main-navigation{padding:1.3vw 0 1.2vw}}@media screen and (min-width: 2560px) and (max-width: 3840px){.main-navigation{padding:1.3vw 0 1.2vw}}@media screen and (min-width: 481px) and (max-width: 576px){.main-navigation{align-items:flex-end}}ul li{display:inline-block;margin-left:.5rem;position:relative}ul li a{font-size:1.3333rem;font-weight:500;padding:.8rem 1.6rem;border:1px solid var(--color-fb);border-radius:100px;text-transform:uppercase}ul li a:hover{background-color:var(--color-fb);color:var(--color-bg)}@media screen and (min-width: 320px) and (max-width: 576px){ul li a{border:none;font-size:1.128rem;padding:.2rem}}.scroller{position:absolute;top:0;left:-3.4rem;bottom:0;right:-3.4rem;background-color:#13131326;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;z-index:-1;transition:opacity .3s ease-in-out,backdrop-filter .3s ease}[data-theme=light] .scroller{background-color:#e6e6dd99}.title{display:flex}.header-logo{height:1.8rem;padding:0;fill:var(--color-fb)}@media screen and (min-width: 320px) and (max-width: 576px){.header-logo{height:1.8rem}}.page-header{width:100%;height:100vh;position:relative}@media (max-width: 767px){.page-header{height:auto;min-height:94vh}}.page-header .main-bg{position:fixed;top:0;left:0;bottom:-20vh;right:0;clip-path:path("M 50% 10% C 70% 20%, 70% 50%, 50% 60% C 30% 70%, 30% 90%, 50% 100% C 70% 90%, 70% 70%, 50% 60% C 30% 50%, 30% 20%, 50% 10%");-webkit-clip-path:path("M 50% 10% C 70% 20%, 70% 50%, 50% 60% C 30% 70%, 30% 90%, 50% 100% C 70% 90%, 70% 70%, 50% 60% C 30% 50%, 30% 20%, 50% 10%");animation:expand-s-shape 2s ease-in-out forwards;z-index:-1}@media screen and (max-width: 480px){.page-header .main-bg{height:100vh;display:none}}.page-header .main-bg .plane{position:absolute;height:100%;width:100%;overflow:hidden}@keyframes expand-s-shape{0%{clip-path:path("M 50% 10% C 70% 20%, 70% 50%, 50% 60% C 30% 70%, 30% 90%, 50% 100% C 70% 90%, 70% 70%, 50% 60% C 30% 50%, 30% 20%, 50% 10%")}to{clip-path:path("M 0 0, 0 100%, 100% 100%, 100% 0, 0 0");-webkit-clip-path:path("M 0 0, 0 100%, 100% 100%, 100% 0, 0 0")}}.page-header .main-bg .plane img{position:absolute;height:auto;width:110%;top:-25%;left:50%;transform:translate(-50%);object-fit:cover}.page-header .main-bg .plane:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#1c1c1c99,#1c1c1c);z-index:1;pointer-events:none}[data-theme=light] .page-header .main-bg .plane:before{background:linear-gradient(to bottom,#fff9,#fff)}@media screen and (min-width: 992px) and (max-width: 1200px) and (min-height: 950px){.page-header .main-bg .plane img{width:auto;height:130%}}@media (max-width: 991px){.page-header .main-bg .plane img{width:auto;height:130%}}.page-header .main-wrapper{position:absolute;bottom:0;left:0;right:0;align-items:flex-end;justify-content:space-between}.main-wrapper{position:relative;max-width:100%;padding-left:2.8rem;padding-right:2.8rem;display:flex;flex-wrap:wrap}@media screen and (max-width: 480px){.main-wrapper{padding-left:2rem;padding-right:2rem}}.toptitle-element{font-family:Overglow;font-size:3.875rem;font-size:2.1vw;margin-left:.6vw;margin-bottom:1vw}@media screen and (min-width: 1200px) and (max-height: 950px){.toptitle-element{font-size:8.6666vh;margin-left:1.3333vh;margin-bottom:1vh}}@media (max-width: 1199px){.toptitle-element{font-size:4.3125rem}}h1.uppercase{text-transform:uppercase}h1>span{position:relative}h1 .split{overflow:hidden;display:flex}h1 .split .line{padding-top:3.3333vh;transform-origin:0 50%;white-space:nowrap;will-change:transform}h1{font-family:Cultrue;font-size:19vw;font-weight:700;line-height:.75}@media screen and (min-width: 1200px) and (max-height: 950px){h1{font-size:38vh}}@media screen and (min-width: 1024px) and (max-height: 600px){h1{font-size:22vh}}@media (max-width: 991px){h1{font-size:18rem}}@media screen and (max-width: 414px){h1{font-size:38vw;line-height:.7}}@media screen and (max-width: 576px) and (max-height: 790px){h1{font-size:21vh}}@media screen and (max-width: 418px) and (max-height: 790px){h1{font-size:19vh}}h1 .split:first-of-type .symbol div:after{content:"and\aWeb";white-space:pre;font-family:Overglow;color:var(--color-fb);text-transform:none;font-size:4.6rem;font-size:5.3333vw;margin-left:3.3333vw;position:absolute;bottom:4vw;display:block;text-indent:-1.333vw}@media screen and (min-width: 1200px) and (max-height: 950px){h1 .split:first-of-type .symbol div:after{font-size:8.6666vh;margin-left:6vh;bottom:6vh}}@media screen and (min-width: 1024px) and (max-height: 600px){h1 .split:first-of-type .symbol div:after{bottom:1.6vh}}@media (max-width: 1199px){h1 .split:first-of-type .symbol div:after{font-size:4.6666rem;margin-left:4.3333vh}}@media (max-width: 991px){h1 .split:first-of-type .symbol div:after{bottom:3rem;margin-left:2rem}}@media screen and (max-width: 577px) and (max-height: 790px){h1 .split:first-of-type .symbol div:after{bottom:1.4vh}}@media screen and (max-width: 414px){h1 .split:first-of-type .symbol div:after{bottom:6vw;font-size:4.3333rem;margin-left:3.3333vh}}.hero-content{max-width:600px;display:flex;flex-wrap:wrap;justify-content:flex-end;margin-bottom:1.333vw}@media (max-width: 767px){.hero-content{padding-top:2rem}}@media screen and (min-width: 1600px) and (max-width: 1930px){.hero-content{max-width:600px}}@media screen and (min-width: 1440px) and (max-width: 1599px){.hero-content{max-width:600px}}@media screen and (min-width: 1280px) and (max-width: 1439px){.hero-content{max-width:600px}}@media screen and (min-width: 1930px) and (max-width: 2559px){.hero-content{max-width:34vw}}@media screen and (min-width: 2560px) and (max-width: 3840px){.hero-content{max-width:34vw}}.h2--uppercase{text-transform:uppercase;line-height:1.3333;font-size:2.8rem;font-weight:500}@media screen and (min-width: 1930px) and (max-width: 2559px){.h2--uppercase{font-size:1.56vw}}@media screen and (min-width: 2560px) and (max-width: 3840px){.h2--uppercase{font-size:1.56vw}}@media (max-width: 1199px){.h2--uppercase{font-size:2.4rem}}@media (max-width: 991px){.h2--uppercase{font-size:2.1rem}}@media screen and (max-width: 576px){.h2--uppercase{font-size:4vw}}@media screen and (max-width: 480px){.h2--uppercase{font-size:3.95vw}}@media screen and (max-width: 414px){.h2--uppercase{font-size:3.85vw}}@media screen and (max-width: 375px){.h2--uppercase{font-size:3.8vw}}p{overflow:hidden}.page-content section#intro{padding-top:300px;padding-bottom:300px}@media (max-width: 767px){.page-content section#intro{padding-top:200px;padding-bottom:120px}}@media screen and (max-width: 480px){.page-content section#intro{padding-top:120px}}.page-content section#intro .main-wrapper{justify-content:space-around;gap:1.3333rem}@media screen and (min-width: 1921px){.page-content section#intro .main-wrapper{justify-content:space-around}}@media (max-width: 991px){.page-content section#intro .main-wrapper{justify-content:flex-start}}.page-content section#intro .main-wrapper .text{padding-left:12vw}@media screen and (min-width: 1280px) and (max-width: 1535px){.page-content section#intro .main-wrapper .text{padding-left:50px}}@media screen and (min-width: 1280px) and (max-width: 1366px){.page-content section#intro .main-wrapper .text{padding-left:0}}@media screen and (min-width: 992px) and (max-width: 1199px){.page-content section#intro .main-wrapper .text{padding-left:50px}}.page-content section#intro .main-wrapper .text p:first-of-type{padding-top:3.5rem;display:flex;justify-content:flex-end}.page-content section#intro .main-wrapper .text{max-width:45vw}@media screen and (min-width: 1280px) and (max-width: 1535px){.page-content section#intro .main-wrapper .text{max-width:690px}}@media (max-width: 991px){.page-content section#intro .main-wrapper .text{max-width:60vw}}@media (max-width: 991px){.page-content section#intro .main-wrapper .text{max-width:initial}}h2 .split{line-height:1}h2 .split .line{padding-top:1vh;transform-origin:0 50%;white-space:nowrap;will-change:transform;display:block}.line,.animation-line{display:block;position:relative;height:auto}.line span,.animation-line span{display:block;transform:translateY(100%);transition:transform .8s cubic-bezier(.25,1,.5,1)}.line.loaded span,.animation-line.loaded span{transform:translateY(0)}h2.heading--uppercase--inline{font-family:Cultrue;text-transform:uppercase;font-size:5.857rem;font-size:6.8888vw}@media (max-width: 1199px){h2.heading--uppercase--inline{font-size:8.3333rem}}@media (max-width: 991px){h2.heading--uppercase--inline{font-size:8.6666rem}}@media screen and (max-width: 414px){h2.heading--uppercase--inline{font-size:16.5vw}}.symbol--right{position:absolute;bottom:-1rem;right:0;font-size:1.125rem;text-transform:none}.page-content section#intro .main-wrapper .content{position:relative;min-width:35vh;min-height:850px}@media screen and (min-width: 1441px) and (max-width: 1600px){.page-content section#intro .main-wrapper .content{max-height:625px;margin-top:145px}}@media screen and (min-width: 1367px) and (max-width: 1440px){.page-content section#intro .main-wrapper .content{max-height:550px;margin-top:100px}}@media screen and (min-width: 1280px) and (max-width: 1366px){.page-content section#intro .main-wrapper .content{min-width:40vw;max-height:500px;margin-top:150px}}@media screen and (min-width: 992px) and (max-width: 1199px){.page-content section#intro .main-wrapper .content{margin-left:-10vw;min-width:45vw}}@media (max-width: 991px){.page-content section#intro .main-wrapper .content{width:60vw;height:60vh;margin-left:auto}}@media (max-width: 767px){.page-content section#intro .main-wrapper .content{width:80vw}}@media screen and (max-width: 480px){.page-content section#intro .main-wrapper .content{width:100%;height:100vw}}.profile-container{flex:1;display:flex;justify-content:center;position:relative}.profile-container .profile-picture{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:460px;height:auto;overflow:hidden;border-radius:15rem 0 25rem 25rem;z-index:1}.profile-container .profile-picture img{height:100%;object-fit:cover;display:block;object-position:center}@media (max-width: 480px){.profile-container .profile-picture{max-width:260px;max-height:360px;border-radius:10rem 0 20rem 20rem;margin-top:2.3rem}}section#cases{margin-top:50px}section#cases .main-wrapper .grid{display:grid;grid-template-columns:repeat(3,33.333333%);width:100%;padding-left:12vw;grid-auto-rows:32vmin}@media screen and (max-height: 800px){section#cases .main-wrapper .grid{grid-auto-rows:initial;row-gap:30px}}@media (max-width: 1199px){section#cases .main-wrapper .grid{grid-template-columns:repeat(2,50%);padding-left:0}}@media screen and (max-width: 650px){section#cases .main-wrapper .grid{grid-template-columns:repeat(1,100%);grid-auto-rows:40vmin}}@media screen and (max-width: 480px){section#cases .main-wrapper .grid{grid-auto-rows:60vmin}}.grid__cell{display:grid;align-items:center;margin:1vw 0;min-height:195px}@media screen and (max-width: 480px){section#cases .grid__cell{margin:1rem 0}}.grid__cell[class*=c1-r1]{grid-column:1;grid-row:1}@media (max-width: 1199px){section#cases .grid__cell[class*=c1-r1]{margin:1.5vw 0}}@media screen and (max-width: 650px){section#cases .grid__cell[class*=c1-r1]{display:none}}.grid__cell[class*=c2-r1]{grid-column:2;grid-row:1;margin-left:-4vw}@media (max-width: 1199px){section#cases .grid__cell[class*=c2-r1]{margin-left:0}}@media screen and (max-width: 650px){section#cases .grid__cell[class*=c2-r1]{grid-column:1}}.grid__cell[class*=c1-r2]{grid-column:1;grid-row:2}@media screen and (max-width: 650px){section#cases .grid__cell[class*=c1-r2]{grid-row:2}}.grid__cell[class*=c2-r2]{grid-column:2;grid-row:2;padding-left:1vw}@media (max-width: 1199px){section#cases .grid__cell[class*=c2-r2]{padding-left:2vw;margin-left:0}}@media screen and (max-width: 650px){section#cases .grid__cell[class*=c2-r2]{display:none}}section#cases .grid__cell[class*=c3-r2]{grid-column:3;grid-row:3}section#cases .grid__cell[class*=c1-r3]{grid-column:1;grid-row:3}.grid__cell[class*=c2-r3]{grid-column:2;grid-row:3}@media screen and (max-width: 650px){section#cases .grid__cell[class*=c2-r3]{grid-column:1;grid-row:3}}.grid__cell[class*=c3-r3]{grid-column:3;grid-row:3;padding-left:1vw}@media (max-width: 1199px){section#cases .grid__cell[class*=c3-r3]{grid-column:1;padding-left:0}}@media screen and (max-width: 650px){section#cases .grid__cell[class*=c3-r3]{display:none}}section#cases .grid__cell[class*=c1-r4]{grid-column:1;grid-row:4}.grid__cell[class*=c2-r4]{grid-column:2;grid-row:4}@media (max-width: 1199px){section#cases .grid__cell[class*=c2-r4]{padding-left:2vw}}@media screen and (max-width: 650px){section#cases .grid__cell[class*=c2-r4]{display:none}}.grid__cell[class*=c3-r4]{grid-column:3;grid-row:4;margin-left:-6.5vw}@media (max-width: 1199px){section#cases .grid__cell[class*=c3-r4]{grid-column:1;margin-left:0}}@media screen and (max-width: 650px){section#cases .grid__cell[class*=c3-r4]{grid-row:4}}.grid__cell[class*=c1-r5]{grid-column:1;grid-row:5}@media screen and (max-width: 650px){section#cases .grid__cell[class*=c1-r5]{display:none}}.grid__cell[class*=c2-r5]{grid-column:2;grid-row:5;margin-left:-7vw}@media screen and (min-width: 1440px) and (max-width: 1899px){section#cases .grid__cell[class*=c2-r5]{margin-left:-11vw}}@media screen and (min-width: 1280px) and (max-width: 1439px){section#cases .grid__cell[class*=c2-r5]{margin-left:-9vw}}@media (max-width: 1199px){section#cases .grid__cell[class*=c2-r5]{margin-left:0}}@media screen and (max-width: 650px){section#cases .grid__cell[class*=c2-r5]{grid-column:1;grid-row:5}}section#cases .grid__cell[class*=c3-r5]{grid-column:3;grid-row:5}h3.heading--uppercase--inline{font-family:Cultrue;color:currentColor;text-transform:uppercase;position:relative;display:inline-block;font-size:6vw;line-height:.8;opacity:0;transform:translateY(100px);transition:opacity .6s ease,transform .6s ease}h3.heading--uppercase--inline.loaded{opacity:1;transform:translateY(0)}h3 [class*=div]{overflow:hidden;display:block}@media (max-width: 1199px){h3.heading--uppercase--inline{font-size:12vw}}section#cases .heading--uppercase--inline .line,section#footer .line{opacity:1;transform:translateY(5%);padding-top:.5vh;transform-origin:0 50%;will-change:transform;display:block}.content__item-text{max-width:50ch;margin-bottom:2rem;line-height:1.33;text-transform:uppercase;color:var(--color-grey-light-1);font-size:1.8rem}.grid__cell-img{transform:translate(0);width:100%;height:100%;display:block;position:relative;overflow:hidden;transition:transform 1s ease-in-out}.grid__cell-img:hover{transform:scale(.9666)}section#cases .grid__cell-img-inner{opacity:0;transform:translateY(100px);transition:opacity .6s ease,transform .6s ease;background-size:cover;background-position:50% 0%;width:100%;height:100%;cursor:pointer;filter:grayscale(1) sepia(.06) saturate(.5) contrast(.6) brightness(.8);background-color:var(--color-bg);position:relative;background-color:var(--color-grey-light-1);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}section#cases .grid__cell-img-inner img{position:relative;top:inherit;left:inherit;transform:none;width:100%;height:100%;object-fit:cover}section#cases .grid__cell-img-inner.loaded{opacity:1;transform:translateY(0)}.page-content section#cases .grid__cell-img-inner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:100%;transition:transform .8s ease-in-out}.page-content section#cases .grid__cell-img-inner:hover img{transform:scale(1.2)}@supports (-o-object-fit: cover) or (object-fit: cover){.page-content section#cases .grid__cell-img-inner img{position:relative;top:inherit;left:inherit;transform:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}.page-content section#skills{margin-top:350px}@media screen and (max-width: 480px){.page-content section#skills{margin-top:96px}}@media (max-width: 767px){.page-content section#skills{margin-top:200px}}.page-content section#skills .loop-element:before{content:attr(data-title);position:absolute;top:-6rem;left:18vw;font-size:4.125rem;font-family:Overglow,sans-serif;text-transform:none}@media (max-width: 991px){.page-content section#skills .loop-element:before{top:0}}@media (max-width: 1199px){.page-content section#skills .loop-element:before{font-size:3rem;top:-3rem}}.page-content section#footer{margin-top:250px}@media (max-width: 767px){.page-content section#footer{margin-top:200px}}@media screen and (max-width: 480px){.page-content section#footer{margin-top:150px}}.page-content section#footer .main-wrapper{align-items:flex-end;justify-content:space-between}@media (max-width: 1199px){.page-content section#footer .main-wrapper{justify-content:center}}.page-content section#footer .main-wrapper .text{display:flex;flex-wrap:wrap}@media (max-width: 1199px){.page-content section#footer .main-wrapper .text{flex:0 0 100%;max-width:100%}}@media (max-width: 767px){[class|=page-content] section#footer [class*=main-wrapper] [class|=text]+[class*=content]{padding-top:2rem}}@media screen and (min-width: 1200px) and (max-height: 950px){.page-content section#footer .main-wrapper .text .h1--uppercase{font-size:18vw}}@media screen and (min-width: 1200px) and (max-height: 950px){.page-content section#footer .main-wrapper .text .h1--uppercase .split .line{padding-top:3vh}}.page-content section#footer .h1--uppercase{font-family:Cultrue;font-size:18vw;font-weight:700;line-height:.75;overflow:hidden}@media screen and (max-width: 414px){.page-content section#footer .h1--uppercase{font-size:40vw}}@media (max-width: 991px){.page-content section#footer .h1--uppercase{font-size:12.9375rem}}.page-content section#footer .main-wrapper .text .skills{max-width:45vw;min-width:900px;margin-top:-.5vw}@media screen and (min-width: 1440px) and (max-width: 1899px){.page-content section#footer .main-wrapper .text .skills{margin-top:.5vw}}@media screen and (min-width: 1280px) and (max-width: 1439px){.page-content section#footer .main-wrapper .text .skills{min-width:822px;margin-top:-1.5vw}}@media screen and (max-width: 1279px){.page-content section#footer .main-wrapper .text .skills{width:100%;min-width:auto;max-width:100%;margin-left:-.25vw;margin-right:-.25vw}}@media screen and (max-width: 480px){.page-content section#footer .main-wrapper .text .skills{margin-left:-.15rem;margin-right:-.15rem}}.page-content section#footer .main-wrapper .text .skills p{width:100%}@media screen and (max-width: 1279px){.page-content section#footer .main-wrapper .text .skills p{margin-left:.25vw!important}}@media screen and (max-width: 480px){.page-content section#footer .main-wrapper .text .skills p{margin:.5rem .5rem .75rem!important}}.page-content section#footer .main-wrapper .text .skills p>span:first-child{justify-content:flex-start}p>span:first-child{display:flex}.page-content section#footer .main-wrapper .text .skills span:nth-of-type(1){margin-top:1vw}.page-content section#footer .main-wrapper .text .skills span{margin:.35vw .25vw}@media screen and (max-width: 480px){.page-content section#footer .main-wrapper .text .skills span{margin:.25rem .15rem}}@media screen and (min-width: 1280px){.page-content section#footer .main-wrapper .text .skills span:nth-of-type(1),.page-content section#footer .main-wrapper .text .skills span:nth-of-type(5){margin-left:-6vw}}@media screen and (min-width: 1280px){.page-content section#footer .main-wrapper .text .skills span:nth-of-type(3){margin-left:-2vw}}@media screen and (min-width: 1280px){.page-content section#footer .main-wrapper .text .skills span:nth-of-type(7){margin-left:2vw}}.page-content section#footer .main-wrapper .content{display:flex;flex-wrap:wrap;justify-content:flex-start}@media screen and (min-width: 1280px){.page-content section#footer .main-wrapper .content{position:absolute;bottom:.5vw;left:40vw;right:28px}}@media screen and (max-width: 1279px){.page-content section#footer .main-wrapper .content{margin-top:100px;padding-bottom:20px;flex:0 0 100%;max-width:100%}}.page-content section#footer .main-wrapper .content .copy{border-top:1px solid var(--color-fb);display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;padding-top:1.2vw;margin-bottom:1.4vw}@media screen and (max-width: 576px){.page-content section#footer .main-wrapper .content .copy{padding-top:1rem}}.page-content section#footer .main-wrapper .content .copy ul{display:flex}@media screen and (max-width: 480px){.page-content section#footer .main-wrapper .content .copy ul{width:100%;flex:0 0 100%;max-width:100%;align-items:center}}.page-content section#footer .main-wrapper .content .top{display:flex;align-items:center;width:100%;padding-bottom:1.5vw}.h2--uppercase p>span:first-child{display:flex;justify-content:flex-end}.page-content section#footer .main-wrapper .content p{margin-right:1vw;margin-bottom:0}section#footer-bg{transition:opacity .5s ease,visibility .5s ease}.page-content section#footer-bg{position:fixed;left:0;bottom:0;right:0;height:100vh;z-index:-2;opacity:0;visibility:hidden}.page-content section#footer-bg .plane{position:absolute;height:100%;width:100%}.page-content section#footer-bg .plane img{position:absolute;height:auto;width:110%;top:0%;left:50%;transform:translate(-50%)}@media (max-width: 991px){.page-content section#footer-bg .plane img{width:auto;height:130%}}.page-content section#footer-bg .plane:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#1c1c1c99,#1c1c1c);z-index:1;pointer-events:none;will-change:background-image;transition:background-image .3s ease}[data-theme=light] .page-content section#footer-bg .plane:before{background:linear-gradient(to bottom,#e6e6ddcc,#e6e6dd)}.lazyloaded{opacity:1;transition:opacity .3s ease-in-out}.btn--mode[data-theme=dark]{background-color:transparent;border:1px solid var(--color-fb)}.btn--mode[data-theme=light]{background-color:transparent;border:1px solid var(--color-fb);transition:background-color .25s cubic-bezier(.26,2,.46,.71)}.btn--mode{position:relative;min-width:228px;padding:0;cursor:pointer;height:70px;line-height:70px;border-radius:35px}@media (max-width: 767px){.btn--mode{min-width:180px;height:50px;line-height:50px;border-radius:25px}}@media screen and (max-width: 660px){.btn--mode{transform:scale(.9);margin-top:.2rem}}.btn{text-align:center;display:inline-flex;overflow:hidden;outline:none;text-decoration:none}.btn--mode[data-theme=dark] .toggle-button{transform:translate(165px,7px)}.btn--mode[data-theme=light] .toggle-button{transform:translate(8px,7px)}.btn--mode .toggle-button{height:55px;width:55px;border-radius:50%;position:relative;transition:transform 1s ease;z-index:2}.btn--mode[data-theme=dark] .toggle-button svg.dark{transform:scale(0) translate(-10px,-10px);transition-delay:1s}.btn--mode[data-theme=light] .toggle-button svg.light{transform:scale(0) translate(8px,-11px)}.btn--mode[data-theme=light] .toggle-button svg.dark{fill:var(--color-fb);transform:scale(1) translate(0)}.btn--mode .toggle-button svg{position:absolute;top:15px;left:15px;transition:transform 1s cubic-bezier(.26,2,.46,.71)}svg{overflow:hidden;vertical-align:middle}.btn--mode[data-theme=dark] .toggle-button svg.light{fill:var(--color-fb);transform:scale(1) translate(-1px,-1px)}.btn--mode .toggle-button svg{position:absolute;top:6px;left:6px;transition:transform 1s cubic-bezier(.26,2,.46,.71)}@media (max-width: 767px){.btn--mode .toggle-button svg.light{height:35px;width:35px;top:0;left:-28px}.btn--mode .toggle-button svg.dark{height:35px;width:35px;left:3px;top:0}}.btn--mode .toggle-text{position:absolute;left:0;top:-3px;right:0;z-index:1}.btn--mode .toggle-text span.light{transform:translate(-24px,5%);transition-delay:.75s;color:var(--color-fb)}.btn--mode[data-theme=light] .toggle-text span.dark{transform:translate(22px,-100%);transition-delay:1s;color:var(--color-fb)}.btn--mode .toggle-text span{text-transform:uppercase;font-size:2.375rem;font-weight:500;display:inline-block;padding:0 17px;transition:transform 1.25s cubic-bezier(.075,.82,.165,1)}@media (max-width: 767px){.btn--mode .toggle-text span{font-size:1.875rem}}.btn--mode[data-theme=dark] .toggle-text span.dark{transform:translate(22px,100%)}.btn--mode[data-theme=light] .toggle-text span.light{transform:translate(-24px,100%)}.loop-element{height:135px;position:relative;margin-left:0;margin-right:0;overflow:visible;display:flex;align-items:center}.loop-element .marquee{position:absolute;top:0;left:0;width:100vw;overflow:hidden;pointer-events:none;height:155px;display:flex;align-items:center;z-index:1}.loop-element .marquee--inner{-webkit-animation:marquee_1_1 35s linear infinite;animation:marquee_1_1 35s linear infinite;display:flex;align-items:center;width:max-content;position:relative;text-transform:uppercase}.loop-element .marquee .marquee--inner span{display:flex;align-items:center;white-space:nowrap;position:relative;padding:0;margin:0}.loop-element .marquee--inner svg{margin:0 15px 25px;height:10rem;width:auto;vertical-align:middle;fill:var(--color-fb)}@media (max-width: 991px){.loop-element .marquee--inner svg{height:8rem}}.heading--md{font-family:Cultrue;color:var(--color-fb);font-size:16rem;line-height:1;margin:0;padding:0}@media (max-width: 991px){.heading--md{font-size:12rem}}@keyframes marquee_1_1{0%{transform:scale(1)}to{transform:matrix(1,0,0,1,-2609.619140625,0)}}.linkedin{position:absolute;bottom:-30px;z-index:4}.linkedin-icon{display:inline-flex;justify-content:center;align-items:center;width:90px;height:90px;border-radius:50%;background-color:var(--color-fb);text-decoration:none;color:var(--color-bg)}@media (max-width: 991px){.linkedin-icon{width:80px;height:80px}}.linkedin svg{fill:var(--color-bg)}.item-shape{position:absolute;top:-6%;left:22%;display:flex;justify-content:center;align-items:center;z-index:2}.rotator-shape{position:relative;width:160px;height:160px;display:flex;justify-content:center;align-items:center;z-index:3}.shape{position:absolute;border-radius:50%;background-color:red;width:80px;height:80px}.btn--md--extra{height:50px;line-height:32px;color:var(--color-fb);background-color:transparent;position:relative;display:inline-block;font-size:3.6666rem;text-transform:uppercase;border-radius:24px;padding:1rem 1.3333rem;border:1px solid var(--color-fb)}@media screen and (max-width: 414px){.page-content section#footer .main-wrapper .text .skills span.btn--md--extra{font-size:5.75vw}}@media screen and (min-width: 1930px) and (max-width: 2559px){.btn--md--extra{height:2.385vw}}@media screen and (min-width: 2560px) and (max-width: 3840px){.btn--md--extra{height:2.385vw}}@media (max-width: 1199px){.btn--md--extra{height:42px;line-height:42px;padding:0 20px}}@media (max-width: 991px){.btn--md--extra{height:40px;line-height:40px;padding:0 20px}}@media screen and (max-width: 480px){.btn--md--extra{height:34px;line-height:34px;padding:0 15px;font-size:2rem}}.btn--light{height:48px;line-height:48px;color:var(--color-bg);background-color:var(--color-fb);position:relative;display:inline-block;font-size:2.125rem;text-transform:uppercase;border-radius:24px;padding:0 1rem;border:1px solid var(--color-fb);cursor:pointer}@media screen and (min-width: 1930px) and (max-width: 2559px){.btn--light{height:2.385vw;border-radius:1.1925vw;font-size:1.75vw;padding:0 .83vw}}@media screen and (min-width: 2560px) and (max-width: 3840px){.btn--light{height:2.385vw;border-radius:1.1925vw;font-size:1.75vw;padding:0 .83vw}}@media (max-width: 1199px){.btn--light{font-size:1.875rem;padding:0 .75rem}}@media (max-width: 991px){.btn--light{font-size:1.75rem;padding:0 .7rem}}@media screen and (max-width: 480px){.btn--light{font-size:1.5rem;padding:0 .5rem}}.page-content section#cases .content{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;padding:0 15vh;align-items:center;background:linear-gradient(to bottom,#1c1c1ccc,#1c1c1c),url(/assets/Maurits-Cornelis-Escher-Vincolo-dunione-aprile-1956-litografia-253x339-mm-B5BJhXQl.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;z-index:9999}[data-theme=light] .page-content section#cases .content{background:linear-gradient(to bottom,#e6e6ddcc,#e6e6dd),url(/assets/Maurits-Cornelis-Escher-Vincolo-dunione-aprile-1956-litografia-253x339-mm-B5BJhXQl.jpg)}@media screen and (max-width: 1700px){.page-content section#cases .content{padding:0 28px}}.page-content section#cases .content--open{display:flex;opacity:1;pointer-events:auto}.content__item{display:none;opacity:0;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;width:100%;height:100%;padding:20px;box-sizing:border-box;transition:opacity .3s ease}@media screen and (max-width: 600px){.content__item{flex-direction:column;padding:0}}.content__item .text{flex:1;display:flex;flex-direction:column;position:relative}@media (max-width: 767px){.page-content section#cases .text{align-items:flex-start;top:75px}}.content__item .img{flex:1.5}.content__item .img img{width:100%;height:auto}.page-content section#cases .content__item--current{display:flex;position:relative;z-index:10000;opacity:1;width:100%;height:100vh}.page-content section#cases .content__item-number{font-weight:600;display:block}.page-content section#cases .content__item-heading{font-family:Cultrue;color:currentColor;text-transform:uppercase;position:relative;display:inline-block;font-size:8vw;line-height:.8}@media (max-width: 767px){.page-content section#cases .content__item-heading{font-size:23vw}}.page-content section#cases .content__item-text{max-width:50ch;margin-bottom:2rem;line-height:1.33}@media screen and (max-width: 1700px){.page-content section#cases .content__item-text{max-width:30ch}}.page-content section#cases .content__item-link{cursor:pointer}.page-content section#cases .back{background:none;border:0;padding:0;margin:auto 0 1.5rem;z-index:11000;top:-101px;width:74px;height:60px;position:absolute;opacity:1;pointer-events:auto;cursor:pointer}@media (max-width: 767px){.page-content section#cases .back{top:-65px}}.page-content section#cases .back svg{stroke-linecap:round;fill:var(--color-fb)}@media (max-width: 767px){.page-content section#cases .back svg{transform:scale(.5) translate(-35px)}}.page-content section#cases .back:hover,.page-content section#cases .back:focus{outline:none;opacity:.8}.page-content section#cases .content--open .back{opacity:1;pointer-events:auto}.page-content section#cases .footer{position:fixed;left:28px;right:28px;bottom:0;display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px 0;align-items:baseline}@media screen and (max-width: 600px){.page-content section#cases .footer{padding:17px 0 20px}}.page-content section#cases .footer [class*=line]{position:absolute;top:0;left:0;width:100%;background-color:var(--color-fb);height:1px}.page-content section#cases .footer [class*=info]{display:flex}@media screen and (max-width: 600px){.page-content section#cases .footer [class*=info]{flex:0 0 100%}}.page-content section#cases .footer [class*=info] p{font-size:1.6rem;max-width:inherit;margin-bottom:0rem}@media screen and (max-width: 600px){.page-content section#cases .footer [class*=info] p{margin-top:7px;margin-bottom:7px}}.page-content section#cases .footer [class*=info] p:nth-of-type(2){color:var(--color-fb);margin-left:1rem}.page-content section#cases .footer [class*=cta] button,.page-content section#cases .footer [class*=cta] a{font-size:1.8rem;line-height:1.3333;color:var(--color-fb);font-family:Neue Montreal,sans-serif;text-decoration:none;transition:.4s ease}.page-content section#cases .footer [class*=cta] button,.page-content section#cases .footer [class*=cta] a:first-child{padding-right:1.8rem}.page-content section#cases .footer [class*=cta] button:hover,.page-content section#cases .footer [class*=cta] a:hover{opacity:.7;transition:.4s ease}.page-content section#cases .footer [class*=cta] button svg,.page-content section#cases .footer [class*=cta] a svg{transform:translate(0) scale(.85);margin-left:.25rem;fill:var(--color-fb)}
