@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
:root{--neutral-1:rgba(0,0,0,1);--neutral-2:rgba(31,31,31,1);--neutral-3:rgba(46,46,46,1);--neutral-4:rgba(61,61,61,1);--neutral-5:rgba(82,82,82,1);--neutral-6:rgba(143,143,143,1);--neutral-7:rgba(235,235,235,1);--neutral-8:rgba(245,245,245,1);--neutral-9:rgba(255,255,255,1);--error-base:rgba(220,50,50,1);--error-base-bg:rgba(220,50,50,.16);--success-base:rgba(34,187,51,1);--success-base-bg:rgba(34,187,51,.16);--typography-sm-size:1.4rem;--typography-md-size:1.8rem;--typography-lg-size:2.4rem;--typography-xl-size:2.8rem;--typography-2xl-size:3.2rem;--typography-3xl-size:4rem;--typography-4xl-size:5.6rem;--typography-5xl-size:7.2rem;--indent-sm:.8rem;--indent-md:1.6rem;--indent-lg:2.4rem;--indent-xl:3.2rem;--indent-2xl:4rem;--indent-3xl:4.8rem;--indent-4xl:5.6rem;--indent-5xl:6.4rem;--indent-6xl:7.2rem;--font-family-base:"aktiv-grotesk",Helvetica,Arial,sans-serif;--font-family-base-thin:"aktiv-grotesk-thin",Helvetica,Arial,sans-serif;--font-family-inter:"Inter",Helvetica,Arial,sans-serif;--max-width-content:144rem;--transition-base:all .3s ease-in-out}body.menu-open{overflow:hidden;.header__logo{.logo--dark{display:none}.logo--light{display:block;path{fill:var(--neutral-9)}}}.mobile-menu-toggle{span{background:var(--neutral-9)}}}.header{position:relative;z-index:1001;.content{display:none}.header__mobile-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--indent-lg);border-bottom:1px solid var(--neutral-1)}.header__logo{display:flex;a{display:flex}span{display:flex}.logo--light{display:none}}}.mobile-menu-toggle{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;width:30px;height:24px;padding:0;span{width:100%;height:3px;background-color:var(--neutral-1);border-radius:2px;transition:all .3s ease-in-out;transform-origin:center}&.is-active{position:relative;top:7px;span:nth-child(1){transform:translateY(.1rem) rotate(45deg)}span:nth-child(2){opacity:0}span:nth-child(3){transform:translateY(-1.5rem) rotate(-45deg)}}}.mobile-menu-panel{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--neutral-1);z-index:1000;display:block;flex-direction:column;align-items:start;justify-content:center;opacity:0;visibility:hidden;transform:translateY(-2rem);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease;padding:0 var(--indent-lg);&.is-open{opacity:1;visibility:visible;transform:translateY(0);display:flex}.menu-list{height:65vh;display:flex;align-items:center;.menu{flex-direction:column;ul{list-style:none;padding:0;text-align:center}li{color:var(--neutral-9)}a{color:var(--neutral-9);text-decoration:none;font-weight:400;font-size:var(--typography-2xl-size)}}}.content-contact-button{width:100%;margin-top:var(--indent-5xl);.contact-button{width:100%;background:var(--neutral-9);color:var(--neutral-1);text-align:center;span{color:var(--neutral-1)}&:after,&:before{color:var(--neutral-9)}}}}.header__desktop{display:none}@media (width>=768px){.header__desktop{display:block}.header{.content{display:flex;justify-content:space-between;align-items:center;padding:var(--indent-lg) 0;border-bottom:1px solid var(--neutral-1)}.header__mobile-bar{display:none}}.mobile-menu-toggle,.mobile-menu-panel{display:none}}.footer{background:var(--neutral-1);padding:var(--indent-5xl) 0;.container{display:flex;flex-direction:column}.footer__top{display:flex;flex-direction:row;justify-content:space-between;.footer__about{max-width:20rem;.footer__logo{path{fill:var(--neutral-9)}}.content-contact-button{p{font-size:var(--typography-md-size);font-weight:400;line-height:160%;color:var(--neutral-6);padding:var(--indent-lg) 0}}.contact-button{background:var(--neutral-9);color:var(--neutral-1);&:before{background:var(--neutral-8)}}}.footer__links{display:flex;flex-direction:row;gap:calc(var(--indent-2xl) * 2);.footer__column_links{display:flex;flex-direction:column;gap:var(--indent-lg);.title-link-footer{font-size:var(--typography-md-size);color:var(--neutral-6)}.menu{display:flex;flex-direction:column;gap:var(--indent-md);a{color:var(--neutral-9);font-size:var(--typography-md-size);&:after{background:var(--neutral-9)}}}}}}.footer__bottom{padding-top:var(--indent-2xl);margin-top:var(--indent-2xl);border-top:1px solid var(--neutral-4);display:flex;.copy{font-size:var(--typography-sm-size);color:var(--neutral-6)}}}@media (width < 767px){.footer{.footer__top{flex-direction:column;.footer__about{padding-bottom:var(--indent-2xl)}.footer__links{flex-direction:column;gap:var(--indent-2xl)}}}}.newsletter{margin-bottom:calc(var(--indent-5xl) * 2);.newsletter__title{color:var(--neutral-1);border-bottom:1px solid var(--neutral-1);padding-bottom:var(--indent-md);font-family:var(--font-family-inter),serif;font-size:var(--typography-sm-size);text-transform:uppercase;letter-spacing:1px}.newsletter__box{padding-top:var(--indent-4xl);display:flex;justify-content:space-between;gap:var(--indent-md);.newsletter__image{max-width:59rem;img{max-width:100%}}.newsletter__infos{display:flex;flex-direction:column;justify-content:center;max-width:59rem;.newsletter__title-info{font-family:var(--font-family-base),serif;font-size:var(--typography-4xl-size);line-height:105%;color:var(--neutral-1);font-weight:400;padding-bottom:var(--indent-lg)}.newsletter__description{padding-bottom:var(--indent-xl);.newsletter__description-info{font-family:var(--font-family-base),serif;font-weight:400;font-size:var(--typography-md-size);line-height:160%;color:var(--neutral-3)}}}.newsletter__form{form{display:flex;flex-wrap:wrap;gap:var(--indent-sm);position:relative;label{font-family:var(--font-family-base),serif;font-weight:400;font-size:var(--typography-md-size);line-height:160%;color:var(--neutral-1);display:flex;flex-direction:column;gap:var(--indent-sm);max-width:33rem;cursor:pointer}.input-field{color:var(--neutral-1);font-family:var(--font-family-base),serif;font-weight:400;font-size:var(--typography-md-size);padding:var(--indent-sm) var(--indent-md);border:1px solid var(--neutral-1);line-height:100%;width:100%;transition:var(--transition-base);border-radius:0;&::placeholder{font-family:var(--font-family-base),serif;font-size:var(--typography-md-size);color:var(--neutral-6)}&:focus{outline:none;border:1px solid var(--neutral-4)}}.submit-btn{background:var(--neutral-1);border-radius:0;color:var(--neutral-9);transition:var(--transition-base);font-family:var(--font-family-base),serif;font-weight:400;font-size:var(--typography-md-size);padding:0 var(--indent-md);height:4.1rem;border:none;cursor:pointer;&:hover{background:var(--neutral-3)}}}}}}@media (width < 1100px){.newsletter{.newsletter__box{gap:var(--indent-lg);.newsletter__image{max-width:50%;img{object-fit:contain;width:100%}}.newsletter__infos{.newsletter__title-info{font-size:var(--typography-2xl-size)}}}}}@media (width < 767px){.newsletter{margin-bottom:var(--indent-5xl);.newsletter__box{flex-direction:column;.newsletter__image{max-width:100%}.newsletter__form{form{label{max-width:unset}.submit-btn{width:100%}p{&:has(.submit-btn){width:100%}}.wpcf7-spinner{top:12px;left:45%}}}}}}body{.wpcf7{form{label{cursor:pointer}.input-field{color:var(--neutral-1);font-family:var(--font-family-base),serif;font-weight:400;font-size:var(--typography-md-size);border:1px solid var(--neutral-1);line-height:100%;width:100%;transition:var(--transition-base);&::placeholder{font-family:var(--font-family-base),serif;color:var(--neutral-6)}&:focus{outline:none;border:1px solid var(--neutral-4)}}.submit-btn{cursor:pointer;transition:var(--transition-base);&:hover{background:var(--neutral-3)}}.wpcf7-not-valid-tip{position:absolute;font-family:var(--font-family-base),serif;font-weight:400;font-size:var(--typography-sm-size);padding:var(--indent-sm) 0}.wpcf7-response-output{padding:var(--indent-sm);margin:0;border:var(--neutral-1);font-family:var(--font-family-base),serif;font-weight:400;font-size:var(--typography-sm-size)}.wpcf7-spinner{position:absolute;top:5rem;left:5rem;margin:0;opacity:1}p{&:has(.submit-btn){display:flex;align-items:end;position:relative}&:has(.wpcf7-not-valid-tip){.wpcf7-not-valid-tip{display:none}input{border:1px solid var(--error-base)}}}}form.sent{.wpcf7-response-output{background:var(--success-base-bg);border:1px solid var(--success-base)}}form.invalid{.wpcf7-response-output{background:var(--error-base-bg);border:1px solid var(--error-base)}}&:has(.submitting){.submit-btn{opacity:.5;cursor:unset}}}}.hero-section{min-height:70vh;display:flex;align-items:end;.container{display:flex;flex-direction:column;height:100%;gap:var(--indent-lg);margin:0 auto;padding-bottom:9.6rem}.hero__title{font-size:var(--typography-5xl-size);font-weight:700;line-height:110%}.hero__description{max-width:80rem;line-height:160%}}@media (width < 767px){.hero-section{min-height:65vh;.hero__title{font-size:var(--typography-3xl-size)}}}.portfolio-section{background:var(--neutral-1);padding:var(--indent-2xl) 0 calc(var(--indent-3xl) * 2 );.portfolio__show-projects{display:flex;flex-direction:column;align-items:center;margin-bottom:calc(var(--indent-4xl) * 2);a{display:flex;align-items:center;gap:var(--indent-sm);padding:var(--indent-sm) var(--indent-md);color:var(--neutral-9);font-weight:400;font-size:var(--typography-md-size);border:1px solid var(--neutral-5);border-radius:0;line-height:160%}}.portfolio__title{color:var(--neutral-9);border-bottom:1px solid var(--neutral-9);padding:var(--indent-xl) 0 var(--indent-md);font-family:var(--font-family-inter),serif;font-size:var(--typography-sm-size);text-transform:uppercase;letter-spacing:1px}.portfolio__headline-text{font-size:var(--typography-4xl-size);line-height:105%;margin:var(--indent-lg) 0 var(--indent-5xl);color:var(--neutral-9);font-weight:500}.portfolio__projects{display:grid!important;gap:var(--indent-4xl) var(--indent-xl);grid-template-columns:repeat(auto-fit,minmax(min(64rem, 100%), 1fr));&>.card-case:first-child:nth-last-child(3){grid-column:1/-1}}}@media (width < 767px){.portfolio-section{padding-bottom:0;.portfolio__show-projects{margin-bottom:var(--indent-4xl)}.portfolio__headline-text{font-size:var(--typography-2xl-size)}}}.manifest-section{background:var(--neutral-1);padding:calc(var(--indent-5xl)) 0;margin-bottom:calc(var(--indent-5xl) * 2);.manifest__title{color:var(--neutral-9);border-bottom:1px solid var(--neutral-9);padding-bottom:var(--indent-md);font-family:var(--font-family-inter),serif;font-size:var(--typography-sm-size);text-transform:uppercase;letter-spacing:1px}.manifest__text-box{justify-content:end;display:flex;padding-top:var(--indent-4xl)}.manifest__text-content{max-width:55rem;display:flex;flex-direction:column;line-height:160%;gap:var(--indent-md)}.manifest__text{color:var(--neutral-9)}.text-gray{color:var(--neutral-6)}}@media (width < 767px){.manifest-section{margin-bottom:var(--indent-5xl)}}.about-section{margin-bottom:calc(var(--indent-5xl) * 2);.about__title{color:var(--neutral-1);border-bottom:1px solid var(--neutral-1);padding-bottom:var(--indent-md);font-family:var(--font-family-inter),serif;font-size:var(--typography-sm-size);text-transform:uppercase;letter-spacing:1px}.about__description{display:flex;justify-content:space-between;padding-top:var(--indent-4xl);gap:var(--indent-md);.about__text-box{max-width:65rem;position:sticky;top:var(--indent-4xl);align-self:flex-start;.about__title-info{font-size:var(--typography-4xl-size);line-height:105%;margin-bottom:var(--indent-lg);color:var(--neutral-1);font-weight:500}.about__text{line-height:160%;margin-bottom:var(--indent-md);color:var(--neutral-3)}}.about__image{img{max-width:48rem;width:100%}}}}@media (width < 1100px){.about-section{.about__description{gap:var(--indent-lg);.about__text-box{max-width:50rem;.about__title-info{font-size:var(--typography-2xl-size)}}}}}@media (width < 767px){.about-section{margin-bottom:var(--indent-5xl);.container{.about__description{flex-direction:column;.about__text-box{position:unset}}}}}.differences-section{margin-bottom:calc(var(--indent-5xl) * 2);.differences__title{color:var(--neutral-1);border-bottom:1px solid var(--neutral-1);padding-bottom:var(--indent-md);font-family:var(--font-family-inter),serif;font-size:var(--typography-sm-size);text-transform:uppercase;letter-spacing:1px}.differences__description{display:flex;flex-direction:column;justify-content:space-between;padding-top:var(--indent-4xl);.differences__infos-box{display:flex;justify-content:end}.differences__text-box{max-width:55rem;position:sticky;top:var(--indent-4xl);align-self:flex-start;.differences__title-info{font-size:var(--typography-4xl-size);line-height:105%;margin-bottom:var(--indent-lg);color:var(--neutral-1);font-weight:500}}.differences__infos{display:flex;gap:var(--indent-3xl);max-width:48rem;flex-direction:column;.differences__info-item{display:flex;flex-direction:column;gap:var(--indent-md);.differences__about-title{font-size:var(--typography-2xl-size);line-height:120%;font-weight:500}.differences__about-text{line-height:160%;color:var(--neutral-3)}}}}}@media (width < 1100px){.differences-section{.differences__description{.differences__text-box{max-width:45%;.differences__title-info{font-size:var(--typography-2xl-size)}}.differences__infos{max-width:50%;.differences__info-item{.differences__about-title{font-size:var(--typography-xl-size)}}}}}}@media (width < 767px){.differences-section{margin-bottom:var(--indent-5xl);.differences__description{flex-direction:column;.differences__text-box{max-width:100%;position:unset;.differences__title-info{margin-bottom:var(--indent-2xl)}}.differences__infos{max-width:100%}}}}.card-case{display:flex;flex-direction:column;gap:var(--indent-md);width:100%;.media-case{position:relative;background-color:var(--neutral-3);overflow:hidden;img,video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}}.infos-case{display:flex;flex-direction:column;gap:var(--indent-sm)}.tile-case{font-weight:500;font-size:var(--typography-2xl-size);line-height:120%;color:var(--neutral-9)}.categories-case{display:flex;gap:var(--indent-md);p{color:var(--neutral-6);font-size:var(--typography-sm-size);font-family:var(--font-family-inter),serif}}}.contact-section{margin:calc(var(--indent-5xl) * 1.5 ) auto;.container{display:flex;gap:var(--indent-xl);justify-content:space-between}#form-target .hsfc-Step__Content{padding:0 !important}.contact__infos{display:flex;flex-direction:column;gap:var(--indent-lg);margin-bottom:var(--indent-5xl);position:sticky;top:var(--indent-4xl);align-self:flex-start;max-width:59rem;h2{font-family:var(--font-family-base),serif;font-weight:500;font-size:var(--typography-5xl-size);line-height:110%}p{font-family:var(--font-family-base),serif;line-height:160%;color:var(--neutral-3)}}.contact__form{max-width:50rem;width:100%;br{display:none}form{display:flex;flex-direction:column;gap:var(--indent-lg);p{display:flex;width:100%}label{display:flex;width:100%;flex-direction:column;gap:var(--indent-sm);&:has(.input-accept){flex-direction:row;span{color:var(--neutral-5);font-size:var(--typography-sm-size)}}&:has(.wpcf7-not-valid-tip){.wpcf7-not-valid-tip{display:none}input{border:1px solid var(--error-base)}}}span{margin:0}}.input-field{width:100%;border:1px solid var(--neutral-1);outline:none;border-radius:0;padding:var(--indent-sm);font-family:var(--font-family-base),serif;line-height:160%;color:var(--neutral-1);font-size:var(--typography-sm-size)}textarea{height:12rem}.info-privacy{display:flex;flex-direction:column;gap:var(--indent-sm);p{font-family:var(--font-family-base),serif;line-height:160%;color:var(--neutral-5);font-size:var(--typography-sm-size)}}.submit-btn{background:var(--neutral-1);color:var(--neutral-9);padding:var(--indent-sm) var(--indent-lg);&:hover{background:var(--neutral-3)}}.wpcf7-spinner{top:12px;left:36px}}}@media (width < 1100px){.contact-section{.container{flex-direction:column;.contact__infos,.contact__form{margin:auto}.contact__form{max-width:59rem}.contact__infos{position:unset}}}}@media(width < 767px){.contact-section{margin-top:var(--indent-3xl);.container{.contact__infos{margin-bottom:0;h2{font-size:var(--typography-2xl-size)}}}}}*{padding:0;margin:0;box-sizing:border-box;font-size:var(--typography-md-size);font-family:var(--font-family-base),serif;list-style:none;text-decoration:none;text-rendering:geometricPrecision;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;shape-rendering:geometricPrecision;font-display:swap}html{font-size:62.5%}.container{max-width:var(--max-width-content);margin:auto;padding:0 var(--indent-xl)}.contact-button{position:relative;overflow:hidden;display:block;color:var(--neutral-9);font-weight:400;font-size:var(--typography-md-size);background:var(--neutral-1);padding:var(--indent-sm) var(--indent-md);border-radius:0;line-height:160%;width:fit-content;&:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--neutral-3);transform:translateY(100%);transition:transform .4s cubic-bezier(.7,0,.2,1);z-index:1}&:after{content:attr(data-hover-text);position:absolute;top:100%;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.7,0,.2,1);z-index:1}&:hover{&:before{transform:translateY(0)}&:after{transform:translateY(-100%)}span{transform:translateY(-100%)}}span{display:block;transition:transform .4s cubic-bezier(.7,0,.2,1)}span,span:after{position:relative;z-index:2}}.menu-list{.menu{display:flex;flex-direction:row;gap:var(--indent-xl);a{color:var(--neutral-1);font-weight:400;font-size:var(--typography-md-size);position:relative;text-decoration:none;padding-bottom:calc(var(--indent-sm) / 2);&:after{content:'';position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:var(--neutral-1);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-out}&:hover{&:after{transform:scaleX(1)}}}}}.section-404{min-height:41.8vh;display:flex;.container{display:flex;justify-content:center;align-items:center;height:100%}h1{font-family:var(--font-family-base);font-size:var(--typography-4xl-size);font-weight:500;text-align:center;text-transform:uppercase;margin:auto}}@media (width < 767px){.container{padding:var(--indent-md)}}