h1,h2,h3,h4,h5{font-family:Everett,helvetica,arial,sans-serif;font-weight:300}h1{font-size:3.2rem}@media screen and (max-width:998px){h1{font-size:2.75rem}}@media screen and (max-width:767px){h1{font-size:2.5rem}}h2{font-size:2.5rem}@media screen and (max-width:767px){h2{font-size:2rem}}h3{font-size:1rem;margin-bottom:.5rem}@media screen and (max-width:767px){h3{font-size:.9rem}}h4{font-size:1.5rem}@media screen and (max-width:767px){h4{font-size:1.25rem}}strong,em{font-weight:650;font-style:normal}img,figure,video{border-radius:5px}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(18deg)}20%{transform:rotate(-12deg)}30%{transform:rotate(16deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(14deg)}60%{transform:rotate(0)}100%{transform:rotate(0)}}body.home{background-color:#282828}body>header,#burger{z-index:99}body>header .navs,body>header #burger,body>header .brand,#burger .navs,#burger #burger,#burger .brand{opacity:0}#hero{position:relative;padding:0;margin-top:calc(0px - var(--header-height))}#hero .content{position:absolute;z-index:2;bottom:2rem;left:2rem}@media screen and (min-width:1921px){#hero .content{bottom:6.5rem;left:6.5rem}}@media screen and (max-width:998px){#hero .content{bottom:5rem;left:2rem}}@media screen and (max-width:767px){#hero .content{bottom:2rem;left:1rem}}#hero .content h1{color:#fff;font-size:4.5rem;position:relative;line-height:1.25}@media screen and (min-width:1921px){#hero .content h1{font-size:6.5rem}}@media screen and (max-width:767px){#hero .content h1{font-size:2.5rem}}#hero .content .lineParent{overflow:hidden;margin-bottom:-1rem}@media screen and (max-width:767px){#hero .content .lineParent{margin-bottom:0}}#hero .content .lineChild{opacity:0}#hero .video-container{overflow:hidden;height:fit-content;display:flex;align-items:center;height:100vh}#hero .video-container .overlay{width:100%;height:100%;background-color:#282828;position:absolute;z-index:3}#hero .video-container::after{content:'';width:100%;height:100%;background-color:rgba(40,40,40,.35);position:absolute}#hero .video-container video{object-fit:cover;min-width:100%;min-height:100%;border-radius:0}#hero .video-container video.-mobile{display:none}@media screen and (max-width:767px){#hero .video-container video.-desktop{display:none}#hero .video-container video.-mobile{display:block}}.line-parent{overflow:hidden;display:block}.line-child{display:inline-block}#transformation{background-color:#282828;color:#fff;display:grid;grid-template-columns:1fr 1.5fr;padding-block:6.5rem;gap:6.5rem;align-items:start}#transformation p a{color:#fff;transition:opacity .3s ease-in-out}#transformation p a:hover{opacity:.6}@media screen and (max-width:767px){#transformation{grid-template-columns:1fr;gap:3.25rem;padding-block:3.25rem}}#transformation h2{font-size:3rem;margin-bottom:2rem;overflow:hidden}@media screen and (max-width:767px){#transformation h2{font-size:2.5rem}}#transformation>h3{margin-bottom:.5rem}#transformation div p{margin-bottom:0}#transformation ul li{border-bottom:1px solid #fff;padding-bottom:1rem}#transformation ul li:first-of-type{margin-bottom:3.25rem}#transformation ul p{margin-bottom:0}#transformation ul h3{font-size:2.5rem;margin-bottom:1.2rem}#secret{background-color:#6e6e60;color:#fff}#secret figure{border:none}#secret p a{color:#fff;transition:opacity .3s ease-in-out}#secret p a:hover{opacity:.6}#secret .btn-default{opacity:0}#services{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-block:3.25rem;aspect-ratio:2/1;background-color:#dfded7}@media screen and (min-width:1921px){#services{padding-block:6.5rem;gap:3.25rem}}@media screen and (max-width:998px){#services{grid-template-columns:1fr}}#services .service{position:relative;overflow:hidden;border-radius:5px}@media screen and (max-width:998px){#services .service{min-height:550px}}#services .service .arrow{display:inline-block;font-size:.9rem;height:1.3rem;overflow:hidden;transition:.3s;padding:0!important}@media screen and (max-width:767px){#services .service .arrow{margin-left:auto;display:block;margin-top:1rem}}#services .service .arrow svg{display:block;margin:0;height:100%;position:relative;top:0%;transition:.3s}#services .service:hover .arrow svg{top:-100%}#services .service figure{position:absolute;z-index:1;object-fit:cover;height:100%;width:100%;transition:all ease-in-out .8s}#services .service>div{display:flex;flex-direction:column;justify-content:space-between;height:100%}#services .service>div::before{content:'';background-color:rgba(0,0,0,.4);height:100%;width:100%;position:absolute;z-index:1}#services .service>div .description{display:flex;justify-content:space-between;align-items:end;gap:1rem}@media screen and (max-width:767px){#services .service>div .description{display:block}}#services .service>div .description p{margin-bottom:0;font-size:1.5rem;line-height:1.2;max-width:85%}@media screen and (max-width:767px){#services .service>div .description p{font-size:1.3rem;max-width:unset}}#services .service>div .description svg{transition:all ease-in-out .8s}@media screen and (max-width:998px){#services .service>div .description svg{width:2.5rem!important;margin-left:auto;display:block}}#services .service>div .description svg path{fill:#fff}#services .service>div h2,#services .service>div .description{padding:1.5rem;z-index:3}#services .service>div .logo-b{z-index:2;position:absolute;transition:all ease-in-out .8s;width:auto}#services .service>div .logo-b.-marketing{bottom:-35%;right:-3rem;height:80%}#services .service>div .logo-b.-technologie{height:100%;top:-60%;right:-25%}#services .service h2,#services .service p{color:#fff}#services .service:hover figure{scale:1.1}#services .service:first-of-type:hover>div .logo-b{bottom:-60%}#services .service:last-of-type:hover>div .logo-b{top:-85%}#project-list{padding-left:0;padding-right:0;padding-bottom:3.25rem;background-color:#dfded7}#project-list header{padding-left:2rem;padding-right:2rem;padding-top:3rem;margin-bottom:2rem}@media screen and (min-width:1921px){#project-list header{padding-inline:6.5rem}}@media screen and (max-width:767px){#project-list header{padding-left:1rem;padding-right:1rem}}@media screen and (max-width:767px){#project-list header{padding-top:3.25rem}}#project-list .projects img{width:100%}#project-list a.btn{display:block;margin:3.25rem auto 2rem;width:fit-content}@media screen and (max-width:767px){#project-list a.btn{margin:1rem}}