@import url(https://fonts.googleapis.com/css?family=Questrial);@import url(https://fonts.googleapis.com/css2?family=Montserrat);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);.dtm-Menu{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start}.dtm-Menu .menu-link:last-child{margin-right:0}.menu-link{fill:#696969;-webkit-transition:.3s;transition:.3s;margin:0 1em;height:2.5em;width:2.5em}.menu-link.contact{width:3.25em}.menu-link g,.menu-link rect{-webkit-transition:.3s;transition:.3s}.menu-link:hover rect{fill:currentColor}.MenuItem:hover .MenuItem-label{fill:#333}.menu-link.selected rect{fill:currentColor;x:0;width:100%}.Icon{width:1em;height:1em}.Icon.large{width:2em;height:2em}.Icon.big{width:1.5em;height:1.5em}.Icon.mid{width:1.25em;height:1.25em}.Icon.small{width:1em;height:1em}.Icon.tiny{width:.75em;height:.75em}.Icon svg{width:100%;height:100%;fill:currentColor}.Button{-webkit-transition:background-color .15s ease-in;transition:background-color .15s ease-in}.Button:focus{outline:.125em solid #696969}.Button{display:flex;justify-content:center;align-items:center;cursor:pointer}.theme{color:#696969}.PictoButton{position:relative;cursor:pointer}.PictoButton .PictoButton-overlay{position:absolute;width:100%;height:100%;top:0;left:0;background-color:transparent;-webkit-transition:background-color .15s ease;transition:background-color .15s ease}.PictoButton:hover .PictoButton-overlay{background-color:rgba(0,0,0,.1)}.PictoButton:active .PictoButton-overlay{background-color:rgba(0,0,0,.2)}.PictoButton svg{width:100%;height:100%;-webkit-transition:fill .15s ease-in;transition:fill .15s ease-in;fill:#696969}.PictoButton:not(.overlay):hover svg{fill:#333}.PictoButton.overlay svg{fill:currentColor}.Logo{position:fixed;top:1em;left:5em;width:2.5em;height:2.5em;z-index:500;-webkit-transition:background .15s ease-in;transition:background .15s ease-in}.Logo svg{-webkit-transition:fill .15s ease-in;transition:fill .15s ease-in}.Logo.active svg{fill:currentColor}.Logo svg{width:100%;height:100%}@media screen and (max-width:1280px){.Logo{left:1em}}.dtm-PersonaLogo{margin:-.05em 0;width:100%;height:2.65em;display:flex;flex-wrap:wrap}.Name,.Surname{display:flex;flex-wrap:wrap;flex-flow:row wrap;-webkit-transition:width .25s ease;transition:width .25s ease}.block{white-space:nowrap;overflow:hidden;margin:.05em 0;height:.76em;position:relative}.block svg{height:.75em;margin:0;position:absolute;fill:currentColor}.dtm-PersonaLogo:hover .Name{width:4.6em}.Name{width:2.1em;margin-right:.5em}.Name .block:first-child{flex-basis:1.4em;flex-grow:1}.Name .block:nth-child(2){flex-basis:0.9em;flex-grow:1}.Name .block:nth-child(3){flex-basis:1.7em;flex-grow:1;margin-right:auto}.dtm-PersonaLogo:hover .Surname{width:8em}.Surname{width:3.6em}.Surname .block:first-child{flex-basis:1.3em;flex-grow:1}.Surname .block:nth-child(2){flex-basis:2.65em;flex-grow:1}.Surname .block:nth-child(3){flex-basis:3em;flex-grow:1}.dtm-Navigation{font-family:"Questrial",sans-serif;font-weight:600;width:100%;height:100vh;top:0;z-index:250;position:fixed}.Navigation-container.open{-webkit-transform:scale(1);transform:scale(1)}.Navigation-container.hide{-webkit-transform:scale(.9);transform:scale(.9)}.Navigation-container{width:100%;height:100%;display:flex;-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease;z-index:10}.menuItems{font-size:1.25em;display:flex;flex-direction:column;justify-content:space-between;align-content:space-between;text-align:center;height:50%;margin:auto}.menuItems span{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(95%,transparent),color-stop(0,currentColor));background-image:linear-gradient(180deg,transparent 95%,currentColor 0);background-size:0 100%;background-repeat:no-repeat;text-decoration:none;color:inherit;-webkit-transition:background-size .2s ease;transition:background-size .2s ease;cursor:pointer}.menuItems span:hover{background-size:100% 100%}.background{position:absolute;top:0;left:0;width:100%;height:100%}.MenuButton{position:fixed;z-index:1000}.MenuButton:focus{outline:.125em solid #696969}.MenuButton{width:2.5em;height:2.5em;padding:0 .25em;margin-right:0;color:#696969;cursor:pointer;display:flex;justify-content:center;align-items:center}.MenuButton:hover{background-color:rgba(0,0,0,.05)}.MenuButton .Icon{width:1.25em;height:1.25em}.Hamburger{top:1em;right:5em}.Hamburger rect{-webkit-transition:.15s ease;transition:.15s ease}.Hamburger.navi-is-open:focus{outline:0}.Hamburger.hide rect{width:0}@media screen and (max-width:1024px){.Hamburger{right:1em}}.dtm-Header{position:fixed;top:0;left:0;z-index:150;background-color:#fff}.dtm-Header .dtm-Header-content{margin:0;padding:1em 0 1em 3.5em;display:flex;position:relative;justify-content:space-between;height:4.5em}.left{display:flex;flex:1 1}.right{display:flex;justify-content:center;align-items:center;height:100%}.mobile .right{width:3em}.Section-title{width:100%;margin-top:2rem;padding-top:9em}.Section-title .rule{height:.2em;margin:.75em 0;background-color:currentColor}.Section-title h1{font-size:4em;margin-bottom:1em}.Section-content-container{display:flex;flex-wrap:wrap;padding:0}.Section-content-container.nowrap{flex-wrap:nowrap}.section-column.float{width:100%}@media screen and (min-width:769px){.section-column.float,.Section-content.float{margin-left:auto}.Section-content.float{width:50%}.section-column.float{width:60%}.Heading.section-heading{width:40%}}@media screen and (min-width:769px) and (max-width:1920px){.section-column.float{width:75%}.Heading.section-heading{width:25%}}@media screen and (min-width:769px) and (max-width:1280px){.section-column.float{width:66%}.Heading.section-heading{width:33%}}.section-column.half,.Section-content-container.half{width:100%;padding-right:50%}.section-column.half.float,.Section-content-container.half.float{width:66%;padding-right:15%}@media screen and (max-width:768px){.section-column.half,.Section-content-container.half{width:100%;padding-right:25%}.section-column.half.float,.Section-content-container.half.float{width:75%;padding-right:0}}.Section-content.heading.large{margin-top:4rem;padding-bottom:2em}.Section-content.heading.large .rule{height:.2em}.Section-content.heading.big{margin-top:3rem;padding-bottom:1.5em}.Section-content.heading.big .rule{height:.125em}.Section-content.heading.mid{margin-top:5em;padding-bottom:1.25em}.Section-content.heading.mid .rule{height:.1em}.Section-content.heading.small{margin-top:4em;padding-bottom:1em}.Section-content.heading.small .rule{height:.05em}.Heading{margin-top:8rem;width:100%}.Heading.large{margin-top:4rem;padding-bottom:2em}.Heading.large .rule{height:.2em}.Heading.big{margin-top:3rem;padding-bottom:1.5em}.Heading.big .rule{height:.125em}.Heading.mid{margin-top:5em;padding-bottom:1.25em}.Heading.mid .rule{height:.1em}.Heading.small{margin-top:4em;padding-bottom:1em}.Heading.small .rule{height:.05em}.Heading h1{font-size:4em}.Heading h2{font-size:2em}.Heading h4{font-size:1.25em}.Heading h6{font-size:1em}.Heading .rule{margin:.75em 0;background-color:currentColor}mark{font-size:.875em;font-weight:bolder;text-transform:uppercase;padding:.125em}.paragraph{font-size:1em;line-height:1.4em;margin:1em 0}.paragraph.caps{text-transform:uppercase;font-family:"Questrial",sans-serif;font-weight:400}.paragraph.bold{font-weight:300}.paragraph.bold:first-child{margin-top:0}.paragraph.bold:last-child{margin-bottom:0}.paragraph.bolder{font-weight:400}.paragraph.bolder:first-child{margin-top:0}.paragraph.bolder:last-child{margin-bottom:0}.paragraph:first-child{margin-top:0}.dtm-Hero{width:100%;height:calc(100vh - 7.5em);color:#000;position:relative}@media screen and (max-width:1024px){.dtm-Hero{height:calc(100vh - 5.5em)}}.dtm-Hero-image{height:100%;position:absolute;background-repeat:no-repeat;background-size:75vh 75vh;bottom:0;left:0}.dtm-Hero-image,.dtm-Hero-leadText{width:100%;background-position:0 100%}.dtm-Hero-leadText{text-align:left;padding:2em 3.5em;height:15em;background-size:10em,10em}.dtm-Hero-leadText .dtm-Hero-leadText--heading h4{margin:0 0 .5em}.leadText-changer{position:relative}.leadText-changer:before{content:"I'm"}.leadText-changer span{-webkit-animation:textChanger 18s infinite;animation:textChanger 18s infinite;position:absolute;opacity:0;margin-left:.5em}.leadText-changer span:first-child{-webkit-animation-delay:0s;animation-delay:0s}.leadText-changer span:nth-child(2){-webkit-animation-delay:3s;animation-delay:3s}.leadText-changer span:nth-child(3){-webkit-animation-delay:6s;animation-delay:6s}.leadText-changer span:nth-child(4){-webkit-animation-delay:9s;animation-delay:9s}.leadText-changer span:nth-child(5){-webkit-animation-delay:12s;animation-delay:12s}.leadText-changer span:nth-child(6){-webkit-animation-delay:15s;animation-delay:15s;border-bottom:.1em solid #fff}@-webkit-keyframes textChanger{0%{opacity:0}5%{opacity:1}15%{opacity:1}20%{opacity:0}}@keyframes textChanger{0%{opacity:0}5%{opacity:1}15%{opacity:1}20%{opacity:0}}.project-link{padding-bottom:100%;position:relative;overflow:hidden}.project-link,.project-link .card{display:flex;width:100%;height:100%}.project-link .card{position:absolute;flex-direction:column}.project-link .card .card-image{height:60%;background-color:#dadada;background-repeat:no-repeat;background-size:cover;background-position:50%}.project-link .card .card-container,.project-link .card .card-image{width:100%;-webkit-transition:-webkit-filter .3s ease;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease}.project-link .card .card-container{height:40%}.project-link:hover .card-image{-webkit-filter:saturate(150%) brightness(110%);filter:saturate(150%) brightness(110%)}.project-link:active .card-image{-webkit-filter:saturate(200%) brightness(90%);filter:saturate(200%) brightness(90%)}.project-label-name{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(90%,transparent),color-stop(0,currentColor));background-image:linear-gradient(180deg,transparent 90%,currentColor 0);background-size:0 100%;background-repeat:no-repeat;text-decoration:none;font-weight:300;color:inherit;-webkit-transition:background-size .2s ease;transition:background-size .2s ease}.project:hover .project-label-name{background-size:100% 100%}.project-desc,.project-label{position:absolute;display:flex;flex-direction:column;padding:.75em}.project-label-name,.project-label-type{margin:0 1em .5em 0!important;text-transform:uppercase;z-index:1}.project-label-name{font-family:"Questrial",sans-serif;font-size:.875em;font-weight:600;margin:0 33% 0 0}.project-desc-formattype,.project-label-type{font-size:.625em;font-family:"Inter",sans-serif;font-weight:300;letter-spacing:.05em;text-transform:uppercase}.project-desc{bottom:0;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%}.project-overlay{position:absolute;top:0;left:0;background:radial-gradient(hsla(0,0%,100%,.4),rgba(0,0,0,.4));width:100%;height:100%}.Grid{width:100%}.grid{display:flex;flex-wrap:wrap}.card-group{margin:-.5em;width:calc(100% + 1em)}.tile-group{margin:-.125em;width:calc(100% + .25em)}a[class*=link]:focus{outline:.125em solid #696969}.box-content{width:calc(20% - 1.01em);margin:.5em}.tile-content{width:calc(20% - .125em);margin:.0625em}@media screen and (max-width:1920px){.box-content{width:calc(25% - 1.01em)}.tile-content{width:calc(25% - .125em)}}@media screen and (max-width:1280px){.box-content{width:calc(33.33% - 1.01em)}.tile-content{width:calc(33.33% - .125em)}}@media screen and (max-width:768px){.box-content{width:calc(50% - 1.01em)}.tile-content{width:calc(50% - .125em)}}@media screen and (max-width:480px){.box-content,.tile-content{width:100%}}.card-content{flex:1 0 30%;margin:.0625em}.resource-link{padding-bottom:50%;position:relative;display:flex;overflow:hidden;width:100%;height:100%}.resource-link .tile{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;-webkit-transition:background-color .3s;transition:background-color .3s;background-color:#f4f4f4}.resource-link .tile .tile-top{padding:1em;width:100%;height:70%;font-size:.875em;font-weight:500}.resource-link .tile .tile-bottom{padding:1em;position:absolute;display:flex;justify-content:space-between;align-items:flex-end;width:100%;bottom:0}.resource-link:hover .tile{background-color:#eaeaea}.resource-link:active .tile{background-color:#dadada;color:#000}.dtm-Tile{width:calc(20% - .125em);margin:.0625em}@media screen and (max-width:1920px){.dtm-Tile{width:calc(25% - .125em)}}@media screen and (max-width:1280px){.dtm-Tile{width:calc(33.3% - .125em)}}@media screen and (max-width:768px){.dtm-Tile{width:calc(50% - .125em)}}@media screen and (max-width:480px){.dtm-Tile{width:100%}}.Tile-container{width:100%;position:relative;display:flex;overflow:hidden;color:#696969;background-color:#f8f8f8}.Tile-container.ratio-1x1,.Tile-container.ratio-square{padding-bottom:100%}.Tile-container.ratio-2x1{padding-bottom:50%}.Tile-container.ratio-3x1{padding-bottom:30%}.Tile-container.ratio-4x1{padding-bottom:25%}.Tile-container.ratio-1x2{padding-bottom:200%}.Tile-container.dark:not(.theme){background-color:#333;color:#fff}.Tile-content{padding:1em;position:absolute;width:100%;height:100%;display:flex;flex-direction:column;-webkit-transition:background-color .3s ease,color .3s ease;transition:background-color .3s ease,color .3s ease}.Clickable .Tile-content:hover,.Focusable .Tile-content:hover{background-color:rgba(0,0,0,.05);color:#333}.Clickable .Tile-content:active{background-color:rgba(0,0,0,.1)}.Clickable.dark .Tile-content:hover,.Focusable.dark .Tile-content:hover{background-color:rgba(0,0,0,.25);color:#f4f4f4}.Clickable.dark .Tile-content:active{background-color:rgba(0,0,0,.5);color:#dadada}.Clickable.theme .Tile-content:hover,.Focusable.theme .Tile-content:hover{background-color:rgba(0,0,0,.1);color:#000}.Clickable.theme .Tile-content:active{background-color:rgba(0,0,0,.2);color:#000}.Clickable:focus{outline:.125em solid #696969}.Clickable.dark:focus{outline:.125em solid #eaeaea}.Clickable.theme:focus{outline:.125em solid #696969}.Clickable.dark.theme:focus{outline:.125em solid #eaeaea}.company{padding-bottom:100%;width:100%;position:relative;display:flex;overflow:hidden}.company .tile{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;-webkit-transition:background-color .3s;transition:background-color .3s;background-color:#f8f8f8}.company:hover .tile{background-color:#f4f4f4}.company:hover .tile svg{fill:#000}.company .company-logo{display:flex;justify-content:center;align-items:center;height:100%;color:#696969}.company .company-logo svg{height:100%;fill:currentColor;-webkit-transition:fill .15s ease;transition:fill .15s ease}.tile-content.client{width:calc(16.66667% - .125em)}@media screen and (max-width:1920px){.tile-content.client{width:calc(16.66667% - .125em)}}@media screen and (max-width:1280px){.tile-content.client{width:calc(25% - .125em)}}@media screen and (max-width:480px){.tile-content.client{width:calc(50% - .125em)}}.contact-link .tile-top{width:100%;flex-grow:1;font-size:.875em;font-weight:500}.contact-link .tile-bottom{display:flex;justify-content:space-between;align-items:flex-end;width:100%;bottom:0}.contact-link .tile-description{font-weight:400;font-size:75%}.dtm-Footer{position:relative;display:flex;flex-direction:column;justify-content:space-between;font-size:1em;z-index:200;background-color:#696969;height:100vh;overflow:hidden}.contactPage-Section{padding-top:4.5em}.Contact{padding-bottom:1em;flex-grow:1}.FooterMenu{background-color:#333;overflow-y:hidden}.FooterMenu .heading{margin-top:2em!important}.Bottom{background-color:#212121}.Copyright{color:currentColor;padding-top:2em;padding-right:5.5em;padding-bottom:.5em;max-width:25em}.Copyright .paragraph{font-size:75%;margin:0!important;white-space:nowrap}.Copyright .Copyright-topContent{width:100%;color:#fff;margin:.25rem 0}.Copyright .Copyright-leftContent{padding-right:2em}.Copyright .Copyright-rightContent{color:#fff;flex-wrap:nowrap;justify-content:space-between}.Copyright .Copyright-rightContent .paragraph:first-child{padding-right:1em}.Copyright .Copyright-rightContent .paragraph:nth-child(2){padding-left:1em}.Copyright-leftContent{width:70%}.Copyright-rightContent{width:30%}.Copyright-leftContent,.Copyright-rightContent{margin:.25rem 0}@media screen and (max-width:480px){.Copyright-leftContent,.Copyright-rightContent{width:100%}}.ToTop{position:fixed;bottom:1em;right:5em;width:2.5em;height:2.5em;z-index:500}@media screen and (max-width:1280px){.ToTop{right:1em}}.JumpToMenu{width:100%;color:#fff;font-size:75%;font-weight:400}.JumpToMenu .JumpToMenu-item{flex:1 1 100%;margin-bottom:1em}.JumpToMenu .JumpToMenu-item span{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(95%,transparent),color-stop(0,currentColor));background-image:linear-gradient(180deg,transparent 95%,currentColor 0);background-size:0 100%;background-repeat:no-repeat;text-decoration:none;font-weight:300;color:inherit;-webkit-transition:background-size .2s ease;transition:background-size .2s ease;cursor:pointer}.JumpToMenu .JumpToMenu-item span:hover{background-size:100% 100%}.footer-navi{display:flex;flex-direction:column;flex-wrap:wrap;flex-flow:column wrap}.personal,.social{padding:0;margin:0}.footer-navi li{flex:1 1 100%;margin-bottom:1em}.menu li,.personal li,.social li{margin-right:1.2em;margin-bottom:1em}.personal li{display:block}.menu a,.personal a,.social a{position:relative}.menu a:hover:after,.personal a:hover:after,.social a:hover:after{width:100%}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#eaeaea}body::-webkit-scrollbar-thumb{background-color:#696969;border-radius:6px;border:3px solid #eaeaea}.Page{min-width:20rem}.stars{margin:1em 0}.stars .Icon{margin-right:.25em}:root{--theme-color:#eaeaea}*{box-sizing:border-box;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}html{font-size:16px}body{font-family:"Inter",sans-serif;font-weight:200;font-size:calc(1rem + (100vw - 800px)/400);background-color:#fff;color:#696969;margin:0;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1,h2,h3,h4,h5,h6{font-family:"Questrial",sans-serif;font-weight:400;text-transform:uppercase;margin:0}li,ul{list-style:none;margin:0;-webkit-padding-start:0;padding-inline-start:0}a{text-decoration:none;color:inherit}hr{background-color:#696969;height:.25rem;border:none;margin-top:0;margin-bottom:1em}button{outline:0;border:0;background:none;font-size:100%;cursor:pointer;padding:0}footer,header,main{color:#696969}main{margin-bottom:2em}.introPage-Section{padding-top:4.5em}.wrapper{width:100%;padding-left:5em;padding-right:5em}@media screen and (max-width:1280px){.wrapper{width:100%;padding-left:1em;padding-right:1em}}@media screen and (max-width:320px){.wrapper{width:320px}}.acrylic-background{mix-blend-mode:darken;-webkit-backdrop-filter:blur(100px) saturate(400%) opacity(100%);backdrop-filter:blur(100px) saturate(400%) opacity(100%)}.acrylic-background,.themed-background,mark{background-color:#eaeaea;background-color:var(--theme-color);-webkit-transition:background-color 1s;transition:background-color 1s}.themed-color{color:#eaeaea;color:var(--theme-color);-webkit-transition:color 1s;transition:color 1s}[class*=flex]{display:flex}[class*=flex-11]{flex:1 1}.flex-101{justify-content:flex-end}