:root{--bp-tablet: 768px;--bp-desktop: 1024px;--bp-desktopLarge: 1440px;--eco-trendy-green-dark: #46733C;--eco-trendy-green-light: #CCF9B8;--black: #000000;--white: #ffffff;--dark-grey: #444444;--mid-grey: #888888;--light-grey: #D9D9D9;--purple: #811069;--dark-purple: rgba(110, 31, 143, 1);--lilac: #B98CC3;--dark-pink: rgba(239, 77, 121, 1);--safran-yellow: rgba(247, 168, 35, 1);--salmon: rgba(255, 126, 112, 1);--primary-color: var(--eco-trendy-green-dark);--primary-color-light: var(--eco-trendy-green-light);--primary-color-reverse: var(--lilac);--secondary-color: var(--purple);--secondary-color-reverse: #7EEF96;--tertiary-color-dark: var(--black);--tertiary-color-light: var(--white);--text-color: var(--black);--on-accent: var(--white);--spacing-xxs: .25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 2.5rem;--spacing-xxxxl: 8rem;--border-radius: 0;--shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);--shadow-lg: 0px 6px 12px rgba(0, 0, 0, 0.2);--transition-fast: 150ms ease-in-out;--transition: 300ms ease-in-out;--transition-slow: 500ms ease-in-out;--button-font: var(--title-font);--button-size: 1.6rem;--button-padding: var(--spacing-sm) var(--spacing-md);--button-radius: var(--border-radius);--primary-btn-color: var(--black);--primary-reverse-btn--color: var(--white);--button-hover-bg: var(--black);--button-hover-text-color: var(--white);--button-shadow: var(--shadow);--button-transition: var(--transition-medium);--hero-title-font: "Bebas Neue Pro", "Impact", "Arial Narrow", sans-serif;--title-font: "Plus Jakarta Sans", system-ui, sans-serif;--italic-title-font: "Playfair Display", "Georgia", "Times New Roman", "Times", serif;--body-font: "Plus Jakarta Sans", system-ui, sans-serif;--title-font: ;--body-font: system-ui, sans-serif;--body-font-size: 1.8rem;--body-line-height: 2}.for-you .section__sub,.flex{display:flex}.blog-page,.guidelines-section,.works-section,.section__hp,.for-you .section-text,.modal-content,.flex-column{display:flex;flex-direction:column}.toggle-switch,.header-logo-container{display:flex;justify-content:center;align-items:center}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0, 0, 0, 0);overflow:hidden}.desktop-only{display:none}@media(min-width: 1024px){.desktop-only{display:block}}.mobile-only{display:block}@media(min-width: 1024px){.mobile-only{display:none}}.adaptable{color:var(--white);mix-blend-mode:difference}.strikethrough{text-decoration-line:line-through}.lilac{background:var(--lilac)}.dark-purple{background:var(--dark-purple)}.dark-pink{background:var(--dark-pink)}.safran-yellow{background:var(--safran-yellow)}.salmon{background:var(--salmon)}.tag{color:var(--white);border-radius:30px;padding:0 2rem}.tag.dev{background:var(--secondary-color)}.tag.ux{background:var(--secondary-color-reverse)}.tag.ai{background:var(--lilac)}.fade-scale-in{opacity:0;filter:blur(6px);transform:scale(0.4) translateY(30px);animation:fadeScaleIn 3.5s cubic-bezier(0.55, 0, 0.1, 1) .5s forwards}.fade-out{opacity:1;transform:scale(1) translateY(0);filter:blur(0);animation:fadeScaleOut 3.5s cubic-bezier(0.55, 0, 0.1, 1) .5s forwards}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(0.4) translateY(30px);filter:blur(8px)}50%{opacity:1;transform:scale(1.1) translateY(-5px);filter:blur(1px)}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes fadeScaleOut{0%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}50%{opacity:1;transform:scale(0.8) translateY(0);filter:blur(1px)}100%{opacity:.5;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes logoSparkle{0%{color:var(--black)}40%{color:var(--secondary-color-reverse)}60%{color:var(--black)}100%{color:var(--black)}}.header{display:flex}@media(min-width: 1024px){.header{min-height:88px}}.header-left.hide,.header-right.hide{transform:translateY(calc(-100% - env(safe-area-inset-top)))}.header-left{position:fixed;inset-block-start:var(--spacing-md);inset-inline-start:var(--side-margin);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2}@media(min-width: 1024px){.header-left{inset-block-start:var(--spacing-xl);inset-inline-start:1.6rem}}.header-logo{font-size:1rem;animation:logoSparkle 2.5s infinite ease-in-out}@media(min-width: 1024px){.header-logo{font-size:2rem}}.header-logo-container{width:6rem;height:6rem;background:var(--primary-color-reverse)}@media(min-width: 1024px){.header-logo-container{width:6rem;height:calc(100vh - 12rem);writing-mode:vertical-rl;text-orientation:upright}}.header-right{mix-blend-mode:normal}.language-selector{display:flex;gap:1rem}@media(min-width: 1024px){.language-selector{display:initial;margin:var(--spacing-md) 0 0}}.language-selector__link{text-decoration:none;color:var(--secondary-color-reverse)}.language-selector__link:focus,.language-selector__link.is-active{font-weight:700}.footer{position:relative;background:var(--black)}.footer-content{margin-top:10rem}@media(min-width: 1024px){.footer-content{margin-top:50rem}}.footer__cta{position:relative;margin:0 auto;padding:4rem 2rem;max-width:50vw;text-align:center}@media(min-width: 1024px){.footer__cta{max-width:49vw}}.footer__cta h2{margin:0;font-size:clamp(6rem,10vw,20rem);font-weight:400}.footer__cta a{color:var(--black)}.footer__cta--content{position:absolute;top:-10rem;left:50%;width:100%;padding:2rem 2rem 3rem;transform:translate(-50%, 0);background:var(--primary-color);text-decoration:none}@media(min-width: 1024px){.footer__cta--content{top:-16rem;padding:10rem 4rem 13rem}}.footer-copyright{flex-direction:column;align-items:end;padding:0 var(--side-margin) 2rem;color:var(--white)}@media(min-width: 1024px){.footer-copyright{flex-direction:row;align-items:center;padding:0 var(--side-margin) 0 10rem}}.footer-copyright__legal{display:flex;gap:2rem;margin-left:auto}.footer-copyright__legal a{color:var(--white)}.footer h3{margin-left:var(--sidebar-width);font-size:clamp(18rem,25vw,65rem);line-height:100%;font-family:var(--hero-title-font);text-transform:uppercase;text-align:center;color:var(--white)}.cta-button{display:inline-flex;align-items:center;padding:1rem 2rem;font-size:1.2rem;text-decoration:none;background-color:var(--black);color:var(--white);transition:background-color .3s ease}.cta-button:hover{background-color:var(--white);color:var(--black)}.cta-button .arrow{margin-left:.5rem}.server-cocktail{position:absolute;width:100px;right:0;bottom:0}@media(min-width: 1024px){.server-cocktail{width:200px}}.footer-newsletter{padding:2rem var(--side-margin);width:100%;text-align:start;font-size:1.5rem;font-family:var(--italic-title-font);background:var(--secondary-color);color:var(--white);border:none;border-radius:0;transition:color .3s ease;text-transform:none}.footer-newsletter:hover,.footer-newsletter:focus{color:#ccf9b8}@media(min-width: 1024px){.footer-newsletter{padding:3rem var(--side-margin) 3rem 10rem;font-size:2.5rem}}.newsletter-form{width:100%}@media(min-width: 768px){:root{--side-margin: 2rem}}@media(min-width: 1024px){:root{--side-margin: 4rem}}.green-mode img{filter:blur(1px)}.green-mode .no-lqip{display:none}.green-mode .green-placeholder{display:flex}.green-placeholder{display:none;align-items:center;width:100%;height:100%;white-space:nowrap}.toggle-switch{position:fixed;inset-block-end:var(--spacing-md);inset-inline-end:var(--spacing-md);gap:var(--spacing-xs);padding:.4rem;z-index:1;border-radius:30px;background-color:#ccc;transition:background-color .3s ease-in-out,color .3s ease-in-out;border:none;cursor:pointer}@media(min-width: 1024px){.toggle-switch{inset-block-end:2.5rem;inset-inline-end:2.5rem;padding:.8rem}}.toggle-switch.is-green-on{background-color:#4ba147;color:var(--white)}@media(width < 1024px){.toggle-label{display:none}}.toggle-track{width:5rem;height:2.4rem;background-color:gray;border-radius:50px;position:relative;transition:background-color .3s}.green-mode .toggle-track{background-color:var(--primary-color)}.toggle-thumb{width:2rem;height:2rem;background:var(--white);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:4px;transform:translateY(-50%);transition:left .3s}.green-mode .toggle-thumb{left:calc(100% - 24px)}:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:4px}[data-theme=light]{--focus-outline-color: var(--primary-color)}[data-theme=dark]{--focus-outline-color: var(--primary-color-light)}.dark-bg :focus-visible,.nav-overlay :focus-visible{--focus-outline-color: var(--primary-color-light)}.light-bg :focus-visible{--focus-outline-color: var(--primary-color)}button{background-color:rgba(0,0,0,0);border:none;box-shadow:none}figure{margin:0}@font-face{font-family:"Plus Jakarta Sans";src:url("assets/fonts/PlusJakartaSans[wght].woff2") format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Bebas Neue Pro";src:url("assets/fonts/bebas-neue-pro/BebasNeuePro-book.woff2") format("woff2");font-weight:700;font-style:normal}@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400;src:url("assets/fonts/playfairDisplay/playfair-display-v37-latin-italic.woff2") format("woff2");font-display:swap}@font-face{font-family:"Playfair Display";font-style:italic;font-weight:900;src:url("assets/fonts/playfairDisplay/playfair-display-v37-latin-900italic.woff2") format("woff2");font-display:swap}h1,h2,h3,h4,h5,h6{letter-spacing:1px;margin-bottom:var(--spacing-md);margin:0;margin-bottom:var(--spacing-md)}h2,h3,h4,h5{font-family:var(--title-font)}h1,.h1{font-size:clamp(5rem,7vw,16rem);line-height:100%}h2,.h2{font-size:clamp(5rem,5vw,10rem);line-height:85%;text-transform:lowercase;font-weight:600;margin-bottom:4rem}h3,.h3{font-size:4rem;line-height:110%;margin-bottom:4rem}h4{margin-block:2rem}.italic{font-family:var(--italic-title-font);text-transform:none;font-weight:400;line-height:80%}button,.btn-link{display:flex;align-items:center;height:64px;width:fit-content;padding:0 2rem;background-color:rgba(0,0,0,0);border:2px solid;border-radius:0;transition:background-color .3s ease;font-size:var(--font-size-base);text-decoration:none;transition:background-color .3s ease-in-out,color .3s ease-in-out;cursor:pointer}button.primary-btn,.btn-link.primary-btn{background:var(--secondary-color);color:var(--on-accent);border-color:var(--secondary-color);font-weight:500;letter-spacing:2px;font-size:32px}button.primary-btn:hover,.btn-link.primary-btn:hover{background-color:hsla(0,0%,100%,.1);color:var(--secondary-color)}button.primary-btn:focus-visible,.btn-link.primary-btn:focus-visible{outline:2px solid #8a2be2}form.reverse button,button.primary-reverse-btn,.btn-link.primary-reverse-btn{color:var(--primary-reverse-btn-color);border-color:var(--secondary-color)}form.reverse button:hover,button.primary-reverse-btn:hover,.btn-link.primary-reverse-btn:hover{background-color:hsla(0,0%,100%,.3)}.back-btn{position:absolute;inset-block-start:.5rem;inset-inline-start:6rem}@media(min-width: 1024px){.back-btn{position:fixed;inset-block-start:2.5rem;inset-inline-start:12rem}}.back-icon{width:60px;height:60px;color:var(--secondary-color)}.menu-checkbox{position:fixed;inset-block-start:2rem;inset-inline-end:var(--side-margin);width:10rem;height:5rem;opacity:0}.menu-toggle{position:fixed;inset-block-start:1rem;inset-inline-end:var(--side-margin);display:flex;align-items:center;gap:.5rem;font-size:3rem;z-index:2;color:var(--black);cursor:pointer}@media(min-width: 1024px){.menu-toggle{inset-block-start:2.5rem}}.button-close{position:fixed;top:3rem;right:3rem;z-index:1}@media(min-width: 1024px){.button-close{top:2rem;right:var(--side-margin);width:unset;height:unset}}.icon-close{width:100px;height:100px;color:var(--white)}@media(min-width: 1024px){.icon-close{width:unset;height:unset}}#menu-toggle:checked+.menu-toggle{visibility:hidden}#menu-toggle:checked~.nav-overlay{opacity:1;visibility:visible;transform:translateX(0)}.menus{height:100%;margin-inline-end:auto;display:flex;align-items:center;justify-content:center;gap:2rem;width:100%;background:rgba(0,0,0,.65);perspective:1000px}@media(min-width: 1024px){.menus{gap:12%;width:75%}}.menus a{color:var(--white)}.menus li{list-style:none}.menus li:hover a{transform:rotateX(180deg) scale(1.1)}.menus li a{display:block;position:relative;transition:transform .6s cubic-bezier(0.25, 1, 0.5, 1),text-shadow .3s ease-out,filter .3s ease-out;transform-origin:center}.primary-nav li{margin:1rem 0;text-align:center}@media(min-width: 1024px){.primary-nav li{text-align:start}}.primary-nav a{font-size:clamp(3rem,8vw,5rem);text-transform:uppercase}.primary-nav li:hover a{color:var(--secondary-color);text-shadow:-3px 0 var(--primary-color-light),3px 0 var(--primary-color),0px 5px 15px rgba(0,0,0,.5);text-shadow:-3px 0 var(--secondary-color),3px 0 var(--primary-color),0px 5px 15px rgba(0,0,0,.5);filter:blur(1px)}.primary-nav li:hover a::before{content:attr(data-text);position:absolute;inset-inline-start:2px;text-shadow:-3px 0 var(--primary-color);animation:glitch .3s infinite linear alternate}.secondary-nav{color:var(--white)}.secondary-nav li{margin:.5rem 0;text-align:end;pointer-events:none}.secondary-nav li:hover a::before{inset-inline-end:2px}.secondary-nav a{font-size:clamp(1rem,5vw,3rem);color:var(--secondary-color)}@keyframes glitch{0%{transform:translateX(-2px)}100%{transform:translateX(2px)}}html{font-size:62.5%}body{--sidebar-width: 0;--side-margin: 1rem;font-family:var(--body-font);font-size:var(--body-font-size);line-height:var(--body-line-height);color:var(--text-color);margin:0;padding:0;background:var(--white)}@media(min-width: 1024px){body{--sidebar-width: 6rem;--side-margin: 2rem}}body.modal-open{padding:1rem;overflow:hidden}@media(min-width: 1024px){body.modal-open{padding:0}}body.secondary{background:var(--secondary-color);color:var(--white)}main{margin-bottom:30rem}.page__section{margin-top:70rem;padding-inline:1rem}@media(min-width: 1024px){.page__section{margin-left:20%;padding-inline:2vw}}.page__title{position:absolute;inset-block-start:50%;transform:translate(0, -60%);padding:0 var(--side-margin)}@media(min-width: 1024px){.page__title{margin-left:12rem;padding:0}}.page__title .italic{display:block}.page__title .smaller{font-size:4rem}form{--input-color: var(--black);display:flex;flex-direction:column;gap:2rem;width:100%}form .form-group{position:relative;display:flex}form input{width:100%;height:100px;padding:var(--spacing-sm);font-size:40px;border:0;border-bottom:2px solid var(--black);outline:none;transition:border-color .3s ease;background:rgba(0,0,0,0)}form input:focus+label,form input:active+label,form input:not(:placeholder-shown)+label{top:.75rem;font-size:1rem}@media(min-width: 1024px){form input{font-size:80px}}form label{position:absolute;left:12px;top:50%;transform:translateY(-50%);padding:0 5px;color:var(--input-color);font-size:40px;transition:all .3s ease;pointer-events:none}@media(min-width: 1024px){form label{font-size:80px}}form input:user-valid,form textarea:user-valid{border-color:green;color:green}form input:user-valid+label,form textarea:user-valid+label{color:green}form textarea{width:100%;min-height:200px;font-size:60px;border:2px solid var(--black)}form textarea:focus+label,form textarea:active+label,form textarea:not(:placeholder-shown)+label{top:1rem;font-size:1rem}form .submit-button{margin-top:4rem}form.reverse{--input-color: var(--white)}form.reverse input{border-color:var(--white);color:var(--white)}form.reverse input:user-valid,form.reverse textarea:user-valid,form.reverse select:user-valid{border-color:var(--primary-color);color:var(--primary-color)}form.reverse input:user-valid+label,form.reverse textarea:user-valid+label,form.reverse select:user-valid+label{color:var(--primary-color)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.8);border-radius:2px;border:rgba(0,0,0,0)}a{color:var(--secondary-color);text-underline-offset:3px;transition:text-underline-offset .3s ease-in-out,transform .3s ease-in-out}a:hover{text-underline-offset:5px}a.no-link{text-decoration:none}p{margin:0;margin-bottom:.5rem}ul{list-style:none;margin:0;padding:0}img{width:100%;height:auto;object-fit:cover}pre{background:rgba(70,115,60,.1);padding:2rem 4rem;font-size:12px;width:56vw;overflow-x:auto;max-width:100%}.modal-overlay{position:fixed;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;opacity:0;visibility:hidden;overflow:auto;background:rgba(42,15,35,.9);transform:translateX(-100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:2;mix-blend-mode:normal}.modal-overlay.open{opacity:1;visibility:visible;transform:translateX(0)}.modal-close{position:absolute;top:2rem;right:var(--side-margin);padding:0;border:0;color:var(--white);padding:0}.modal-content{align-items:flex-start;justify-content:space-between;width:100%;height:91%;background:var(--black);padding:17rem var(--spacing-md) var(--side-margin);color:var(--white)}@media(min-width: 768px){.modal-content{width:70%;padding-top:6rem}}.content-block{margin-bottom:var(--spacing-xxl)}@media(min-width: 1024px){.content-block{margin-bottom:var(--spacing-xxxxl)}}.highlight-box{margin:0 0 var(--spacing-xxxxl);padding:4rem;background:rgba(255,126,112,.3)}.item-list{width:100%;padding:6rem 0}@media(min-width: 1024px){.item-list{width:60%}}.item-list li{position:relative;width:100%;padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-size:3rem;border-bottom:1px solid var(--light-grey)}.item-list svg{position:absolute;inset-block-start:50%;inset-inline-end:12px;transform:translate(0, -50%);margin-left:var(--spacing-xl);max-width:1rem}.item-list a{color:var(--text-color)}.item-link{display:block}table{border:1px solid;margin-block:4rem;border-collapse:collapse}th,td{text-align:start;border:1px solid;padding:2rem}.section__hp{justify-content:space-between;margin-block:12rem;padding:0 var(--side-margin);background:var(--white)}@media(min-width: 1024px){.section__hp{flex-direction:row;align-items:start;padding-inline:12rem var(--side-margin);gap:2rem}}@media(min-width: 1024px){.section__sub{width:61vw}}.section__title{font-size:clamp(6rem,15vw,14rem)}@media(min-width: 1024px){.section__title{margin-top:-3.5rem}}.section__title--container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.section__title .italic{display:block}.hero{position:relative;display:flex;align-items:end;justify-content:end;flex-direction:column;margin-top:15rem;padding:1rem}@media(min-width: 1024px){.hero{height:91vh;justify-content:center;margin-top:0;padding:0 2.7%}}.hero__placeholder{font-size:clamp(12rem,25vw,51rem);font-weight:600;color:var(--white);-webkit-text-stroke:1px var(--primary-color);text-stroke:2px var(--primary-color)}.hero__content{display:flex;justify-content:center;align-items:center;width:100%;height:85%}@media(min-width: 1024px){.hero__content{justify-content:flex-end;height:unset}}.hero__image{position:absolute;inset-block-start:50%;inset-inline-start:2%;transform:translate(0, -90%);opacity:.4}@media(min-width: 1024px){.hero__image{inset-inline-start:4%;transform:translate(0, -72%)}}.hero__h1{margin:0;font-size:clamp(15rem,50vw,38rem);font-family:var(--hero-title-font);text-align:end;text-transform:uppercase;letter-spacing:-14px;line-height:80%;z-index:1}.hero__slogan{margin:0;font-size:clamp(3rem,2vw,9rem)}.hero__h2{margin:0;font-size:18vw;font-weight:bold;font-family:sans-serif;text-align:center;color:rgba(0,0,0,0);background-position:center;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);white-space:nowrap;text-transform:none;transition:all .3s ease-in-out}.green-mode .hero__h2{background-image:none;background-clip:initial;-webkit-background-clip:initial;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-text-stroke:2px var(--primary-color);text-stroke:2px var(--primary-color)}.we-do{background:var(--black);color:var(--white)}.we-do p{font-size:2rem}@media(min-width: 1024px){.we-do p{font-size:4rem}}.we-are .primary-btn{margin-top:6vh}.we-are ul{margin:6vh 0}.we-are img{margin-bottom:3.75rem;aspect-ratio:16/7}.manifesto{position:relative;padding:0;color:var(--white)}.manifesto::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.55))}.manifesto__text{position:absolute;display:grid;grid-template-areas:"intro ." ". right" "left ." ". bottom";grid-template-columns:1fr 1fr;gap:clamp(1rem,4vw,3rem);height:100%;padding:4rem 1rem;z-index:1}@media(min-width: 1024px){.manifesto__text{grid-template-areas:"intro right" ". right" "left bottom";padding:4rem 4rem 4rem 12rem}}.manifesto h2,.manifesto h3{margin:0;line-height:1.1}.manifesto h2{font-size:clamp(3rem,10vw,11rem)}.manifesto h2:nth-of-type(1){grid-area:intro}@media(min-width: 1024px){.manifesto h2:nth-of-type(1){margin-top:6rem}}.manifesto h2:nth-of-type(2){grid-area:bottom;justify-self:end;text-align:right;margin-left:-15rem;margin-top:-5rem}@media(min-width: 1024px){.manifesto h2:nth-of-type(2){margin-top:-16rem;margin-left:0}}.manifesto h3{font-size:3rem}.manifesto h3:nth-of-type(1){grid-area:left;margin-left:10%}@media(min-width: 1024px){.manifesto h3:nth-of-type(1){margin-top:-5rem;font-size:6rem}}.manifesto h3:nth-of-type(2){grid-area:right;margin-top:-6rem}@media(min-width: 1024px){.manifesto h3:nth-of-type(2){margin-top:20rem;margin-left:16%}}.manifesto img{aspect-ratio:9/16}@media(min-width: 1024px){.manifesto img{aspect-ratio:16/9}}.we-create{flex-wrap:wrap;background:var(--black);color:var(--white)}.we-create h2{margin-bottom:8rem}@media(min-width: 1024px){.we-create h2{margin-bottom:18rem}}.we-create figure{margin:0;padding:var(--spacing-md);transition:padding .3s ease-in-out}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);width:100%;margin:8rem auto;padding-left:var(--sidebar-width)}@media(min-width: 1024px){.projects-grid{grid-template-columns:repeat(2, 1fr);gap:6rem;width:60%}}.projects-grid span{position:absolute;top:-12rem;inset-inline-start:0;z-index:1;font-size:10rem;font-family:var(--italic-title-font);color:var(--primary-color);transition:color .3s ease-in-out;mix-blend-mode:difference}@media(min-width: 1024px){.projects-grid span{top:-20rem;inset-inline-start:-6rem;font-size:20rem}}.project{position:relative;margin-bottom:4rem}.project figure{padding:var(--spacing-md) 0 var(--spacing-xl)}.project:hover{transform:scale(0.7)}.project:hover span{color:var(--white)}.project img{aspect-ratio:1}@media(min-width: 1024px){.project:nth-child(even)::before{content:"";display:block;height:12rem}.project:nth-child(even) span{top:-8rem}}.project-title{font-size:3rem}.project-description{color:var(--white)}.we-capture{padding:0}.we-capture h2{margin-bottom:10rem}.we-capture .title-section{padding:12rem var(--side-margin)}@media(min-width: 1024px){.we-capture .title-section{padding:12rem 20vw 12rem var(--side-margin)}}.we-capture img{max-width:500px;min-height:805px}.we-give-news{flex-wrap:wrap}@media(min-width: 1024px){.we-give-news h2{max-width:30%}}.we-give-news ul{display:grid;grid-template-columns:1fr;gap:4rem}@media(min-width: 1024px){.we-give-news ul{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto}}.we-give-news img{aspect-ratio:1/1}.we-give-news .blog-post-text{display:flex;justify-content:space-between}.blog-list{margin:2rem 0}.blog-post{transition:transform .3s ease-in-out}.blog-post:hover{transform:scale(1.05)}.blog-post h4{min-height:104px;font-size:2.6rem;font-weight:500;line-height:100%}.blog-post a{color:var(--black)}.blog-post__list{margin:8rem 0}@media(min-width: 1024px){.blog-post__list{margin:8rem}}.we-optimize h2{text-align:end}@media(min-width: 1024px){.we-optimize h2{order:1}}@media(min-width: 1024px){.we-optimize .section__sub{width:40vw}}.we-optimize svg line{stroke:var(--white)}.for-you{flex-direction:column}.for-you .section__sub{align-items:center;flex-wrap:wrap;gap:2rem}.for-you .section-title,.for-you .section__sub{margin:5vh auto 7vh;max-width:65%}.for-you h2{margin-bottom:11rem}.for-you figure,.for-you .section-text{width:48%}.for-you .italic{font-size:clamp(8rem,16vw,22rem)}.for-you .section-text{justify-content:space-between;align-items:start;height:100%}.for-you blockquote{margin-bottom:6rem}.for-you ul{display:flex;gap:var(--spacing-md);width:100%;justify-content:space-between}#ecoindex-badge-link{width:85px;margin-bottom:var(--spacing-md);margin-left:var(--spacing-md)}.about-us{gap:5%}.about-us-block{gap:5%;margin-bottom:12rem}.about-us img{margin-bottom:2rem}@media(min-width: 1024px){.about-us img{width:30%}}@media(min-width: 1024px){.about-us .rich img{order:1}}.about-us .flex{flex-direction:column}@media(min-width: 1024px){.about-us .flex{flex-direction:row}}.works-section{margin-left:0}.works-section h2{color:var(--white)}@media(min-width: 1024px){.works-section h2{font-size:20rem}}.works-gallery{display:grid;grid-template-columns:repeat(1, 1fr);gap:1rem;width:100%}@media(min-width: 1024px){.works-gallery{grid-template-columns:repeat(2, 1fr);gap:6rem;width:60vw;margin:10vh auto}}.works-gallery--name{position:absolute;inset-block-end:-100%;inset-inline-start:50%;transform:translateX(-50%);width:100%;opacity:0;transition:inset-block-end .6s ease,opacity .6s ease,transform .3s ease}.works-gallery--name h3{font-size:5rem;letter-spacing:-0.05em;line-height:1;text-align:center}.works-gallery--name h3.light{color:var(--white)}@media(min-width: 1024px){.works-gallery--name h3{font-size:8rem}}.works-gallery--item{position:relative;display:block;aspect-ratio:1/1;width:100%;height:100%;overflow:hidden;color:var(--text-color)}.works-gallery--item img{display:block;transition:transform .8s ease}.works-gallery--item:hover img,.works-gallery--item:active img{transform:scale(0.3)}.works-gallery--item:hover .works-gallery--name,.works-gallery--item:active .works-gallery--name{inset-block-end:30%;opacity:1;transform:translate(-50%, 50%)}.projects-section{flex-direction:column}.contact-us{flex-direction:column;gap:8rem}.contact-us img{max-width:75%;margin:0 auto}@media(min-width: 1024px){.contact-us img{max-width:40%}}.blog-page{margin:80rem auto 20rem;padding:1rem}@media(min-width: 1024px){.blog-page{width:60%;padding:0}}.blog-page>a{width:100%}.blog-page img{aspect-ratio:16/7}.blog-page .content-block{overflow:hidden}.blog-page .table{overflow:auto}.references-section{flex-direction:column}.logo-grid{--gap: 15vw;--min: 9.5rem;display:grid;grid-template-columns:repeat(2, minmax(var(--min), 1fr));gap:var(--gap);align-items:center}@media(min-width: 1024px){.logo-grid{--gap: 5vw;grid-template-columns:repeat(4, minmax(var(--min), 1fr))}}/*# sourceMappingURL=style.css.map */