@font-face{font-family:Work Sans;src:url(../fonts/WorkSans-Bold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Work Sans;src:url(../fonts/WorkSans-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Work Sans;src:url(../fonts/WorkSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Libre Baskerville;src:url(../fonts/LibreBaskerville-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Libre Baskerville;src:url(../fonts/LibreBaskerville-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Raleway;src:url(../fonts/Raleway-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--light-color:#fff;--primary-color:#111e4b;--dark-color:#141b2f;--medium-color:#5a658d;--accent-color:#e2ae61;--mute-color:#d5dae8;--light-text-color:#fff;--dark-text-color:#111e4b;--transition-duration:0.3s;--bounce-transition:0.5s cubic-bezier(0.68,-0.55,0.265,1.55);--ease-transition:0.3s cubic-bezier(0.5,0.7,0.4,1);--small-shadow:0 6px 18px -8px rgba(0,0,0,0.1);--large-shadow:0 16px 30px -6px rgba(0,0,0,0.3);--xlarge-shadow:0px 25px 40px 0px rgba(0,0,0,0.3);--header-min-height:8rem}@media screen and (min-width:961px){:root{--header-min-height:10rem}}:root{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--mute-color)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{padding:2px;background:var(--mute-color)}::-webkit-scrollbar-thumb{border-radius:6px;background-color:var(--primary-color)}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}:root{height:100%;background:#fff;font-size:62.5%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}::-moz-selection{color:var(--light-text);background:var(--accent-color)}::selection{color:var(--light-text);background:var(--accent-color)}a.focus-visible,a:focus-visible{outline-offset:.33em;outline-width:1px;outline-style:dashed}a:-moz-focusring{outline-offset:.33em}body{height:100%;background:var(--light-color);font-family:Work Sans,sans-serif;font-size:1.8rem;font-weight:400;color:var(--dark-text-color)}body,main{position:relative}main{z-index:1;margin-top:var(--header-min-height)}p{margin-top:0;line-height:1.6em;font-size:1.1em;letter-spacing:-.01em}nav ul{margin:0;list-style:none}a{text-decoration:none;color:currentColor}figure img{width:100%}@media screen and (min-width:2400px){p{font-size:1.4vw}}.l-wrapper{overflow-x:hidden}.l-header{position:fixed;z-index:5}.l-header,.l-wrapper{top:0;right:0;left:0}.container,.is-relative{position:relative}.container--large,.container--med{width:100%;max-width:90vw;margin-right:auto;margin-left:auto}@media screen and (min-width:1441px){.container--med{max-width:60vw}}.container--2col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container--2col>div{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}@media screen and (min-width:961px){.container--2col{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.container--2col>div{-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%}}.has-padding--large{padding-top:calc(8rem + 5vw);padding-bottom:calc(8rem + 5vw)}.has-padding--large+.has-padding--large{padding-top:0}.has-padding{padding-top:calc(4rem + 5vw);padding-bottom:calc(5rem + 5vw)}.has-padding--small{padding-top:2rem;padding-bottom:2rem}.is-centered{text-align:center}.is-highlighted{position:relative;z-index:1;display:inline-block;font-weight:500;color:currentColor}.is-highlighted:before{position:absolute;z-index:-1;content:"";opacity:.2;top:0;right:-.16em;bottom:0;left:-.16em;border-radius:.9em .16em;height:auto;width:auto;background:var(--accent-color) none repeat 0 0}.is-copyright{opacity:.4}.color--light{color:var(--light-text-color)}.color--dark{color:var(--dark-text-color)}.color--medium{color:var(--medium-color)}.is-hidden{display:none}.bg--light{background-color:var(--light-color)}.bg--dark{background-color:var(--primary-color)}.bg--accent{background-color:var(--accent-color)}.title--l,.title--main{margin:2.75rem 0 1.05rem;font-family:Raleway,serif;font-weight:700;line-height:1.5}.title--main{font-size:3.157em;margin-top:0;margin-bottom:.96em;letter-spacing:-1px}.title--main__accent,.title--tags{font-family:Libre Baskerville,serif;font-size:.75em}.title--tags{display:inline-block;font-weight:400;font-style:italic}.title--tags:before{content:"{ "}.title--tags:after{content:" }"}.title--mute{font-family:Work Sans,sans-serif;font-size:1.8rem;font-weight:400}.title--l{font-size:2.6em}.title--mini{font-size:1.7rem;font-weight:600;font-family:Work Sans,sans-serif;text-transform:uppercase;letter-spacing:.1em}.bg--light .title--mini{color:var(--accent-color)}.bg--light .title--mini::-moz-selection{color:var(--light-color)}.bg--light .title--mini::selection{color:var(--light-color)}.title--section{position:relative;margin-top:.3em}.title--section_pipe{margin-bottom:3.6em}.title--section_line{margin-bottom:2em}.title--section_line:after,.title--section_pipe:after{content:"";position:absolute;display:inline-block;background:currentColor}.title--section_pipe:after{bottom:-2em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:1.28em;width:2px}.title--section_line:after{bottom:-1em;width:1.28em;height:2px;left:0}@media screen and (min-width:2400px){.title--l{font-size:3.78vw}.title--mini{font-size:1.38vw}}@media screen and (min-width:961px){.title--main{font-size:4.6vw}}@media screen and (max-width:424px){.title--main{font-size:2.4em}.title--l{font-size:2em}}.btn{position:relative;padding:.5em 0;font-family:Work Sans;font-size:.835em;font-weight:500;letter-spacing:.2em;line-height:1.618;text-transform:uppercase;-webkit-transition:all var(--bounce-transition);transition:all var(--bounce-transition)}.bg--light .btn{color:var(--dark-text-color)}.bg--dark .btn{color:var(--light-text-color)}.btn:focus,.btn:hover{letter-spacing:.15em}.btn:focus:before,.btn:hover:before{-webkit-transform:scaleX(1.3);transform:scaleX(1.3)}.btn:before{content:"";position:absolute;right:0;bottom:0;left:0;display:inline-block;-webkit-transition:-webkit-transform var(--bounce-transition);transition:-webkit-transform var(--bounce-transition);transition:transform var(--bounce-transition);transition:transform var(--bounce-transition),-webkit-transform var(--bounce-transition);-webkit-transform-origin:left;transform-origin:left;height:2px;background-color:currentColor}.btn--more{display:block;margin-top:2em;width:12px;height:24px;position:relative}.btn--more:after,.btn--more:before,.btn--more span{position:absolute;top:calc(50% - 1px);content:"";display:block;width:15px;height:2px;background:var(--primary-color)}.btn--more:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.btn--more:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.btn--more span{width:0}.btn--more:focus span,.btn--more:hover span{width:42px}.btn--more.btn--more-right:after,.btn--more.btn--more-right:before,.btn--more.btn--more-right span{right:0;-webkit-transform-origin:right 50%;transform-origin:right 50%}.btn--more.btn--more-right:after,.btn--more.btn--more-right:before{-webkit-transition:right .3s .05s;transition:right .3s .05s}.btn--more.btn--more-right span{-webkit-transition:width .3s,right .3s .05s;transition:width .3s,right .3s .05s}.btn--more.btn--more-right:focus:after,.btn--more.btn--more-right:focus:before,.btn--more.btn--more-right:focus span,.btn--more.btn--more-right:hover:after,.btn--more.btn--more-right:hover:before,.btn--more.btn--more-right:hover span{right:-30px}@media screen and (min-width:2400px){.btn{font-size:1.216vw}}.is-link--web{font-family:Work Sans,sans-serif;font-size:.835em;font-weight:500;text-transform:uppercase}.is-link--web span{position:relative}.is-link--web span:before{content:"";display:inline-block;background-color:currentColor;margin-right:1rem;width:32px;height:1px}.is-link--web i{margin-left:.25rem}.is-link--web svg{width:.9em;height:.9em}.is-link--web path{-webkit-transition:stroke var(--transition-duration);transition:stroke var(--transition-duration);fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}@media screen and (min-width:2400px){.is-link--web{font-size:1.216vw}}.is-filled--dark{fill:var(--primary-color)}.is-filled--accent{fill:var(--accent-color)}.is-filled--light{fill:var(--light-color)}.is-stroke--accent,.is-stroke--dark,.is-stroke--light{stroke:var(--accent-color);fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.is-stroke--light{stroke:var(--light-text)}.is-stroke--dark{stroke:var(--dark-color)}header{background:var(--light-color)}.header__inner,.mainnav__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__inner{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:var(--header-min-height)}.js-header{-webkit-transition:-webkit-transform var(--bounce-transition);transition:-webkit-transform var(--bounce-transition);transition:transform var(--bounce-transition);transition:transform var(--bounce-transition),-webkit-transform var(--bounce-transition)}.is-scrolling .js-header{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.header__brand_link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:168px}.header__brand_logo{width:100%;height:auto}.mainnav__container{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%;padding-top:.9em}.mainnav__item{padding:0 0 0 2em}.mainnav__link{position:relative;display:inline-block;overflow:hidden;font-size:.8em;font-weight:500;line-height:1em;text-transform:uppercase;text-align:center;letter-spacing:.08em;color:var(--dark-text-color)}.mainnav__link:after{content:"";display:inline-block;-webkit-transform:translateX(-101%);transform:translateX(-101%);height:2px;width:100%;background-color:currentColor}.mainnav__link:focus:after,.mainnav__link:hover:after{-webkit-transform:translateX(0);transform:translateX(0)}.js-mainnav__link.is-going--out:after,.mainnav__link:focus:after,.mainnav__link:hover:after{-webkit-transition:-webkit-transform var(--ease-transition);transition:-webkit-transform var(--ease-transition);transition:transform var(--ease-transition);transition:transform var(--ease-transition),-webkit-transform var(--ease-transition)}.js-mainnav__link.is-going--out:after{-webkit-transform:translateX(100%);transform:translateX(100%)}@media screen and (min-width:2400px){.mainnav__link{font-size:1vw;padding-top:1em}.header__brand_link{width:12vw}}@media screen and (min-width:961px){.header__inner{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (max-width:600px){.header__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:1em}.mainnav__container{padding-left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mainnav__item{padding:0 1em}}.banner{position:relative;padding-top:8rem}@media screen and (min-width:961px){.banner{padding-top:0}}.banner__content{min-height:calc(95vh - var(--header-min-height))}.banner__content>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.banner__text{position:relative}.floating__animation,.hover__animation{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:6rem}.floating__animation_inner,.hover__animation_inner{position:relative;width:100%;height:100%}.hover__animation_element{position:absolute;width:20%}.animation_element{position:relative;-webkit-transition:-webkit-transform var(--transition-duration);transition:-webkit-transform var(--transition-duration);transition:transform var(--transition-duration);transition:transform var(--transition-duration),-webkit-transform var(--transition-duration)}.animation_element.animation_element--stroke{position:absolute;top:0;right:0;left:0}.animation_element img{width:100%;height:auto}.element--accessibility{top:12%;left:0}.element--lightbulb{top:0;left:44%}.element--communication{top:45%;left:0}.element--layout{top:32%;left:41%}.element--picture{top:20%;right:0}.element--responsive{top:70%;left:42%}.element--team{top:52%;right:0}@media screen and (max-width:960px){.floating__animation_inner,.hover__animation_inner{min-height:100vh}}@media screen and (min-width:961px){.floating__animation_inner,.hover__animation_inner{min-height:60vh}.floating__animation,.hover__animation{padding:6rem 0 0 8rem}}.projects{position:relative;z-index:1}.projects,.projects__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.projects__list{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.js-projects__bg{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;background-color:var(--light-color);pointer-events:none}.projects__link,.projects__list{position:relative}.projects__link{display:block;margin-bottom:4.8em;width:100%}.projects__link.focus-visible,.projects__link:focus-visible{outline-offset:1em}.projects__link:-moz-focusring{outline-offset:1em}.projects__link:hover{z-index:2}.projects__link_category,.projects__link_description,.projects__link_image,.projects__link_more,.projects__link_title{pointer-events:none}.projects__link_image{position:relative;overflow:hidden;margin-bottom:2.4rem;width:100%;padding-bottom:33.33%}.projects__link_image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;-webkit-perspective:1000px;perspective:1000px}.projects__link_category{overflow:hidden;margin:0;line-height:1.3em;font-family:Libre Baskerville,serif;font-size:1em}.projects__link_cat{display:inline-block;font-style:italic}.js-projects_link.is-active .projects__link_cat,.js-projects_link.is-active .projects__link_desc{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform var(--transition-duration);transition:-webkit-transform var(--transition-duration);transition:transform var(--transition-duration);transition:transform var(--transition-duration),-webkit-transform var(--transition-duration)}.projects__link_title{position:relative;margin:1.6rem 0;font-size:3em;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.js-projects_link.is-active .projects__link_title{text-shadow:1px 1px 6px hsla(0,0%,58.8%,.5)}.projects__link_description{overflow:hidden;margin-bottom:1.6em}.projects__link_desc{display:inline-block}.projects__link_more{-webkit-transition:-webkit-transform var(--transition-duration);transition:-webkit-transform var(--transition-duration);transition:transform var(--transition-duration);transition:transform var(--transition-duration),-webkit-transform var(--transition-duration)}@media screen and (min-width:2400px){.projects__link_category{font-size:1.2vw}}@media screen and (max-width:600px){.projects__link_title{font-size:2em}.projects__link_cat{font-size:1.4rem}}@media screen and (min-width:961px){.projects__list{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.projects__link.focus-visible,.projects__link:focus-visible{outline-color:hsla(0,0%,100%,.7);outline-offset:2em;outline-style:solid}.projects__link:-moz-focusring{outline-color:hsla(0,0%,100%,.7);outline-offset:2em;outline-style:solid}.projects__link_image{position:absolute;top:-20vw;left:48%;opacity:0;visibility:hidden;-webkit-box-shadow:var(--xlarge-shadow);box-shadow:var(--xlarge-shadow);width:50vw;padding-bottom:50vw}.projects__link_category{text-align:left}.projects__link_cat{-webkit-transform:translateY(100%);transform:translateY(100%);color:var(--light-text-color)}.projects__link_description{height:0;max-width:45%}.js-projects_link.is-active .projects__link_description{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.projects__link_desc,.projects__link_more{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.js-projects_link.is-active .projects__link_more{-webkit-transform:translateY(0);transform:translateY(0)}}@media (min-width:1440px){.projects__link_image{top:-300px;width:720px;padding-bottom:720px}}.about__content>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.floating__animation_element,.hover__animation_element{position:absolute;width:15%}.element--html5{top:12%;left:0}.element--css3{top:0;left:44%}.element--git{top:45%;left:0}.element--ai{top:32%;left:41%}.element--js{top:20%;right:0}.element--npm{top:70%;left:42%}.element--webpack{top:52%;right:0}.contacts__social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.contact__social_link{position:relative;display:inline-block;padding:.8em}.contact__social_link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform var(--bounce-transition);transition:-webkit-transform var(--bounce-transition);transition:transform var(--bounce-transition);transition:transform var(--bounce-transition),-webkit-transform var(--bounce-transition);border-radius:100%;background:var(--primary-color)}.contact__social_link:focus:before,.contact__social_link:hover:before{-webkit-transform:scale(1);transform:scale(1)}.social_icon{position:relative;width:1.8em;height:1.8em}.social_icon path{-webkit-transition:-webkit-transform var(--bounce-transition);transition:-webkit-transform var(--bounce-transition);transition:transform var(--bounce-transition);transition:transform var(--bounce-transition),-webkit-transform var(--bounce-transition);fill:none;stroke:var(--primary-color);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.contact__social_link:focus .social_icon path,.contact__social_link:hover .social_icon path{stroke:var(--accent-color)}.no-js .text--replace{position:relative}.no-js .text--replace:after{position:relative;content:"contact@anawelldesign.fr"}.contacts__infos .title--l{font-size:6vw}.contact__infos_link_inner{position:relative;display:inline-block;-webkit-transition:letter-spacing var(--bounce-transition);transition:letter-spacing var(--bounce-transition)}.contact__infos_link_inner:focus,.contact__infos_link_inner:hover{letter-spacing:-.01em}.contact__infos_link_inner:focus:before,.contact__infos_link_inner:hover:before{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}.contact__infos_link_inner:before{content:"";position:absolute;right:0;bottom:0;left:0;display:inline-block;-webkit-transition:-webkit-transform var(--bounce-transition);transition:-webkit-transform var(--bounce-transition);transition:transform var(--bounce-transition);transition:transform var(--bounce-transition),-webkit-transform var(--bounce-transition);-webkit-transform-origin:left;transform-origin:left;height:2px;background-color:currentColor}@media screen and (min-width:961px){.contacts__infos .title--l{font-size:3.5vw}}@-webkit-keyframes slideFromRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideFromRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@media screen and (max-width:960px){.is-hidden-s{display:none}}@media screen and (min-width:961px){.is-hidden-l{display:none}}