@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Spline+Sans+Mono:ital,wght@0,300..700;1,300..700&family=Spline+Sans:wght@300..700&display=swap";.toggle-container{display:flex;flex-direction:row;justify-content:end;align-items:center;width:100%}.toggle-container .switch{display:block;--width-of-switch: 3.5em;--height-of-switch: 2em;--size-of-icon: 1.4em;--slider-offset: .3em;position:relative;width:var(--width-of-switch);height:var(--height-of-switch);margin-left:8px}.toggle-container .switch input{opacity:0;width:0;height:0}.toggle-container .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#dfd;transition:.4s;border-radius:30px;cursor:pointer}.toggle-container .slider:before{position:absolute;content:"";height:var(--size-of-icon, 1.4em);width:var(--size-of-icon, 1.4em);border-radius:20px;left:var(--slider-offset, .3em);top:50%;transform:translateY(-50%);background:linear-gradient(40deg,#9cfa9c,#272626 70%);transition:.4s;cursor:pointer}.toggle-container input:checked+.slider{background-color:#9cfa9c}.toggle-container input:checked+.slider:before{left:calc(100% - (var(--size-of-icon, 1.4em) + var(--slider-offset, .3em)));background:#9cfa9c;box-shadow:inset -3px -2px 5px -2px #9cfa9c,inset -10px -4px #272626}.primary-button,.primary-button-dark{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;border-radius:4px;border:none;padding:.6em 1.2em;margin-block:16px;font-size:1em;font-weight:500;font-family:inherit;background-color:#272626;color:#c0ffc0;cursor:pointer;text-decoration:none;overflow:hidden;position:relative;z-index:1}.primary-button:before,.primary-button-dark:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;color:#272626;background-color:#9cfa9c;transform:translate(-100%);transition:all .3s;z-index:-1}.primary-button:hover:before,.primary-button-dark:hover:before{transform:translate(0);color:#dfd}.primary-button:hover,.primary-button-dark:hover{color:#272626;box-shadow:#0000003d 0 3px 8px}.primary-button:focus,.primary-button:focus-visible,.primary-button-dark:focus,.primary-button-dark:focus-visible{background-color:#272626}.header-container{margin-bottom:10vh;height:150px}.header-container .header-background{position:absolute;width:100%;top:0;z-index:-1}.header-container .header-background img{width:100%;object-fit:cover;max-height:170px}.header-container .header-content{display:flex;align-items:center;justify-content:center;align-content:center;flex-direction:row;padding:2vh 2vw;z-index:1;max-height:150px}.header-container .header-content .logo-container a,.header-container .header-content .logo-container .highlight-logo{display:flex;justify-content:center;align-content:center}.header-container .header-content .logo-container .highlight-logo:before{content:"";position:absolute;width:40%;height:30%;background:#dfd;top:45%;left:45%;z-index:-1;opacity:0;transition:transform .25s ease,opacity .25s ease,background-color .3s ease}.header-container .header-content .logo-container .highlight-logo:hover:before{transform:translate(-50%,-50%) scale(1.5);background-color:#dfd;opacity:1}.header-container .header-content .logo-container .highlight-logo:active:before{transform:translate(-50%,-50%) scale(1.5);background-color:#9cfa9c;opacity:1}.header-container .header-content .logo-container .logo-menu{z-index:1;width:90%;margin-top:3vh;display:block;height:auto;transition:color .3s ease,transform .3s ease}.header-container .header-content .logo-container .logo-menu:hover{transform:scale(1.05)}.header-container .header-content ul{display:flex;list-style-type:none;font-family:Spline Sans Mono;font-size:2rem}.header-container .header-content ul li{padding-inline:1.5em;transition:color .3s ease,transform .3s ease}.header-container .header-content ul li:hover{transform:scale(1.05)}.header-container .menu{z-index:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-content:center;width:100%;height:100%}.header-container .menu nav{width:60%;display:flex;justify-content:space-evenly}.header-container .menu .toggle-container{width:15vw;z-index:1}@media screen and (min-width: 600px) and (max-width: 1098px){.header-container .menu{margin-left:0vw}.header-container .menu nav{width:70%}.header-container .menu .toggle-container{width:20%}.header-container .header-content ul{padding:0}.header-container .header-content ul li{padding:14px 1.5vw}.header-container .header-content .highlight-logo:before{left:30%}.header-container .header-content .logo-menu{width:70%;z-index:1;top:2vh}}@media screen and (max-width: 1200px){.header-container{margin-bottom:6vh}}@media screen and (max-width: 500px){.header-container{margin-bottom:5vh}.header-container .header-content{padding-left:4vw}.header-container .header-background img{max-height:140px}}.intro{display:flex;flex-direction:column;align-items:center;justify-content:center;align-items:start;margin:4vh auto 7vh;max-width:1200px}.intro h2 .reveal-text{width:80%;font-weight:600}.intro p{width:55%}.intro p .reveal-text{margin-block:1vh}.intro img{width:450px}.intro .button-intro{opacity:0;animation:fadeIn 1s ease forwards;animation-delay:3s}.intro .reveal-text,.intro .reveal-text-dark{position:relative;overflow:hidden;display:inline-block;line-height:1.2}.intro .reveal-text:after,.intro .reveal-text-dark:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#dfd;animation:a-ltr-after 2s cubic-bezier(.77,0,.18,1) forwards;transform:translate(-101%)}.intro .reveal-text:before,.intro .reveal-text-dark:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;animation:a-ltr-before 2s cubic-bezier(.77,0,.5,1) forwards;transform:translate(0)}.intro .reveal-text.dark:before{background:#141313}.intro .reveal-text:before{background:#fff}.intro h2 .reveal-text:nth-of-type(1):before,.intro h2 .reveal-text-dark:nth-of-type(1):before,.intro h2 .reveal-text:nth-of-type(1):after,.intro h2 .reveal-text-dark:nth-of-type(1):after{animation-delay:.2s}.intro h2 .reveal-text:nth-of-type(2):before,.intro h2 .reveal-text-dark:nth-of-type(2):before,.intro h2 .reveal-text:nth-of-type(2):after,.intro h2 .reveal-text-dark:nth-of-type(2):after{animation-delay:.5s}.intro p .reveal-text:nth-of-type(1):before,.intro p .reveal-text-dark:nth-of-type(1):before,.intro p .reveal-text:nth-of-type(1):after,.intro p .reveal-text-dark:nth-of-type(1):after{animation-delay:1s}.intro p .reveal-text:nth-of-type(2):before,.intro p .reveal-text-dark:nth-of-type(2):before,.intro p .reveal-text:nth-of-type(2):after,.intro p .reveal-text-dark:nth-of-type(2):after{animation-delay:2s}@keyframes a-ltr-after{0%{transform:translate(-100%)}to{transform:translate(101%)}}@keyframes a-ltr-before{0%{transform:translate(0)}to{transform:translate(200%)}}.last-project-container h2{margin-bottom:2.5vh}@media screen and (max-width: 1200px){.intro{margin:2vh 2vw 7vh}.intro h2,.intro p{width:100%}}.project-grid-container{max-width:1200px;margin:0 auto}.project-grid-container .project-grid,.project-grid-container .compact-grid{display:grid;gap:1.5rem;grid-template-rows:25rem 20rem 25rem 25rem 15rem 25rem 25rem;margin-bottom:3vh}.project-grid-container .project-grid .card-overlay,.project-grid-container .compact-grid .card-overlay{background-color:#ddffdde3;position:absolute;bottom:0;width:100%;height:40%;display:flex;flex-direction:column;justify-content:center;padding:.5rem 2rem;opacity:0;transition:opacity 1s ease;white-space:normal;overflow-wrap:break-word;box-sizing:border-box}.dark .project-grid-container .project-grid .card-overlay,.dark .project-grid-container .compact-grid .card-overlay{color:#141313}.project-grid-container .project-grid .card:hover .card-overlay,.project-grid-container .compact-grid .card:hover .card-overlay{opacity:1}.project-grid-container .project-grid .card,.project-grid-container .compact-grid .card{overflow:hidden;height:100%;width:100%;display:block;position:relative;transition:opacity 1s ease}.project-grid-container .project-grid .card img,.project-grid-container .compact-grid .card img{height:100%;width:100%;object-fit:cover;transition:transform .6s ease}.project-grid-container .project-grid .card:hover img,.project-grid-container .compact-grid .card:hover img{transform:scale(1.1)}.project-grid-container .project-grid .card:hover,.project-grid-container .compact-grid .card:hover{box-shadow:#0000003d 0 3px 8px}.project-grid-container .project-grid .card:nth-child(1),.project-grid-container .compact-grid .card:nth-child(1){grid-column:span 3;grid-row:1/2}.project-grid-container .project-grid .card:nth-child(2),.project-grid-container .compact-grid .card:nth-child(2){grid-column:span 3;grid-row:1/2}.project-grid-container .project-grid .card:nth-child(3),.project-grid-container .compact-grid .card:nth-child(3){grid-column:span 2;grid-row:2/3}.project-grid-container .project-grid .card:nth-child(3) .card-overlay,.project-grid-container .compact-grid .card:nth-child(3) .card-overlay{height:100%}.project-grid-container .project-grid .card:nth-child(3) img,.project-grid-container .compact-grid .card:nth-child(3) img{width:140%}.project-grid-container .project-grid .card:nth-child(4),.project-grid-container .compact-grid .card:nth-child(4){grid-column:span 4;grid-row:2/3}.project-grid-container .project-grid .card:nth-child(4) .card-overlay,.project-grid-container .compact-grid .card:nth-child(4) .card-overlay{height:70%}.project-grid-container .project-grid .card:nth-child(5),.project-grid-container .project-grid .card:nth-child(6),.project-grid-container .compact-grid .card:nth-child(5),.project-grid-container .compact-grid .card:nth-child(6){grid-column:span 3;grid-row:3/4}.project-grid-container .project-grid .card:nth-child(7),.project-grid-container .compact-grid .card:nth-child(7){grid-column:span 4;grid-row:4/5}.project-grid-container .project-grid .card:nth-child(8),.project-grid-container .compact-grid .card:nth-child(8){grid-column:span 2;grid-row:4/5}.project-grid-container .project-grid .card:nth-child(8) .card-overlay,.project-grid-container .compact-grid .card:nth-child(8) .card-overlay{height:70%}.project-grid-container .project-grid .card:nth-child(9),.project-grid-container .project-grid .card:nth-child(10),.project-grid-container .project-grid .card:nth-child(11),.project-grid-container .compact-grid .card:nth-child(9),.project-grid-container .compact-grid .card:nth-child(10),.project-grid-container .compact-grid .card:nth-child(11){grid-column:span 2;grid-row:5/6}.project-grid-container .project-grid .card:nth-child(9) .card-overlay,.project-grid-container .project-grid .card:nth-child(10) .card-overlay,.project-grid-container .project-grid .card:nth-child(11) .card-overlay,.project-grid-container .compact-grid .card:nth-child(9) .card-overlay,.project-grid-container .compact-grid .card:nth-child(10) .card-overlay,.project-grid-container .compact-grid .card:nth-child(11) .card-overlay{height:100%}.project-grid-container .project-grid .card:nth-child(12),.project-grid-container .project-grid .card:nth-child(13),.project-grid-container .compact-grid .card:nth-child(12),.project-grid-container .compact-grid .card:nth-child(13){grid-column:span 3;grid-row:6/7}.project-grid-container .project-grid .card:nth-child(12) .card-overlay,.project-grid-container .project-grid .card:nth-child(13) .card-overlay,.project-grid-container .compact-grid .card:nth-child(12) .card-overlay,.project-grid-container .compact-grid .card:nth-child(13) .card-overlay{height:70%}.project-grid-container .project-grid .card:nth-child(12) img,.project-grid-container .project-grid .card:nth-child(13) img,.project-grid-container .compact-grid .card:nth-child(12) img,.project-grid-container .compact-grid .card:nth-child(13) img{height:100%}.project-grid-container .project-grid .card:nth-child(14),.project-grid-container .compact-grid .card:nth-child(14){grid-column:span 4;grid-row:7/8}.project-grid-container .project-grid .card:nth-child(14) img,.project-grid-container .compact-grid .card:nth-child(14) img{height:100%}.project-grid-container .project-grid .card:nth-child(14) .card-overlay,.project-grid-container .compact-grid .card:nth-child(14) .card-overlay{height:100%}.project-grid-container .project-grid .card:nth-child(15),.project-grid-container .compact-grid .card:nth-child(15){grid-column:span 2;grid-row:7/8}.project-grid-container .project-grid .card:nth-child(15) .card-overlay,.project-grid-container .compact-grid .card:nth-child(15) .card-overlay{height:100%}.project-grid-container .compact-grid{display:grid;gap:1.5rem;grid-template-rows:25rem 20rem 25rem}@media screen and (max-width: 1000px){.project-grid-container .project-grid,.project-grid-container .compact-grid{display:flex;flex-direction:column;width:100%}.project-grid-container .project-grid .card img,.project-grid-container .compact-grid .card img{object-fit:cover;min-width:350px;min-height:280px}.project-grid-container .project-grid .card,.project-grid-container .project-grid .card:nth-child(4),.project-grid-container .project-grid .card:nth-child(8),.project-grid-container .compact-grid .card,.project-grid-container .compact-grid .card:nth-child(4),.project-grid-container .compact-grid .card:nth-child(8){min-height:280px}.project-grid-container .project-grid .card .card-overlay,.project-grid-container .project-grid .card:nth-child(4) .card-overlay,.project-grid-container .project-grid .card:nth-child(8) .card-overlay,.project-grid-container .compact-grid .card .card-overlay,.project-grid-container .compact-grid .card:nth-child(4) .card-overlay,.project-grid-container .compact-grid .card:nth-child(8) .card-overlay{height:100%}}.footer-container{width:100%;margin-top:15vh;display:flex;z-index:0}.footer-container .footer-background{position:absolute;width:100%}.footer-container .footer-background img{width:100%;object-fit:cover;max-height:200px}.footer-container .footer-content{display:flex;justify-content:space-around;padding:4vh 2vw;width:100%;z-index:1}.footer-container .footer-content h3{margin-bottom:2vh}.footer-container .footer-content div:nth-child(1),.footer-container .footer-content div:nth-child(2),.footer-container .footer-content div:nth-child(3){display:flex;flex-direction:column;justify-content:flex-start;padding-inline:.5vw}@media screen and (max-width: 600px){.footer-content{flex-direction:column;align-items:center;height:100%}.footer-content div:nth-child(1),.footer-content div:nth-child(2),.footer-content div:nth-child(3){padding:3vh 1vw;display:flex;justify-content:center;align-items:center}.footer-content div:nth-child(1) .theme-toggle-footer .toggle-container,.footer-content div:nth-child(2) .theme-toggle-footer .toggle-container,.footer-content div:nth-child(3) .theme-toggle-footer .toggle-container{padding:1vh 0;display:flex;flex-direction:row;justify-content:center}.footer-container .footer-background{display:flex;position:absolute}.footer-container .footer-background img{object-fit:cover;min-height:600px;width:100%}}body,*{cursor:none!important}body .custom-cursor{position:fixed;width:12px;height:12px;background-color:#141313;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:transform .5s ease-out,width .5s,height .5s;z-index:9999;transition:width .18s ease,height .18s ease,border .18s ease}body .custom-cursor.cursor-pointer{width:18px;height:18px;transform:translate(-50%,-50%) scale(1.3);background-color:#dfd7;border:5px #141313 solid}#icons{cursor:pointer;display:none}@media screen and (max-width: 970px){#icons{cursor:pointer;display:block;z-index:3;margin:0;padding:0}#icons:before{content:""}.menu-open #icons:before{content:""}.icon{font-size:30px;padding-right:15px;color:#141313}.icon.dark{color:#fff}nav ul{position:fixed;right:-100%;top:0vh;flex-direction:column;width:100%;text-align:center;transition:.5s;background:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000001a;margin:0;padding-block:8vh;z-index:2}nav ul.dark{background:#272626}nav .links li{margin:0}nav .links li a{color:#141313;font-size:calc(.9em + 4vw);font-weight:600;line-height:60px}nav .links li a:after{content:""}nav .links li a:hover:after{background-color:transparent}.menu-open ul{right:0}.menu-open .icon{color:#141313}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:999;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:80vw;max-height:80vh;object-fit:contain}.lightbox-close{position:absolute;top:1rem;right:1rem;font-size:2rem;background:none;border:none;color:#fff;cursor:pointer}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:3rem;background:none;border:none;color:#fff;cursor:pointer;padding:0 1rem}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}@media (max-width: 768px){.lightbox-image{max-width:85vw;max-height:85vh;object-fit:cover}.lightbox-prev{left:-10px}.lightbox-next{right:-10px}}.cta-container{background-color:#dfd}.cta-container .cta-content{max-width:1200px;margin:10vh auto;padding:5vh 0;display:flex;flex-direction:column;align-items:center}.cta-container .cta-content .cta-text{margin-block:3vh;text-align:center;display:flex;flex-direction:column;align-items:center}.cta-container .cta-content .cta-text p{width:55%}@media screen and (max-width: 480px){.cta-container .cta-content{padding:4vh 0}.cta-container .cta-content h2{text-align:center}.cta-container .cta-content .cta-text{margin-block:3vh}.cta-container .cta-content .cta-text p{width:90%}}.hero-slider{position:absolute;width:550px;height:420px;top:0;left:0;overflow:hidden}.hs-bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:background .6s ease}.hs-bg img{width:100%;height:100%;object-fit:cover;opacity:1;display:block}.hs-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#ddffdde3 30%,#0000 30%)}.hs-content{position:absolute;bottom:0;left:0;padding:1.5rem;z-index:3;width:100%}.hs-label{font-family:Spline Sans Mono;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#272626;margin-bottom:.4rem;display:block}.hs-title{font-family:Spline Sans Mono;font-size:1.1rem;line-height:1.3;padding-bottom:.3rem;color:#141313;white-space:pre-line}.hs-slide-enter-next{animation:slideInRight .4s ease forwards}.hs-slide-enter-prev{animation:slideInLeft .4s ease forwards}.hs-slide-exit{animation:fadeOut .35s ease forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.hs-controls{position:absolute;bottom:1.5rem;right:1.5rem;z-index:4;display:flex;gap:6px;align-items:center}.hs-arrow{width:28px;height:28px;background:#8ee48e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;transition:border-color .2s,background .2s;flex-shrink:0;-webkit-user-select:none;user-select:none}.hs-arrow:hover{border-color:#141313;background:#6dbf6d26}.hs-dots{position:absolute;bottom:1.5rem;left:1.5rem;z-index:4;display:flex;gap:6px}.hs-dot{width:20px;height:2px;background:#dfd;cursor:pointer;transition:background .3s,width .3s}.hs-dot.active{background:#6dbf6d;width:36px}.hs-counter{position:absolute;top:1.2rem;right:1.5rem;z-index:4;font-size:.68rem;letter-spacing:.1em;color:#a5a0a0ea}.hs-counter span{color:#848282}.home-container{--max-w: 1200px;box-sizing:border-box;margin:0;padding:0}strong{font-weight:800}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:var(--max-w);margin:0 auto;padding:0vh 2rem 4vh;gap:1rem}.hero-label{font-family:Spline Sans Mono;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.2rem;opacity:0;animation:fadeUp .8s ease-in-out forwards;animation-delay:.1s}.hero h1{font-family:Spline Sans Mono;font-size:clamp(2rem,4vw,3.4rem);font-weight:600;margin-bottom:1.5rem}.hero-sub-h2{font-size:clamp(1rem,2vw,3rem);margin-bottom:2.5rem;font-style:italic}.hero-sub{font-size:1rem;max-width:430px;margin-bottom:2.5rem;opacity:0;animation:fadeUp .8s ease forwards;animation-delay:.1s}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeUp .8s ease forwards;animation-delay:.1s}.reveal-wrap{position:relative;overflow:hidden;display:inline-block;line-height:1.2}.reveal-wrap:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:var(--green);animation:ltr-after 2s cubic-bezier(.77,0,.18,1) forwards;transform:translate(-101%)}.reveal-wrap:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:var(--dark);animation:ltr-before 2s cubic-bezier(.77,0,.5,1) forwards;transform:translate(0)}.reveal-wrap:nth-child(2):before,.reveal-wrap:nth-child(2):after{animation-delay:.4s}.reveal-wrap:nth-child(3):before,.reveal-wrap:nth-child(3):after{animation-delay:.8s}@keyframes ltr-after{0%{transform:translate(-100%)}to{transform:translate(101%)}}@keyframes ltr-before{0%{transform:translate(0)}to{transform:translate(200%)}}.hero-deco{position:relative;width:600px;opacity:0;animation:fadeIn 2s ease-in-out forwards}.hero-deco img{width:100%;height:auto;display:block}.hero-deco-card{position:absolute;background:#f5f5f5;border:1px solid var(--border)}.hero-deco-card.c1{width:460px;height:340px;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;overflow:hidden}section{max-width:var(--max-w);margin:0 auto;padding:7vh 2rem}.recent-projects section:nth-child(2){padding-top:0}.recent-projects .section-title{margin-bottom:0}.section-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.8rem}.section-title{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600;line-height:1.2;margin-bottom:1.2rem}.section-title em{font-weight:600}.diag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;background:#dfd7;border:1px solid #9cfa9c;margin-top:3rem}.diag-item{background:#fff;padding:2rem 1.8rem;position:relative;overflow:hidden;transition:background .3s}.diag-item:hover{background:#dfd}.diag-title{font-size:1rem;font-weight:500;margin-bottom:.5rem;color:#141313}.diag-text{font-size:.9rem;color:var(--muted);font-weight:400;line-height:1.6}.benefits-wrap{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:1rem}.benefit-list{list-style:none}.benefit-list li{display:flex;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--border);align-items:flex-start}.benefit-list li:first-child{border-top:1px solid var(--border)}.b-icon{width:34px;height:34px;border:1px solid var(--green);color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem;margin-top:2px}.b-num{font-size:3.5rem;color:#8ee48e;line-height:1;font-style:italic;transition:color .3s}.b-title{font-size:.9rem;font-weight:500;margin-bottom:.25rem}.b-desc{font-size:.9rem;color:var(--muted);font-weight:400}.benefits-quote{background:#fff;border-left:3px solid #9cfa9c;padding:2.5rem 2rem;font-size:1.35rem;font-style:italic;line-height:1.5}.benefits-quote span{display:block;font-size:.75rem;font-style:normal;color:#ddffdde3;letter-spacing:.1em;text-transform:uppercase;margin-top:1.5rem}.method-bg{background:var(--mid);margin:0;padding:7vh 0}.method-inner{max-width:var(--max-w);margin:0 auto;padding:0 2rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:3rem;position:relative}.steps:before{content:"";position:absolute;top:22px;left:5%;width:75%;height:1px;background:#9cfa9c;z-index:0}.step{padding:0 1.2rem;position:relative;z-index:1}.step-dot{width:44px;height:44px;border:1px solid #9cfa9c;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}.step-title{font-size:1rem;font-weight:500;margin-bottom:.4rem}.step-desc{font-size:.9rem;font-weight:400;line-height:1.6}.method-modes{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:3rem}.method-mode{background:#ddffdde3;padding:1.8rem}.mode-tag{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.6rem}.mode-title{font-size:1rem;font-weight:500;margin-bottom:.6rem}.mode-desc{font-size:.9rem;color:var(--muted);font-weight:400}.offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}.offer{background:#dfd7;padding:2.2rem 1.8rem;display:flex;flex-direction:column;transition:background .3s;position:relative;overflow:hidden;margin-inline:5px}.offer.featured{background:#ddffdde3}.offer.featured:before{content:"Recommandé";position:absolute;top:0cqi;right:0;background:#9cfa9c;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;margin-right:8px;margin-top:8px;font-weight:500}.offer-tag{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.8rem}.offer-title{font-size:1.2rem;margin-bottom:.6rem;font-weight:500}.offer-desc{font-size:.9rem;font-weight:400;line-height:1.6;margin-bottom:1.5rem;flex:1}.offer-items{list-style:none;margin-bottom:1.8rem}.offer-items li{font-size:.78rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.5rem}.offer-items li:before{content:"—";color:var(--green);flex-shrink:0}.offer-cta{background:transparent;color:var(--green);border:1px solid var(--green);padding:.7rem 1.2rem;font-family:var(--font-body);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s;width:100%}.offer-cta:hover{background:var(--green);color:var(--dark)}.about{max-width:var(--max-w);margin:0 auto;padding:7vh 2rem;display:flex;justify-content:space-between;align-items:center;gap:3rem}.about p{font-size:.9rem;line-height:1.6}.about div:first-child{width:50%}.about div:nth-child(2){width:50%;justify-items:center}.about div:nth-child(2) img{width:450px;object-fit:cover}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease in-out,transform .7s ease in-out}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.divider{max-width:var(--max-w);margin:0 auto;padding:0 2rem;height:1px;background:var(--border)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.about{flex-direction:column}.about div:first-child,.about div:nth-child(2){width:100%}.about div:first-child img,.about div:nth-child(2) img{width:100%;max-width:450px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:4vh;display:flex;flex-direction:column}.hero-deco{padding-top:2rem;max-width:100vw}.diag-grid,.benefits-wrap{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.offers-grid,.method-modes{grid-template-columns:1fr}}@media (max-width: 600px){.steps{grid-template-columns:1fr}.steps:before{display:none}.step-dot{margin-block:1rem}}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;align-items:start;max-width:1200px;margin:0 auto}.about-container img{width:450px}.about-container p{width:55%;padding-block:1vh}.about-container p:nth-child(3){padding-top:3.5vh}@media screen and (max-width: 360px){.about-container{max-width:360px;margin:2vh 5vw}.about-container img,.about-container p{width:100%}}@media screen and (min-width: 360px) and (max-width: 768px){.about-container{margin:2vh 5vw}.about-container img,.about-container p{width:100%}}@media screen and (min-width: 768px) and (max-width: 1024px){.about-container{margin:2vh 7vw}.about-container img,.about-container p{width:80%}}.project-page-content{max-width:1200px;margin:0 auto}.project-page-content .breadcrumb{display:flex;align-items:center;font-family:Spline Sans Mono;margin-bottom:1vh}.project-page-content .breadcrumb .breadcrumb-link,.project-page-content .breadcrumb .breadcrumb-link-dark{cursor:pointer;padding-right:4px;font-weight:400;transition:color .3s ease,transform .3s ease}.project-page-content .breadcrumb .breadcrumb-link:hover,.project-page-content .breadcrumb .breadcrumb-link-dark:hover{text-underline-offset:0,5rem;text-decoration-color:#dfd;cursor:pointer;background:linear-gradient(transparent 70%,#dfd 50%);transform:scale(1.05)}.project-page-content .breadcrumb .breadcrumb-link:active,.project-page-content .breadcrumb .breadcrumb-link-dark:active{background:linear-gradient(transparent 70%,#9cfa9c 70%)}.project-page-content .breadcrumb .breadcrumb-link-dark{color:#fff}.project-page-content .project-header{overflow:hidden}.project-page-content .project-header .project-info{margin:5vh 3vw}.project-page-content .project-header img{width:100%;object-fit:cover}.project-page-content p{width:55%}.project-page-content .gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;margin-inline:3vw}.project-page-content .gallery .gallery-item{overflow:hidden;cursor:pointer}.project-page-content .gallery .gallery-item img{width:100%;height:100%;object-fit:cover;cursor:pointer}.project-page-content .gallery .gallery-item--full{grid-column:span 2}.project-page-content .website-link{margin-inline:3vw}@media screen and (max-width: 1024px){.project-page-content p{width:100%}.project-page-content .gallery{display:flex;flex-direction:column;align-items:center;justify-content:center}.breadcrumb{margin-inline:3vw}}@media screen and (max-width: 450px){.breadcrumb p{font-size:.8rem}}@media screen and (min-width: 1024px){.gallery .gallery-item img{min-height:350px}}.project-page-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column}.project-page-container .category-filters-container{margin-bottom:2vw}.project-page-container .category-filters-container .category-filter{font-family:Spline Sans Mono;margin-inline:1vw}.project-page-container .category-filters-container .highlight:first-child{padding-left:0}.project-page-container .category-filters-container .highlight:first-child .category-filter:first-child{margin-left:0}@media screen and (max-width: 1024px){.project-page-container h1,.project-page-container .category-filters-container{margin-left:2vw}.project-page-container .category-filters-container .category-filter{margin-inline:2vw}}.workshop-page-container{max-width:1200px;margin:auto}.workshop-page-container h2,.workshop-page-container h3{width:55%}.workshop-page-container p,.workshop-page-container li{width:55%;padding-block:1vh}*{margin:0;padding:0;line-height:1.5;font-weight:400;color-scheme:light}html{scroll-behavior:smooth}:root{display:flex}:root{--bg-color: $white;--text-color: $dark-grey;--primary-color: $green;--primary-color-80: $green80;--primary-color-50: $green50;--accent-color: $dark-green;color-scheme:light}.dark{--bg-color: $dark-grey;--text-color: $white;--primary-color: $dark-green;--primary-color-80: rgba(156, 250, 156, .9);--primary-color-50: rgba(156, 250, 156, .5);--accent-color: $green;color-scheme:dark}body{display:flex;flex-direction:column;justify-content:center;width:100%;margin:0 auto;color:var(--text-color);font-family:Spline Sans,sans-serif;font-size:16px;font-weight:400;background-color:var(--bg-color);transition:background-color .4s ease,color .4s ease}body.dark{background-color:#141313;color:#fff}h1,h2,h3{font-family:Spline Sans Mono}h1{font-size:2.5rem;line-height:2.5rem;margin-bottom:5vh}h2{font-size:2rem;line-height:2rem;margin-block:2vh .5vh}h3{font-size:1.5rem;line-height:1.7rem;margin:.7rem 0 .3rem}a{font-weight:400;text-decoration:none;cursor:pointer;color:#141313;transition:color .7s ease,transform .3s ease-in-out}a:hover{text-underline-offset:0,5rem;text-decoration-color:#dfd;cursor:pointer;transform:scale(1.05)}a:active,a:visited{color:#272626}a.dark,a.dark:visited{color:#fff}a.dark:active{color:#272626}.highlight,.highlight-dark{padding-inline:.25em;color:#272626;cursor:pointer;transition:color .7s ease,transform .3s ease-in-out;transition:background-size 1s,background-position .8s ease-in-out}.highlight:hover,.highlight-dark:hover{background-position:100% 0%;background-size:0% 100%;background:linear-gradient(transparent 70%,#dfd 50%);transition:color 1s ease,transform .8s ease-in-out}.highlight:active,.highlight-dark:active{background:linear-gradient(transparent 50%,#9cfa9c 50%)}.highlight-dark{color:#fff}.highlight-dark:hover{background:linear-gradient(transparent 70%,#9cfa9c 50%)}.highlight-dark:active{background:linear-gradient(transparent 50%,#9cfa9c 50%)}p{font-size:1rem;line-height:1.6;padding-block:4px}.project-category{font-family:Spline Sans Mono}.back-to-top{display:flex;width:100%;margin-top:5vh}.back-to-top a{display:flex;justify-content:flex-end;width:100%;font-weight:900;font-size:2rem;margin-inline:3vw;cursor:pointer}.back-to-top a:hover{background:linear-gradient(transparent 70%,#dfd 50%);transform:scale(.98)}