@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted currentColor;text-decoration:underline dotted currentColor}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.clear:after{clear:both;content:"";display:table}.about__photos--grid .photo dl,.about__photos--links a:after,.project__bottom--next .image,.project__hero--background{bottom:0;left:0;right:0;top:0}.wrapper{margin:0 auto;max-width:1680px;min-width:320px;padding:0 3vw}html{color:#333;font:18px/24px NittiGrotesk-SemiLight,Helvetica,Arial,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#180050;cursor:default}*,:after,:before{box-sizing:border-box}strong{font-family:NittiGrotesk-ExtraBold,Helvetica,Arial,sans-serif;font-weight:400}em{font-style:normal}dd,dl,dt,figure,li,p,ul{margin:0;padding:0}figure img{display:block}::selection{background:#02c3d9;color:#fff}::-moz-selection{background:#02c3d9;color:#fff}h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:400;margin:0}.title--light{color:#180050;font:1.95rem/1.15 NittiGrotesk-SemiLight,Helvetica,Arial,sans-serif}.title--second{font:1.55rem/1.15 NittiGrotesk-ExtraBold,Helvetica,Arial,sans-serif}.title--info{color:#7ba2f1;font:1rem/1.2 NittiGrotesk-ExtraBold,Helvetica,Arial,sans-serif;text-transform:uppercase}.icons--social a{display:block;height:22px;width:22px}.icon{display:block;height:100%;position:relative;transition:all 65ms ease-in-out;width:100%}.icon--behance{height:25px;top:5px;width:25px}.icon--twitter{top:3px}.icon--dribbble,.icon--instagram{top:1px}.icon--arrow{fill:#fff;height:10px;transition:all .25s cubic-bezier(.785,.135,.15,.86);width:20px}.link--anim{position:relative}.link--anim:after{animation:link-leave .15s cubic-bezier(.785,.135,.15,.86);border-top:1px solid #fff;bottom:-1px;content:"";display:block;left:0;position:absolute;right:100%}.link--anim:hover:after{animation:link-enter .15s cubic-bezier(.785,.135,.15,.86);animation-fill-mode:forwards}@keyframes link-enter{0%{right:100%}to{right:0}}@keyframes link-leave{0%{left:0;right:0}to{left:100%;right:0}}.lazyload,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opacity .3s}@font-face{font-display:swap;font-family:NittiGrotesk-SemiLight;font-style:normal;font-weight:400;src:local("NittiGrotesk-SemiLight"),url(/fonts/NittiGrotesk-SemiLight.woff2) format("woff2"),url(/fonts/NittiGrotesk-SemiLight.woff) format("woff")}@font-face{font-display:swap;font-family:NittiGrotesk-ExtraBold;font-style:normal;font-weight:400;src:local("NittiGrotesk-ExtraBold"),url(/fonts/NittiGrotesk-ExtraBold.woff2) format("woff2"),url(/fonts/NittiGrotesk-ExtraBold.woff) format("woff")}.site__header{left:0;position:fixed;right:0;top:0;z-index:200}.site__header,.site__header .wrap,.site__header .wrapper{transition:all .2s cubic-bezier(.785,.135,.15,.86)}.site__header .wrap{display:flex;justify-content:space-between;opacity:0;padding:25px 0;position:relative;transform:translate3d(0,25%,0);transition-delay:30ms}.site__header a,.site__header span{display:block}.site__header--menu{display:flex}.site__header--menu li{display:block;margin-left:40px}.site__header--menu a{color:#fff;display:block;font-family:NittiGrotesk-ExtraBold,Helvetica,Arial,sans-serif;font-size:1.25rem;letter-spacing:.08rem;line-height:1;position:relative;text-decoration:none;text-transform:uppercase;z-index:1}.site__header--menu a:before{animation:about-leave .15s cubic-bezier(.785,.135,.15,.86);background:#02c3d9;content:"";height:4px;left:-5%;position:absolute;right:105%;top:50%;transform:translate3d(0,-50%,0);z-index:2}.site__header--menu a:hover:before{animation:about-enter .15s cubic-bezier(.785,.135,.15,.86);animation-fill-mode:forwards}.site__header--menu .router-link-exact-active:before{left:-5px;right:-5%;z-index:-1}.site__header--menu .router-link-exact-active:before,.site__header--menu .router-link-exact-active:hover:before{animation:none}.site__header.headroom--top .wrapper{padding-top:1.5vw}.site__header.headroom--top .wrap{opacity:1;transform:translateZ(0)}.site__header.headroom--pinned:not(.headroom--top){background-color:#180050;box-shadow:0 3px 40px #180050;pointer-events:auto}.site__header.headroom--pinned:not(.headroom--top) .wrap{opacity:1;transform:translateZ(0)}.site__header.headroom--not-top{pointer-events:none}.link__flayks{height:25px;width:auto}.link__flayks span,.link__flayks svg{display:block;height:100%;width:auto}.link__flayks path{transition:fill 85ms ease-in-out,transform .2s cubic-bezier(.785,.135,.15,.86)}.link__flayks:hover svg{fill:#02c3d9}.main{overflow:hidden}.introduction{background:#090431;z-index:1}.introduction .wrap{align-items:flex-end;display:flex;margin-bottom:-195px;padding:18vw 0 330px}.introduction__me{flex:0 0 35%;margin-left:10%;z-index:2}.introduction__me h1{color:#fff;font-size:1.75rem;line-height:1.22}.introduction__me span{border-bottom:1px solid hsla(0,0%,100%,.12);cursor:pointer;padding-bottom:2px}.introduction__details{color:#02c3d9;flex:0 0 30%;font-size:1.25rem;line-height:1.3;margin-left:10%}.introduction .emoji{opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease-in-out;z-index:0}.introduction .emoji img{filter:drop-shadow(0 7px 10px #090431);height:auto;opacity:0;position:absolute;width:45px;z-index:3}.introduction .emoji.show{opacity:1;pointer-events:auto}.introduction .emoji.show img:first-child{animation:emoji-pop-1 .6s cubic-bezier(.165,.84,.44,1) forwards,emoji-cute .8s ease-in-out infinite}.introduction .emoji.show img:nth-child(2){animation:emoji-pop-2 .6s cubic-bezier(.165,.84,.44,1) forwards,emoji-cute .8s ease-in-out infinite;animation-delay:80ms}.introduction .emoji.show img:nth-child(3){animation:emoji-pop-3 .6s cubic-bezier(.165,.84,.44,1) forwards,emoji-cute .8s ease-in-out infinite;animation-delay:50ms}@keyframes emoji-pop-1{0%{bottom:-40px;left:0;opacity:0;transform:rotate(90deg)}to{bottom:-20px;left:-50px;opacity:1;transform:rotate(0)}}@keyframes emoji-pop-2{0%{bottom:-40px;opacity:0;transform:rotate(90deg)}to{bottom:10px;opacity:1;transform:rotate(0)}}@keyframes emoji-pop-3{0%{bottom:-40px;left:0;opacity:0;transform:rotate(90deg)}to{bottom:-20px;left:50px;opacity:1;transform:rotate(0)}}@keyframes emoji-cute{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.grid{padding-bottom:10px;position:relative;z-index:10}.grid .wrap{display:flex;flex-wrap:wrap}.grid .subtitle-grid{margin-bottom:50px;margin-left:10%}.grid__item{flex:0 0 40%;position:relative}.grid__item a{display:block;text-decoration:none}.grid__item--image{height:100%;margin-bottom:25px;position:relative}.grid__item .img{position:relative;z-index:10}.grid__item img{box-shadow:0 30px 120px #180050;display:block;height:auto;transform:translateZ(0);transition:opacity .15s ease-in-out;width:100%}.grid__item .shape{position:absolute;transition:transform .2s cubic-bezier(.785,.135,.15,.86),opacity .5s}.grid__item .shape video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .2s;width:100%}.grid__item svg,.grid__item svg *{transition:opacity .2s cubic-bezier(.785,.135,.15,.86)}.grid__item svg{display:block}.grid__item .title{color:#fff;font-size:2.222rem;overflow:hidden;position:relative;z-index:50}.grid__item .title span{display:block;padding:10px 0}.grid__item time{color:#7ba2f1;display:inline-block;font-size:1rem;letter-spacing:.03rem;padding-left:5px}.grid__item a:hover img{opacity:.85}.grid__item a:hover video{opacity:1}.grid__more{flex:0 0 20%;min-width:250px}.grid__more a{background:#0057ff;color:#fff;display:block;line-height:1.45;padding:45px 50px;text-decoration:none;transition:all .25s cubic-bezier(.165,.84,.44,1)}.grid__more svg{display:inline-block;height:13px;margin:.3em 0 0 .25em;width:71px}.grid__more a:hover{background:#003ecb;border-color:transparent;padding-left:55px}.site__loading{background:linear-gradient(140deg,#02c3d9,#3200a7,#02c3d9,#3200a7,#02c3d9,#3200a7);background-size:1800% 1800%;cursor:progress;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .25s ease-in-out;width:100%;z-index:100}.site__loading.show{animation:loading 3s linear infinite;opacity:1;pointer-events:auto;position:fixed}@keyframes loading{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 82%}}.site__error{align-items:center;background-color:#000;color:#fff;display:flex;height:100vh;justify-content:center;position:relative;text-align:center;width:100%}.site__error .wrap{position:relative;width:100%;z-index:10}.site__error .type{color:#555;margin-top:2vw;text-transform:uppercase}.site__error .text{font-size:5vw;line-height:1.05}.site__error .back{bottom:0;color:#fff;left:0;overflow:hidden;padding:8vh;position:absolute;right:0;transition:all 125ms ease-in-out;z-index:2}.site__error .back:after{background:#02c3d9;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:translate3d(0,5%,0);transition:all 90ms ease-in-out;width:100%;z-index:-1}.site__error .back:hover:after{opacity:1;transform:translateZ(0)}.site__error .bg{background:url(/img/bg_error.gif) 50% 50% no-repeat;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.grid__item--1{align-self:flex-start;margin:0 0 0 10%;z-index:1}.grid__item--2{align-self:flex-end;margin:13vw 0 0 5%;z-index:3}.grid__item--3{align-self:flex-start;margin:-6.5vw 0 0 20%;z-index:2}.grid__item--4{align-self:flex-end;margin:13vw 0 0 -5%;z-index:1}.grid__item--5{align-self:flex-start;margin:-10vw 0 0 10%;z-index:2}.grid__item--6{align-self:flex-start;margin:9.5vw 0 0 -5%;z-index:1}.grid__item--7{align-self:flex-start;margin:-4.5vw 0 0;z-index:2}.grid__item--8{align-self:flex-end;margin:13vw 0 0 5%;z-index:2}.grid__item--9{align-self:flex-start;margin:-8vw 0 0 10%;z-index:1}.grid__more{align-self:flex-end;margin:20vw 0 7.2vw 10%;z-index:1}.houses-of .shape{border-radius:100%;bottom:14%;height:150px;left:-18%;overflow:hidden;width:150px}.houses-of video{height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s;width:100%;z-index:2}.houses-of a:hover video{opacity:1}.mantle-group .shape{right:-10%;top:-10%}.mantle-group .shape path{transition:transform .4s cubic-bezier(.165,.84,.44,1)}.mantle-group a:hover path:last-child{transform:translateY(17%)}.mantle-group a:hover path:first-child{transform:translateY(-7%)}.\32ies .shape{left:-20%;top:50%;transform:translate3d(0,-50%,0)}.\32ies .shape path,.\32ies .shape svg{transition:all .4s cubic-bezier(.165,.84,.44,1)}.\32ies .shape path{transform-origin:50% 100%}.\32ies a:hover svg{transform:rotate(-64deg)}.\32ies a:hover path:last-child{fill:#fe7b71;transform:rotate(-3deg)}.\32ies a:hover path:first-child{fill:#80e0ba;transform:rotate(3deg)}.psg-ticketing .shape{background-position:0 0;background-repeat:no-repeat;background-size:cover;bottom:20%;right:-16%;transition:all .2s cubic-bezier(.785,.135,.15,.86);z-index:20}.psg-ticketing a:hover .shape{box-shadow:0 10px 25px #0006;transform:scale3d(1.1,1.1,1) rotate3d(0,1,1,-1.25deg)}.psg-ticketing a:hover svg{opacity:0}.\34thsex .shape{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:-37.5%;top:-8%;z-index:1}.\34thsex a:hover rect{opacity:0}.cetrucflotte .shape{right:-65px;top:50%;transform:translate3d(0,-50%,0);z-index:20}.cetrucflotte a:hover .shape{animation:ctf-buoy 15s linear infinite}@keyframes ctf-buoy{0%,to{in-top:0;in-right:0}10%{margin-right:-3%;margin-top:-4%}20%{margin-right:-5%;margin-top:-5%}30%{margin-right:-7%;margin-top:-1%}40%{margin-right:-8%;margin-top:5%}50%{margin-right:-10%;margin-top:7%}60%{margin-right:-5%;margin-top:10%}70%{margin-right:-.5%;margin-top:5%}80%{margin-right:3%;margin-top:3%}90%{margin-right:1.5%;margin-top:.5%}}.room-two .shape{background-position:0 0;left:-9.5%}.room-two .shape,.room-two .shape rect,.room-two .shape svg,.room-two .shape__svg{height:100%}.room-two a:hover rect{opacity:0}.bernard-peault .shape{background:#fff;display:block;right:-8%;top:-12%;z-index:1}.bernard-peault a:hover svg{animation:bpo-flash .4s}@keyframes bpo-flash{0%,10%,30%,50%{opacity:.1}20%,40%,60%{box-shadow:0 0 10vw #fff6;opacity:1}to{opacity:1}}.arte-animaux .shape{background-position:100% 65%;background-repeat:no-repeat;border-radius:100px;left:-140px;top:50%;transform:translate3d(0,-50%,0);transition:all .4s cubic-bezier(.165,.84,.44,1);z-index:20}.arte-animaux a:hover .shape{background-position:100% 50%;transform:scale3d(1.15,1.15,1) translateY(-50%)}.arte-animaux a:hover svg{opacity:0!important}.project__hero{display:flex;height:80vh;min-height:600px;position:relative}.project__hero .wrapper{align-self:flex-end;display:flex;height:auto;margin-bottom:6vw;width:100%;z-index:10}.project__hero .anim__slidetop{overflow:hidden}.project__hero .project-title{color:#02c3d9;font-size:2.33rem;margin-left:10%;position:relative;z-index:10}.project__hero .project-title span{display:block}.project__hero--background{background-position:50% 70%;background-repeat:no-repeat;background-size:cover;position:absolute;z-index:1}.project__intro{background:#180050;display:block;width:100%}.project__intro .wrap{align-items:flex-start;display:flex;padding:9vw 10%}.project__intro--description{color:#fff;flex:0 0 50%}.project__intro--description .text{font-size:1.35rem;line-height:1.3;margin-bottom:30px}.project__intro--description .detail{opacity:.6}.project__intro--link{margin:0 10% 0 auto;padding:8px 0 0}.project__intro--link a{color:#fff;display:block;display:inline-block;overflow:hidden;position:relative;text-decoration:none;z-index:2}.project__intro--link a,.project__intro--link a:after{transition:all 90ms ease-in-out}.project__intro--link .link{display:flex}.project__intro--link .icon{margin:8px 20px 0 0;transition-duration:.2s}.project__intro--link a:hover .link{color:#02c3d9!important}.project__intro--link a:hover .icon{margin-right:12px}.project__intro--infos{background:hsla(0,0%,100%,.075)}.project__intro--infos .wrap{grid-column-gap:5%;grid-row-gap:32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,240px));padding:3.5vw 10%}.project__intro--infos dd,.project__intro--infos dd a,.project__intro--infos dt{color:#ffffffbf}.project__intro--infos dt{padding-bottom:8px}.project__intro.bright .link,.project__intro.bright p{color:#333}.project__intro.bright .link svg{fill:#333}.project__intro.bright .project__intro--infos{background:rgba(0,0,0,.05)}.project__intro.bright .project__intro--infos dd,.project__intro.bright .project__intro--infos dt{color:#333333bf}.project__content{background:#fff;margin:0;padding-top:30px;position:relative}.project__content img{display:block}.project__password{display:flex;flex-wrap:wrap;height:100vh;justify-content:center;position:relative;text-align:center}.project__password .wrapper{align-self:center;width:400px}.project__password .wrapper p{line-height:1.25}.project__password .wrapper form{padding-top:50px}.project__password .wrapper input{border:none;border-bottom:1px solid #e0e0e0;display:block;font-size:2.25rem;letter-spacing:.4rem;padding:10px 0;text-align:center;width:100%}.project__password .wrapper input:focus{border-color:#02c3d9;color:#02c3d9;outline:none}.project__password .contact{bottom:10vh;left:0;position:absolute;right:0}.project__password .contact a{color:#ccc;font:.9rem/1 NittiGrotesk-ExtraBold,Helvetica,Arial,sans-serif;text-decoration:none;text-transform:uppercase}.project__password .contact a:hover{text-decoration:underline}.project__password .error{animation:shake .65s cubic-bezier(.36,.07,.19,.97)}.project__password .error p{color:red}.project__password .error input{border-color:red;color:red}@keyframes shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(5px,0,0)}30%,50%,70%{transform:translate3d(-10px,0,0)}40%,60%{transform:translate3d(10px,0,0)}}.project__heading .wrapper{margin:3.5vw auto}.project__heading .title--second{color:#333;margin-left:10%}.project__heading.light .title--second{color:#fff}.project__heading.space .wrapper{margin-top:7vw}.project__text .wrapper{margin-bottom:3.5vw}.project__text .title--second{color:#333}.project__text p{display:block;font-size:1.05rem;line-height:1.4;margin-left:10%;margin-right:50%}.project__text p a{color:#0296a6;transition:color .15s}.project__text p a:hover{color:#02c3d9}.project__text.light .title--second{color:#fff}.project__text.space .wrapper{margin-top:5vw}.project__heading~.project__text{margin-top:-2vw}.project__section .wrapper{position:relative}.project__section .project__heading{padding-left:3vw}.project__section .title--second{left:0;margin-left:5%;position:absolute;top:6vw;z-index:20}.project__section img{display:block;margin:0 auto}.project__section.space{margin-top:7vw}.project__section.dark{color:#fff}.project__heading~.project__section.interactions{margin-top:-3.5vw}.branding{background:none!important}.branding .wrap{margin:0 5%}.branding img{max-width:100%}.branding [class^=project__]{margin-left:0;margin-right:0}.branding .project__gallery{border-bottom:1px solid rgba(0,0,0,.06)}.branding .images{display:flex;margin:0 11.1111111111%;padding:7vw 0}.branding .images .image{flex:0 0 calc(50% - 4vw);margin-right:4vw}.branding .images .image:hover{cursor:default!important;transform:none!important}.branding .images p{display:block;padding-top:1.5vw}.branding .project__section .wrap{display:flex;justify-content:space-between;padding:6vw}.branding .project__section .image{flex:0 0 30%}.branding .project__section .text{flex:0 0 33.3333333333%}.branding .project__section .image,.branding .project__section .text{margin-right:6vw}.branding .project__section img{max-width:100%}.project__image img{height:auto;width:100%}.project__image.large{margin-left:0;margin-right:0}.project__image.large .wrapper{max-width:100%;padding:0}.project__image.space .wrapper{padding:7vw 0}.project__image.space img{box-shadow:0 25px 40px #0003;height:auto;max-width:50%}.project__image.spacetop{margin-top:7vw}.browser .html,.browser .image{box-shadow:0 25px 40px #00000021;margin:0 5% 6vw}.browser .html img,.browser .image img{height:auto;width:100%}.browser .html img:hover,.browser .image img:hover{transform:none}.project__gallery .wrapper{margin:7vw auto}.project__gallery .wrap{display:grid;justify-content:center}.project__gallery .image{align-self:flex-start;transition:all .3s cubic-bezier(.785,.135,.15,.86)}.project__gallery:not(.browser) .image:hover{cursor:pointer;transform:scale3d(1.025,1.025,1)}.project__gallery img,.project__gallery video{display:block;height:auto;width:100%}.project__gallery.col2 .wrap{grid-column-gap:5%;grid-template-columns:repeat(2,1fr)}.project__gallery.col2 .image{height:auto;margin-bottom:4vw;max-width:100%;width:100%}.project__gallery.col3 .wrap{grid-column-gap:5%;grid-template-columns:repeat(3,1fr);margin:0 5%}.project__gallery.col3 .image{height:auto;margin-bottom:4vw;width:100%}.project__gallery.photos .wrap{grid-column-gap:4vw;grid-template-columns:repeat(3,1fr);margin:0 5%}.project__gallery.photos .image{box-shadow:0 25px 40px #0003;height:auto;width:100%}.project__gallery.photos .image:hover{box-shadow:0 25px 50px #18005059;transform:scale3d(1.025,1.025,1) rotate(1.75deg)}.project__gallery.photos .image:nth-child(2){margin-top:2vw}.project__gallery.photos .image:nth-child(3){margin-bottom:-3vw;margin-top:4vw}.project__gallery.photos.top{padding-top:5vw}.project__gallery.phone .wrap{grid-column-gap:6vw;grid-template-columns:repeat(3,1fr);justify-content:center;margin:0 5%}.project__gallery.phone .image{border:6px solid #fff;border-radius:30px;box-shadow:0 10px 30px #0000001f;height:auto;position:relative}.project__gallery.phone .image img{border-radius:24px;position:relative;z-index:1}.project__gallery.phone .image:after{background:#fff;border-radius:50vh;bottom:12px;content:"";height:4px;left:50%;position:absolute;transform:translate3d(-50%,0,0);width:33.33%;z-index:2}.project__gallery.phone .image:first-child{margin-top:7vw}.project__gallery.phone .image:nth-child(2){margin-top:20vw}.project__gallery.browser .wrap{grid-column-gap:5%;grid-template-columns:repeat(2,1fr);margin:0 5%}.project__gallery.browser .image{margin-left:0;margin-right:0}.project__gallery.bonus .wrapper{height:23vw;margin:0}.project__gallery.bonus .wrap{height:100%}.project__gallery.bonus .image{align-self:center;margin:0 3vw;width:11%}.project__gallery.bonus img{display:block;margin:0 auto;max-width:100%;width:auto}.project__gallery.top .wrapper{margin-top:0}.project__video{position:relative;transition:all 125ms ease-in-out}.project__video .wrapper{background:#fff}.project__video .image{cursor:pointer}.project__video .play{background:#180050;border-radius:100vw;box-shadow:0 30px 120px #180050;display:flex;height:7vw;justify-content:center;left:50%;max-height:120px;max-width:120px;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:all .3s cubic-bezier(.165,.84,.44,1);width:7vw;z-index:5}.project__video .play svg{align-self:center;height:26px;margin-left:6px;width:16px}.project__video video{display:block;height:auto;transition:opacity .2s ease-in-out;width:100%}.project__video:hover .play{background-color:#230074;height:7.5vw;width:7.5vw}.project__video.playing .play{opacity:0}.project__video.ended video{opacity:.5}.project__html .html{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.project__html iframe{height:100%;left:0;position:absolute;top:0;width:100%}.project__spacer{margin-bottom:7vw}.project__bottom{background:#180050;color:#fff;display:flex;position:relative;z-index:10}.project__bottom--reach{display:flex;flex:0 0 50%}.project__bottom--reach .wrapper{padding:0}.project__bottom--reach .title{color:#02c3d9;font-family:NittiGrotesk-ExtraBold,Helvetica,Arial,sans-serif}.project__bottom--reach .center{z-index:2}.project__bottom--reach a{align-items:center;color:#fff;display:flex;font-size:1.25rem;height:100%;line-height:1.55;position:relative;text-decoration:none;width:100%}.project__bottom--reach a:after{background:#090431;bottom:0;content:"";height:100%;left:0;opacity:0;position:absolute;transition:all .6s cubic-bezier(.165,.84,.44,1);width:0;z-index:-1}.project__bottom--reach a:hover:after{opacity:1;transform:translateZ(0);width:100%}.project__bottom--next{background:#180050;flex:0 0 50%;position:relative}.project__bottom--next .wrapper{margin-right:25%;padding:130px 0;position:relative;z-index:3}.project__bottom--next a{color:#fff;display:block;height:100%;position:relative;text-decoration:none;width:100%}.project__bottom--next dl{font-family:NittiGrotesk-ExtraBold,Helvetica,Arial,sans-serif;text-align:right;text-shadow:0 0 80px #180050}.project__bottom--next dt{margin-bottom:15px;text-transform:uppercase}.project__bottom--next dd{color:#02c3d9;font-size:1.55rem}.project__bottom--next .image{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;opacity:.95;position:absolute;z-index:2}.project__bottom--next .image:before{background:linear-gradient(90deg,transparent 30%,rgba(0,0,0,.7));bottom:0;content:"";left:0;position:absolute;right:0;top:0}.project__bottom--next .image,.project__bottom--next .image:before{transition:all 125ms ease-in-out}.project__bottom--next a:hover .image{opacity:1}.project__bottom--next a:hover .image:before{opacity:.45}.about__top{position:relative}.about__top--background{background:#180050 url(/img/bg_about.jpg) 50% 50% no-repeat;background-size:cover;height:45%;left:0;position:absolute;top:0;width:100%;z-index:-1}.about__intro{color:#fff}.about__intro .wrapper{display:flex;flex-flow:row wrap;justify-content:center;position:relative;z-index:20}.about__intro .wrap{margin:0 25%;white-space:nowrap;width:100%}.about__intro--text{margin:0 25%;padding:10vw 0 7vw;position:relative;width:100%}.about__intro--text h2{color:#02c3d9;margin-bottom:8px;text-transform:uppercase}.about__intro--text .text{line-height:1.15}.about__intro--infos{display:flex;flex-flow:row wrap;position:relative;width:100%}.about__intro--infos dl{flex:0 0 25%;margin-bottom:3vw;margin-right:5%}.about__intro--infos dt{padding-bottom:15px}.about__intro--infos dd{font-size:1.15rem;line-height:1.35}.about__intro--infos a{color:#fff;text-decoration:none;transition:all 75ms ease-in-out}.about__intro--infos .contact{margin-right:10%}.about__intro--infos .social ul{display:flex}.about__intro--infos .social li{display:block;margin-right:18px}.about__intro--infos .social .icon{fill:#fff}.about__intro--infos .social a:hover .icon{fill:#02c3d9}.about__details{color:#180050;margin-top:40px;position:relative;z-index:10}.about__details .wrapper{position:relative;z-index:2}.about__details .wrap{align-items:flex-end;background:#02c3d9;display:flex;margin:0 5%;padding:10.5vw 20%}.about__details:after{background:#e2e7f7;bottom:0;content:"";height:70%;left:0;position:absolute;width:100%;z-index:1}.about__details .clients{flex:0 0 55%}.about__details .clients h2{padding-bottom:3vw}.about__details .clients li{color:#fff;display:block;font-size:1.5rem;line-height:1.25;padding-left:.5em;position:relative}.about__details .clients li:before{content:"\2013";display:inline-block;margin-left:-.5em;width:.8em}.about__details .skills{flex:0 0 30%;line-height:1.4;margin-left:10%}.about__details .skills h2{font-family:NittiGrotesk-ExtraBold,Helvetica,Arial,sans-serif;font-size:1.25rem;padding-bottom:10px}.about__details .skills li{display:block;font-size:1.1rem}.about__features{background:#e2e7f7;position:relative;z-index:2}.about__features .wrap{margin:0 5%;padding:8vw 20%}.about__features h2{padding-bottom:3vw}.about__features ul{grid-column-gap:40px;grid-row-gap:24px;display:grid;grid-template-columns:repeat(2,1fr)}.about__features li{display:block;line-height:1.35}.about__features li a{color:#333;font-size:1.1rem;justify-content:space-between;text-decoration:none}.about__features li strong{color:#3427bb;display:block;font-family:NittiGrotesk-SemiLight,Helvetica,Arial,sans-serif;font-size:.95rem;letter-spacing:.02rem;text-transform:uppercase}.about__features .link--anim:after{animation-duration:275ms;border-color:#333;bottom:1px}.about__photos{background:#fff;color:#333;padding:1px 0 70px}.about__photos ::selection{background:#180050;color:#fff}.about__photos ::-moz-selection{background:#180050;color:#fff}.about__photos h2{font-size:1.95rem;line-height:1.15;margin:10vw auto;text-align:center;width:40%}.about__photos .wrap{margin:0 5%}.about__photos--grid{grid-column-gap:2.25vw;grid-row-gap:2.25vw;display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-rows:1fr 1fr;margin:9vw 5% 0;position:relative}.about__photos--grid .photo{overflow:hidden;position:relative}.about__photos--grid .photo:before{content:"";display:block;padding-bottom:100%}.about__photos--grid .photo:first-child{grid-column:3/4;grid-row:1/3}.about__photos--grid .photo a{color:#fff;display:block;height:100%}.about__photos--grid .photo img{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.about__photos--grid .photo dl{background:rgba(24,0,80,.85);display:flex;flex-wrap:wrap;justify-content:center;opacity:0;position:absolute;text-align:center;transition:all .1s ease-in-out;z-index:1}.about__photos--grid .photo dd,.about__photos--grid .photo dt{align-self:flex-end;flex:0 0 100%;transform:translate3d(0,15%,0);transition:all .35s cubic-bezier(.165,.84,.44,1) 50ms}.about__photos--grid .photo dt{font-family:NittiGrotesk-ExtraBold,Helvetica,Arial,sans-serif;margin-top:6.3vh}.about__photos--grid .photo dd{color:#7ba2f1;margin-bottom:4vh}.about__photos--grid .photo sup{top:-.2rem}.about__photos--grid .photo a:hover dl{opacity:1}.about__photos--grid .photo a:hover dd,.about__photos--grid .photo a:hover dt{transform:translateZ(0)}.about__photos--links{display:flex;flex-wrap:wrap;justify-content:center;padding-top:7.5vw}.about__photos--links p{flex:100%;font-size:1.4rem;padding-bottom:40px;text-align:center}.about__photos--links a{background:#f7f7f7;color:#333;display:flex;overflow:hidden;padding:18px 28px;position:relative;text-decoration:none;z-index:2}.about__photos--links .link{flex:0 auto;margin:0 15px 30px}.about__photos--links .icon{fill:#333;height:26px;margin:7px 15px 0 0;width:26px}.about__photos--links span,.about__photos--links strong{display:block}.about__photos--links strong{text-transform:uppercase}.about__photos--links span{font-size:1.15rem}.about__photos--links .icon,.about__photos--links a,.about__photos--links a:after{transition:all .12s ease-in-out}.about__photos--links a:after{content:"";opacity:0;position:absolute;transform:translate3d(0,4%,0);z-index:-1}.about__photos--links a:hover{color:#fff;position:relative}.about__photos--links a:hover .icon{fill:#fff}.about__photos--links a:hover:after{opacity:1;transform:translateZ(0)}.about__photos--links .instagram a:after{background:radial-gradient(circle at 15% 120%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 100%)}.about__photos--links .five00px a:after{background:#0099e5}.about__photos--links .flickr .icon{top:4px}.about__photos--links .flickr a:after{background:#e60077}.site__footer{background:#fff}.site__footer .wrapper{display:flex;justify-content:space-between;padding:3vw}.site__footer p{line-height:1.4;padding-right:20px}.site__footer ul{display:flex}.site__footer li{display:block}.site__footer.dark{background:none;border-top:1px solid hsla(0,0%,100%,.15);color:#fff}.site__footer.dark .wrap{margin:0}.site__footer.dark .icon{fill:#4c4888}.site__footer.dark a:hover .icon{fill:#fff}.site__footer.light{border-top:1px solid rgba(0,0,0,.08)}.site__footer.light ::selection{background:#180050;color:#fff}.site__footer.light ::-moz-selection{background:#180050;color:#fff}.site__footer--social li{margin-right:20px}.site__footer--social li:last-child{margin-right:0}.site__footer--social .icon{fill:#7f7f7f}.site__footer--social a:hover .icon{fill:#180050}.anim__slidetop{overflow:hidden}.slide-fade-top-enter-active{transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s}.slide-fade-top-enter-from,.slide-fade-top-leave-to{opacity:0;transform:translate3d(0,30px,0)}.slide-top-enter-active{transition:transform .5s cubic-bezier(.165,.84,.44,1)}.slide-top-enter-from,.slide-top-leave-to{transform:translate3d(0,160%,0)}.fade-enter-active{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}.scale-down-fade-enter-active{transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s}.scale-down-fade-enter-from,.scale-down-fade-leave-to{opacity:0;transform:scale3d(1.05,1.05,1)}.scaleY-enter-active{transition:transform .5s cubic-bezier(.165,.84,.44,1)}.scaleY-enter-from,.scaleY-leave-to{transform:scaleY(0)}.introduction{transition-delay:.2s}.introduction__me{transition-delay:.25s}.introduction__details{transition-delay:.3s}.grid__item:first-child .img,.subtitle-grid{transition-delay:.25s}.grid__item:first-child .shape.fade-enter-active,.grid__item:first-child .title span{transition-delay:.35s}.grid__item:nth-child(2) .img{transition-delay:375ms}.grid__item:nth-child(2) .shape.fade-enter-active,.grid__item:nth-child(2) .title span{transition-delay:475ms}.grid__item:nth-child(3) .img{transition-delay:.5s}.grid__item:nth-child(3) .shape.fade-enter-active,.grid__item:nth-child(3) .title span{transition-delay:.6s}.grid__item:nth-child(4) .img{transition-delay:625ms}.grid__item:nth-child(4) .shape.fade-enter-active,.grid__item:nth-child(4) .title span{transition-delay:725ms}.grid__item:nth-child(5) .img{transition-delay:.75s}.grid__item:nth-child(5) .shape.fade-enter-active,.grid__item:nth-child(5) .title span{transition-delay:.85s}.grid__item:nth-child(6) .img{transition-delay:875ms}.grid__item:nth-child(6) .shape.fade-enter-active,.grid__item:nth-child(6) .title span{transition-delay:975ms}.grid__item:nth-child(7) .img{transition-delay:1s}.grid__item:nth-child(7) .shape.fade-enter-active,.grid__item:nth-child(7) .title span{transition-delay:1.1s}.grid__item:nth-child(8) .img{transition-delay:1125ms}.grid__item:nth-child(8) .shape.fade-enter-active,.grid__item:nth-child(8) .title span{transition-delay:1225ms}@keyframes about-enter{0%{right:105%}to{right:-5%}}@keyframes about-leave{0%{left:-5%;right:-5%}to{left:105%;right:-5%}}.project__hero .project-title span{transition-delay:.15s}.project__intro .text{transition-delay:.2s}.project__intro .detail{transition-delay:.25s}.project__intro--link{transition-delay:.3s}.about__intro h2 span{display:block;transition-delay:50ms}.about__intro .line:first-child .line--inner{transition-delay:50ms}.about__intro .line:nth-child(2) .line--inner{transition-delay:.1s}.about__intro .line:nth-child(3) .line--inner{transition-delay:.15s}.about__intro .line:nth-child(4) .line--inner{transition-delay:.2s}.about__intro .line:nth-child(5) .line--inner{transition-delay:.25s}.about__intro .line:nth-child(6) .line--inner{transition-delay:.3s}.about__intro dt span{display:block}.about__intro .contact dt span{transition-delay:.3s}.about__intro .contact dd p:first-child{transition-delay:.35s}.about__intro .contact dd p:nth-child(2),.about__intro .social dt span{transition-delay:.4s}.about__intro .icons--social li:first-child a{transition-delay:.35s;transition-duration:.4s}.about__intro .icons--social li:nth-child(2) a{transition-delay:.4s;transition-duration:.4s}.about__intro .icons--social li:nth-child(3) a{transition-delay:.45s;transition-duration:.4s}.about__intro .icons--social li:nth-child(4) a{transition-delay:.5s;transition-duration:.4s}.about__intro .icons--social li:nth-child(5) a{transition-delay:.55s;transition-duration:.4s}.about__details{transition-delay:.35s;transition-duration:.6s}.site__error .text{transition-delay:.3s}.site__error .type{transition-delay:.35s}.site__error .back{transition-delay:.45s}.site__error .bg{transition-duration:1s}.site__error .scale-full-enter,.site__error .scale-full-leave-to{background-size:10% 100%}@media only screen and (min-width:1680px){.wrapper{padding:0 50px}}@media only screen and (max-width:768px){html{font-size:16px}.wrapper{padding-left:25px;padding-right:25px}}@media only screen and (min-width:1680px){.site__header.headroom--top .wrapper{padding-top:25px}}@media only screen and (max-width:768px){.link__flayks{height:16px;width:auto}}@media only screen and (max-width:480px){.site__header--menu li{margin-left:20px}.site__header--menu a{font-size:1rem}}@media only screen and (min-width:1680px){.site__footer .wrapper{padding:50px}}@media only screen and (max-width:640px){.site__footer .wrapper{padding:25px}}@media only screen and (max-width:375px){.site__footer .wrapper{display:block;padding:25px}.site__footer--social{padding-top:10px}}@media only screen and (min-width:1680px){.introduction .wrap{padding:310px 0 330px}.grid__item--2{margin-top:240px}.grid__item--3{margin-top:-100px}.grid__item--4{margin-top:220px}.grid__item--5{margin-top:-170px}.grid__item--6{margin-top:160px}.grid__item--7{margin-top:-80px}.grid__item--8{margin-top:220px}.grid__item--9{margin-top:-110px}.grid__more{margin-bottom:120px;margin-top:320px}}@media only screen and (max-width:1280px){.introduction .wrap{margin-bottom:-140px;padding-bottom:240px}.introduction__me br{display:none}}@media only screen and (max-width:1024px){.introduction .wrap{display:block;padding-left:10%;padding-right:30%;padding-top:22vw}.introduction__me{margin-left:0;padding-bottom:30px}.introduction__details{margin-left:0}.grid__item .shape{transform:scale3d(.7,.7,1)}.grid__more{margin-left:5%;margin-top:-5vw}.grid__more a{padding:4vw 4.5vw}}@media only screen and (min-width:480px) and (max-width:1024px){.mantle-group .shape{right:-26%;top:-38%;transform:scale3d(.7,.7,1)}.psg-ticketing .shape{right:-32%}.psg-ticketing a:hover .shape{transform:scale3d(.85,.85,1) rotate3d(0,1,1,-1.25deg)}.\34thsex .shape{left:-75%;top:-15%;transform-origin:100% 0}.cetrucflotte .shape{transform:translate3d(0,-50%,0) scale3d(.7,.7,1)}.iperia .shape{bottom:5%;left:-112px;transform-origin:100% 100%}.room-two .shape{right:-24%;transform:scaleX(.85);transform-origin:0 100%}.bernard-peault .shape{left:-30%;top:-40%;transform-origin:100% 100%}.arte-animaux .shape{right:-27%;top:42%;transform:translate3d(0,-50%,0) scale3d(.6,.6,1);transform-origin:0 100%}.longines .shape{top:65%;transform:translate3d(0,-50%,0) scale3d(.7,.7,1);transform-origin:50% 0}}@media only screen and (max-width:640px){.introduction .wrap{margin-bottom:-150px;padding-bottom:200px;padding-right:10%;padding-top:28vw}.grid{margin:0 -2.5%}.grid__item{flex:0 0 45%;margin-left:2.5%;margin-right:2.5%}.grid__item .shape{transform:scale3d(.5,.5,1)}.grid__item--image{margin-bottom:2.5vw}.grid__item h2{font-size:1.6rem}.grid__more{min-width:auto}.grid__more a{padding:8vw 8.5vw}}@media only screen and (min-width:480px) and (max-width:640px){.grid__item:nth-child(2n){margin-top:5vw}.grid__item:nth-child(odd){margin-top:-5vw}.psg-ticketing .shape{bottom:10%;left:-40%}.psg-ticketing a:hover .shape{transform:scale3d(.65,.65,1) rotate3d(0,1,1,-1.25deg)}.cetrucflotte .shape{transform:translate3d(0,-50%,0) scale3d(.5,.5,1)}.iperia .shape{bottom:12%;left:-76px}.room-two .shape{right:-9%;transform:scaleX(.5)}.bernard-peault .shape{left:-50%;top:-50%}}@media only screen and (max-width:480px){.grid{margin:0}.grid__item{flex:0 0 100%;margin:0 0 7vw}.grid__item .shape{transform:scale3d(.7,.7,1)}.houses-of .shape{left:-24%}.mantle-group .shape{right:-110px;top:-120px;transform:scale3d(.5,.5,1)}.\34thsex .shape{left:-25px;top:-8%;transform:scaleX(1);width:60%}.\34thsex .shape rect,.\34thsex .shape svg{height:100%;width:100%}.cetrucflotte .shape{top:43%;transform:scale3d(.7,.7,1) translate3d(0,-50%,0)}.iperia .shape{bottom:5%;left:-10%}.room-two .shape{right:-10%;transform:scaleX(.7)}.bernard-peault .shape{top:-16%;transform:scale3d(.85,.85,1)}.arte-animaux .shape{right:-10%;top:45%}.arte-animaux .shape,.longines .shape{transform:scale3d(.7,.7,1) translate3d(0,-50%,0)}.longines .shape{left:-20%;top:40%}.grid__more a{padding:12vw 12.5vw}}@media only screen and (min-width:1680px){.project__intro .wrap{padding-bottom:160px;padding-top:160px}.project__intro--infos .wrap{padding-bottom:72px;padding-top:72px}.project__heading .wrapper{margin:60px auto}.project__gallery .wrapper{margin:100px auto}.project__gallery.phone .wrap{margin:0 5%}.project__gallery.phone .image:first-child{margin-top:150px}.project__gallery.phone .image:nth-child(2){margin-top:350px}.project__gallery.photos.top{padding-top:80px}.project__gallery.bonus .wrapper{height:385px;margin:0 auto}.project__gallery.bonus .image{margin:0 50px}.project__section.space{margin-top:120px}.project__section.branding .project__section .wrap{padding:100px}.project__section.branding .images{padding:120px 0}.project__section .title--second{top:100px}.project__image.space .wrapper{padding:120px 0}.browser .image{margin-bottom:100px}.project__text .wrapper{margin-bottom:65px}.project__heading~.project__section.interactions{margin-top:-50px}}@media only screen and (max-width:1280px){.project__intro--description{flex:0 0 60%}.project__intro--infos dl{line-height:1.25}}@media only screen and (max-width:1024px){.project__intro--infos .wrap{padding:5vw 10%}}@media only screen and (max-width:768px){.project__intro .wrap-intro{display:block}.project__intro--link{padding-top:6vw}.project__bottom--reach .center{padding-left:10%}}@media only screen and (max-width:640px){.project__intro--infos .wrap{padding:35px 10%}.project__section.branding .images,.project__section.branding .wrap{display:block;margin:0}.project__section.branding .image{margin-bottom:8vw}.project__section.branding .image:last-child{margin-bottom:0}.project__section.branding .image p{padding-top:3.5vw}.project__section.branding .images,.project__section.branding .project__section .wrap{padding:10vw}.project__section.branding .project__section .image,.project__section.branding .project__section .text{margin-right:0}.project__section.branding .project__section .image{width:70%}.project__text .wrapper{margin-bottom:8vw}.project__text p{margin-left:10%;margin-right:20%}.project__gallery.browser .wrap{margin-bottom:0;margin-left:0;margin-right:0}.project__gallery.phone .wrap{display:block;padding:2vw 0}.project__gallery.phone .image{display:block;width:65%}.project__gallery.phone .image:first-child{margin:3vw auto 8vw}.project__gallery.phone .image:nth-child(2){margin:0 0 3vw}.project__gallery.phone .image:nth-child(3){margin:8vw 0 0 auto}.project__gallery.photos .wrap{grid-column-gap:24px}.project__gallery.photos .wrapper{padding:0 0 6vw}.project__gallery.bonus .wrapper{height:40vw}.project__gallery.bonus .image{width:15%}.project__gallery.interactions.col3 .wrap{grid-template-columns:1fr;margin:0}.project__gallery.browser .wrap{display:block}.project__gallery .project__heading~.project__section.interactions{margin-top:0}.project__content .browser .html,.project__content .browser .image{box-shadow:0 10px 25px #00000021;margin-bottom:8vw;margin-left:0;margin-right:0}.project__content .project__html .html{margin-bottom:12vw}.project__bottom{display:block}.project__bottom .wrapper{padding:16vw 0}.project__bottom dl{flex:0 0 45%}.project__bottom--reach .wrapper{margin:0 auto}.project__bottom--next .wrapper{margin-right:calc(25px + 10%)}}@media only screen and (max-width:480px){.project__hero .project-title{margin-left:5%}.project__intro .wrap{padding-left:5%;padding-right:5%}.project__heading .wrapper{margin:8vw auto}.project__heading .title--second{margin-left:5%}.project__text .wrapper{margin-top:0}.project__text p{margin-left:5%;margin-right:15%}.project__gallery.col2 .wrap{grid-template-columns:1fr}.project__gallery.bonus .image{width:20%}.project__video .play{height:18vw;width:18vw}}@media only screen and (max-width:375px){.project__intro--infos .wrap{display:block}.project__intro--infos dl{margin-bottom:20px}.project__intro--infos dl:last-child{margin-bottom:0}}@media only screen and (min-width:1680px){.about__intro--text{padding:220px 0 144px}.about__details .wrap{padding-bottom:200px;padding-top:200px}.about__features .wrap{padding-bottom:140px;padding-top:140px}.about__photos h2{margin:160px auto}.about__photos--grid{grid-column-gap:40px;grid-row-gap:40px}.about__photos--links{padding-top:100px}}@media only screen and (max-width:1280px){.about__intro--text{padding-top:14vw}.about__intro--text .text{font-size:3.6vw}}@media only screen and (min-width:1024px){.about__intro--text .text{font-size:2.65rem}}@media only screen and (max-width:1024px){.about__intro .wrap{margin:0 20%}.about__intro--text{padding-top:16vw}.about__details .wrap,.about__features .wrap{padding:13vw 15%}.about__features ul{grid-row-gap:16px;margin-top:24px}}@media only screen and (max-width:768px){.about__intro--text{padding-top:16vw}.about__intro--text .text{line-height:1.4}.about__features ul{grid-template-columns:1fr}.about__photos h2{width:60%}.about__photos--grid{grid-column-gap:24px;grid-row-gap:24px;grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr 1fr}.about__photos .photo:first-child{grid-column:1/3;grid-row:1/2}.about__photos--links .link{margin:0 2vw 4vw}}@media only screen and (max-width:640px){.about__intro--text{padding-top:22vw}.about__intro--infos{display:block}.about__intro--infos .social{margin:5vw 0 0}.about__details .wrap{display:block}.about__details .clients,.about__details .skills{flex:0 0 100%}.about__details .clients h2{padding-bottom:6vw}.about__details .skills{margin:8vw 0 0}.about__photos h2{font-size:1.4rem;margin:16vw auto;width:60%}}@media only screen and (max-width:480px){.about__intro .wrap{margin:0 5%}.about__intro--text .text{font-size:5.1vw}.about__intro--infos.wrap{margin:0 15%}.about__details .wrap{margin:0}.about__features .wrap{padding-left:10%;padding-right:10%}.about__photos--links .link{width:60%}}@media only screen and (max-width:400px){.about__intro--text{padding-top:28vw}}@media only screen and (max-width:375px){.about__photos--links .link{width:100%}}@media only screen and (min-width:1024px){.site__error .text{font-size:3.75rem}}@media only screen and (max-width:640px){.site__error .text{font-size:2.4rem}}