@layer legacy{:root{--framework-gutter: 30px;--framework-gutter-half: calc(var(--framework-gutter) / 2)}*,*:before,*:after{box-sizing:border-box}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--framework-gutter-half);padding-left:var(--framework-gutter-half)}.row{display:flex;flex-wrap:wrap;margin-right:calc(var(--framework-gutter-half) * -1);margin-left:calc(var(--framework-gutter-half) * -1)}.col,[class*=col-]{position:relative;width:100%;padding-right:var(--framework-gutter-half);padding-left:var(--framework-gutter-half)}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-3{flex:0 0 25%;max-width:25%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.d-flex{display:flex!important}.d-block{display:block!important}.d-none{display:none!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-fill{flex:1 1 auto!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.mx-auto{margin-left:auto!important}.mx-auto{margin-right:auto!important}.w-100{width:100%!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive:before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;inset:0;width:100%;height:100%;border:0}.embed-responsive-16by9:before{padding-top:56.25%}.embed-responsive-1by1:before{padding-top:100%}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner:after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-left),.active.carousel-item-right{transform:translate(100%)}.carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left{transform:translate(-100%)}.carousel-fade .carousel-item{opacity:0;transform:none;transition-property:opacity}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;text-align:center;opacity:.5}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}@media(prefers-reduced-motion:reduce){.carousel-item,.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}@media(min-width:576px){.container{max-width:540px}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.p-sm-0{padding:0!important}}@media(min-width:768px){.container{max-width:720px}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.justify-content-md-center{justify-content:center!important}}@media(min-width:992px){.container{max-width:960px}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-12{flex:0 0 100%;max-width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.order-lg-last{order:13}.text-lg-right{text-align:right!important}}@media(min-width:1200px){.container{max-width:1440px}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.d-xl-block{display:block!important}.d-xl-none{display:none!important}}}@layer legacy{html,body{min-height:100%}@font-face{font-family:Rounded-Elegance;font-display:block;src:url(/assets/fonts/rounded-elegance.eot);src:url(/assets/fonts/rounded-elegance.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/rounded-elegance.woff2) format("woff2"),url(/assets/fonts/rounded-elegance.woff) format("woff"),url(/assets/fonts/rounded-elegance.svg#Rounded\ Elegance) format("svg");font-weight:400;font-style:normal;font-stretch:normal;unicode-range:U+0020-00FE}@font-face{font-family:Nunito;font-style:normal;font-weight:300;font-display:block;src:url(/assets/fonts/nunito/nunito-normal-300.eot);src:local("Nunito Light"),local("Nunito-Light"),url(/assets/fonts/nunito/nunito-normal-300.woff2) format("woff2"),url(/assets/fonts/nunito/nunito-normal-300.woff) format("woff"),url(/assets/fonts/nunito/nunito-normal-300.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:block;src:url(/assets/fonts/nunito/nunito-normal-400.eot);src:local("Nunito Regular"),local("Nunito-Regular"),url(/assets/fonts/nunito/nunito-normal-400.woff2) format("woff2"),url(/assets/fonts/nunito/nunito-normal-400.woff) format("woff"),url(/assets/fonts/nunito/nunito-normal-400.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:block;src:url(/assets/fonts/nunito/nunito-normal-600.eot);src:local("Nunito SemiBold"),local("Nunito-SemiBold"),url(/assets/fonts/nunito/nunito-normal-600.woff2) format("woff2"),url(/assets/fonts/nunito/nunito-normal-600.woff) format("woff"),url(/assets/fonts/nunito/nunito-normal-600.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:block;src:url(/assets/fonts/nunito/nunito-normal-700.eot);src:local("Nunito Bold"),local("Nunito-Bold"),url(/assets/fonts/nunito/nunito-normal-700.woff2) format("woff2"),url(/assets/fonts/nunito/nunito-normal-700.woff) format("woff"),url(/assets/fonts/nunito/nunito-normal-700.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:block;src:url(/assets/fonts/nunito/nunito-normal-800.eot);src:local("Nunito ExtraBold"),local("Nunito-ExtraBold"),url(/assets/fonts/nunito/nunito-normal-800.woff2) format("woff2"),url(/assets/fonts/nunito/nunito-normal-800.woff) format("woff"),url(/assets/fonts/nunito/nunito-normal-800.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:block;src:url(/assets/fonts/nunito/nunito-normal-900.eot);src:local("Nunito Black"),local("Nunito-Black"),url(/assets/fonts/nunito/nunito-normal-900.woff2) format("woff2"),url(/assets/fonts/nunito/nunito-normal-900.woff) format("woff"),url(/assets/fonts/nunito/nunito-normal-900.ttf) format("truetype")}body *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}html body{padding-top:66px;font-family:Nunito,sans-serif}body video{-webkit-mask-image:-webkit-radial-gradient(white,black);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.home #video-wrapper video,.wrapper-waves{pointer-events:none}body h1,body h2,body h3,body h4,body h5,body h6,body #wrapper-navbar .site-nav{font-family:Rounded-Elegance,sans-serif}body h1,body h2,body h3,body h4,body h5,body h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}body p{margin-top:0;margin-bottom:1rem}body svg{overflow:hidden;vertical-align:middle;fill-rule:evenodd;clip-rule:evenodd}a{color:#e30613;text-decoration:none;background-color:transparent}a:hover{color:#98040d;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}body .bg-dark{color:#fff;background-color:#000!important;box-shadow:0 0 0 2px #000}.layout-shell{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}.section-frame{display:flex;justify-content:center}.section-frame__content{width:100%}.section-frame__content--center,.title-hero__content{text-align:center}.project-card-link{display:block}.project-card__image-media{display:block;width:100%;height:auto}.project-media-link__image,.project-detail__image{width:100%;height:auto}.project-detail__image{display:block}.site-footer__accent{color:#e30613}img,video{max-width:100%;vertical-align:middle}@media(max-width:991.98px){body .container,.layout-shell{max-width:98%!important}}@media(min-width:1920px){body .container-fluid{width:1920px}}@media(min-width:576px){.layout-shell{max-width:540px}}@media(min-width:768px){.layout-shell{max-width:720px}}@media(min-width:992px){.layout-shell{max-width:960px}.section-frame__content--narrow{max-width:480px}}@media(min-width:1200px){.layout-shell{max-width:1440px}.section-frame__content--narrow{max-width:720px}}.site-header{position:fixed;top:0;right:0;left:0;z-index:1030}.skip-link{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}#wrapper-navbar .site-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0;background-color:#fff;box-shadow:0 3px 24px #00000017}#wrapper-navbar .site-nav__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}#wrapper-navbar .site-nav__list{display:flex;flex-direction:column;padding:15px 0 35px;margin:0;list-style:none}#wrapper-navbar .site-nav__item{margin:15px 0}#wrapper-navbar .site-nav,#wrapper-navbar .site-nav__bar{min-height:66px}#wrapper-navbar .site-nav__bar{position:relative;display:flex;width:auto;align-items:center;justify-content:space-between}#wrapper-navbar .site-nav__brand{display:block}#wrapper-navbar .site-nav__menu{flex-basis:100%;flex-grow:1;text-align:center}#wrapper-navbar .site-nav__menu:not(.is-open){display:none}#wrapper-navbar .site-nav__logo{width:160px;height:38px;margin:14px 0}#wrapper-navbar .site-nav__link{display:block;padding-top:.5rem;padding-right:0;padding-bottom:.5rem;padding-left:0;margin-left:0;color:#000;font-size:14pt;font-weight:600;text-transform:uppercase}#wrapper-navbar .site-nav__link:hover,#wrapper-navbar .site-nav__link:active,#wrapper-navbar .site-nav__link:focus{color:#e30613;text-decoration:none}#wrapper-navbar .current-menu-item>a,#wrapper-navbar .current_page_item>a,#wrapper-navbar .current-page-ancestor>a{color:#e30613}#wrapper-navbar .site-nav.nav-reduced{min-height:50px}#wrapper-navbar .site-nav.nav-reduced .site-nav__inner,#wrapper-navbar .site-nav.nav-reduced .site-nav__bar{min-height:40px}#wrapper-navbar .site-nav.nav-reduced .site-nav__logo{height:40px}#wrapper-navbar .site-nav__toggle{position:absolute;top:0;right:12px;height:66px;padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}#wrapper-navbar .site-nav__toggle:not(.is-collapsed) span{position:absolute;right:12px;left:auto}#wrapper-navbar .site-nav__toggle:focus,#wrapper-navbar .site-nav__toggle:active{outline:0}#wrapper-navbar .site-nav__toggle span{position:relative;left:0;display:block;width:26px;height:2px;margin-top:4px;margin-bottom:6px;opacity:1;background:#000;border-radius:2px;transform:rotate(0);transition:all .35s ease-in-out}#wrapper-navbar .site-nav__toggle:not(.is-collapsed) span{top:26px}#wrapper-navbar .site-nav__toggle:not(.is-collapsed) span:nth-child(1){transform:rotate(135deg)}#wrapper-navbar .site-nav__toggle:not(.is-collapsed) span:nth-child(2){opacity:0}#wrapper-navbar .site-nav__toggle:not(.is-collapsed) span:nth-child(3){transform:rotate(-135deg)}@media(max-width:767.98px){#wrapper-navbar .site-nav__inner{position:relative;padding-right:0;padding-left:0}#wrapper-navbar .site-nav__bar{position:static;width:auto}}.wrapper-waves{position:relative;overflow:hidden;height:130px}.svg-wave{position:absolute;top:0;display:block;width:2912px;height:130px}.svg-wave-black{fill:#000;left:0}.svg-wave-red{fill:#e30613;right:0}.wrapper-drop{position:relative}#svg-drop{width:100%}.wrapper-drop-drop{overflow-x:hidden}.wrapper-drop-circle{position:absolute;z-index:-1;bottom:-170px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);height:250px}.drop-circle{margin:0 auto;height:80px;width:80px;background-color:#e30613;border-radius:50%;display:inline-block;position:-webkit-sticky;position:sticky;top:300px}body:not(.single-eg_portfolio) #title-wrapper,body:not(.single-eg_portfolio) #title-wrapper main{max-height:468px}.wrapper{padding:0}#portfolio,#single-portfolio{padding-top:65px;padding-bottom:50px}#about-me{padding-top:110px;padding-bottom:32px}.home #portfolio{padding-top:65px;padding-bottom:25px}.home #projects-wrapper{padding-top:65px;padding-bottom:65px}.home #portfolio.portfolio-no-title #projects-wrapper{padding-top:32px;padding-bottom:65px}.home #about-me{padding-top:65px;padding-bottom:0}.home #about-me .entry-center{padding-top:25px}.home #about-me .entry-center p{margin-bottom:0}.home #about-me-wrapper{padding-bottom:65px}.home #about-me .call-to-action{padding-top:65px}.home #skills{padding-top:65px;padding-bottom:90px}#projects-wrapper{padding-top:32px;padding-bottom:80px}#projects-wrapper .project{display:flex;position:relative}#projects-wrapper .project .project-info{position:absolute;z-index:4;display:none;pointer-events:none}#projects-wrapper .project .project-info h2{text-transform:none}#projects-wrapper a:hover .project .project-info h2{color:#fff}#projects-wrapper .project .project-info h3{color:#e30613}#projects-wrapper .project .image{position:relative;flex:0 0 var(--project-card-width-share, auto);width:var(--project-card-width-share, auto);min-width:var(--project-card-width-share, auto);max-width:var(--project-card-width-share, none);margin:4px;overflow:hidden}#projects-wrapper .project .image .overlay,#projects-wrapper .project .image .overlay-primary{position:absolute;top:0;left:0;bottom:0;z-index:1;width:100%}#projects-wrapper .project .image .overlay{bottom:-1px}#projects-wrapper .project .image .overlay-primary{z-index:2}#projects-wrapper .project .image:hover .overlay-primary{background-color:#e30613;opacity:.2}#projects-wrapper .project-circle{position:absolute;top:50%;left:50%;z-index:3;display:none;width:40px;height:40px;border:3px solid #e30613;border-radius:50%;transform:translate(-50%,-50%)}#projects-wrapper a:hover .project .image .project-circle{width:25px;height:25px}#projects-wrapper .project-left .image:not(:first-of-type),#projects-wrapper .project-right .image:not(:last-of-type){display:none}@media(max-width:575.98px){#projects-wrapper .project .image{flex:0 0 calc(100% - 8px);width:calc(100% - 8px);min-width:calc(100% - 8px);max-width:calc(100% - 8px)}}#projects-wrapper .project-left .image:first-of-type .project-circle,#projects-wrapper .project-right .image:last-of-type .project-circle{display:block}#projects-wrapper .project-left .project-info{bottom:20px;left:35px;display:block;text-align:left}#projects-wrapper .project-right .project-info{right:35px;bottom:20px;display:block;text-align:right}.home #skills .row-skills{padding-top:95px;padding-bottom:95px}.home #skills .row-skills div:not(:last-child){padding-bottom:65px}#about-me-wrapper,#contact-me-wrapper{padding-top:95px;padding-bottom:95px}#post-wrapper{padding-top:65px;padding-bottom:65px}#footer{padding-top:32px;padding-bottom:32px}#portfolio h2,#portfolio h3,#skills h2,#about-me h2,#skills h3,#post h2,#post h3{margin-bottom:0;color:#fff;font-size:14pt;font-weight:600;text-transform:uppercase}#post h2,#post h3{margin-bottom:.5rem}#post h3{font-size:12pt}#video-wrapper video{z-index:-1}#video-wrapper,#video-wrapper main{padding:0}#single-portfolio-wrapper{margin-bottom:2px}#single-portfolio p{text-align:center}#portfolio a:hover,#portfolio a:active,#portfolio a:focus,#portfolio a:hover h2,#portfolio a:active h2,#portfolio a:focus h2{color:#e30613;text-decoration:none}.row-entries.animatedParent{overflow-x:hidden}#about-me h2,#contact-me-page h2{color:#e30613}#about-me p,#contact-me-page p{font-size:12pt;font-weight:600;line-height:25px}#about-me .row-entries{min-height:360px}#about-me .entry-left:before{left:0}#about-me .entry-right:before{right:0}#about-me .entry-right p{margin-right:17px;text-align:right}#contact-me-page .entry p,#about-me .entry-center p{text-align:center}#about-me a:hover,#about-me a:active,#about-me a:focus,#about-me a:hover h2,#about-me a:active h2,#about-me a:focus h2{color:#ae0610;text-decoration:none}#about-me a:hover .arrow:before,#about-me a:active .arrow:before,#about-me a:focus .arrow:before{border-right-color:#ae0610;border-bottom-color:#ae0610}#skills .row-skills img{height:120px;margin-bottom:26px}#skills a:hover,#skills a:active,#skills a:focus,#skills a:hover h2,#skills a:active h2,#skills a:focus h2{color:#ae0610;text-decoration:none}#title-wrapper img.page-title{margin-top:130px;margin-bottom:100px}#footer-wrapper{box-shadow:0 0 58px #fff3;color:#fff;font-size:12pt;font-weight:600;text-align:center}#footer-wrapper p{margin:0}#footer-wrapper .site-links{display:flex;justify-content:center;align-items:center;gap:5px;line-height:0;margin-top:0;margin-bottom:20px;padding:0}#footer-wrapper .site-links li{display:block}#footer-wrapper .site-links img{display:block;width:40px;height:40px}#footer-wrapper .site-policy a{color:#fff3;font-size:8pt;font-weight:600;text-decoration:underline}.wrapper-project-content.wrapper-1{position:relative;z-index:1;box-shadow:0 0 100px #ffffff4d}.wrapper-project-content.wrapper-1:after{position:absolute;inset:0;z-index:-1;content:" ";background:linear-gradient(180deg,#000,#fff);box-shadow:inset 0 0 300px #ffffff4d}.wrapper-project-content.wrapper-1 .container-fluid{background:transparent}.wrapper-project-content.wrapper-blocco_1_video .embed-responsive{box-shadow:0 0 98px #0003}.wrapper-project-content .flex-item img{width:100%}.wrapper-project-content .container-fluid{margin-bottom:20px;padding-right:0;padding-left:0;background:#fff}.wrapper-project-content .container-fluid .row:nth-child(2n),.wrapper-project-content .container-fluid .flex-row:nth-child(2n),.wrapper-project-content .container-fluid .flex-column .flex-item:nth-child(2n){margin-top:4px}.wrapper-project-content .container-fluid .col:first-child:nth-last-child(n+2),.wrapper-project-content .container-fluid .col:first-child:nth-last-child(n+2)~.col:nth-child(odd),.wrapper-project-content .container-fluid [class*=col-]:first-child:nth-last-child(n+2),.wrapper-project-content .container-fluid [class*=col-]:first-child:nth-last-child(n+2)~[class*=col-]:nth-child(odd){margin-right:2px}.wrapper-project-content .container-fluid .col:nth-child(2n),.wrapper-project-content .container-fluid [class*=col-]:nth-child(2n){margin-left:2px}.wrapper-project-content .container-fluid .flex-column:first-child:nth-last-child(n+2),.wrapper-project-content .container-fluid .flex-column:first-child:nth-last-child(n+2)~.flex-column:not(:last-child){padding-right:4px}.wrapper-project-content .tri-row img{width:calc(100% / 3 - 3px)}.wrapper-project-content .container-fluid .row{margin-right:0;margin-left:0}.wrapper-project-content .container-fluid .col{padding-right:0;padding-left:0}.wrapper-project-text,.wrapper-project-img{display:none}.wrapper-project-detail{position:relative;z-index:1;padding:5px;color:var(--project-text-color, #fff);background-color:var(--project-text-background-color, #000)}.wrapper-project-detail h2{margin:0;font-size:7pt;color:var(--project-title-color, inherit)}.wrapper-project-detail .wrapper-project-img{margin-top:20px}.wrapper-project-detail .wrapper-project-img:before{position:absolute;top:20%;right:20px;z-index:-1;width:60%;height:85%;content:" ";outline:1px solid var(--project-text-outline-color, #d99c17)}.wrapper-blocco_1_altro .wrapper-project-detail .wrapper-project-img{margin-top:40%;text-align:center!important}.wrapper-blocco_1_altro .wrapper-project-detail .wrapper-project-img:before{display:none}.wrapper-project-text{position:absolute;top:45%;left:30px;width:60%;height:60%;padding:10px;font-size:10pt;outline:1px solid var(--project-text-outline-color, #d99c17)}.wrapper-project-detail.text-right .wrapper-project-text{right:30px;left:auto}.carousel-control-next,.carousel-control-prev{opacity:.8}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{opacity:1}.carousel-control-next-icon{background-image:url(/assets/images/arrow.png);transform:rotate(180deg)}.carousel-control-prev-icon{background-image:url(/assets/images/arrow.png)}.carousel-control-next-icon,.carousel-control-prev-icon{width:40px;height:40px}.arrow{position:relative;display:inline-block}.arrow:before{position:absolute;bottom:0;display:inline-block;width:15px;height:15px;content:"";border-top:3px solid transparent;border-right:3px solid #f00;border-bottom:3px solid #f00;border-left:3px solid transparent}.arrow-up:before{bottom:5px;transform:rotate(-135deg)}.arrow-right:before{right:10px;transform:rotate(-45deg)}.arrow-down:before{bottom:-5px;transform:rotate(45deg)}.arrow-left:before{left:10px;transform:rotate(135deg)}.site-lightbox[hidden]{display:none}.site-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000eb}.site-lightbox__image{max-width:min(92vw,1800px);max-height:90vh;box-shadow:0 0 16px #000000b3}.site-lightbox__close{position:fixed;top:0;right:0;border:0;background:transparent;color:#fff;cursor:pointer;font-size:48px;line-height:1;padding:12px 20px}body.site-lightbox-open{overflow:hidden}@media(max-width:320px){#video-wrapper,#video-wrapper main{max-height:228px}}@media(min-width:321px)and (max-width:375px){#video-wrapper,#video-wrapper main{max-height:298px}}@media(min-width:376px)and (max-width:414px){#video-wrapper,#video-wrapper main{max-height:328px}}@media(max-width:767.98px){.projects #title-wrapper img.page-title{height:206px!important}.contact-me #title-wrapper img.page-title{height:90px!important}.single-eg_portfolio #title-wrapper img.page-title{max-width:80%;max-height:206px}}@media(min-width:576px){.home #portfolio{padding-top:130px;padding-bottom:100px}.home #portfolio.portfolio-no-title{padding-top:40px}.home #projects-wrapper{padding-top:160px;padding-bottom:160px}.home #portfolio.portfolio-no-title #projects-wrapper{padding-top:130px}.home #about-me-wrapper{padding-bottom:160px}.home #about-me .call-to-action{padding-top:160px}.home #about-me,.home #about-me .entry-center{padding-top:130px}.home #skills{padding-top:130px;padding-bottom:160px}.home #skills .row-skills{padding-top:160px;padding-bottom:160px}#portfolio,#single-portfolio{padding-top:40px;padding-bottom:40px}#projects-wrapper{padding-top:130px;padding-bottom:160px}#post-wrapper{padding-top:160px;padding-bottom:160px}#footer{padding-top:65px;padding-bottom:65px}#video-wrapper,#video-wrapper main{max-height:468px}#projects-wrapper .project-left .image:not(:first-of-type),#projects-wrapper .project-right .image:not(:last-of-type){display:block}.wrapper-project-content .container-fluid{margin-bottom:30px}.wrapper-project-detail h2{font-size:15pt;overflow-wrap:initial}}@media(min-width:768px){html body{padding-top:90px}#wrapper-navbar .site-nav{min-height:90px;flex-flow:row nowrap;justify-content:flex-start}#wrapper-navbar .site-nav__logo{width:190px;height:64px;margin:0}#wrapper-navbar .site-nav__link{padding-right:.5rem;padding-left:.5rem;margin-left:25px;font-size:11pt}#wrapper-navbar .site-nav__inner{flex-wrap:nowrap;min-height:66px;margin-top:0}#wrapper-navbar .site-nav__bar{display:block;flex:0 0 auto;width:auto}#wrapper-navbar .site-nav__menu{display:flex!important;flex-basis:auto;align-items:center;justify-content:flex-end}#wrapper-navbar .site-nav__list{flex-direction:row;align-items:center;padding:0;margin-left:auto}#wrapper-navbar .site-nav__item{margin:0}#wrapper-navbar .site-nav__toggle{display:none}.wrapper-project-content .container-fluid{margin-bottom:40px}.wrapper-project-detail{padding:10px 20px}.wrapper-project-detail h2{font-size:20pt}.wrapper-project-content .container-fluid .row:nth-child(2n),.wrapper-project-content .container-fluid .flex-row:nth-child(2n),.wrapper-project-content .container-fluid .flex-column .flex-item:nth-child(2n){margin-top:8px}.wrapper-project-content .container-fluid .col:first-child:nth-last-child(n+2),.wrapper-project-content .container-fluid .col:first-child:nth-last-child(n+2)~.col:nth-child(odd),.wrapper-project-content .container-fluid [class*=col-]:first-child:nth-last-child(n+2),.wrapper-project-content .container-fluid [class*=col-]:first-child:nth-last-child(n+2)~[class*=col-]:nth-child(odd){margin-right:4px}.wrapper-project-content .container-fluid .col:nth-child(2n),.wrapper-project-content .container-fluid [class*=col-]:nth-child(2n){margin-left:4px}.wrapper-project-content .container-fluid .flex-column:first-child:nth-last-child(n+2),.wrapper-project-content .container-fluid .flex-column:first-child:nth-last-child(n+2)~.flex-column:not(:last-child){padding-right:8px}}@media(min-width:992px){#wrapper-navbar .site-nav__link{margin-left:70px}#contact-me-page .site-main{display:flex;align-items:center;min-height:508px}#contact-me-page .site-main>.row{width:100%}#about-me .entry,#contact-me-page .entry{position:relative}#about-me .entry-left p{margin-left:17px;text-align:left}#about-me .entry:before{position:absolute;width:3px;height:100%;content:"";border:3px solid #e30613;border-radius:3px}#projects-wrapper .project-circle{width:50px;height:50px}#projects-wrapper .project-left .project-info{bottom:40px;left:55px}#projects-wrapper .project-right .project-info{right:55px;bottom:40px}.wrapper-project-detail{padding:20px 30px}.wrapper-project-detail h2{font-size:30pt}}@media(min-width:1679.98px){.wrapper-project-content .container-fluid{margin-bottom:90px}.wrapper-project-text,.wrapper-project-img{display:block}.wrapper-project-detail{padding:30px}.wrapper-project-detail h2{font-size:40pt}}}@font-face{font-family:Poppins;src:url(/assets/fonts/poppins/light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/poppins/regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/poppins/medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/poppins/semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/poppins/bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--accent: #e30613;--page-width: 1448px;--page-gutter: clamp(24px, 6vw, 100px);--content-gutter: max(var(--page-gutter), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));--type-scale: 1;--nav-glass-fill: rgba(255, 255, 255, .9);--nav-glass-filter: blur(30px);font-size:calc(100% * var(--type-scale));-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light;dynamic-range-limit:standard;scroll-padding-top:110px;scroll-behavior:auto;touch-action:manipulation}@view-transition{navigation:auto}::view-transition{pointer-events:none}::view-transition-old(root){animation:xd-fade-out .3s ease-out both}::view-transition-new(root){animation:xd-fade-in .3s ease-out both}@keyframes xd-fade-out{to{opacity:0}}@keyframes xd-fade-in{0%{opacity:0}}html body{font-size:1rem;padding-top:0;font-family:Poppins,sans-serif;color:#000;font-weight:300;background:#fff}#page{background:#fff}body h1,body h2,body h3,body h4,body h5,body h6,body #wrapper-navbar .site-nav{font-family:inherit}body h1,body h2,body h3{font-weight:600;line-height:1.25;text-transform:none;color:inherit}body p{line-height:1.55}body a,body a:hover{text-decoration:none}button,input{font:inherit}a,button,[role=button]{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}:is(a[href],button,[role=button]):not(:disabled):not([aria-disabled=true]),.about-section__portrait{cursor:pointer}a[data-lity]:not([aria-disabled=true]){cursor:zoom-in}:is(a[href],button,[role=button]):is(:disabled,[aria-disabled=true]){cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}:is(#content,#selected-projects,#about-me,#contacts):focus{outline:none}img{max-width:100%;-webkit-user-select:none;user-select:none}img,.portfolio-card__link,a[data-lity],.site-nav__brand{-webkit-touch-callout:none}.page-shell{width:min(var(--page-width),calc(100% - var(--content-gutter) * 2));margin-inline:auto}.layout-shell{padding-left:max(15px,env(safe-area-inset-left,0px));padding-right:max(15px,env(safe-area-inset-right,0px))}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:max(12px,env(safe-area-inset-top,0px));left:max(12px,env(safe-area-inset-left,0px));z-index:100;padding:12px 20px;background:#fff;color:#000;transform:translateY(-160%)}.skip-link:focus{transform:none}#wrapper-navbar{position:fixed;inset:max(15px,env(safe-area-inset-top,0px)) 0 auto;z-index:20;background:none}#wrapper-navbar .site-nav{padding:0;min-height:0;background:none;box-shadow:none}#wrapper-navbar .site-nav__inner{--nav-inset: 0px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;min-height:76px;padding:0 var(--nav-inset)}#wrapper-navbar .site-nav__brand{border:0;aspect-ratio:1}#wrapper-navbar .site-nav__brand{position:relative;display:flex;flex:none;align-items:center;justify-content:center;width:76px;height:76px;margin:0;border-radius:50%;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}#wrapper-navbar .site-nav__brand:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--nav-glass-fill);-webkit-backdrop-filter:var(--nav-glass-filter);backdrop-filter:var(--nav-glass-filter);clip-path:circle(50% at 50% 50%);opacity:1;transition:opacity .3s ease-out;pointer-events:none}#wrapper-navbar .site-nav__brand:after{content:"";position:absolute;inset:0;border:1px solid #fff;border-radius:50%;box-sizing:border-box;opacity:1;transition:opacity .3s ease-out;pointer-events:none}#wrapper-navbar .site-nav__mascot{position:relative;display:block;width:49px;height:49px;transition:transform .3s ease-out}#nav-mascot-hair{fill:var(--accent)}#nav-mascot-body{fill:#000}#wrapper-navbar .site-nav__brand:is(:hover,:focus-visible) .site-nav__mascot{transform:scale(1.041)}#wrapper-navbar .site-nav__links{position:relative;border:1px solid transparent;border-radius:40px}#wrapper-navbar .site-nav__links:before{content:"";position:absolute;inset:-1px;z-index:0;border:1px solid #fff;border-radius:inherit;background:var(--nav-glass-fill);-webkit-backdrop-filter:var(--nav-glass-filter);backdrop-filter:var(--nav-glass-filter);opacity:1;transition:opacity .3s ease-out;pointer-events:none}#wrapper-navbar .site-nav__brand.is-over-white:before,#wrapper-navbar .site-nav__brand.is-over-white:after,#wrapper-navbar .site-nav__links.is-over-white:before{opacity:0}#wrapper-navbar .site-nav__menu{position:relative;z-index:1;display:block;margin:0;padding:0;touch-action:manipulation}#wrapper-navbar .site-nav__list{--nav-font-size: calc(16px * var(--type-scale));display:grid;grid-template-columns:repeat(5,max-content);align-items:center;gap:32px;list-style:none;margin:0;padding:15px 32px}#wrapper-navbar .site-nav__link{display:grid;align-items:center;min-height:44px;padding:0;margin:0;color:#000;font-size:var(--nav-font-size);font-weight:500;text-transform:none;transition:color .3s ease-out}#wrapper-navbar .site-nav__link:before{content:attr(data-label);visibility:hidden;font-weight:700}#wrapper-navbar .site-nav__link:before,#wrapper-navbar .site-nav__link span{grid-area:1 / 1}#wrapper-navbar .site-nav__link:is(:hover,:focus-visible){color:#e40613;font-weight:700}#wrapper-navbar .site-nav__toggle{display:none;color:#000}#wrapper-navbar .site-nav__languages{display:flex;align-items:center;gap:7px;font-size:var(--nav-font-size);white-space:nowrap}#wrapper-navbar .site-nav__languages a{display:inline-flex;align-items:center;min-height:44px;color:#666;font-weight:500;text-decoration:none}#wrapper-navbar .site-nav__languages a[aria-current]{color:#000;font-weight:700}#wrapper-navbar .site-nav__languages a:is(:hover,:focus-visible){color:#e40613}#wrapper-navbar .site-nav__languages>span{color:#999}.logo-intro{display:grid;place-items:center;min-height:540px;max-height:none;padding:90px 24px 0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.logo-intro video,.logo-intro__still{display:block;position:static;z-index:auto;width:min(100%,512px);height:auto;max-height:none;object-fit:contain;pointer-events:none}.logo-intro__still{display:none}.wrapper-waves{--wave-inset: 0%;display:block;position:relative;inset:auto;z-index:0;width:100%;height:130px;margin:0 0 -1px;overflow-x:clip;overflow-y:visible;background:#fff;pointer-events:none}.wrapper-waves .svg-wave{display:block;position:absolute;top:0;width:max(2912px,100%);height:130px;overflow:visible;transform:none}.wrapper-waves .svg-wave-red{left:auto;right:calc(-1 * var(--wave-inset));fill:var(--accent)}.wrapper-waves .svg-wave-black{left:calc(-1 * var(--wave-inset));right:auto;fill:#000}.dark-section{color:#fff;background:#000}.selected-work{padding:72px 0 95px}.section-label{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 0 135px;font-size:calc(24px * var(--type-scale));font-weight:300}.section-jump{display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff}.section-jump:is(:hover,:focus-visible){color:#fff;font-weight:600}.down-chevron{display:block;width:20px;height:13.333333px;fill:var(--accent);stroke:var(--accent);stroke-width:1;transition:fill .3s ease-out,stroke-width .3s ease-out}.down-chevron{animation:selected-work-cue 1.8s ease-in-out infinite;animation-play-state:paused}.down-chevron[data-cue-playing]{animation-play-state:running}@keyframes selected-work-cue{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.section-jump:is(:hover,:focus-visible) .down-chevron{fill:#fff;stroke-width:3}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;row-gap:65px}.portfolio-card{min-width:0;container-type:inline-size}.portfolio-card__link{display:block;color:#fff}.portfolio-card__link:hover{color:#fff}.portfolio-card__frame{--frame-border-width: 1px;--frame-border-color: #808080;--preview-left: 20.285714%;--preview-right: 20.571429%;position:relative;height:auto;aspect-ratio:350 / 226;isolation:isolate}.portfolio-card__frame:before{content:"";position:absolute;inset:10px 0 0;border:var(--frame-border-width) solid var(--frame-border-color);border-radius:20px;z-index:1;pointer-events:none;clip-path:polygon(0 0,var(--preview-left) 0,var(--preview-left) 3px,calc(100% - var(--preview-right)) 3px,calc(100% - var(--preview-right)) 0,100% 0,100% 100%,0 100%);transition:border-width .3s ease-out,border-color .3s ease-out}.portfolio-card__preview{position:absolute;inset:calc(-100% * 21 / 226) var(--preview-right) 0 var(--preview-left);overflow:hidden;isolation:isolate}.portfolio-card__preview:after{content:"";position:absolute;inset:calc(100% * 21 / 247 + 10px) 0 0;background:linear-gradient(transparent 50%,#000000e6);border-radius:5px 5px 0 0;pointer-events:none}.portfolio-card__frame img{display:block;position:absolute;top:calc(100% * 21 / 247);left:0;width:100%;height:100%;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(1);transition:filter .3s ease-out,transform .3s ease-out}.portfolio-card__link:is(:hover,:focus-visible) img{filter:grayscale(0);transform:translateY(calc(-100% * 21 / 247))}.portfolio-card__link:is(:hover,:focus-visible) .portfolio-card__frame{--frame-border-width: 2px;--frame-border-color: #fff}.portfolio-card__frame--square:before{transition:border-width .3s ease-out,border-color .3s ease-out,clip-path .3s ease-out}.portfolio-card__frame--square .portfolio-card__preview{top:calc(-100% * 26 / 226);left:var(--preview-hover-left);right:var(--preview-hover-right)}.portfolio-card__frame--square img{top:auto;bottom:0;left:var(--preview-image-inset);width:var(--preview-image-width);height:auto;aspect-ratio:1;transform-origin:center bottom}.portfolio-card__frame--cropped img{aspect-ratio:var(--preview-crop-aspect);clip-path:inset(var(--preview-crop-top) 0 0 0 round 5px 5px 0 0)}.portfolio-card__frame--square .portfolio-card__preview:after{top:calc(100% * 26 / 252 + 10px);left:var(--preview-image-inset);right:auto;width:var(--preview-image-width);transition:transform .3s ease-out}@media(prefers-reduced-motion:no-preference){.portfolio-card__link:is(:hover,:focus-visible) .portfolio-card__frame--square:before{clip-path:polygon(0 0,var(--preview-hover-left) 0,var(--preview-hover-left) 3px,calc(100% - var(--preview-hover-right)) 3px,calc(100% - var(--preview-hover-right)) 0,100% 0,100% 100%,0 100%)}.portfolio-card__link:is(:hover,:focus-visible) .portfolio-card__frame--square img{transform:scale(var(--preview-hover-scale))}.portfolio-card__link:is(:hover,:focus-visible) .portfolio-card__frame--square .portfolio-card__preview:after{transform:scaleX(var(--preview-hover-scale))}}.portfolio-card__frame h3{position:absolute;bottom:15px;left:18px;z-index:1;max-width:calc(100% - 36px);margin:0;font-size:calc(16px * var(--type-scale));font-weight:400}.portfolio-card__link:is(:hover,:focus-visible) h3{font-weight:600}.project-tags{display:flex;flex-wrap:wrap;gap:14px 4px;list-style:none;margin:16px 0 0;padding:0}.project-tags li{min-height:32px;padding:5px 10px;border:1px solid #999;border-radius:100px;color:#999;font-size:calc(clamp(11px,.73vw,14px) * var(--type-scale));line-height:calc(20px * var(--type-scale));font-weight:300}.project-tags--dark li{color:#000;border:1px solid #000;font-weight:400}.portfolio-card .project-tags{flex-wrap:nowrap;gap:clamp(1px,.8cqw,3px)}.portfolio-card .project-tags li{flex:0 0 auto;min-height:0;padding:clamp(2px,1.45cqw,5px) max(clamp(1px,calc(2.5cqw - 4px),5px),clamp(1px,calc(10cqw - 27.5px),8px));font-size:clamp(8px,3.75cqw,12px);line-height:1.45;white-space:nowrap}.pill-button{--button-fill: #000;display:inline-flex;position:relative;isolation:isolate;overflow:hidden;align-items:center;justify-content:center;gap:18px;min-width:200px;min-height:44px;padding:8px 24px;border:1px solid #000;border-radius:100px;background:#fff;color:#000;font-size:calc(20px * var(--type-scale));font-weight:400;line-height:1.3}.pill-button{clip-path:inset(0 round 100px)}.pill-button:focus-visible{outline-offset:-5px}.pill-button:before{content:"";position:absolute;inset:-18px -1px -1px;z-index:0;background:var(--button-fill);-webkit-mask:url(/assets/button-liquid.svg) repeat-x 0 0 / 180px 100%;mask:url(/assets/button-liquid.svg) repeat-x 0 0 / 180px 100%;transform:translateY(110%);transition:transform .65s cubic-bezier(.22,.61,.36,1);pointer-events:none}.pill-button__label{position:relative;z-index:1;color:#fff;mix-blend-mode:difference}.pill-button:not(:disabled):is(:hover,:focus-visible):before{transform:translateY(0)}.pill-button:not(:disabled):is(:hover,:focus-visible){font-weight:700}.pill-button--light{--button-fill: #fff;background:#000;color:#fff;border-color:#fff}@keyframes button-liquid-drift{to{-webkit-mask-position:180px 0;mask-position:180px 0}}@media(prefers-reduced-motion:no-preference){.pill-button:not(:disabled):is(:hover,:focus-visible):before{animation:button-liquid-drift .65s linear 1}}.pill-button:disabled{opacity:.5;cursor:default}.home{--about-divider-height: clamp(160px, 23.229167vw, 446px);--about-divider-overlap: 0px}.wrapper-drop{display:block;position:relative;z-index:1;height:var(--about-divider-height);margin:0 0 calc(-1 * var(--about-divider-overlap));overflow:visible;background:linear-gradient(#000 calc(100% * 36 / 446),transparent 0)}.wrapper-drop{pointer-events:none}.wrapper-drop>svg{position:absolute;inset:0 auto auto 0;display:block;width:100%;height:100%;overflow:hidden}.about-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;padding:70px 0 140px}.about-section__illustration{display:flex;justify-content:center}.about-section__illustration svg{width:min(100%,420px);height:auto;overflow:visible}.about-illustration__expression{opacity:0;transition:opacity .14s ease-out}[data-drop-eyes-closed] .about-illustration__expression{opacity:1}.about-illustration__icon{opacity:0;transform-box:fill-box;transform-origin:center;transform:translate(28px,var(--icon-y)) rotate(var(--icon-tilt)) scale(.78);transition:transform .36s cubic-bezier(.4,0,.6,1) var(--icon-exit-delay),opacity 224ms ease-in calc(var(--icon-exit-delay) + 80ms)}.about-illustration__icon--design{--icon-y: 16px;--icon-tilt: 8deg;--icon-delay: 40ms;--icon-exit-delay: .16s;--float-duration: 4.8s;--float-x: 4px;--float-y: -10px}.about-illustration__icon--video{--icon-y: 0px;--icon-tilt: -8deg;--icon-delay: .12s;--icon-exit-delay: 80ms;--float-duration: 5.4s;--float-x: -4px;--float-y: 9px}.about-illustration__icon--drawing{--icon-y: -16px;--icon-tilt: 8deg;--icon-delay: .2s;--icon-exit-delay: 0ms;--float-duration: 4.3s;--float-x: 5px;--float-y: -11px}.about-illustration__float{transform-box:fill-box;transform-origin:center;animation:about-icon-float var(--float-duration) ease-in-out infinite;animation-play-state:paused}[data-drop-impact] .about-illustration__icon{opacity:1;transform:translate(0) rotate(0) scale(1);transition:transform .64s cubic-bezier(.22,1.2,.36,1) var(--icon-delay),opacity 224ms ease-out var(--icon-delay)}[data-drop-reaction-playing] .about-illustration__float{animation-play-state:running}@keyframes about-icon-float{0%,to{transform:translate(0)}50%{transform:translate(var(--float-x),var(--float-y))}}.about-section__content{max-width:620px}.about-section__heading{display:flex;align-items:center;gap:36px;margin-bottom:40px}.about-section__heading h2{margin:0;font-size:calc(clamp(25px,2.1vw,40px) * var(--type-scale));font-weight:700;color:#000;transition:color .3s ease-out}.about-section__heading:has(.about-section__portrait[data-drop-highlight]) h2{color:var(--accent)}.about-section__portrait{--portrait-size: 85px;display:block;position:relative;isolation:isolate;flex-shrink:0;width:calc(var(--portrait-size) * 100 / 85);height:calc(var(--portrait-size) * 100 / 85);margin:calc(var(--portrait-size) * -7 / 85) calc(var(--portrait-size) * -7 / 85) calc(var(--portrait-size) * -8 / 85) calc(var(--portrait-size) * -8 / 85)}.about-section__portrait-photo{display:block;position:absolute;left:8%;top:7%;width:85%;height:85%;border-radius:50%;outline:3px solid transparent;outline-offset:-1.5px;transition:outline-color .3s ease-out}.about-section__portrait img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.about-section__portrait:before{content:"";position:absolute;inset:0;z-index:2;background:#fff;mix-blend-mode:saturation;opacity:1;pointer-events:none;transition:opacity .3s ease-out}.about-section__portrait-photo:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 calc(var(--portrait-size) * 30 / 85) #0000001a}.about-section__portrait:hover .about-section__portrait-photo,.about-section__portrait[data-drop-highlight] .about-section__portrait-photo{outline-color:var(--accent)}.about-section__portrait:hover:before,.about-section__portrait[data-drop-highlight]:before{opacity:0}.about-section__content p,.about-section__skills{font-size:calc(16px * var(--type-scale));font-weight:400}.about-section__content h3{margin:44px 0 18px;font-size:calc(24px * var(--type-scale))}.about-section__skills{display:grid;gap:18px;list-style:none;margin:0 0 40px;padding:0;line-height:1.55}.contact-footer__invitation{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:95px 122px;color:#fff}.contact-footer{--footer-fade-height: 113.333245px;--footer-fade-opacity: .6;--footer-fade-color: rgb(72 72 72 / var(--footer-fade-opacity));background:#fff}.contact-footer--dark{background:#000}.contact-footer__body{background:#000 linear-gradient(180deg,#000 65.447%,var(--footer-fade-color) 100%)}.contact-footer__message{display:flex;align-items:center;gap:18px}.contact-footer__message svg{flex-shrink:0;color:#e40613}.contact-footer__message p{margin:0}.contact-footer__message p,.privacy-policy .simple-page__content{font-size:calc(16px * var(--type-scale))}.contact-footer__ending{white-space:nowrap}.contact-footer__base{padding:58px 24px 34px;color:#bcbcbc;text-align:center}.contact-footer__base p{margin:0 0 14px;padding-inline:var(--content-gutter);font-size:calc(14px * var(--type-scale))}.contact-footer__policy{margin-inline-start:14px;padding-block:4px;color:inherit;opacity:.45;font-size:inherit;white-space:nowrap;text-decoration:none;text-underline-offset:3px}.design-waves{position:relative;height:192px;margin-bottom:0;overflow-x:clip;overflow-y:visible;pointer-events:none;background:#fff}.design-wave{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.design-waves--project-top{--wave-join-color: #f9f9f9;--wave-join-height: 10px}.design-waves--gallery-bottom{--wave-backing: #000;--wave-join-color: #fff;background:#000}.design-waves--project-bottom{--wave-backing: #f9f9f9;height:134px;background:#f9f9f9}.wrapper-waves .svg-wave,.design-wave{clip-path:inset(-3px 0 0)}.wrapper-waves:before,.design-waves:before{content:"";position:absolute;inset:-3px 0 auto;height:4px;background:var(--wave-backing, #fff)}.wrapper-waves:after,.design-waves:after{content:"";position:absolute;inset:auto 0 -3px;height:calc(var(--wave-join-height, 3px) + 3px);background:var(--wave-join-color, #000)}.gallery-intro{height:183px}.projects-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);align-items:start;column-gap:32px}.projects-heading{margin:0;text-align:left;font-size:calc(24px * var(--type-scale));line-height:calc(36px * var(--type-scale));font-weight:500}.projects-section{padding:5px 0 127px}.projects-section .portfolio-grid{margin-top:90px;row-gap:85px}.project-search{width:100%;min-width:0;margin:0}.project-search__field{display:flex;align-items:center;gap:10px;height:calc(36px * var(--type-scale));padding-inline:12px;border:1px solid #999;border-radius:100px;transition:border-color .18s ease}.project-search__field:focus-within{border-color:#e40613}.project-search__field>svg{flex:none;width:17px;height:17px;color:#aaa}.project-search__input{width:100%;min-width:0;padding:0;border:0;border-radius:0;background:transparent;outline:none;color:#fff;font:inherit;font-size:calc(14px * var(--type-scale));line-height:1.5;appearance:none}.project-search__input::placeholder{color:#aaa;opacity:1}.project-search__input::-webkit-search-cancel-button{display:none}.project-search__clear{display:flex;align-items:center;justify-content:center;flex:none;width:20px;height:100%;padding:0;border:0;background:transparent;color:#aaa;cursor:pointer}.project-search__clear svg{width:14px;height:14px}.project-search__clear:is(:hover,:focus-visible){color:#e40613}.project-search__field:has(.project-search__input:placeholder-shown) .project-search__clear{visibility:hidden}.project-search__status{min-height:1.5em;margin:8px 0 0;color:#aaa;font-size:calc(12px * var(--type-scale));line-height:1.5;text-align:right}.projects-section [data-project-results]{margin-top:90px}[data-project-results]>[hidden]{display:none!important}.case-heading{display:grid;grid-template-columns:calc(100% * 854 / 1448 - 16px) 1fr;gap:16px;height:527px;padding-top:207px}.case-heading>div{min-width:0}.case-heading h1{font-size:calc(clamp(36px,3.125vw,60px) * var(--type-scale));line-height:1.4;margin:0 0 8px;font-weight:700;overflow-wrap:anywhere}.case-industry{margin:0;font-size:calc(16px * var(--type-scale));font-weight:400;line-height:calc(26px * var(--type-scale))}.case-industry span{display:block;font-size:calc(20px * var(--type-scale));font-weight:700;line-height:calc(26px * var(--type-scale))}.case-industry .case-industry__value{font-size:calc(16px * var(--type-scale));font-weight:400;margin-top:2px}.case-heading .project-tags{margin-top:26px}.case-description{margin:52px 0 0;font-size:calc(16px * var(--type-scale));font-weight:400;line-height:calc(25px * var(--type-scale))}.case-content{background:#f9f9f9}.case-layout{container-type:inline-size}.case-layout:before,.case-layout:after{content:"";display:block}.case-layout:before{height:var(--content-top)}.case-layout:after{height:var(--content-bottom)}.case-section{position:relative;margin-top:var(--row-gap)}.case-section h2{position:absolute;left:0;bottom:calc(100% + var(--title-gap) - 7px);font-size:calc(20px * var(--type-scale));line-height:calc(30px * var(--type-scale));margin:0;font-weight:400}.case-section h2 strong{font-weight:700}.case-section__note{max-width:560px;margin:0 0 28px;font-size:calc(16px * var(--type-scale));line-height:1.55;font-weight:400}.case-row{position:relative}.case-media{position:absolute;top:0;min-width:0}.case-image,.case-video{display:block;width:100%;height:100%;border:0;border-radius:var(--media-radius);overflow:hidden}.case-media:after{content:"";position:absolute;inset:0;pointer-events:none;border:var(--media-border);border-radius:var(--media-radius)}.case-image{position:absolute;inset:0}.case-image img,.case-video{width:100%;height:100%;object-fit:var(--media-fit);object-position:var(--media-position)}.case-image img{display:block}.case-video{position:absolute;inset:0;background:#000}.case-media--video{overflow:hidden;border-radius:var(--media-radius);background:var(--media-background)}.case-video-viewport{position:absolute}.case-video-viewport .case-video{border-radius:0}.case-video-ui{position:absolute;inset:0;pointer-events:none}.case-video-ui[hidden]{display:none}.is-enhanced .case-video{cursor:pointer}.case-video-ui button{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#161616;cursor:pointer;pointer-events:auto;appearance:none}.case-video-ui button[hidden]{display:none}.case-video-ui button svg{display:block;width:20px;height:20px}.case-video-ui button:is(:hover,:focus-visible){color:var(--accent)}.case-video-ui :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.case-video-ui .case-video-start{position:absolute;left:16px;bottom:16px;width:48px;height:48px;border:1px solid rgb(0 0 0 / .16);background:#ffffffeb;backdrop-filter:blur(12px)}.is-playing .case-video-start{visibility:hidden}.case-video-controls{position:absolute;left:50%;bottom:16px;display:flex;align-items:center;gap:4px;width:calc(100% - 32px);max-width:620px;padding:2px 6px;border:1px solid rgb(0 0 0 / .16);border-radius:28px;background:#fffffff0;backdrop-filter:blur(12px);color:#161616;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .18s ease,transform .18s ease,visibility 0s .18s;pointer-events:none}.has-started:is(.is-active,:focus-within) .case-video-controls{opacity:1;visibility:visible;transform:translate(-50%);transition-delay:0s;pointer-events:auto}.has-started:is(.is-active,:focus-within) .case-video-start{visibility:hidden}.case-video-controls .case-video-icon-pause,.is-playing .case-video-icon-play,.case-video-icon-muted,.is-muted .case-video-icon-sound{display:none}.is-playing .case-video-icon-pause,.is-muted .case-video-icon-muted{display:block}.case-video-seek{--video-progress: 0%;flex:1;min-width:24px;height:40px;margin:0 6px;padding:0;border:0;border-radius:0;background:linear-gradient(to right,#161616 var(--video-progress),#bcbcbc var(--video-progress)) center / 100% 2px no-repeat;cursor:pointer;appearance:none;pointer-events:auto}.case-video-seek::-webkit-slider-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#161616;appearance:none}.case-video-seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#161616}.case-video-seek::-moz-range-track{background:transparent}.case-video-time{min-width:34px;color:#161616;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.case-media--video:fullscreen{left:0!important;width:100%!important;height:100%!important;border-radius:0;background:#000}.case-media--video:fullscreen:after{border:0}.case-media--video:fullscreen .case-video-viewport{inset:0!important}.case-media--video:fullscreen .case-video{inset:50% auto auto 50%;width:min(100vw,calc(100vh * var(--video-ratio)));height:min(100vh,calc(100vw / var(--video-ratio)));transform:translate(-50%,-50%);object-fit:contain}@media(prefers-reduced-motion:reduce){.case-video-controls{transition:none}}.related-projects{height:493px;padding:100px 0 0}.related-projects h2{margin:0 0 89px;font-size:calc(20px * var(--type-scale));line-height:calc(30px * var(--type-scale));font-weight:700}.contact-footer--gallery{--footer-fade-color: rgb(244 244 244 / var(--footer-fade-opacity));background:#fff}.contact-footer--gallery .contact-footer__body{--footer-gradient-end: calc(100% + 2px) ;height:307px;background:#fff linear-gradient(#fff calc(var(--footer-gradient-end) - var(--footer-fade-height)),var(--footer-fade-color) var(--footer-gradient-end))}.contact-footer--case .contact-footer__body{height:var(--footer-height);background:#000 linear-gradient(#000 calc(var(--footer-gradient-end) - var(--footer-fade-height)),var(--footer-fade-color) var(--footer-gradient-end))}.contact-footer--home .contact-footer__body{height:372px;background:#000 linear-gradient(#000 calc(100% - var(--footer-fade-height)),var(--footer-fade-color))}:is(.contact-footer--home,.contact-footer--gallery,.contact-footer--case) .contact-footer__body{position:relative}:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__invitation{padding:117px 115px 0 122px}.contact-footer--gallery .contact-footer__invitation{padding-top:54px;padding-right:116px;color:#000}:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__message p{width:410px;font-size:calc(16px * var(--type-scale));line-height:calc(25px * var(--type-scale))}.contact-footer--gallery .contact-footer__message p{font-weight:500}:is(.contact-footer--home,.contact-footer--gallery,.contact-footer--case) .contact-footer__base{position:absolute;bottom:max(var(--copyright-bottom, 28px),env(safe-area-inset-bottom,0px));left:0;width:100%;padding:0;color:#fff}:is(.contact-footer--home,.contact-footer--gallery,.contact-footer--case) .contact-footer__copyright{opacity:.45}:is(.contact-footer--home,.contact-footer--gallery,.contact-footer--case) .contact-footer__base p{margin:0;font-size:calc(14px * var(--type-scale));line-height:calc(20px * var(--type-scale))}.contact-footer--home .contact-footer__base{bottom:max(30px,env(safe-area-inset-bottom,0px))}.contact-footer--gallery .contact-footer__base{color:#000;font-weight:400}.contact-footer--gallery .contact-footer__copyright,.contact-footer--gallery .contact-footer__policy{opacity:.7}.contact-footer__policy:is(:hover,:focus-visible){color:inherit;opacity:1;text-decoration:underline}@media(min-width:1101px)and (orientation:landscape){:root{--type-scale: .9}:is(.case-heading,.case-layout){width:min(1204px,calc((100% - var(--page-gutter) * 2) * 1204 / 1448))}.privacy-policy .simple-page{max-width:800px}#wrapper-navbar .site-nav__inner{padding-inline:calc(32px + var(--nav-inset))}.pill-button{gap:calc(18px * var(--type-scale));min-width:calc(200px * var(--type-scale));min-height:40px;padding:calc(8px * var(--type-scale)) calc(24px * var(--type-scale))}.project-tags li{min-height:calc(32px * var(--type-scale));padding:calc(5px * var(--type-scale)) calc(10px * var(--type-scale))}.contact-footer__message{gap:calc(18px * var(--type-scale))}.contact-footer__message svg{width:calc(44px * var(--type-scale));height:calc(24px * var(--type-scale))}:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__invitation{width:min(960px,calc((100% - var(--page-gutter) * 2) * 960 / 1448));padding-inline:0}:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__message p{width:calc(410px * var(--type-scale))}.portfolio-grid{grid-auto-rows:274px}.projects-section .portfolio-grid{grid-auto-rows:minmax(274px,auto)}.logo-intro{height:540px;padding-top:0;margin-bottom:-52px}.selected-work{padding:78.166626px 0 103px}.section-label{height:47.666687px;margin-bottom:124.166687px}.section-jump{gap:0;line-height:calc(33.2px * var(--type-scale))}.down-chevron{margin-top:4.133333px}#selected-projects{--selected-heading-space: calc(47.666687px + 124.166687px);scroll-margin-top:max(var(--selected-heading-space),calc((100svh - 613px + var(--selected-heading-space)) / 2 - 110px))}.home{--about-divider-overlap: max(0px, calc(var(--about-divider-height) - 306px))}.about-section{position:relative;display:grid;grid-template-columns:minmax(0,122fr) minmax(0,420fr) minmax(0,190fr) minmax(0,594fr) minmax(0,122fr);align-content:start;align-items:center;gap:0;padding:12px 0 0;height:759px;scroll-margin-top:max(0px,calc((100svh - var(--about-content-height, 540px)) / 2 - var(--about-content-start, 12px) - 110px))}.about-section__illustration{grid-column:2;width:100%}.about-section__content{grid-column:4;justify-self:start;width:100%;max-width:540px}.about-section__heading{justify-content:flex-start;gap:36px;height:64px;margin-bottom:18px}.about-section__heading h2{font-size:calc(24px * var(--type-scale));line-height:calc(30px * var(--type-scale));white-space:nowrap}.about-section__portrait{--portrait-size: 64px}.about-section__content p{font-weight:400;line-height:calc(20px * var(--type-scale));margin:0 0 20px}.about-section__content p:last-of-type{margin-bottom:0}.about-section__content h3{font-size:calc(24px * var(--type-scale));font-weight:700;line-height:calc(30px * var(--type-scale));margin:56px 0 17.6px}.about-section__skills{font-weight:400;line-height:calc(20px * var(--type-scale));gap:20px;margin-bottom:51.8px}}.legacy-project{padding-top:95px}.simple-page{padding-top:180px;padding-bottom:100px;min-height:65vh}.simple-page h1{font-size:calc(clamp(36px,4vw,60px) * var(--type-scale));margin-bottom:40px}.simple-page__content{max-width:800px}.simple-page a{overflow-wrap:anywhere}.simple-page h2,.simple-page h3{margin-top:36px}.privacy-policy .simple-page h1{margin-bottom:24px}.privacy-policy .simple-page__content{line-height:1.55}.privacy-policy .simple-page__content h2{margin:24px 0 8px;font-size:inherit;line-height:inherit}.privacy-policy .simple-page__content p,.privacy-policy .simple-page__content ul{margin:0 0 12px}.privacy-policy .simple-page__content ul{padding-left:1.5em}.privacy-policy .simple-page__content li+li{margin-top:4px}.site-lightbox{padding:max(72px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px));cursor:zoom-out}.site-lightbox__image{max-width:min(92vw,1800px,100%);max-height:min(90vh,calc(100dvh - max(72px,env(safe-area-inset-top,0px)) - max(24px,env(safe-area-inset-bottom,0px))));cursor:default}.site-lightbox__close{top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);min-width:56px;min-height:56px}[data-reveal]{transition:opacity .56s ease-out var(--reveal-delay, 0ms),translate .56s cubic-bezier(.22,.61,.36,1) var(--reveal-delay, 0ms)}[data-reveal=pending]{opacity:0;translate:0 20px}[data-reveal=pending][data-reveal-fade]{translate:none}[data-reveal=visible]{opacity:1;translate:none}[data-project-results][data-search-filtered]>[data-reveal]{opacity:1;translate:none;transition:none}@media(max-width:1100px),(orientation:portrait){.design-waves{height:130px}.design-waves--project-bottom{height:91px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:50px}.projects-section .portfolio-grid{row-gap:70px}.portfolio-card__frame h3{font-size:calc(14px * var(--type-scale))}.project-tags li{font-size:calc(11px * var(--type-scale));padding:4px 8px}.about-section__heading{gap:18px}.about-section__portrait{--portrait-size: 60px}.contact-footer__invitation{padding:70px 0}.case-heading{height:auto;min-height:450px;padding-top:160px;padding-bottom:70px}.case-heading h1{font-size:calc(44px * var(--type-scale))}.case-description{margin-top:25px}.related-projects{height:auto;padding:70px 0 80px}:is(.contact-footer--home,.contact-footer--gallery,.contact-footer--case) .contact-footer__body{height:auto;min-height:180px}:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__invitation{padding:70px 0 100px}:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__message p{width:auto}}@media(max-width:760px),(max-width:1200px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){#wrapper-navbar{top:max(10px,env(safe-area-inset-top,0px))}#wrapper-navbar .site-nav__inner{min-height:60px}#wrapper-navbar .site-nav__brand{width:60px;height:60px}#wrapper-navbar .site-nav__mascot{width:40px;height:40px}#wrapper-navbar .site-nav__list{--nav-font-size: calc(14px * var(--type-scale));display:flex;flex-direction:row;gap:18px;padding:7px 19px}}@media(max-width:1100px),(orientation:portrait){:root{--page-gutter: 24px;scroll-padding-top:100px}.logo-intro{min-height:380px;padding-top:85px}.logo-intro video,.logo-intro__still{width:min(100%,360px)}.selected-work{padding:45px 0 65px}.section-label{font-size:calc(20px * var(--type-scale));margin-bottom:65px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:40px}.projects-section .portfolio-grid{row-gap:60px}.portfolio-card__frame h3{left:12px;bottom:10px;max-width:calc(100% - 24px);font-size:calc(13px * var(--type-scale))}.portfolio-card__frame:before{border-radius:14px}.project-tags{gap:4px;margin-top:10px}.project-tags li{font-size:calc(10px * var(--type-scale));padding:3px 6px}.pill-button{min-width:180px;font-size:calc(16px * var(--type-scale))}.about-section{grid-template-columns:1fr;gap:40px;padding:30px 0 70px}.about-section__illustration svg{width:min(100%,280px)}.about-section__content{max-width:580px;margin:0 auto}.about-section__heading{justify-content:space-between;margin-bottom:26px}.about-section__heading h2{font-size:calc(27px * var(--type-scale))}.about-section__content p,.about-section__skills{font-size:calc(14px * var(--type-scale))}.about-section__content h3{margin-top:32px;font-size:calc(21px * var(--type-scale))}.contact-footer__invitation,:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__invitation{flex-direction:column;align-items:flex-start;padding:45px 0 100px}.contact-footer__message p{font-size:calc(14px * var(--type-scale))}.contact-footer__invitation>.pill-button{margin-left:62px}.desktop-break{display:none}.contact-footer__base{padding-top:45px}.gallery-intro{height:135px}.projects-heading{font-size:calc(24px * var(--type-scale))}.projects-section{padding:30px 0 80px}.projects-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,min(50%,320px));column-gap:20px}.case-heading{grid-template-columns:minmax(0,1fr);gap:30px;min-height:0;padding-top:155px;padding-bottom:45px}.case-heading h1{font-size:calc(38px * var(--type-scale))}.case-industry{font-size:calc(16px * var(--type-scale))}.case-description{font-size:calc(14px * var(--type-scale));margin:0}.case-heading .project-tags li{font-size:calc(12px * var(--type-scale))}.case-layout:before{height:max(75px,var(--content-top))}.case-layout:after{height:max(65px,var(--content-bottom))}.case-section+.case-section{margin-top:var(--row-gap)}.case-section+.case-section--titled{margin-top:max(85px,var(--row-gap))}.case-section h2{font-size:calc(18px * var(--type-scale));bottom:calc(100% + 18px);margin:0}.case-media{--media-radius: 5px !important}.related-projects{padding:35px 0 65px}.related-projects h2{font-size:calc(20px * var(--type-scale));margin-bottom:50px}.simple-page{padding-top:145px;padding-bottom:70px}}@media(max-width:479px){#wrapper-navbar .site-nav__links{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}#wrapper-navbar .site-nav__links:before{display:none}#wrapper-navbar .site-nav__toggle,#wrapper-navbar .site-nav__menu{background:var(--nav-glass-fill);border:1px solid #fff;-webkit-backdrop-filter:var(--nav-glass-filter);backdrop-filter:var(--nav-glass-filter)}#wrapper-navbar .site-nav__toggle{display:grid;position:static;align-content:center;gap:5px;width:60px;height:60px;padding:18px;margin:0;border-radius:50%}#wrapper-navbar .site-nav__toggle span{display:block;position:static;width:22px;height:1px;margin:0;opacity:1;background:currentColor;transform:none;transition:none}#wrapper-navbar .site-nav__toggle:not(.is-collapsed) span:first-child{transform:translateY(6px) rotate(45deg)}#wrapper-navbar .site-nav__toggle:not(.is-collapsed) span:nth-child(2){opacity:0}#wrapper-navbar .site-nav__toggle:not(.is-collapsed) span:last-child{transform:translateY(-6px) rotate(-45deg)}#wrapper-navbar .site-nav__menu{display:none;position:absolute;right:0;top:68px;min-width:180px;padding:10px;border-radius:20px;text-align:left;box-shadow:0 8px 30px #00000012}#wrapper-navbar .site-nav__menu.is-open{display:block}#wrapper-navbar .site-nav__list{flex-direction:column;align-items:stretch;gap:0;padding:0}#wrapper-navbar .site-nav__link{padding-inline:16px}#wrapper-navbar .site-nav__languages{gap:10px;padding-inline:16px}.portfolio-grid{grid-template-columns:1fr;row-gap:40px}.portfolio-card__frame h3{font-size:calc(16px * var(--type-scale));bottom:15px;left:18px}.project-tags li{font-size:calc(12px * var(--type-scale))}.about-section__heading h2{font-size:calc(23px * var(--type-scale))}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none}.logo-intro video{display:none}.logo-intro__still{display:block}#wrapper-navbar .site-nav__mascot,#wrapper-navbar .site-nav__brand:before,#wrapper-navbar .site-nav__brand:after,#wrapper-navbar .site-nav__links:before,#wrapper-navbar .site-nav__link,.down-chevron,.portfolio-card__frame img,.portfolio-card__frame:before,.pill-button,.about-illustration__icon,.about-section__heading h2,.about-section__portrait-photo,.about-section__portrait:before,.wrapper-waves .svg-wave{transition:none}.down-chevron,.pill-button:before{animation:none;transition:none}[data-reveal]{opacity:1;translate:none;transition:none}.about-section__illustration .about-illustration__icon,.about-section__illustration .about-illustration__float{opacity:1;transform:none;animation:none;transition:none}.about-section__illustration .about-illustration__expression{opacity:0;transition:none}#wrapper-navbar .site-nav__brand:is(:hover,:focus-visible) .site-nav__mascot,.portfolio-card__link:is(:hover,:focus-visible) img{transform:none}}@media(max-width:1200px),(orientation:portrait){.selected-work .portfolio-card:nth-child(n+7){display:none}}@media(max-width:1100px),(orientation:portrait){.related-projects .portfolio-card:nth-child(n+4){display:none}}@media(max-width:1200px),(orientation:portrait){html{--mobile-page-end: #484848}html:has(body.projects){--mobile-page-end: #f4f4f4}html,body{overscroll-behavior-y:none}html,html body{background:#fff}html[data-mobile-bottom],html[data-mobile-bottom] body{background:var(--mobile-page-end)}:is(.contact-footer--home,.contact-footer--gallery,.contact-footer--case) .contact-footer__body{--footer-gradient-end: 100%}#content{background:#fff}#page{overflow-x:clip}}@media(max-width:1100px),(orientation:portrait){.logo-intro{min-height:min(calc(100vh - 245px),calc(100vw + 160px),620px);min-height:min(calc(100svh - 245px),calc(100vw + 160px),620px);padding:72px 24px 20px;padding-inline:var(--content-gutter)}.logo-intro video,.logo-intro__still{width:min(100%,400px,max(160px,calc(100svh - 350px)))}.logo-intro video{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%);mask-image:linear-gradient(to bottom,transparent,#000 16%)}}@media(max-width:1200px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.logo-intro{padding-block:20px}.logo-intro video,.logo-intro__still{width:min(100%,340px)}}@media(max-width:1366px),(orientation:portrait){#wrapper-navbar .site-nav__inner{--nav-inset: 8px}}@media(max-width:760px),(max-width:1200px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){#wrapper-navbar .site-nav__links{position:static;border:0;background:none}#wrapper-navbar .site-nav__links:before{display:none}#wrapper-navbar .site-nav__brand{z-index:3}#wrapper-navbar .site-nav__toggle{display:grid;position:relative;inset:auto;z-index:3;align-content:center;justify-content:center;gap:5px;width:60px;height:60px;padding:18px;margin:0;border:1px solid #fff;border-radius:50%;background:var(--nav-glass-fill);-webkit-backdrop-filter:var(--nav-glass-filter);backdrop-filter:var(--nav-glass-filter)}#wrapper-navbar .site-nav__toggle-icon{display:block;width:24px;height:24px}#wrapper-navbar .site-nav__icon-close{display:none}#wrapper-navbar .site-nav__toggle:not(.is-collapsed) .site-nav__icon-menu{display:none}#wrapper-navbar .site-nav__toggle:not(.is-collapsed) .site-nav__icon-close{display:block}#wrapper-navbar .site-nav__toggle:not(.is-collapsed){background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}#wrapper-navbar .site-nav__menu{display:block;position:fixed;inset:0;z-index:2;width:100%;height:100vh;height:100dvh;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none;text-align:left;-webkit-backdrop-filter:none;backdrop-filter:none;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .28s ease,visibility 0s .28s}#wrapper-navbar .site-nav__menu.is-open{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}#wrapper-navbar .site-nav__list{--nav-font-size: 20px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:14px;min-height:100%;max-width:none;margin-inline:auto;padding:max(110px,env(safe-area-inset-top)) calc(max(calc(var(--page-gutter) + 10px),var(--content-gutter)) + var(--nav-inset)) max(56px,env(safe-area-inset-bottom))}#wrapper-navbar .site-nav__link{min-height:44px;padding:0}#wrapper-navbar .site-nav__languages{gap:10px;padding:14px 0 0;font-size:var(--nav-font-size)}}@media(max-width:1100px),(orientation:portrait){.about-section__content{width:100%}.about-section__content>.pill-button,.contact-footer__invitation>.pill-button{display:flex;width:fit-content;min-width:200px;min-height:44px;margin:0 auto;font-size:16px}.contact-footer__invitation,:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__invitation{align-items:center;gap:28px;padding:45px 0 110px}.contact-footer__message{width:100%;align-items:center;justify-content:center;gap:14px}.contact-footer__message svg{width:36px;height:20px}.contact-footer__message p,:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__message p{flex:1;width:auto;font-size:14px;line-height:1.55;text-wrap:balance}.projects-toolbar{grid-template-columns:minmax(0,1fr);gap:24px}.projects-heading{text-align:center}.project-search__field{height:44px}.project-search__input{font-size:16px}.project-search__status{text-align:center}.case-heading .project-tags li{display:inline-flex;align-items:center;justify-content:center}.case-description,.case-section__note{font-size:14px;line-height:1.55;font-weight:400}.case-section h2{font-size:20px;line-height:26px;font-weight:700}.case-section h2 strong{font-weight:inherit}}@media(max-width:760px){:root{--phone-cta-gap: 40px}.about-section__content>.pill-button,.contact-footer__invitation>.pill-button{width:100%;min-width:0;min-height:48px}.home .about-section__skills{margin-bottom:var(--phone-cta-gap)}:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__invitation{row-gap:var(--phone-cta-gap)}.contact-footer__message{width:100%;max-width:100%;margin-inline:auto;gap:12px}.contact-footer__message p,:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__message p{flex:1 1 0;min-width:0;width:auto;text-align:left;text-wrap:wrap}}@media(min-width:761px)and (max-width:1100px),(min-width:761px)and (orientation:portrait){.about-section{padding-bottom:130px}.home .about-section__skills{margin-bottom:56px}:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__invitation{row-gap:56px;padding-block:96px 160px}.home .about-section__content>.pill-button,:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__invitation>.pill-button{min-width:320px}.contact-footer__message{width:fit-content;max-width:100%;margin-inline:auto;gap:8px}.contact-footer__message p,:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__message p{flex:0 1 auto;min-width:0;width:auto;text-align:left}}@media(min-width:761px)and (orientation:portrait){.project-search{width:min(100%,320px);justify-self:center}}@media(max-width:760px)and (prefers-reduced-motion:reduce),(max-width:1200px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse)and (prefers-reduced-motion:reduce){#wrapper-navbar .site-nav__menu,#wrapper-navbar .site-nav__toggle-icon{transition:none}}.design-waves{--design-wave-width: max(1300px, 100vw);height:clamp(130px,10vw,192px)}.design-waves .design-wave{inset:0 auto auto 50%;width:var(--design-wave-width);height:100%;max-width:none;transform:translate(-50%)}.design-waves--project-bottom{--design-wave-width: max(calc(91px * 1920 / 134), 100vw);height:clamp(91px,calc(100vw * 134 / 1920),134px)}.wrapper-waves{--wave-crest-inset: clamp(-25vw, calc(75vw - 420px) , 25vw);--wave-layer-shift: min(max(0px, calc(540px - var(--wave-crest-inset))), max(0px, calc(960px - 50vw) ))}.wrapper-waves .svg-wave-red{right:calc(-1 * var(--wave-layer-shift))}.wrapper-waves .svg-wave-black{left:calc(-1 * var(--wave-layer-shift))}:is(.design-waves--gallery-top,.design-waves--project-top){--design-layer-shift: clamp(0px, calc((1920px - 100vw) * 30 / 520), 30px)}:is(.design-waves--gallery-top,.design-waves--project-top) .design-wave>path:first-child{transform:translate(var(--design-layer-shift))}.design-wave [data-wave-front]{transform:translate(calc(-1 * var(--design-layer-shift)))}@media(max-width:1100px),(orientation:portrait){.home{--about-divider-height: max(clamp(250px, 60vw, 310px), calc((100vw + 4px) * 446 / 1280));--mobile-about-art-width: 300px;--mobile-about-art-size: min(var(--mobile-about-art-width), calc(100vw - var(--content-gutter) * 2));--mobile-about-space-below: 68px;--mobile-about-lower-gap: calc(var(--mobile-about-art-size) * 204.658 / 420 + var(--mobile-about-space-below));--mobile-about-upper-gap: calc(var(--about-divider-height) * 285.0023 / 446 + 30px + var(--mobile-about-art-size) * 30.342 / 420);--about-divider-overlap: max(0px, calc(var(--mobile-about-upper-gap) - var(--mobile-about-lower-gap)));--mobile-about-space-above: calc(30px + max(0px, calc(var(--mobile-about-lower-gap) - var(--mobile-about-upper-gap)))) }.wrapper-waves,.design-waves{margin-bottom:-2px}.design-waves--gallery-bottom,.design-waves--project-bottom,.wrapper-drop,.contact-footer--home{margin-top:-2px}.about-section{padding-top:var(--mobile-about-space-above);row-gap:var(--mobile-about-space-below)}.about-section__illustration svg{width:min(100%,var(--mobile-about-art-width));height:auto;aspect-ratio:420 / 560;transform:translate(-17.619047619%)}.about-illustration__icon>.about-illustration__float>g{transform-origin:0 0;transform-box:view-box}.about-illustration__icon--video>.about-illustration__float>g{transform:translate(245.243275px,456.2588px) scale(1.15)}.about-illustration__icon--design>.about-illustration__float>g{transform:translate(78.62055px,400.62055px) scale(1.15)}.about-illustration__icon--drawing>.about-illustration__float>g{transform:translate(410.7689px,408.768875px) scale(1.15)}.about-illustration__icon--drawing{--float-x: 4px}.about-illustration__icon{transform:translateY(-18px) rotate(var(--icon-tilt)) scale(.78)}}@media(max-width:1100px)and (max-height:500px)and (orientation:landscape){.home{--mobile-about-lower-gap: 150px}}@media(max-width:1100px)and (prefers-reduced-motion:reduce),(orientation:portrait)and (prefers-reduced-motion:reduce){.about-section__illustration .about-illustration__icon{transform:none}}.portfolio-card__title-bold{display:none}@media(max-width:1200px),(orientation:portrait){::view-transition-group(root){animation:none}::view-transition-old(root){animation:none;opacity:1;mix-blend-mode:normal}::view-transition-new(root){animation:xd-fade-in .26s ease-out both;mix-blend-mode:normal}html[data-nav-reset] #wrapper-navbar :is(.site-nav__menu,.site-nav__toggle-icon){transition:none}html[data-mobile-arriving] #wrapper-navbar :is(.site-nav__brand,.site-nav__links):before,html[data-mobile-arriving] #wrapper-navbar :is(.site-nav__brand,.site-nav__links):after,html[data-mobile-arriving] #wrapper-navbar .site-nav__mascot-body,html[data-mobile-arriving] [data-reveal=visible]{transition:none}.pill-button{-webkit-mask-image:-webkit-radial-gradient(white,black)}.pill-button:before{inset:-28px -1px -44px;-webkit-mask-image:url(/assets/button-liquid.svg),linear-gradient(#fff,#fff);mask-image:url(/assets/button-liquid.svg),linear-gradient(#fff,#fff);-webkit-mask-size:180px 80px,100% calc(100% - 79px);mask-size:180px 80px,100% calc(100% - 79px);-webkit-mask-position:0 0,0 79px;mask-position:0 0,0 79px;-webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat;transition-duration:.72s}.pill-button:not(:disabled):is(:hover,:focus-visible):before{animation:mobile-button-liquid-drift .72s linear 1}.portfolio-card__frame h3{--title-emphasis: 0;display:grid;align-items:end;isolation:isolate}.portfolio-card__title-regular,.portfolio-card__title-bold{display:block;grid-area:1 / 1;mix-blend-mode:plus-lighter;transition:opacity .2s ease-out}.portfolio-card__title-regular{font-weight:400;opacity:calc(1 - var(--title-emphasis))}.portfolio-card__title-bold{font-weight:600;opacity:var(--title-emphasis)}.portfolio-card__link:is(:hover,:focus-visible) h3{--title-emphasis: 1}html[data-mobile-touch] .section-jump:hover:not(:focus-visible):not([data-tap-active]){font-weight:300}html[data-mobile-touch] .section-jump:hover:not(:focus-visible):not([data-tap-active]) .down-chevron{fill:var(--accent);stroke-width:1}html[data-mobile-touch] .section-jump[data-tap-active]{font-weight:600}html[data-mobile-touch] .section-jump[data-tap-active] .down-chevron{fill:#fff;stroke-width:3}html[data-mobile-touch] #wrapper-navbar .site-nav__link:hover:not(:focus-visible):not([data-tap-active]){color:#000;font-weight:500}html[data-mobile-touch] #wrapper-navbar .site-nav__languages a:hover:not(:focus-visible):not([data-tap-active]){color:#666}html[data-mobile-touch] #wrapper-navbar .site-nav__languages a[aria-current]:hover:not(:focus-visible):not([data-tap-active]){color:#000}html[data-mobile-touch] #wrapper-navbar :is(.site-nav__link,.site-nav__languages a)[data-tap-active]{color:var(--accent);transition-duration:.1s}html[data-mobile-touch] #wrapper-navbar .site-nav__link[data-tap-active]{font-weight:700}html[data-mobile-touch] .pill-button:hover:not(:focus-visible):not([data-tap-active]){font-weight:400}html[data-mobile-touch] .pill-button:hover:not(:focus-visible):not([data-tap-active]):before{transform:translateY(110%);animation:none}html[data-mobile-touch] .pill-button[data-tap-active]{font-weight:700}html[data-mobile-touch] .pill-button[data-tap-active]:before{transform:translateY(-12px);animation:mobile-button-liquid-drift .72s linear 1}html[data-mobile-touch] .portfolio-card__link img,html[data-mobile-touch] .portfolio-card__link .portfolio-card__frame,html[data-mobile-touch] .portfolio-card__link .portfolio-card__frame:before,html[data-mobile-touch] .portfolio-card__link .portfolio-card__preview:after{transition-duration:.48s}html[data-mobile-touch] .portfolio-card__link:hover:not(:focus-visible):not([data-tap-active]) img{filter:grayscale(1);transform:none}html[data-mobile-touch] .portfolio-card__link:hover:not(:focus-visible):not([data-tap-active]) .portfolio-card__frame{--frame-border-width: 1px;--frame-border-color: #808080}html[data-mobile-touch] .portfolio-card__link:hover:not(:focus-visible):not([data-tap-active]) h3{--title-emphasis: 0}html[data-mobile-touch] .portfolio-card__link:hover:not(:focus-visible):not([data-tap-active]) .portfolio-card__frame--square:before{clip-path:polygon(0 0,var(--preview-left) 0,var(--preview-left) 3px,calc(100% - var(--preview-right)) 3px,calc(100% - var(--preview-right)) 0,100% 0,100% 100%,0 100%)}html[data-mobile-touch] .portfolio-card__link:hover:not(:focus-visible):not([data-tap-active]) .portfolio-card__frame--square .portfolio-card__preview:after{transform:none}html[data-mobile-touch] .portfolio-card__link[data-tap-active] img{filter:grayscale(0);transform:translateY(calc(-100% * 21 / 247))}html[data-mobile-touch] .portfolio-card__link[data-tap-active] .portfolio-card__frame{--frame-border-width: 2px;--frame-border-color: #fff}html[data-mobile-touch] .portfolio-card__link[data-tap-active] h3{--title-emphasis: 1}}@keyframes mobile-button-liquid-drift{to{-webkit-mask-position:180px 0,0 79px;mask-position:180px 0,0 79px}}@media(max-width:1200px)and (prefers-reduced-motion:no-preference),(orientation:portrait)and (prefers-reduced-motion:no-preference){html[data-mobile-touch] .portfolio-card__link[data-tap-active] .portfolio-card__frame--square:before{clip-path:polygon(0 0,var(--preview-hover-left) 0,var(--preview-hover-left) 3px,calc(100% - var(--preview-hover-right)) 3px,calc(100% - var(--preview-hover-right)) 0,100% 0,100% 100%,0 100%)}html[data-mobile-touch] .portfolio-card__link[data-tap-active] .portfolio-card__frame--square img{transform:scale(var(--preview-hover-scale))}html[data-mobile-touch] .portfolio-card__link[data-tap-active] .portfolio-card__frame--square .portfolio-card__preview:after{transform:scaleX(var(--preview-hover-scale))}}@media(max-width:1200px)and (prefers-reduced-motion:reduce),(orientation:portrait)and (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.pill-button:before,.pill-button:not(:disabled):is(:hover,:focus-visible):before,html[data-mobile-touch] .pill-button[data-tap-active]:before,html[data-mobile-touch] .portfolio-card__link img,html[data-mobile-touch] .portfolio-card__link .portfolio-card__frame,html[data-mobile-touch] .portfolio-card__link .portfolio-card__frame:before,html[data-mobile-touch] .portfolio-card__link .portfolio-card__preview:after,.portfolio-card__title-regular,.portfolio-card__title-bold{transition:none;animation:none}}@media(max-width:1100px),(orientation:portrait){:root{--type-scale: 1.06}.pill-button,.about-section__content>.pill-button,.contact-footer__invitation>.pill-button{font-size:calc(16px * var(--type-scale))}.contact-footer__message p,:is(.contact-footer--home,.contact-footer--gallery) .contact-footer__message p,.privacy-policy .simple-page__content,.case-description,.case-section__note{font-size:calc(14px * var(--type-scale))}.project-search__input{font-size:calc(16px * var(--type-scale))}.case-heading{container-type:inline-size}.case-heading h1{overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}.case-heading--long-name h1{font-size:min(calc(38px * var(--type-scale)),10.1cqw);white-space:nowrap}.case-section h2{font-size:calc(20px * var(--type-scale));line-height:calc(26px * var(--type-scale))}.portfolio-card .project-tags li{font-size:calc(clamp(8px,3.75cqw,12px) * var(--type-scale));padding-inline:min(8px,max(1px,calc(1cqw - 1px),calc(12cqw - 36px)))}.case-video-time{font-size:calc(11px * var(--type-scale))}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}}@media(min-width:761px)and (max-width:1100px)and (orientation:landscape){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1101px)and (max-width:1200px)and (orientation:landscape){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-grid,.projects-section .portfolio-grid{grid-auto-rows:auto;row-gap:50px}}@media(max-width:760px),(max-width:1200px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){#wrapper-navbar .site-nav__list{--nav-font-size: calc(20px * var(--type-scale))}}@media(max-width:1200px)and (max-height:500px)and (orientation:landscape)and (pointer:coarse){.portfolio-card__frame h3{font-size:calc(16px * var(--type-scale))}.about-section__heading h2{font-size:calc(23px * var(--type-scale))}.simple-page h1{font-size:calc(36px * var(--type-scale))}}