@charset "UTF-8";@-webkit-keyframes loader{0%{transform:scale(1);opacity:1}to{transform:scale(.7);opacity:.2}}@keyframes loader{0%{transform:scale(1);opacity:1}to{transform:scale(.7);opacity:.2}}@-webkit-keyframes podcastPlaying{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes podcastPlaying{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes messageEntry{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes messageEntry{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes cardEntry{0%{opacity:0;transform:translateY(5vh)}to{opacity:1;transform:translateY(0)}}@keyframes cardEntry{0%{opacity:0;transform:translateY(5vh)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:'Manrope';src:url(/assets/fonts/manrope.ttf) format('truetype');src:url(/assets/fonts/Manrope-ExtraLight.woff) format('woff');src:url(/assets/fonts/Manrope-ExtraLight.woff2) format('woff2');font-weight:100;font-display:swap}@font-face{font-family:'Manrope';src:url(/assets/fonts/manrope.ttf) format('truetype');src:url(/assets/fonts/Manrope-Bold.woff) format('woff');src:url(/assets/fonts/Manrope-Bold.woff2) format('woff2');font-weight:700;font-display:swap}html{width:100vw;overflow-x:hidden}html.menuOpen,html.scrollLocked{overflow:hidden}body,html{height:100%}body{margin:0;background-color:#eaeaea;color:#2c2c2c;font-family:"Manrope",sans-serif;font-size:16px}ul{list-style:none;margin:0}ul,ul li{padding:0}::-moz-selection{background:rgba(139,117,235,.2);text-shadow:3px 3px 7px rgba(0,0,0,.16),-4px -4px 7px rgba(255,255,255,.8)}::selection{background:rgba(139,117,235,.2);text-shadow:3px 3px 7px rgba(0,0,0,.16),-4px -4px 7px rgba(255,255,255,.8)}html main{transition:opacity .2s}html.is-animating main,html.is-leaving main{opacity:0}.nextProjectScreen{position:fixed;z-index:300;border-radius:50%;width:150vmax;height:150vmax;left:calc(50% - 75vmax);top:calc(50% - 75vmax);background:#eb9c00;will-change:transform;transform:scale(0);transition:transform .5s cubic-bezier(.45,.05,.55,.95)}.nextProjectScreen.open{transform:scale(1);transition:none}.sectionHeader{position:relative;z-index:3;padding:160px 80px;display:flex;max-width:100vw}.sectionHeader .number,.sectionHeader .title h1,.sectionHeader .title h2{opacity:0;transform:translateX(-40px);will-change:opacity,transform}.sectionHeader .number{margin-right:40px;transition:opacity .3s .1s cubic-bezier(.79,.14,.15,.86),transform .3s .1s cubic-bezier(.79,.14,.15,.86)}.sectionHeader.long{padding-bottom:240px}.sectionHeader::after{--size: calc(50vw - 80px);content:'';position:absolute;z-index:-1;left:40px;top:calc((var(--size) - 100%)/-2);width:var(--size);height:var(--size);border-radius:50%;background:#eb9c00;transform:scale(0);will-change:transform;transition:transform .5s .3s cubic-bezier(.68,-.55,.27,1.55)}.sectionHeader.visible .number,.sectionHeader.visible .title h1,.sectionHeader.visible .title h2{opacity:1;transform:translateY(0)}.sectionHeader.visible::after{transform:scale(1);transition:transform .5s 0s cubic-bezier(.79,.14,.15,.86)}.sectionHeader.visible .number{transition:opacity .3s 0s cubic-bezier(.79,.14,.15,.86),transform .3s 0s cubic-bezier(.79,.14,.15,.86)}.sectionHeader .title h2,.sectionHeader.visible .title h1{transition:opacity .3s .1s cubic-bezier(.79,.14,.15,.86),transform .3s .1s cubic-bezier(.79,.14,.15,.86)}.sectionHeader .title h1,.sectionHeader.visible .title h2{transition:opacity .3s .2s cubic-bezier(.79,.14,.15,.86),transform .3s .2s cubic-bezier(.79,.14,.15,.86)}button,h1,h2{margin:0;line-height:1.2}button,h1,h2,h3,h4,h5,input,label,li,span,textarea{font-family:"Manrope",sans-serif;color:#2c2c2c}h3,h5,input,label,li,span,textarea{margin:0}h4{line-height:1.2}h2,p{font-weight:100}a,h5,input,label,li,p,span,textarea{line-height:1.8;font-variant-ligatures:common-ligatures}p{font-family:"Manrope",sans-serif;color:#2c2c2c;max-width:520px;margin:20px 0}a,h4,p{font-size:16px;letter-spacing:1px}a,h5,input,label,li,span,textarea{font-weight:100}a,strong{font-family:"Manrope",sans-serif;margin:0}strong{line-height:1.2;color:#8b75eb}h1{font-size:80px}h2{font-size:72px}h3{font-size:32px;line-height:1.5}h5,input,label,li,span,textarea{font-size:16px;letter-spacing:1px}b,h1,h3,h4,strong{font-weight:700}h4{margin:12px 0}p.secondary,span.secondary{color:rgba(44,44,44,.6)}b{color:#8b75eb}strong.label{color:#2c2c2c;margin-left:20px;display:inline-block;padding:8px 16px;border-radius:4px;font-weight:100;box-shadow:inset 2px 2px 7px rgba(0,0,0,.08),inset -2px -2px 7px rgba(255,255,255,.8)}.projectDetailed .cards .cardContainer .cardBox .card .details .content p:empty,strong.label:empty{display:none}.stat span{color:#d5d3de;font-weight:700}.stat span.large{font-size:200px;line-height:.9;display:block}.stat span.regular{font-size:80px;line-height:1.1}a{color:#2c2c2c;text-decoration:none;cursor:pointer}a.secondary{display:inline-block;letter-spacing:4px;overflow:hidden;position:relative;will-change:transform;transition:transform .3s cubic-bezier(.68,-.55,.27,1.55);text-transform:uppercase}a.secondary span.main,a.secondary span.secondary{padding:0 12px;display:block;will-change:transform;transition:transform .3s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character,a.secondary span.secondary span.character{display:inline-block;padding:8px 0;will-change:transform;white-space:pre}a.secondary span.main span.character:nth-of-type(0),a.secondary span.secondary span.character:nth-of-type(0){transition:transform .4s 0s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(1),a.secondary span.secondary span.character:nth-of-type(1){transition:transform .4s .025s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(2),a.secondary span.secondary span.character:nth-of-type(2){transition:transform .4s .05s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(3),a.secondary span.secondary span.character:nth-of-type(3){transition:transform .4s .075s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(4),a.secondary span.secondary span.character:nth-of-type(4){transition:transform .4s .1s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(5),a.secondary span.secondary span.character:nth-of-type(5){transition:transform .4s .125s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(6),a.secondary span.secondary span.character:nth-of-type(6){transition:transform .4s .15s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(7),a.secondary span.secondary span.character:nth-of-type(7){transition:transform .4s .175s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(8),a.secondary span.secondary span.character:nth-of-type(8){transition:transform .4s .2s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(9),a.secondary span.secondary span.character:nth-of-type(9){transition:transform .4s .225s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(10),a.secondary span.secondary span.character:nth-of-type(10){transition:transform .4s .25s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(11),a.secondary span.secondary span.character:nth-of-type(11){transition:transform .4s .275s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(12),a.secondary span.secondary span.character:nth-of-type(12){transition:transform .4s .3s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(13),a.secondary span.secondary span.character:nth-of-type(13){transition:transform .4s .325s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(14),a.secondary span.secondary span.character:nth-of-type(14){transition:transform .4s .35s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(15),a.secondary span.secondary span.character:nth-of-type(15){transition:transform .4s .375s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(16),a.secondary span.secondary span.character:nth-of-type(16){transition:transform .4s .4s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(17),a.secondary span.secondary span.character:nth-of-type(17){transition:transform .4s .425s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(18),a.secondary span.secondary span.character:nth-of-type(18){transition:transform .4s .45s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(19),a.secondary span.secondary span.character:nth-of-type(19){transition:transform .4s .475s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(20),a.secondary span.secondary span.character:nth-of-type(20){transition:transform .4s .5s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(21),a.secondary span.secondary span.character:nth-of-type(21){transition:transform .4s .525s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(22),a.secondary span.secondary span.character:nth-of-type(22){transition:transform .4s .55s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(23),a.secondary span.secondary span.character:nth-of-type(23){transition:transform .4s .575s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(24),a.secondary span.secondary span.character:nth-of-type(24){transition:transform .4s .6s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(25),a.secondary span.secondary span.character:nth-of-type(25){transition:transform .4s .625s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(26),a.secondary span.secondary span.character:nth-of-type(26){transition:transform .4s .65s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(27),a.secondary span.secondary span.character:nth-of-type(27){transition:transform .4s .675s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(28),a.secondary span.secondary span.character:nth-of-type(28){transition:transform .4s .7s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main span.character:nth-of-type(29),a.secondary span.secondary span.character:nth-of-type(29){transition:transform .4s .725s cubic-bezier(.79,.14,.15,.86)}a.secondary span.main.effect,a.secondary span.secondary,a.secondary span.secondary.effect{width:100%;position:absolute;top:-100%;left:50%;transform:translateX(-50%);text-align:center}a.secondary span.main.effect .character,a.secondary span.secondary.effect .character{transform:translateY(-100%)}a.secondary:hover{transform:scale(1.1)}a.secondary.secondaryState span.main:not(.effect),a.secondary:hover:not(.secondaryState) span.main .character{transform:translateY(100%)}a.secondary:active{transform:scale(.9)}a.secondary.secondaryState span.secondary:not(.effect){transform:translateX(-50%) translateY(100%)}a.secondary.secondaryState:hover span.secondary .character{transform:translateY(100%)}a.primary,input[type=submit].primary{padding:8px 12px;display:inline-block;position:relative;border-radius:4px;box-shadow:inset 0 0 0 1px #8b75eb;border:0}a.primary::after,a.primary::before,input[type=submit].primary::after,input[type=submit].primary::before{content:"";display:block;border-radius:4px;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .2s cubic-bezier(.79,.14,.15,.86);will-change:opacity}a.primary::before,input[type=submit].primary::before{z-index:1;box-shadow:inset 2px 2px 7px rgba(0,0,0,.16),inset -2px -2px 7px #fff;opacity:.4}a.primary::after,input[type=submit].primary::after{z-index:-1;background:linear-gradient(to right bottom,#eaeaea 0,#d5d3de 200%);box-shadow:3px 3px 7px rgba(30,18,129,.1),-4px -4px 7px #efedfc}a.primary:hover::after,input[type=submit].primary:hover::after{opacity:.4}a.primary:active::after,input[type=submit].primary:active::after{opacity:0}a.primary:active::before,input[type=submit].primary:active::before{opacity:1}a.social,a.social .icon::after{will-change:opacity;transition:opacity .3s cubic-bezier(.79,.14,.15,.86)}a.social{position:relative;display:block;height:28px;width:28px;padding:16px;margin-right:40px}a.social .icon{position:relative;width:100%;height:100%;transition:background-size 0s .3s}a.social .icon::after{content:'';position:absolute;z-index:2;left:0;width:100%;height:100%}a.social .icon.cv{background:url(/assets/images/icons/cv-color.svg) no-repeat center;background-size:0}a.social .icon.cv::after{background:url(/assets/images/icons/cv-dark.svg) no-repeat center;background-size:100%}a.social .icon.linkedin{background:url(/assets/images/icons/linkedin-color.svg) no-repeat center;background-size:0}a.social .icon.linkedin::after{background:url(/assets/images/icons/linkedin-dark.svg) no-repeat center;background-size:100%}a.social .icon.twitter{background:url(/assets/images/icons/twitter-color.svg) no-repeat center;background-size:0}a.social .icon.twitter::after{background:url(/assets/images/icons/twitter-dark.svg) no-repeat center;background-size:100%}a.social .icon.dribbble{background:url(/assets/images/icons/dribbble-color.svg) no-repeat center;background-size:0}a.social .icon.dribbble::after{background:url(/assets/images/icons/dribbble-dark.svg) no-repeat center;background-size:100%}a.social .icon.spotify{background:url(/assets/images/icons/spotify-color.svg) no-repeat center;background-size:0}a.social .icon.spotify::after{background:url(/assets/images/icons/spotify-dark.svg) no-repeat center;background-size:100%}a.social .icon.applepodcast{background:url(/assets/images/icons/apple_podcast-color.svg) no-repeat center;background-size:0}a.social .icon.applepodcast::after{background:url(/assets/images/icons/apple_podcast-dark.svg) no-repeat center;background-size:100%}a.social .icon.youtube{background:url(/assets/images/icons/youtube-color.svg) no-repeat center;background-size:0}a.social .icon.youtube::after{background:url(/assets/images/icons/youtube-dark.svg) no-repeat center;background-size:100%}a.social::after,a.social::before{content:"";display:block;border-radius:4px;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .2s cubic-bezier(.79,.14,.15,.86);will-change:opacity}a.social::before{z-index:1;box-shadow:inset 2px 2px 7px rgba(0,0,0,.16),inset -2px -2px 7px #fff;opacity:0}a.social::after{z-index:-1;background:linear-gradient(to right bottom,#eaeaea 0,#d5d3de 200%);box-shadow:3px 3px 7px rgba(0,0,0,.16),-4px -4px 7px rgba(255,255,255,.8)}a.social:hover .icon{background-size:100%;transition:background-size 0s 0s}a.social:hover::after{opacity:.4}a.social:active::after,a.social:hover .icon::after{opacity:0}a.social:active::before{opacity:1}body.toggleColorMode nav .menu,body.toggleColorMode nav .menu ul li.sectionLink::after{transition:background .6s}body.toggleColorMode a,body.toggleColorMode b,body.toggleColorMode button,body.toggleColorMode h1,body.toggleColorMode h2,body.toggleColorMode h3,body.toggleColorMode h4,body.toggleColorMode h5,body.toggleColorMode input,body.toggleColorMode label,body.toggleColorMode li,body.toggleColorMode p,body.toggleColorMode span,body.toggleColorMode strong,body.toggleColorMode textarea{transition:color .6s}body.darkmode{background-color:#2c2c2c;color:#eaeaea}body.darkmode ::-moz-selection{background:rgba(131,111,222,.2);text-shadow:3px 3px 7px rgba(0,0,0,.4),-3px -3px 7px rgba(255,255,255,.1)}body.darkmode ::selection{background:rgba(131,111,222,.2);text-shadow:3px 3px 7px rgba(0,0,0,.4),-3px -3px 7px rgba(255,255,255,.1)}body.darkmode .loader.firstTime,body.darkmode .projectDetailed .cards .cardContainer .cardBox .card,body.darkmode .testimonials .testimonialsBox .testimonial,body.darkmode nav .menu{background:#2c2c2c}body.darkmode .nextProjectScreen,body.darkmode .sectionHeader::after,body.darkmode nav .menu ul li.sectionLink::after{background:#d18b00}body.darkmode nav .menu .darkmodeToggleContainer .colorModeIconBox .center{background:0 0;border-color:#eaeaea;transform:scale(1)}body.darkmode nav .menu .darkmodeToggleContainer .colorModeIconBox .moonPart{background:#2c2c2c;transform:translate(0,0) scale(0)}body.darkmode nav .menu .darkmodeToggleContainer .colorModeIconBox .branch{background:#eaeaea}body.darkmode nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(1){transform:rotate(0deg) translateX(11px)}body.darkmode nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(2){transform:rotate(45deg) translateX(11px)}body.darkmode nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(3){transform:rotate(90deg) translateX(11px)}body.darkmode nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(4){transform:rotate(135deg) translateX(11px)}body.darkmode nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(5){transform:rotate(180deg) translateX(11px)}body.darkmode nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(6){transform:rotate(225deg) translateX(11px)}body.darkmode nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(7){transform:rotate(270deg) translateX(11px)}body.darkmode nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(8){transform:rotate(315deg) translateX(11px)}body.darkmode nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(9){transform:rotate(360deg) translateX(11px)}body.darkmode .loader .center{border:10px solid #eaeaea}body.darkmode .projectDetailed .cards .cardContainer .cardBox .card .intro p b,body.darkmode a,body.darkmode button,body.darkmode h1,body.darkmode h2,body.darkmode h3,body.darkmode h4,body.darkmode h5,body.darkmode input,body.darkmode label,body.darkmode li,body.darkmode p,body.darkmode span,body.darkmode textarea{color:#eaeaea}body.darkmode .aboutMe .awardsContainer .award p,body.darkmode b,body.darkmode strong{color:#836fde}body.darkmode strong.label{color:#eaeaea;box-shadow:inset 2px 2px 7px rgba(0,0,0,.3),inset -2px -2px 7px rgba(255,255,255,.1)}body.darkmode a.primary{box-shadow:inset 0 0 0 1px #836fde}body.darkmode a.primary::before{box-shadow:inset 2px 2px 7px rgba(0,0,0,.7),inset -2px -2px 7px rgba(255,255,255,.2)}body.darkmode a.primary::after{background:linear-gradient(to right bottom,#424145 -100%,#2c2c2c 80%);box-shadow:3px 3px 7px rgba(0,0,0,.4),-3px -3px 7px rgba(255,255,255,.1)}body.darkmode a.social .icon.cv::after{background:url(/assets/images/icons/cv-light.svg) no-repeat center;background-size:100%}body.darkmode a.social .icon.linkedin::after{background:url(/assets/images/icons/linkedin-light.svg) no-repeat center;background-size:100%}body.darkmode a.social .icon.twitter::after{background:url(/assets/images/icons/twitter-light.svg) no-repeat center;background-size:100%}body.darkmode a.social .icon.dribbble::after{background:url(/assets/images/icons/dribbble-light.svg) no-repeat center;background-size:100%}body.darkmode a.social .icon.spotify::after{background:url(/assets/images/icons/spotify-light.svg) no-repeat center;background-size:100%}body.darkmode a.social .icon.applepodcast::after{background:url(/assets/images/icons/apple_podcast-light.svg) no-repeat center;background-size:100%}body.darkmode a.social .icon.youtube::after{background:url(/assets/images/icons/youtube-light.svg) no-repeat center;background-size:100%}body.darkmode .talkTogether::before,body.darkmode a.social::before{box-shadow:inset 2px 2px 7px rgba(0,0,0,.7),inset -2px -2px 7px rgba(255,255,255,.2)}body.darkmode a.social::after{background:linear-gradient(to right bottom,#424145 -100%,#2c2c2c 80%);box-shadow:3px 3px 7px rgba(0,0,0,.4),-3px -3px 7px rgba(255,255,255,.1)}body.darkmode p.secondary,body.darkmode span.secondary{color:rgba(234,234,234,.6)}body.darkmode .projectDetailed .cards .cardContainer .cardBox .card .shadow,body.darkmode .testimonials .testimonialsBox .testimonial::after{box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2),0 2px 20px rgba(0,0,0,.25)}body.darkmode .podcastBox,body.darkmode .socialBar{background:#2c2c2c;box-shadow:3px 3px 7px rgba(0,0,0,.4),-3px -3px 7px rgba(255,255,255,.1)}body.darkmode .podcastBox .turntableBox .turntable .vinylBox .vinyl{background:#101010}body.darkmode .podcastBox .turntableBox .turntable .vinylBox .vinyl,body.darkmode .podcastBox .turntableBox .turntable .volumeBar{box-shadow:2px 2px 4px rgba(0,0,0,.4),-2px -2px 4px rgba(255,255,255,.1)}body.darkmode .podcastBox .turntableBox .turntable .volumeBar .slide{box-shadow:inset 1px 1px 2px rgba(0,0,0,.3),inset -1px -1px 2px rgba(255,255,255,.1)}body.darkmode .podcastBox .turntableBox .turntable .mainButton .play{background:url(/assets/images/parlons_design/play_button_light.svg) no-repeat center;background-size:110%}body.darkmode .podcastBox .turntableBox .turntable .mainButton .pause::after,body.darkmode .podcastBox .turntableBox .turntable .mainButton .pause::before{background:#eaeaea}body.darkmode .podcastBox .turntableBox .turntable .arm .base{box-shadow:3px 3px 7px rgba(0,0,0,.4),-3px -3px 7px rgba(255,255,255,.1)}body.darkmode .aboutMe .awardsContainer .award .darkModeLogo{display:inline-block}.contextualContainer .contextualContent,body.darkmode .aboutMe .awardsContainer .award .lightModeLogo{display:none}body.darkmode .talkTogether .messages .messageBox .message{color:#2c2c2c;box-shadow:0 0 1px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1),0 1px 10px rgba(0,0,0,.12)}body.darkmode .scene-3d .device-container .iosDevice .transitioner.primary,body.darkmode .talkTogether .messages .messageBox .message.romain .message{background:#d18b00}body.darkmode .talkTogether .messages .messageBox .message.guest .message{background:#836fde}body.darkmode .talkTogether .contactForm .inputs .row span.error{color:#de0000}body.darkmode .talkTogether .contactForm .inputs .row input,body.darkmode .talkTogether .contactForm .inputs .row textarea{border:1px solid #836fde;box-shadow:inset 2px 2px 7px rgba(0,0,0,.3),inset -2px -2px 7px rgba(255,255,255,.1)}body.darkmode .stat span{color:#424145}body.darkmode .scene-3d .cube .face{background:#2c2c2c;border:1px solid #eaeaea}body.darkmode .scene-3d .article .back .invisibleBackground,body.darkmode .scene-3d .device-container .iosDevice .transitioner.secondary{background:#2c2c2c}body.darkmode .scene-3d .device-container .iosDevice.project0 .front .project0-screen{content:url(/assets/images/projects/sesame_password_manager-darkmode.png)}body.darkmode .scene-3d .device-container .iosDevice.project2 .front .project2-screen{content:url(/assets/images/projects/squared_ideas_thoughts_notebook-darkmode.png)}body.darkmode .scene-3d .heroTriangles .triangleAnchor .triangle .back,body.darkmode .scene-3d .heroTriangles .triangleAnchor .triangle .front{background:url(/assets/images/hero/triangle_face_dark.svg) no-repeat center;background-size:100% 100%}body.darkmode .scene-3d .heroTriangles .triangleAnchor .triangle .back::after,body.darkmode .scene-3d .heroTriangles .triangleAnchor .triangle .back::before,body.darkmode .scene-3d .heroTriangles .triangleAnchor .triangle .front::after,body.darkmode .scene-3d .heroTriangles .triangleAnchor .triangle .front::before{background:#2c2c2c;border-color:#836fde}body.step0 .contextualContainer .contextualContent:nth-of-type(1),body.step1 .contextualContainer .contextualContent:nth-of-type(2),body.step2 .contextualContainer .contextualContent:nth-of-type(3),body.step3 .contextualContainer .contextualContent:nth-of-type(4),body.step4 .contextualContainer .contextualContent:nth-of-type(5),body.step5 .contextualContainer .contextualContent:nth-of-type(6){display:block}.loader,nav{position:fixed;top:0;left:0;display:flex;align-items:center}.loader{z-index:500;width:100vw;height:100vh;justify-content:center;pointer-events:none;opacity:0;transform:scale(1.4);will-change:opacity,transform;transition:opacity .6s cubic-bezier(.45,.05,.55,.95),transform .6s cubic-bezier(.6,-.28,.735,.045)}.loader.firstTime{background:#eaeaea}.loader.isLoading{transform:scale(1);opacity:1}.loader.isLoading .center{-webkit-animation-play-state:running;animation-play-state:running}.loader .center{width:120px;height:120px;border-radius:70px;border:10px solid #2c2c2c;margin:0 80px;-webkit-animation:loader 3s ease-in-out infinite alternate paused;animation:loader 3s ease-in-out infinite alternate paused}.loader p{width:30vw}.loader p.name{text-align:right}.loader p.job{text-align:left}nav{padding:20px 40px;z-index:200;right:0;justify-content:space-between}nav p.welcome{margin:0;max-width:none;z-index:2}nav .actions{z-index:2}nav .actions .langSelector,nav p.welcome{will-change:opacity,transform;transition:opacity .4s cubic-bezier(.45,.05,.55,.95),transform .4s cubic-bezier(.45,.05,.55,.95)}nav.welcomeHidden:not(.open) .actions .langSelector,nav.welcomeHidden:not(.open) p.welcome{opacity:0;transform:translateY(-8px)}nav.detailedProject:not(.open) p.welcome{opacity:0;pointer-events:none}nav .actions{display:flex;align-items:center}nav .actions ul.langSelector{display:flex;flex-direction:column;position:relative;margin:0 20px 0 0}nav .actions ul.langSelector li{line-height:1}nav .actions ul.langSelector li a{padding:0 12px}nav .actions ul.langSelector li.current{order:0;z-index:2}nav .actions ul.langSelector li.current a{pointer-events:none}nav .actions ul.langSelector li:not(.current){position:absolute;top:100%;order:2;opacity:0;transform:translateY(-100%);will-change:transform,opacity;transition:opacity .3s cubic-bezier(.45,.05,.55,.95),transform .3s cubic-bezier(.45,.05,.55,.95)}nav .actions ul.langSelector.secondOption:hover::after{transform:rotate(0deg) translateY(calc(100% + 4px))}nav .actions ul.langSelector::after{content:'<';position:absolute;left:calc(100% - 4px);top:0;display:flex;align-items:center;transform:rotate(-90deg);will-change:transform;transition:transform .3s cubic-bezier(.45,.05,.55,.95)}nav .actions ul.langSelector:hover::after{transform:rotate(0deg)}nav .actions ul.langSelector:hover li:not(.current){opacity:1;transform:translateY(0)}nav .actions a.menuButton{margin-left:28px}nav .menu{display:flex;transition:clip-path .6s cubic-bezier(.45,.05,.55,.95);transition:clip-path .6s cubic-bezier(.45,.05,.55,.95),-webkit-clip-path .6s cubic-bezier(.45,.05,.55,.95);-webkit-clip-path:circle(0 at 100% 0);clip-path:circle(0 at 100% 0);pointer-events:none;flex-direction:column;position:fixed;top:0;left:0;width:100vw;height:100vh;padding-top:80px;background:#eaeaea;z-index:1;box-sizing:border-box}nav .menu ul{flex:2}nav .menu ul li.sectionLink{position:relative;height:33.33%;display:flex;align-items:center;padding-left:160px;cursor:pointer}nav .menu ul li.sectionLink span{line-height:1.2}nav .menu ul li.sectionLink span.main,nav .menu ul li.sectionLink span.number{font-size:80px;font-weight:700;margin-right:20px}nav .menu ul li.sectionLink span.number{width:80px;text-align:right;display:inline-block;position:relative;z-index:-2}nav .menu ul li.sectionLink span.detail{font-size:72px;font-weight:100;display:inline-block;opacity:0;transform:translateX(-40px);will-change:opacity,transform;transition:opacity .4s cubic-bezier(.79,.14,.15,.86),transform .4s cubic-bezier(.79,.14,.15,.86)}nav .menu ul li.sectionLink::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc((100vh - 180px)/3);border-radius:calc((100vh - 180px)/6);background:#eb9c00;transform-origin:left;transform:translateX(-100%);will-change:transform,opacity;z-index:-1}nav .menu ul li.sectionLink:hover::after{transform:translateX(80px);transition:transform .4s cubic-bezier(.79,.14,.15,.86)}nav .menu ul li.sectionLink:hover span.detail{opacity:1;transform:translateX(0)}nav .menu ul li.sectionLink.goOut::after{transform:translateX(0);opacity:0;transition:transform .3s ease-in,opacity .3s ease-in}nav .menu ul li.sectionLink.goOut span.detail{transform:translateX(40px)}nav .menu .darkmodeToggleContainer{display:flex;align-items:center;justify-content:flex-end;padding:20px 40px}nav .menu .darkmodeToggleContainer .colorModeIconBox{width:40px;height:40px;position:relative;cursor:pointer}nav .menu .darkmodeToggleContainer .colorModeIconBox .branch,nav .menu .darkmodeToggleContainer .colorModeIconBox .center,nav .menu .darkmodeToggleContainer .colorModeIconBox .moonPart{position:absolute;will-change:transform;transition:transform .4s}nav .menu .darkmodeToggleContainer .colorModeIconBox .center{top:14px;left:14px;width:8px;height:8px;border-radius:50%;background:#2c2c2c;border:2px solid #2c2c2c;transform:scale(2)}nav .menu .darkmodeToggleContainer .colorModeIconBox .moonPart{top:11px;left:11px;z-index:5;height:18px;width:18px;border-radius:50%;background:#eaeaea;transform:translate(7px,-5px)}nav .menu .darkmodeToggleContainer .colorModeIconBox .branch{top:19px;left:17px;height:2px;width:6px;border-radius:1px}nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(1){transform:rotate(0deg) translateX(0)}nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(2){transform:rotate(45deg) translateX(0)}nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(3){transform:rotate(90deg) translateX(0)}nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(4){transform:rotate(135deg) translateX(0)}nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(5){transform:rotate(180deg) translateX(0)}nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(6){transform:rotate(225deg) translateX(0)}nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(7){transform:rotate(270deg) translateX(0)}nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(8){transform:rotate(315deg) translateX(0)}nav .menu .darkmodeToggleContainer .colorModeIconBox .branch:nth-of-type(9){transform:rotate(360deg) translateX(0)}nav .menuBackground{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background:rgba(0,0,0,.5);opacity:0;will-change:opacity;transition:opacity .5s .3s cubic-bezier(.45,.05,.55,.95)}nav.open .menuBackground{opacity:1;transition:opacity .5s cubic-bezier(.45,.05,.55,.95)}nav.open .menu{-webkit-clip-path:circle(120vmax at 100% 0);clip-path:circle(120vmax at 100% 0);pointer-events:auto}.hero{height:100vh;padding:0 80px;display:flex;flex-direction:column;justify-content:center;position:relative}.hero .mainText{text-align:center;position:fixed;width:calc(100% - 160px);pointer-events:none}.introductionSpace{height:50vh}article{padding:240px 80px;position:relative;z-index:2;display:flex;align-items:center;pointer-events:none}article .main{width:50%;position:fixed;top:50%;transform:translateY(-50%);will-change:transform}article .main .box{transform:translateX(-40px) translateY(-20px);opacity:0;will-change:transform,opacity;transition:transform .4s 0s cubic-bezier(.45,.05,.55,.95),opacity .4s 0s cubic-bezier(.45,.05,.55,.95)}article .main .box p{margin:8px 0 16px 8px}article .main .box a{margin-left:8px}article .stat{text-align:center;margin-left:50%;flex:3}article.visible{pointer-events:auto}article.visible .main .box{transform:translateX(0) translateY(0);opacity:1;transition:transform .4s .4s cubic-bezier(.45,.05,.55,.95),opacity .4s .4s cubic-bezier(.45,.05,.55,.95)}article.passed .main .box{transform:translateX(40px) translateY(20px);opacity:0}.podcastBox,.podcastBox .content{opacity:0;will-change:opacity,transform}.podcastBox,.podcastBox .turntableBox{position:relative;padding:40px;box-sizing:border-box}.podcastBox{height:calc((100vw - 320px - 40px)/2);margin:160px;border-radius:4px;background:#eaeaea;box-shadow:3px 3px 7px rgba(0,0,0,.16),-4px -4px 7px rgba(255,255,255,.8);display:flex;align-items:center;z-index:150;transform:scale(.9);transition:opacity .4s 0s cubic-bezier(.45,.05,.55,.95),transform .4s 0s cubic-bezier(.45,.05,.55,.95)}.podcastBox .turntableBox{width:calc(50% - 60px);height:100%;margin-right:80px}.podcastBox .turntableBox::after{content:"";height:100%;width:2px;background:#858585;position:absolute;right:-40px;top:0}.podcastBox .turntableBox .turntable{height:100%;width:100%;margin-right:80px;opacity:0;will-change:opacity;transition:opacity .3s .2s cubic-bezier(.45,.05,.55,.95)}.podcastBox .turntableBox .turntable .vinylBox{height:100%;transform:scale(.9);will-change:transform;transition:transform .3s .2s cubic-bezier(.45,.05,.55,.95)}.podcastBox .turntableBox .turntable .vinylBox .vinyl{height:100%;border-radius:50%;background:#2c2c2c;display:flex;align-items:center;justify-content:center;-webkit-animation:podcastPlaying 12s linear infinite;animation:podcastPlaying 12s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused;box-shadow:2px 2px 4px rgba(0,0,0,.16),-2px -2px 4px rgba(255,255,255,.8)}.podcastBox .turntableBox .turntable .vinylBox .vinyl .title{position:absolute;top:47.5%;left:47.5%;height:5%;width:5%;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-90deg);opacity:.5}.podcastBox .turntableBox .turntable .vinylBox .vinyl .title span{position:absolute;color:#eaeaea}.podcastBox .turntableBox .turntable .vinylBox .vinyl .logo{border-radius:50%;width:50%;height:50%;overflow:hidden}.podcastBox .turntableBox .turntable .vinylBox .vinyl .logo img{width:100%}.podcastBox .turntableBox .turntable .vinylBox .vinyl::after{content:"";position:absolute;width:5%;height:5%;border-radius:50%;left:47.5%;top:47.5%;background:#2c2c2c}.podcastBox .turntableBox .turntable .mainButton{position:absolute;bottom:0;right:20px;height:10%;width:10%;cursor:pointer}.podcastBox .turntableBox .turntable .mainButton .pause,.podcastBox .turntableBox .turntable .mainButton .play{height:100%;transform-origin:center;will-change:opacity,transform;transition:opacity .3s cubic-bezier(.45,.05,.55,.95),transform .3s cubic-bezier(.45,.05,.55,.95)}.podcastBox .turntableBox .turntable .mainButton .play{background:url(/assets/images/parlons_design/play_button.svg) no-repeat center;background-size:110%}.podcastBox .turntableBox .turntable .mainButton .pause{position:absolute;top:0;left:0;width:100%;transform:scale(.6);opacity:0}.podcastBox .turntableBox .turntable .mainButton .pause::after,.podcastBox .turntableBox .turntable .mainButton .pause::before{content:"";display:block;position:absolute;height:80%;width:20%;top:10%;background:#2c2c2c;border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.16)}.podcastBox .turntableBox .turntable .mainButton .pause::before{left:15%}.podcastBox .turntableBox .turntable .mainButton .pause::after{left:55%}.podcastBox .turntableBox .turntable .volumeBar{position:absolute;left:3.5%;bottom:0;height:25%;width:7%;background:#858585;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 4px rgba(0,0,0,.16),-2px -2px 4px rgba(255,255,255,.8)}.podcastBox .turntableBox .turntable .volumeBar .slide{width:15%;height:calc(100% - 16px);border-radius:4px;background:#2c2c2c;box-shadow:inset 1px 1px 2px rgba(0,0,0,.3),inset -1px -1px 2px rgba(255,255,255,.3)}.podcastBox .turntableBox .turntable .volumeBar .cursor{position:absolute;left:4px;width:calc(100% - 8px);height:8px;top:calc(40% - 4px);background:#eaeaea;border-radius:1px;cursor:-webkit-grab;cursor:grab;will-change:transform;box-shadow:2px 2px 6px rgba(0,0,0,.16)}.podcastBox .turntableBox .turntable .volumeBar .cursor:active,.podcastBox .turntableBox .turntable .volumeBar:active{cursor:-webkit-grabbing;cursor:grabbing}.podcastBox .turntableBox .turntable .arm{position:absolute;top:60px;right:0;z-index:2;height:10%;width:10%}.podcastBox .turntableBox .turntable .arm .base{width:100%;height:100%;border-radius:50%;background:#2c2c2c;box-shadow:3px 3px 7px rgba(0,0,0,.16),-4px -4px 7px rgba(255,255,255,.8);margin-left:auto;display:flex;align-items:center;justify-content:center}.podcastBox .turntableBox .turntable .arm .base .heart{width:30%;height:30%;border-radius:50%;background:#8b75eb}.podcastBox .turntableBox .turntable .arm .movingArm{position:absolute;top:0;right:-5%;z-index:-1;width:300%;height:700%;background:url(/assets/images/parlons_design/turntable_moving_arm.svg) no-repeat top right;background-size:contain;transform-origin:calc(100% - 26px) 8px;will-change:transform;transition:transform .6s .3s cubic-bezier(.45,.05,.55,.95)}.podcastBox .turntableBox .turntable.playing .vinyl{-webkit-animation-play-state:running;animation-play-state:running}.podcastBox .turntableBox .turntable.playing .arm .movingArm{transform:rotate(13deg);transition:transform .6s cubic-bezier(.45,.05,.55,.95)}.podcastBox .turntableBox .turntable.playing .mainButton .play{opacity:0;transform:scale(.6)}.podcastBox .turntableBox .turntable.playing .mainButton .pause{opacity:1;transform:scale(1)}.podcastBox .content{flex:3;transform:translateX(-20px);transition:opacity .4s .45s cubic-bezier(.79,.14,.15,.86),transform .4s .45s cubic-bezier(.79,.14,.15,.86)}.podcastBox .content .platforms{padding-top:20px;display:flex}.podcastBox .content .platforms a.social:first-of-type{margin-left:0}.podcastBox.visible{opacity:1;transform:scale(1)}.podcastBox.visible .turntable{opacity:1}.podcastBox.visible .turntable .vinylBox{transform:scale(1)}.podcastBox.visible .content{opacity:1;transform:translateX(0)}#contactSection{padding-bottom:1px}.aboutMe{margin:160px 0;padding:0 40px;perspective:900px}.aboutMe .stat{margin:0 40px}.aboutMe .content{margin:-80px 40px 0;display:flex;align-items:center}.aboutMe .content .description,.aboutMe .content .profilBox{will-change:transform}.aboutMe .content .profilBox{width:20vw;margin-right:80px}.aboutMe .content .profilBox img{width:100%;border-radius:4px}.aboutMe .content .description{flex:3}.aboutMe .content .description ul{display:flex}.aboutMe .content .description ul li{margin-right:24px}.aboutMe .content .description p{font-size:32px;max-width:800px;margin:8px 0}.aboutMe .awardsContainer{padding:240px 120px 0;display:flex;align-items:center;justify-content:space-around;will-change:transform}.aboutMe .awardsContainer .award{display:flex;flex-direction:column;align-items:center}.aboutMe .awardsContainer .award .logo{height:32px}.aboutMe .awardsContainer .award .darkModeLogo,body.parlonsdesign nav .actions{display:none}.aboutMe .awardsContainer .award p{color:#8b75eb;text-align:center}.testimonials{margin:240px 0 160px;overflow:hidden}.testimonials .stat{margin:0 80px;white-space:nowrap}.testimonials .testimonialsBox{position:relative;margin:-8px 80px 0}.testimonials .testimonialsBox .testimonialContainer{height:720px}.testimonials .testimonialsBox .testimonialContainer:nth-of-type(2n) .testimonial{left:-586px}.testimonials .testimonialsBox .testimonialContainer .testimonial{position:absolute;left:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 40px 0 0;margin-right:80px;background:#eaeaea;border-radius:4px;transform-origin:center;will-change:transform}.testimonials .testimonialsBox .testimonialContainer .testimonial img{border-radius:4px 0 0 4px;width:300px;height:600px;-o-object-fit:cover;object-fit:cover}.testimonials .testimonialsBox .testimonialContainer .testimonial .content{margin-left:16px;width:230px;display:flex;flex-direction:column;align-items:flex-end}.testimonials .testimonialsBox .testimonialContainer .testimonial .content p{margin:0 0 8px}.testimonials .testimonialsBox .testimonialContainer .testimonial .content h4{margin:8px 0 0}.testimonials .testimonialsBox .testimonialContainer .testimonial::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1),0 2px 20px rgba(0,0,0,.05);opacity:.5}.talkTogether{position:relative;margin:160px 80px 120px;border-radius:4px;display:flex;align-items:center}.talkTogether .chatbot .contactForm .inputs .row.error label span.error,.talkTogether.passed .chatbot .messages,.talkTogether.visible .chatbot .messages{opacity:1;transform:translateY(0)}.talkTogether .stat{position:absolute;z-index:-1;top:40px;left:-80px;transform:translateY(-100%);white-space:nowrap}.talkTogether .chatbot{position:relative;flex:3;margin-right:160px;display:flex;flex-direction:column}.talkTogether .chatbot .messages{flex:3;min-height:40vh;padding-top:20px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;opacity:0;transform:translateY(20px);will-change:opacity,transform;transition:opacity .3s cubic-bezier(.45,.05,.55,.95),transform .3s cubic-bezier(.45,.05,.55,.95)}.talkTogether .chatbot .messages::-webkit-scrollbar{display:none}.talkTogether .chatbot .messages .messageBox{display:flex;flex-direction:row}.talkTogether .chatbot .messages .messageBox .message{border-radius:4px;padding:20px;margin:20px 0;max-width:520px;box-shadow:0 0 1px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.05),0 1px 10px rgba(0,0,0,.02);-webkit-animation:messageEntry .4s;animation:messageEntry .4s}.talkTogether .chatbot .messages .messageBox.romain+.messageBox.romain .message{margin-top:0}.talkTogether .chatbot .messages .messageBox.romain .message{background:#eb9c00}.talkTogether .chatbot .messages .messageBox.guest{white-space:pre-wrap;justify-content:flex-end}.talkTogether .chatbot .messages .messageBox.guest .message{background:#8b75eb;overflow-wrap:break-word}.talkTogether .chatbot .contactForm{display:flex;align-items:flex-end;height:120px;padding-bottom:40px;width:100%;will-change:opacity,transform;transition:opacity .3s,transform 0s}.talkTogether .chatbot .contactForm.hidden{opacity:0;transform:translateY(-40px);transition:opacity .3s,transform .3s}.talkTogether .chatbot .contactForm.hiddenForever{opacity:0;transform:translateY(40px);display:none;transition:opacity .3s,transform .3s,display 0s .3s}.talkTogether .chatbot .contactForm.step1 .inputs .row{transform:translateY(-100%)}.talkTogether .chatbot .contactForm.step2 .inputs .row{transform:translateY(-200%)}.talkTogether .chatbot .contactForm .inputs{position:relative;height:100%;flex:3;margin-right:40px;overflow:hidden}.talkTogether .chatbot .contactForm .inputs .row{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.talkTogether .chatbot .contactForm .inputs .row.error label .info{opacity:0;transform:translateY(-20px)}.talkTogether .chatbot .contactForm .inputs .row label{position:relative;display:block;margin-bottom:4px}.talkTogether .chatbot .contactForm .inputs .row label .error{color:#eb0000;position:absolute;top:0;left:0;opacity:0;transform:translateY(20px)}.talkTogether .chatbot .contactForm .inputs .row label .error,.talkTogether .chatbot .contactForm .inputs .row label .info{display:block;will-change:opacity,transform;transition:opacity .3s,transform .3s}.talkTogether .chatbot .contactForm .inputs .row input,.talkTogether .chatbot .contactForm .inputs .row textarea{width:100%;border:1px solid #8b75eb;border-radius:4px;background:0 0;resize:none;padding:8px 12px;box-sizing:border-box;box-shadow:inset 2px 2px 7px rgba(0,0,0,.08),inset -2px -2px 7px rgba(255,255,255,.8);outline:0}.talkTogether .chatbot .contactForm .inputs .row textarea{flex:3}.talkTogether .socialBar{padding:80px 40px;display:flex;align-items:center;justify-content:center;background:#eaeaea;border-radius:4px;box-shadow:3px 3px 7px rgba(0,0,0,.16),-4px -4px 7px rgba(255,255,255,.8)}.talkTogether .socialBar .linksBox{display:flex;flex-direction:column;align-items:center}.talkTogether .socialBar .linksBox a.social{margin:12px 0}.talkTogether .socialBar .mailBox{position:relative;width:28px;margin-left:24px}.talkTogether .socialBar .mailBox a.mail{position:absolute;top:50%;left:50%;white-space:nowrap;transform-origin:left center;transform:translateY(-50%) rotate(90deg) translateX(-50%)}html.menuOpen .projectDetailed .nav{opacity:0;pointer-events:none}.projectDetailed{--bar-height: calc(40px + 16px + 16px * 1.8);overflow:hidden}.projectDetailed .nav{position:fixed;top:0;z-index:220;padding:20px 28px;line-height:1;will-change:opacity;transition:opacity .3s cubic-bezier(.45,.05,.55,.95)}.projectDetailed .cards{position:relative}.projectDetailed .cards .cardContainer{height:100vh;box-sizing:border-box}.projectDetailed .cards .cardContainer.visible .cardBox .card .header{cursor:default}.projectDetailed .cards .cardContainer:nth-of-type(1){--height: calc(100vh - 2 * var(--bar-height) - (3 - 1) * 40px)}.projectDetailed .cards .cardContainer:nth-of-type(1) .cardBox{z-index:4;-webkit-animation:cardEntry .4s .3s backwards;animation:cardEntry .4s .3s backwards}.projectDetailed .cards .cardContainer:nth-of-type(2){--height: calc(100vh - 2 * var(--bar-height) - (3 - 2) * 40px)}.projectDetailed .cards .cardContainer:nth-of-type(2) .cardBox{z-index:3;-webkit-animation:cardEntry .4s .6s backwards;animation:cardEntry .4s .6s backwards}.projectDetailed .cards .cardContainer:nth-of-type(3){--height: calc(100vh - 2 * var(--bar-height) - (3 - 3) * 40px)}.projectDetailed .cards .cardContainer:nth-of-type(3) .cardBox{z-index:2;-webkit-animation:cardEntry .4s .9s backwards;animation:cardEntry .4s .9s backwards}.projectDetailed .cards .cardContainer:last-of-type{height:50vh}.projectDetailed .cards .cardContainer .cardBox{position:fixed;top:0;height:var(--height);width:calc(100% - 160px);margin:0 80px;padding:var(--bar-height) 0;pointer-events:none;will-change:transform}.projectDetailed .cards .cardContainer .cardBox .card{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;background:#eaeaea;border-radius:20px;pointer-events:auto}.projectDetailed .cards .cardContainer .cardBox .card .shadow{opacity:.5;position:absolute;width:100%;height:100%;border-radius:20px;z-index:-1;box-shadow:0 1px 2px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1),0 2px 20px rgba(0,0,0,.05)}.projectDetailed .cards .cardContainer .cardBox .card .infos{display:flex;margin:40px 80px 0}.projectDetailed .cards .cardContainer .cardBox .card .infos .info{display:flex;flex-direction:column;margin-right:80px}.projectDetailed .cards .cardContainer .cardBox .card .infos .info span{line-height:1.5}.projectDetailed .cards .cardContainer .cardBox .card .intro{margin:0 80px}.projectDetailed .cards .cardContainer .cardBox .card .intro p b{color:#2c2c2c}.projectDetailed .cards .cardContainer .cardBox .card .intro .labels{margin-top:16px}.projectDetailed .cards .cardContainer .cardBox .card .intro .labels .label{margin:0 16px 16px 0}.projectDetailed .cards .cardContainer .cardBox .card .intro .labels .label:last-of-type{margin:0}.projectDetailed .cards .cardContainer .cardBox .card .details{display:flex;align-items:center;margin:20px;flex:1;max-height:calc(100% - 40px - 32px - 16px*1.2 + 1px)}.projectDetailed .cards .cardContainer .cardBox .card .details img{height:100%;max-width:calc(100% - 30vw - 160px);border-radius:20px 4px 4px 4px;-o-object-fit:cover;object-fit:cover}.projectDetailed .cards .cardContainer .cardBox .card .details .content{flex:1;padding:0 80px;min-width:30vw}.projectDetailed .cards .cardContainer .cardBox .card .header{padding:6px 0;margin:0 40px;font-weight:700;font-size:16px;letter-spacing:1px}.projectDetailed .sectionHeader{transform-origin:left}.projectDetailed .nextProjectSpace{height:50vh}.projectDetailed .footer{padding:20px 0;position:fixed;z-index:150;bottom:0;left:0;right:0;text-align:center;line-height:1}.scene-3d.user-mode .axis-container{display:none}.scene-3d.background,body.project .scene-3d{pointer-events:none}.scene-3d{position:fixed;top:0;right:0;z-index:100;width:50vw;height:100vh;box-sizing:border-box;perspective:900px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--size: 25vw;--iphone-height: calc(var(--size) * 2);--ipad-height: calc(var(--size) * 1.39);--ipad-to-iphone-height-ratio: calc(2 / 1.39);--iphone-depth: calc(var(--size) / 10);--ipad-depth: calc(var(--size) / 15);--a4-height: calc(var(--size) * 29.7 / 21);--plane-height: calc(var(--size) * 9 / 4)}.scene-3d *{transform-style:preserve-3d}.scene-3d .object,.scene-3d .object *{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.scene-3d .object{top:50%;right:50%;height:0;width:0}.scene-3d .object *{top:0;left:0}.scene-3d .object .flat,.scene-3d .object .flat *{position:static}.scene-3d .axis-container{opacity:1;transform:translateZ(50px)}.scene-3d .axis{height:4px;width:100px;position:absolute;left:0;top:0;text-align:center;background:#00f}.scene-3d .axis.y{transform-origin:center left;transform:translateY(0) rotateZ(90deg);background:red}.scene-3d .axis.z{transform-origin:center left;transform:translateZ(0) rotateY(-90deg);background:green}.scene-3d .device-container{will-change:transform}.scene-3d .device-container .iosDevice{--depth: var(--iphone-depth);--height: var(--iphone-height);--width-by-ten: calc(var(--width) / 10);--half-depth: calc(var(--depth) / 2);--negative-half-depth: calc(var(--depth) / -2);--black: #0f0f0f;--side-color: #303030}.scene-3d .device-container .iosDevice .transitioner{width:50vw;height:50vw;left:-12.5vw;border-radius:50%;will-change:transform}.scene-3d .device-container .iosDevice .transitioner.primary{background:#eb9c00;transform:scale(0) translateZ(calc(var(--iphone-depth)*-1))}.scene-3d .device-container .iosDevice .transitioner.secondary{background:#eaeaea;transform:scale(0) translateZ(calc(var(--iphone-depth)*-.9))}.scene-3d .device-container .iosDevice .button{cursor:pointer}.scene-3d .device-container .iosDevice .back,.scene-3d .device-container .iosDevice .camera,.scene-3d .device-container .iosDevice .front{transition:transform .3s cubic-bezier(.68,-.55,.27,1.55);will-change:transform}.scene-3d .device-container .iosDevice .back,.scene-3d .device-container .iosDevice .front{width:calc(var(--width) - 2px);height:calc(var(--height) - 2px);border-radius:calc(var(--width)/9);background-color:var(--black)}.scene-3d .device-container .iosDevice .front{transform:translateZ(var(--half-depth)) translate(1px,1px);padding:calc(var(--width)/22);box-sizing:border-box}.scene-3d .device-container .iosDevice .front .notch{left:calc(var(--width)*5/20);width:calc(var(--width)*10/20);height:calc(var(--height)/16);background:var(--black);border-radius:0 0 calc(var(--height)/30) calc(var(--height)/30);z-index:1;transform:translateZ(1px)}.scene-3d .device-container .iosDevice .front .screen{--screen-bg: #272626;height:100%;background:var(--screen-bg);border-radius:calc(var(--width)/18);overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.scene-3d .device-container .iosDevice .front .screen picture{height:100%;width:100%;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.scene-3d .device-container .iosDevice .front .screen picture img{width:100%;height:100%}.scene-3d .device-container .iosDevice .back{transform:translateZ(var(--negative-half-depth)) translate(1px,1px);display:flex;justify-content:center}.scene-3d .device-container .iosDevice .back .phone-logo{margin-top:calc(var(--height)*1/4);height:calc(var(--width)/4);width:calc(var(--width)/4);background:url(/assets/images/icons/phone_logo.svg) no-repeat center;background-size:auto 100%;transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.scene-3d .device-container .iosDevice .side{top:var(--width-by-ten);height:calc(var(--height) - (var(--width-by-ten)*2));width:var(--depth);background:var(--side-color);transform-origin:center left;transform:translateZ(var(--half-depth)) rotateY(90deg);display:flex}.scene-3d .device-container .iosDevice .side.right{left:var(--width);justify-content:center}.scene-3d .device-container .iosDevice .side.left{flex-direction:column;align-items:center;justify-content:flex-start}.scene-3d .device-container .iosDevice .side .power-button{margin-top:calc(var(--height)/6);width:var(--half-depth);height:calc(var(--height)/6);background:var(--side-color);border:2px solid var(--black);border-radius:calc(var(--half-depth)/2);box-sizing:border-box}.scene-3d .device-container .iosDevice .side .silence-button{width:calc(var(--depth)/3);height:calc(var(--depth)*1.5);background:red;border-radius:calc(var(--depth)/6);border:2px solid var(--black);box-sizing:border-box;overflow:hidden;position:relative;margin:calc(var(--height)/50) 0;opacity:1!important}.scene-3d .device-container .iosDevice .side .silence-button .switch{height:100%;width:100%;background:var(--side-color);position:absolute;left:40%;transition:transform .3s cubic-bezier(.45,.05,.55,.95);will-change:transform}.scene-3d .device-container .iosDevice .side .silence-button.active .switch{transform:translateX(-40%)}.scene-3d .device-container .iosDevice .side .volume-button{margin:calc(var(--height)/50) 0;width:calc(var(--depth)/3);height:calc(var(--height)/12);background:var(--side-color);border:2px solid var(--black);border-radius:calc(var(--depth)/3);box-sizing:border-box}.scene-3d .device-container .iosDevice .side .button{transition:opacity .1s cubic-bezier(.45,.05,.55,.95);will-change:opacity}.scene-3d .device-container .iosDevice .side .button.pressed{opacity:.2}.scene-3d .device-container .iosDevice .border{width:calc(var(--width)*8/10);height:var(--depth);background:var(--side-color);left:var(--width-by-ten)}.scene-3d .device-container .iosDevice .border.top{transform:translateY(var(--negative-half-depth)) rotateX(90deg)}.scene-3d .device-container .iosDevice .border.bottom{transform:translateY(calc(var(--height) - var(--half-depth))) rotateX(90deg)}.scene-3d .device-container .iosDevice .border.bottom .holes{display:flex;height:100%;align-items:center;justify-content:space-around}.scene-3d .device-container .iosDevice .border.bottom .speakers{display:flex}.scene-3d .device-container .iosDevice .border.bottom .speaker{background:var(--black);height:calc(var(--depth)/5);width:calc(var(--depth)/5);margin:0 calc(var(--depth)/12);border-radius:50%}.scene-3d .device-container .iosDevice .border.bottom .center{display:flex;align-items:center}.scene-3d .device-container .iosDevice .border.bottom .center .lightning{background:var(--black);height:calc(var(--depth)/4);width:var(--depth);margin:0 calc(var(--depth)/8);border-radius:calc(var(--depth)/4)}.scene-3d .device-container .iosDevice .corner-90{--chunk-width: calc(var(--width) / 30);--chunk-z-translation: calc(var(--chunk-width) * 3.14159);transform-origin:center center}.scene-3d .device-container .iosDevice .corner-90.top-right{left:calc(var(--width) - var(--width-by-ten) - (var(--chunk-z-translation)/5));top:var(--chunk-z-translation);transform:rotateX(90deg) translateY(var(--negative-half-depth)) rotateY(0deg)}.scene-3d .device-container .iosDevice .corner-90.bottom-right{left:calc(var(--width) - var(--width-by-ten) - 2px);top:calc(var(--height) - var(--width-by-ten) - (var(--chunk-z-translation)/5));transform:rotateX(90deg) translateY(var(--negative-half-depth)) rotateY(90deg)}.scene-3d .device-container .iosDevice .corner-90.bottom-left{left:calc(var(--chunk-z-translation)*6/5);top:calc(var(--height) - var(--chunk-z-translation));transform:rotateX(90deg) translateY(var(--negative-half-depth)) rotateY(180deg)}.scene-3d .device-container .iosDevice .corner-90.top-left{left:var(--chunk-z-translation);top:calc(var(--chunk-z-translation)*6/5);transform:rotateX(90deg) translateY(var(--negative-half-depth)) rotateY(270deg)}.scene-3d .device-container .iosDevice .corner-90 .chunk{height:var(--depth);width:var(--chunk-width);background:var(--side-color)}.scene-3d .device-container .iosDevice .camera{--camera-height: calc(var(--depth) / 6);--camera-diagonal: calc(var(--depth) * 1.2);--camera-radius: calc(var(--camera-diagonal) / 2);--chunk-width: calc(var(--camera-radius) / 3.4);--chunk-z-translation: calc(var(--chunk-width) * 3.14159);transform:translateZ(calc(var(--negative-half-depth) - var(--camera-height)));left:calc(var(--width)*9/10);top:var(--width-by-ten);transform:rotateX(90deg) translateY(calc(var(--negative-half-depth) - var(--camera-height)))}.scene-3d .device-container .iosDevice .camera .top{width:var(--camera-diagonal);height:var(--camera-diagonal);background:var(--black);border-radius:50%;border:1px solid rgba(200,200,220,.6);box-sizing:border-box;transform-origin:top;transform:rotateX(90deg) translateY(calc(var(--camera-radius)*-1)) translateX(calc(var(--camera-radius)*-.8));display:flex;align-items:center;justify-content:center}.scene-3d .device-container .iosDevice .camera .top .lence{width:calc(var(--camera-diagonal)/5);height:calc(var(--camera-diagonal)/5);background:#4169e1;border-radius:50%;opacity:.4}.scene-3d .device-container .iosDevice .camera .chunck{height:var(--camera-height);width:var(--chunk-width);background:var(--side-color)}.scene-3d .device-container .iosDevice .chunk-0{transform:rotateY(0deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-1{transform:rotateY(15deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-2{transform:rotateY(30deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-3{transform:rotateY(45deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-4{transform:rotateY(60deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-5{transform:rotateY(75deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-6{transform:rotateY(90deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-7{transform:rotateY(105deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-8{transform:rotateY(120deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-9{transform:rotateY(135deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-10{transform:rotateY(150deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-11{transform:rotateY(165deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-12{transform:rotateY(180deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-13{transform:rotateY(195deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-14{transform:rotateY(210deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-15{transform:rotateY(225deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-16{transform:rotateY(240deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-17{transform:rotateY(255deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-18{transform:rotateY(270deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-19{transform:rotateY(285deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-20{transform:rotateY(300deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-21{transform:rotateY(315deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice .chunk-22{transform:rotateY(330deg) translateZ(var(--chunk-z-translation))}.scene-3d .device-container .iosDevice.ipad{--height: var(--ipad-height);--depth: var(--ipad-depth)}.scene-3d .device-container .iosDevice.ipad .back,.scene-3d .device-container .iosDevice.ipad .front{border-radius:calc(var(--width)/10 + 2px)}.scene-3d .device-container .iosDevice.ipad .front{padding:calc(var(--width)/30)}.scene-3d #main-object-3d .device-container.project4-open .article,.scene-3d .device-container .iosDevice.hidden,.scene-3d .device-container .iosDevice.ipad .front .notch{display:none}.scene-3d .device-container .iosDevice.ipad .back{align-items:center}.scene-3d .device-container .iosDevice.ipad .back .phone-logo{margin-top:0;height:calc(var(--width)/6);width:calc(var(--width)/6)}.scene-3d .device-container .iosDevice.project0 .front .project0-screen,.scene-3d .device-container .iosDevice.project1 .front .project1-screen,.scene-3d .device-container .iosDevice.project2 .front .project2-screen,.scene-3d .device-container .iosDevice.project3 .front .project3-screen,.scene-3d .device-container .iosDevice.project4 .front .project4-screen,.scene-3d .device-container .iosDevice.project5 .front .project5-screen{display:block}.scene-3d .device-container .iosDevice.ipad.project3{transform:scale(var(--ipad-to-iphone-height-ratio)) translateY(-5.5vw) translateX(-5.5vw)!important}.scene-3d .device-container.open .iosDevice .back{transform:translateZ(calc(var(--negative-half-depth)*6))}.scene-3d .device-container.open .iosDevice .camera{transform:translateZ(calc(var(--negative-half-depth)*9)) rotateX(90deg) translateY(calc(var(--negative-half-depth) - var(--camera-height)))}.scene-3d .device-container.open .iosDevice .front{transform:translateZ(calc(var(--half-depth)*6))}.scene-3d #main-object-3d.animatedToDetailedProject,.scene-3d #main-object-3d.animatedToDetailedProject .device-container,.scene-3d #main-object-3d.animatedToDetailedProject .device-container .device-container .iosDevice.ipad,.scene-3d #main-object-3d.animatedToHome,.scene-3d #main-object-3d.animatedToHome .device-container{transition:transform .3s .3s cubic-bezier(.6,-.28,.735,.045)}.scene-3d #main-object-3d.animatedToHome .device-container .iosDevice.ipad{transition:transform .3s 0s cubic-bezier(.6,-.28,.735,.045)}.scene-3d #main-object-3d.animatedToDetailedProject .device-container .transitioner.primary{transform:scale(8) translateZ(calc(var(--iphone-depth)*-1));transition:transform .6s cubic-bezier(.6,-.28,.735,.045)}.scene-3d #main-object-3d.animatedToDetailedProject .device-container .transitioner.secondary{transform:scale(8) translateZ(calc(var(--iphone-depth)*-.9));transition:transform .6s .6s cubic-bezier(.6,-.28,.735,.045)}.scene-3d #main-object-3d .device-container.project0-open{transform:scale3d(.55,.55,.55) translate3d(0,-7.5vw,0) rotateX(180deg) rotateY(190deg) rotateZ(190deg)!important}.scene-3d #main-object-3d .device-container.project1-open,.scene-3d #main-object-3d .device-container.project2-open{transform:scale3d(.55,.55,.55) translate3d(0,-7.5vw,0) rotateX(180deg) rotateY(550deg) rotateZ(190deg)!important}.scene-3d #main-object-3d .device-container.project3-open{transform:scale3d(.65,.65,.65) translate3d(calc(var(--size)*-.1),calc(var(--size)*-.4),0) rotateX(180deg) rotateY(545deg) rotateZ(455deg)!important}.scene-3d #main-object-3d .device-container.project4-open{transform:scale3d(.8,.8,.8) translate3d(calc(var(--size)*-.1),calc(var(--size)*-.2),0) rotateX(-180deg) rotateY(545deg) rotateZ(455deg)!important}.scene-3d .article,.scene-3d .device-container .iosDevice,.scene-3d .paperplane{--width: var(--size);top:calc(var(--height)/-2);left:calc(var(--width)/-2)}.scene-3d .article{--height: var(--a4-height);--depth: calc(var(--ipad-depth) / 2)}.scene-3d .article .back,.scene-3d .article .front{width:var(--width);height:var(--height)}.scene-3d .article .back{transform:translateZ(calc(var(--depth)/2));background:#fdfdfd;will-change:opacity;transition:opacity .2s cubic-bezier(.45,.05,.55,.95)}.scene-3d .article .back .invisibleBackground{opacity:1;height:100%;width:100%;background:#eaeaea;will-change:opacity}.scene-3d .article .front{transform:translateZ(calc(var(--depth)/-2)) rotateY(180deg);background:url(../../assets/images/projects/article_apple_music.jpg) no-repeat center;background-size:100% auto}.scene-3d .article .side{background:#f8f8f8;transform-origin:top left}.scene-3d .article .side.left,.scene-3d .article .side.right{height:var(--height);width:var(--depth)}.scene-3d .article .side.right{transform:translateZ(calc(var(--depth)/2)) rotateY(90deg)}.scene-3d .article .side.left{transform:translateZ(calc(var(--depth)/2)) translateX(var(--width)) rotateY(90deg)}.scene-3d .article .side.bottom,.scene-3d .article .side.top{width:var(--width);height:var(--depth)}.scene-3d .article .side.top{transform:translateZ(calc(var(--depth)/-2)) rotateX(90deg)}.scene-3d .article .side.bottom{transform:translateZ(calc(var(--depth)/-2)) translateY(var(--height)) rotateX(90deg)}.scene-3d .article.hidden{display:none}.scene-3d .paperplane{--height: var(--plane-height);width:var(--size);height:var(--height);transform:scale3d(.4,.4,.4);transition:opacity 0s .4s cubic-bezier(.45,.05,.55,.95)}.scene-3d .paperplane.hidden{opacity:0;transition:opacity 0s 0s}.scene-3d .paperplane .wings{margin-top:calc(var(--height)*1/5);border:calc(var(--width)/2) solid transparent;border-top:calc(var(--height)*4/5) solid #fff;border-bottom:0}.scene-3d .paperplane .wings::before{content:'';display:block;height:calc(var(--height)*1/5);width:var(--width);background:#fff;position:absolute;top:calc(var(--height)*-1 + 1px);left:calc(var(--width)/-2)}.scene-3d .paperplane .center-left,.scene-3d .paperplane .center-right{border:calc(var(--width)/16) solid transparent;border-bottom:0;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-left:calc(var(--width)*7/16);transform-origin:bottom center}.scene-3d .paperplane .center-right{border-top:var(--height) solid rgba(0,0,0,.1);transform:rotateZ(-1.5deg) translateZ(1px)}.scene-3d .paperplane .center-left{border-top:var(--height) solid rgba(0,0,0,.05);transform:rotateZ(1.5deg) translateZ(1px)}.scene-3d .paperplane .body{margin-left:calc(var(--width)*1.5/5);border:calc(var(--width)/5) solid transparent;border-top:var(--height) solid #fefefe;border-bottom:0;transform-origin:bottom center;transform:rotateY(90deg) rotateZ(5deg)}body.home .scene-3d.fullScreenScene{opacity:1}.scene-3d.fullScreenScene{width:100vw;pointer-events:none;opacity:0;transition:opacity .3s}.scene-3d.backgroundTriangles{z-index:-1}.scene-3d.mainTriangles{z-index:120}.scene-3d .heroTriangles{--triangleSize: 15vw;--triangleBorderSize: 21.213203435596427vw;--triangleDepth: 3vw}.scene-3d .heroTriangles .triangleAnchor .triangle{transform-origin:0 calc(var(--triangleSize)/2);position:relative}.scene-3d .heroTriangles .triangleAnchor .triangle .back,.scene-3d .heroTriangles .triangleAnchor .triangle .front{top:0;width:30vw;height:15vw;background:url(/assets/images/hero/triangle_face.svg) no-repeat center;background-size:100% 100%}.scene-3d .heroTriangles .triangleAnchor .triangle .back::after,.scene-3d .heroTriangles .triangleAnchor .triangle .back::before,.scene-3d .heroTriangles .triangleAnchor .triangle .front::after,.scene-3d .heroTriangles .triangleAnchor .triangle .front::before{position:absolute;display:block;background:#eaeaea;height:var(--triangleDepth);width:var(--triangleBorderSize);border-top:2px solid #8b75eb;border-right:4px solid #8b75eb;border-bottom:2px solid #8b75eb;border-left:4px solid #8b75eb;box-sizing:border-box}.scene-3d .heroTriangles .triangleAnchor .triangle .front{transform:translateX(calc(var(--triangleSize)*-1))}.scene-3d .heroTriangles .triangleAnchor .triangle .front::after,.scene-3d .heroTriangles .triangleAnchor .triangle .front::before{content:'';transform-origin:0 50%;top:calc(var(--triangleDepth)/-2)}.scene-3d .heroTriangles .triangleAnchor .triangle .front::after{transform:translateX(var(--triangleSize)) rotateX(90deg) rotateY(45deg) translateY(calc(var(--triangleDepth)/-2))}.scene-3d .heroTriangles .triangleAnchor .triangle .front::before{transform:translateX(var(--triangleSize)) rotateX(90deg) rotateY(135deg) translateY(calc(var(--triangleDepth)/-2))}.scene-3d .heroTriangles .triangleAnchor .triangle .back{transform:translateX(calc(var(--triangleSize)*-1)) translateZ(calc(var(--triangleDepth)*-1))}.scene-3d .heroTriangles .triangleAnchor .triangle .back::after{content:'';transform-origin:0 0;top:var(--triangleSize);width:calc(var(--triangleSize)*2);transform:rotateX(90deg)}.scene-3d .heroTriangles .triangleAnchor.mainTriangleTop{transform:scale3d(1.3,1,1) translateY(-15vw) rotateZ(180deg)}.scene-3d .heroTriangles .triangleAnchor.mainTriangleRight{transform:translateX(35vw) rotateZ(250deg)}.scene-3d .heroTriangles .triangleAnchor.mainTriangleBottom{transform:translateX(5vw) translateY(15vw) rotateY(-10deg) rotateZ(10deg)}.scene-3d .heroTriangles .triangleAnchor.mainTriangleLeft{transform:scale3d(.8,1,1) translateX(-45vw) rotateZ(80deg)}.scene-3d .heroTriangles .triangleAnchor.backgroundTriangleTop{transform:scale3d(.3,.6,.6) translateX(35vw) translateY(-20vw) translateZ(-15vw) rotateX(20deg) rotateZ(180deg)}.scene-3d .heroTriangles .triangleAnchor.backgroundTriangleRight{transform:scale3d(.7,.6,.7) translateX(30vw) translateY(-15vw) translateZ(-15vw) rotateZ(250deg)}.scene-3d .heroTriangles .triangleAnchor.backgroundTriangleBottom{transform:scale3d(.3,.6,.6) translateX(-150vw) translateY(-30vw) translateZ(-15vw) rotateY(-10deg) rotateZ(10deg)}.scene-3d .heroTriangles .triangleAnchor.backgroundTriangleLeft{transform:scale3d(.3,.4,.4) translateX(-100vw) translateY(45vw) translateZ(-15vw) rotateZ(80deg)}.scene-3d.behindTransition .heroTriangles .triangleAnchor .triangle{transform-origin:0 calc(var(--triangleSize)*1.2)}@media screen and (max-width:1300px){.podcastBox{margin:160px 80px;height:calc((100vw - 160px - 40px)/2)}nav .menu ul li.sectionLink{padding-left:80px}nav .menu ul li.sectionLink:hover::after{transform:translateX(0)}.projectDetailed .cards .cardContainer .cardBox .card .details img{max-width:calc(100% - 30vw - 80px)}.projectDetailed .cards .cardContainer .cardBox .card .details .content{padding:0 40px}}@media screen and (max-width:1150px){.projectDetailed .cards .cardContainer .cardBox{margin:0 40px;width:calc(100% - 80px)}.projectDetailed .cards .cardContainer .cardBox .card .details img{width:calc(100% - 30vw - 80px)}.projectDetailed .cards .cardContainer .cardBox .card .details .content{width:30vw;flex:none}.aboutMe .stat{margin-left:-40px}}@media screen and (max-width:1000px){.scene-3d{width:100vw;height:50vh}.scene-3d.fullScreenScene{height:100vh}.scene-3d #main-object-3d{transform:translateY(5vh)}.scene-3d #main-object-3d .paperplane{transform:scale3d(.4,.4,.4) translateY(80%) translateX(-50%)}.scene-3d .heroTriangles .triangleAnchor.mainTriangleBottom{top:20vh}.scene-3d .heroTriangles .triangleAnchor.mainTriangleTop{top:-20vh}.sectionHeader{z-index:150}article .stat{display:none}article .main{width:auto;top:75%;left:calc(80px + 10vw)}nav .menu ul li.sectionLink{padding-left:40px}nav .menu ul li.sectionLink:hover::after{transform:translateX(-40px)}nav.open .menu{-webkit-clip-path:circle(140vmax at 100% 0);clip-path:circle(140vmax at 100% 0)}.podcastBox{flex-direction:column;height:auto}.podcastBox .turntableBox{margin:0 auto 80px;width:50vw;height:50vw}.podcastBox .turntableBox::after,body.project .projectDetailed .cards .cardContainer .cardBox .card .shadow{display:none}.podcastBox .content{margin:0;text-align:center}.podcastBox .content p{margin:20px auto}.podcastBox .content .platforms{justify-content:center}.podcastBox .content .platforms a.social:last-of-type{margin-right:0}.aboutMe{margin-top:120px}.aboutMe .stat{margin-left:-80px}.aboutMe .content{flex-direction:column}.aboutMe .content .profilBox{margin:0 0 120px;width:25vw}.aboutMe .awardsContainer{padding:240px 40px 0;transform:none!important}.talkTogether .stat{left:-120px}.talkTogether .chatbot{margin-right:80px}.talkTogether .chatbot .messages .messageBox .message{max-width:calc(100% - 120px)}body.project .projectDetailed .cards .cardContainer{height:auto}body.project .projectDetailed .cards .cardContainer .cardBox{position:static;height:auto;width:auto;margin:0;padding:var(--bar-height) 0 0;transform:none!important}body.project .projectDetailed .cards .cardContainer .cardBox .card{border:0;height:auto}body.project .projectDetailed .cards .cardContainer .cardBox .card .header{order:-1}body.project .projectDetailed .cards .cardContainer .cardBox .card .infos{flex-direction:column;margin:20px 40px 0}body.project .projectDetailed .cards .cardContainer .cardBox .card .infos .info{margin-bottom:20px;margin-right:0}body.project .projectDetailed .cards .cardContainer .cardBox .card .intro{margin:80px 40px 0}body.project .projectDetailed .cards .cardContainer .cardBox .card .details{margin:0 40px}body.project .projectDetailed .cards .cardContainer .cardBox .card .details img{border-radius:4px}body.project .projectDetailed .footer{position:static;padding:40px 0}body.project .scene-3d #main-object-3d .device-container .iosDevice{transition:transform .6s cubic-bezier(.45,.05,.55,.95)}body.project .scene-3d #main-object-3d .device-container .iosDevice.iphone{transform:scale(1.2) translateX(25vw) translateY(10vh)}body.project .scene-3d #main-object-3d .device-container .iosDevice.ipad.project3{transform:scale(1.5) translateX(-14vw) translateY(10vh)!important}body.project .scene-3d #main-object-3d .device-container .iosDevice.ipad.project4{transform:scale(1.2) translateX(-10vw) translateY(10vh)}body.project nav .actions ul.langSelector{opacity:0}}@media screen and (max-width:850px){article{padding:240px 40px}article .main{transform:translate(-50%,-50%)!important;left:50%;width:70%;text-align:center}article .main .box a,article .main .box p{margin-left:0}nav .menu ul li.sectionLink span.detail{display:block;margin-left:140px}.podcastBox .turntableBox .turntable .vinylBox .vinyl .title,.scene-3d #main-object-3d .paperplane{display:none}.stat span.large{font-size:80px}.aboutMe .stat{margin-left:40px}.testimonials{margin:240px 0 80px}.talkTogether{margin:40px 40px 80px}.talkTogether .stat{left:-24px}.scene-3d{--size: 30vw}body.project .projectDetailed .cards .cardContainer .cardBox .card .details{flex-direction:column}body.project .projectDetailed .cards .cardContainer .cardBox .card .details img{width:100%}body.project .projectDetailed .cards .cardContainer .cardBox .card .details .content{width:auto}}@media screen and (max-width:700px){nav{flex-direction:column-reverse}nav p.welcome{text-align:center}nav .actions{width:100%;justify-content:space-between}.sectionHeader{padding:160px 40px}.sectionHeader::after{--size: calc(100vw - 80px);left:20px}.scene-3d{--size: 30vh}.projectDetailed .cards .cardContainer .cardBox .card .details .content{padding:0 20px}.aboutMe .content{margin:-80px 0 0}.aboutMe .content .profilBox{width:30vw}.aboutMe .awardsContainer{flex-direction:column;padding:80px 0 0}.aboutMe .awardsContainer .award{margin-top:80px}.testimonials .stat{margin:0 24px}.testimonials .testimonialsBox{margin:-16px 120px 0}.talkTogether{align-items:normal}.talkTogether .chatbot{margin-right:0}.talkTogether .chatbot .messages{opacity:1;transform:translateY(0)}.talkTogether .socialBar{flex-direction:column;padding:32px 0}.talkTogether .socialBar .linksBox{flex-direction:row;order:3}.talkTogether .socialBar .linksBox a.social{margin:0 16px}.talkTogether .socialBar .mailBox{width:auto;margin:0 0 24px}.talkTogether .socialBar .mailBox a.mail{position:static;transform:none}.loader,.talkTogether{flex-direction:column}.loader .center{margin:40px auto}.loader p.job,.loader p.name{text-align:center;width:auto;margin:0 40px;order:2}}@media screen and (max-width:600px){nav{flex-direction:column-reverse}.hero{padding:0 40px 80px}.hero .mainText,article .main{width:calc(100% - 80px)}article .main{top:70%}h1{font-size:64px}nav.open .welcome{opacity:0}nav .menu ul li.sectionLink{padding-left:20px}nav .menu ul li.sectionLink:hover::after{transform:translateX(-60px)}nav .menu ul li.sectionLink span.main,nav .menu ul li.sectionLink span.number{font-size:72px}h2,nav .menu ul li.sectionLink span.detail{font-size:48px}.podcastBox{margin:160px 40px}.podcastBox .turntableBox{width:70vw;height:70vw}.aboutMe .content .profilBox{width:40vw}.aboutMe .stat,.testimonials .stat{margin:0}.testimonials .testimonialsBox{margin:-16px 40px 0}.testimonials .testimonialsBox .testimonialContainer{position:relative;height:auto;margin-bottom:80px}.testimonials .testimonialsBox .testimonialContainer:nth-of-type(2n+1) .testimonial{padding:0 0 0 16px}.testimonials .testimonialsBox .testimonialContainer:nth-of-type(2n+1) .testimonial img{order:3;border-radius:0 4px 4px 0}.testimonials .testimonialsBox .testimonialContainer:nth-of-type(2n+1) .testimonial .content{margin:0 40px 0 0}.testimonials .testimonialsBox .testimonialContainer .testimonial{position:static;transform:none!important;margin-right:0}.testimonials .testimonialsBox .testimonialContainer .testimonial img{width:200px}.testimonials .testimonialsBox .testimonialContainer .testimonial .content{width:auto;flex-grow:1}.talkTogether{margin:120px 16px 80px}.talkTogether .about .ressources{margin-top:40px}.scene-3d{--size: 25vh}body.project .scene-3d #main-object-3d .device-container .iosDevice.iphone{transform:scale(1.2) translateX(25vw) translateY(0)}body.project .scene-3d #main-object-3d .device-container .iosDevice.ipad.project3{transform:scale(1.4) translateX(-18vh) translateY(10vh)!important}body.project .scene-3d #main-object-3d .device-container .iosDevice.ipad.project4{transform:scale(1.2) translateX(-15vh) translateY(10vh)}}@media screen and (max-width:500px){.stat span.large,.stat span.regular,article .main .box h1{font-size:56px}nav .menu ul li.sectionLink span.number,nav p.welcome{display:none}nav .menu ul li.sectionLink{text-align:center;padding:0}nav .menu ul li.sectionLink:hover::after{transform:translateX(calc(50vw - 50%))}nav .menu ul li.sectionLink a{margin:0 auto}nav .menu ul li.sectionLink span.detail,nav .menu ul li.sectionLink span.main{font-size:48px;margin:0;text-align:center;opacity:1;transform:translateX(0)!important}.hero{padding:0 20px 80px}.hero .mainText{width:calc(100% - 40px)}.sectionHeader{padding:160px 40px}.sectionHeader .number{display:none}.sectionHeader::after{--size: 100vw;left:0}.podcastBox{margin:80px 0;padding:20px}.podcastBox .turntableBox .turntable .arm{top:40px}.podcastBox .turntableBox .turntable .arm .movingArm{height:600%}.aboutMe{margin:120px 0 0;padding:0 16px}.aboutMe .content .description ul{flex-direction:column}.aboutMe .content .description ul li{margin-right:0;margin-top:16px}.testimonials{margin:240px 0 160px}.testimonials .stat{white-space:normal;margin:0 16px}.testimonials .testimonialsBox{margin:0 16px}.testimonials .testimonialsBox .testimonialContainer .testimonial img{width:100px;height:480px}.talkTogether{margin:0 0 80px;padding:0 16px}.talkTogether::before{display:none}.talkTogether .stat{white-space:normal;left:0}.talkTogether .messages .messageBox .message{max-width:calc(100% - 80px)}.scene-3d #main-object-3d{transform:none}body.project .projectDetailed .cards .cardContainer .cardBox .card .details{margin:0}body.project .projectDetailed .cards .cardContainer .cardBox .card .details img{border-radius:none}}@media screen and (max-width:400px){.podcastBox .turntableBox{width:80vw;height:80vw}.podcastBox .turntableBox .turntable .arm{right:12px}article .main .box h1{font-size:48px}.testimonials{margin:160px 0}.talkTogether .socialBar .linksBox a.social:nth-of-type(n+4),.testimonials .testimonialsBox .testimonialContainer:nth-of-type(n+3){display:none}.testimonials .testimonialsBox .testimonialContainer .testimonial img{width:40px}}@media screen and (max-width:300px){.podcastBox .turntableBox{width:90vw;height:90vw}.podcastBox .turntableBox .turntable .arm{right:20px}.podcastBox .turntableBox .turntable .arm .movingArm{height:500%}}@media screen and (orientation:portrait){nav .menu{padding-bottom:120px}nav .menu ul li.sectionLink::after{width:calc((100vh - 300px)/3);border-radius:calc((100vh - 300px)/6)}}@media screen and (hover:none){body.home .scene-3d #main-object-3d{transform:none!important}}@media screen and (min-width:1600px){.podcastBox{margin:160px 240px;height:calc((100vw - 480px - 40px)/2)}.scene-3d #main-object-3d.animatedToDetailedProject .device-container .transitioner.primary{transform:scale(9) translateZ(calc(var(--iphone-depth)*-1))}.scene-3d #main-object-3d.animatedToDetailedProject .device-container .transitioner.secondary{transform:scale(9) translateZ(calc(var(--iphone-depth)*-.9))}}@media screen and (min-width:1800px){.hero{padding:0 120px}.hero .mainText{width:calc(100% - 240px)}.sectionHeader::after{--size: calc(40vw - 80px)}article{padding:240px 120px}.podcastBox{margin:160px 280px;height:calc((100vw - 560px - 40px)/2)}}
/*# sourceMappingURL=main.min.css.map */