.home>p:first-of-type{padding-top:112px}.home>h1:first-of-type{padding-bottom:112px;max-width:1341px;margin:0 auto}.home .home-description{-webkit-perspective:var(--perspective);perspective:var(--perspective)}.home .sec-md{line-height:1.25;letter-spacing:-.4px}.home .about-button-container{margin-bottom:144px}@media (min-width: 48em){.home .about-button-container{margin-bottom:151px}}#loader{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:var(--100svh);background-color:var(--green);color:var(--yellow);z-index:2;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:end;-ms-flex-pack:end;justify-content:flex-end}#loader .container{width:100%;height:.5rem;background-color:#ffa61e1a}#loader .container .bar{width:100%;height:100%;background-color:var(--yellow);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out}#loader .details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 48px 32px auto}#loader .details svg{opacity:0}#loader .wordmark{width:48px;height:48px;padding-right:12px;border-right:1px solid var(--yellow)}#loader .wordmark+svg{height:10px;width:140px;margin-left:12px}.spinning-logo{display:inline-grid;position:relative;width:74px;height:74px}.spinning-logo>*{grid-area:1/1}.spinning-logo picture{height:100%;width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.spinning-logo picture img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.projects{--extra-scroll-height: calc(25 * var(--svh));--clip: 20px;color:currentColor;position:relative}.projects ul{height:100%}@media (min-width: 48em){.projects{--clip: 1.5rem;margin-top:calc(-1 * var(--extra-scroll-height));padding:0}.projects ul:after{content:"";display:block;height:var(--extra-scroll-height)}.projects:after{content:"";position:sticky;bottom:0;right:0;height:var(--clip);width:50%;background-color:var(--green);z-index:1;display:block;margin-left:auto;-webkit-transition:.3s background ease-in-out;transition:.3s background ease-in-out}}.project{background-color:var(--green);color:var(--yellow);list-style-type:none;display:grid;gap:1rem;grid-template-rows:1fr 1fr;min-height:calc(100svh - 1rem);position:sticky;top:var(--clip);-webkit-transition:.3s background ease-in-out;transition:.3s background ease-in-out}@media (min-width: 48em){.project{margin-top:var(--extra-scroll-height);grid-template-rows:unset;gap:20px;grid-template-columns:1fr 1fr}.project:last-of-type:before{content:"";position:absolute;top:-1.5rem;left:0;height:var(--clip);width:50%;background-color:var(--green);z-index:1;display:block;-webkit-transition:.3s background ease-in-out;transition:.3s background ease-in-out}}.project .project-asset{display:block;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;max-height:calc(55 * var(--svh));position:relative;opacity:.6}@media (min-width: 48em){.project .project-asset{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;max-height:unset;height:100%;width:100%}}.project .project-asset{-o-object-position:left;object-position:left;-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.project .project-asset.center{-o-object-position:center;object-position:center}@media (min-width: 48em){.project .container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:180px 150px 150px 51px;gap:0 20px;grid-template-areas:"title title title title title" "logo logo client client client" ". . text text text" ". . button button button"}}.project .container footer{height:100%}.project .container h3{grid-area:title;margin-top:0;white-space:pre-wrap}@media (min-width: 48em){.project .container h3{font-size:3.5rem}}@media (min-width: 78.375em){.project .container h3{font-size:4rem}}.project .container .spinning-logo{grid-area:logo;align-self:center}.project .container .client{grid-area:client;align-self:center}.project .container .description{grid-area:text;align-self:center}.project .container .link{grid-area:button}.project .container .client,.project .container .description,.project .container .link{max-width:20rem}@media (max-width: 48em){.project .container .sec-xxl{font-size:clamp(1.75rem,7vw,2.25rem);margin-bottom:1rem}.project .container .spinning-logo{display:none}.project .container .link{-ms-flex-item-align:end;align-self:flex-end;margin-top:3rem;max-width:unset}}.projects-header h2{color:currentColor}.projects-header p{text-align:left;letter-spacing:.25rem;color:currentColor;margin-block:40px 80px}.projects-header .grid-container{position:relative}.projects-header .grid-container:after{content:"";width:100%;height:1px;background-color:var(--yellow20);position:absolute;bottom:16px;left:0}.projects-header .grid-container{display:grid;grid-template-columns:1fr 1fr;gap:0 5%;padding-bottom:40px}.projects-header .grid-container>div:last-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 48em){.projects-header .grid-container>div:last-of-type{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media (min-width: 48em){.projects-header .grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.projects-header .grid-container>div{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.projects-header .grid-container>div:nth-of-type(1)>div:nth-of-type(1){grid-column:1/3}.projects-header .grid-container>div:nth-of-type(1)>div:nth-of-type(2){grid-column:3/6}.projects-header .grid-container>div:nth-of-type(2)>div:nth-of-type(1){grid-column:1/2}.projects-header .grid-container>div:nth-of-type(2)>div:nth-of-type(2){grid-column:6/7}.projects-header .grid-container:after{bottom:66px}.projects-header .grid-container{padding-bottom:90px}}[aria-describedby=loader]{-webkit-transition:.3s background ease-in-out;transition:.3s background ease-in-out}.client-logo-grid{display:grid;width:100%;height:100%;min-height:calc(70 * var(--svh));--duration: 2s;grid-template-columns:1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;place-content:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding-block:224px}@media (min-width: 48em){.client-logo-grid{gap:20px;grid-template-columns:repeat(12,1fr)}.client-logo-grid>div:nth-of-type(1){grid-column:1/5}.client-logo-grid .grid-wrapper{grid-column:7/13}}.client-logo-grid .grid-wrapper{display:grid}.client-logo-grid .grid-wrapper>*{grid-area:1/1}.client-logo-grid .grid{display:grid}.client-logo-grid .grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0 16px;grid-area:1/1}@media (min-width: 48em){.client-logo-grid .grid-container{gap:0 96px}}.client-logo-grid .grid-container:not(:first-of-type) .grid-item{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.client-logo-grid .grid-item{position:relative;width:100%}.client-logo-grid .grid-item:not(.has-border){-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;aspect-ratio:1/1}.client-logo-grid .grid-item picture{height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.client-logo-grid .grid-item img{max-height:200px}.client-logo-grid .grid-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.client-logo-grid .grid-item .animates{height:1px;background-color:var(--yellow20);width:100%;position:relative}.client-logo-grid .grid-item .active{width:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;height:1px;position:absolute;top:0;left:0;background-color:var(--yellow)}.client-logo-grid .grid-item.has-border:before,.client-logo-grid .grid-item.has-border.bottom:after{content:"";position:absolute;top:0;left:0;height:1px;width:100%;z-index:1;background-color:var(--yellow20)}.client-logo-grid .grid-item.has-border.bottom:after{bottom:0;top:auto}.client-logo-grid .button-wrapper{grid-area:auto;align-self:end;padding-top:87px}@-webkit-keyframes clip{0%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}51%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes clip{0%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}51%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}}.snippets-header p{text-align:left}.snippets{min-height:var(--100svh)}.snippets .grid{position:relative;padding-bottom:calc(10 * var(--svh))}.snippets .grid-container{position:sticky;top:2.4rem;left:0;--amount: 4;opacity:var(--opacity)!important}@media (min-width: 48em){.snippets .grid-container{top:1.2rem}}.snippets .grid-container:after{content:"";width:100%;height:1px;background-color:var(--yellow20);position:absolute;bottom:16px;left:0}.snippets .grid-container{display:grid;grid-template-columns:repeat(var(--amount),minmax(50px,200px)) auto;padding-bottom:40px}.snippets .grid-container .increment-indicator:last-of-type{margin-left:auto}.snippets .center{display:grid;place-items:center}.snippets .increment-indicator{-webkit-font-feature-settings:initial;font-feature-settings:initial;width:36px;height:36px}.snippets .increment-indicator>*{grid-area:1/1;-webkit-transform:translate(-.5px,-1.5px);transform:translate(-.5px,-1.5px)}.snippets .increment-indicator svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:100%}.snippets .increment-indicator .sec-xs{line-height:0}.snippets .increment-indicator .indicator-3{margin-bottom:2px}@media (min-width: 48em){.snippets{min-height:calc(300 * var(--svh))}.snippets .grid{padding-bottom:calc(50 * var(--svh))}.snippets .grid-container:after{bottom:66px}.snippets .grid-container{padding-bottom:90px}}.snippets .snippet{position:sticky;top:3rem;margin-left:var(--left);max-width:660px;height:auto;max-height:calc(70 * var(--svh));--margin: calc(20 * var(--svh));--opacity: 0;-webkit-transform:translateY(var(--y));transform:translateY(var(--y))}.snippets .snippet video{width:100%;height:100%;display:block}@media (min-width: 48em){.snippets .snippet{--margin: calc(50 * var(--svh)) }}.snippets .snippet .snippet-container{position:relative}.snippets .snippet .snippet-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--image-overlay);z-index:1}.snippets .snippet .snippet-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000bf;opacity:var(--opacity);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;z-index:2}.snippets .snippet:nth-of-type(1){top:20%;margin-top:calc(var(--margin) * 1);margin-bottom:10rem}.snippets .snippet:nth-of-type(2){top:22%;margin-top:calc(var(--margin) * 1);margin-bottom:2rem}.snippets .snippet:nth-of-type(3){top:43%;margin-top:calc(var(--margin) * 2);margin-bottom:5rem}.snippets .snippet:nth-of-type(4){top:40%;margin-top:calc(var(--margin) * 3);margin-bottom:10rem}.snippets .snippet:nth-of-type(5){top:10%;margin-top:calc(var(--margin) * 4);margin-bottom:2rem}.snippets .snippet:nth-of-type(6){top:0%;margin-top:calc(var(--margin) * 5);margin-bottom:1rem}@media (max-width: 48em){.snippets .snippet .snippet-container>*{width:100%}.snippets .snippet:nth-of-type(2){top:30%}.snippets .snippet:nth-of-type(3){top:35%}.snippets .snippet:nth-of-type(4){top:35%}}.dropdowns{display:grid;place-items:start;padding-bottom:112px}.dropdowns .dropdowns-header h2{color:currentColor}.dropdowns .dropdowns-header p{text-align:left;letter-spacing:.25rem;color:currentColor;margin-block:40px 80px}.dropdowns .dropdown-list{-ms-flex-item-align:end;align-self:end}.dropdowns .dropdown-list>div{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dropdowns .dropdown{border:0;padding:0;background-color:transparent;color:inherit;width:100%;cursor:pointer;text-align:left;min-height:calc(1lh + 1rem);height:100%;margin-bottom:-1px;position:relative;overflow:clip}@media (max-width: 48em){.dropdowns .dropdown{font-size:clamp(1rem,5vw,1.5rem)}}.dropdowns .dropdown:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;z-index:1;background-color:var(--yellow);-webkit-transform:scaleX(var(--intersected));transform:scaleX(var(--intersected));-webkit-transition:-webkit-transform .4s var(--easeOutExpo);transition:-webkit-transform .4s var(--easeOutExpo);transition:transform .4s var(--easeOutExpo);transition:transform .4s var(--easeOutExpo),-webkit-transform .4s var(--easeOutExpo)}.dropdowns .dropdown .dropdowns-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;top:-100%;width:100%}.dropdowns .dropdown .dropdowns-button,.dropdowns .dropdown .dropdowns-text{display:block;height:100%;padding-block:.5rem;padding-inline:.5rem;text-transform:uppercase;border:none;text-align:left;max-height:calc(1em + 1rem);max-height:calc(1lh + 1rem)}@media (max-width: 48em){.dropdowns .dropdown .dropdowns-button,.dropdowns .dropdown .dropdowns-text{padding-inline:0}}.dropdowns .dropdown .dropdowns-button:last-of-type,.dropdowns .dropdown .dropdowns-button:first-of-type{background-color:var(--yellow);color:var(--green);width:100%;height:100%;z-index:1;color:#2d453300;-webkit-transition:opacity .25s ease-out .25s,color .25s ease-out .2s;transition:opacity .25s ease-out .25s,color .25s ease-out .2s}.dropdowns .dropdown .dropdowns-button:first-of-type{top:-100%}@media (max-width: 48em){.dropdowns .dropdown .dropdowns-button{opacity:0;pointer-events:none}}.dropdowns .dropdown:hover .dropdowns-button{color:#2d4533}.dropdowns [aria-expanded]+.drawer{-webkit-transition:.8s var(--easeInOutExpo);transition:.8s var(--easeInOutExpo);display:grid;grid-template-rows:0fr}.dropdowns [aria-expanded]+.drawer .inner{overflow:hidden;padding-inline:.5rem}.dropdowns [aria-expanded]+.drawer .inner p{max-width:40rem;margin-block:2em;text-wrap:balance}.dropdowns [aria-expanded]+.drawer .inner .button-container{margin-bottom:3rem}@media (max-width: 48em){.dropdowns [aria-expanded]+.drawer .inner{padding-inline:0}}.dropdowns [aria-expanded=false]+.drawer{grid-template-rows:0fr}.dropdowns [aria-expanded=true]+.drawer{grid-template-rows:1fr}.scroll-text{display:grid;gap:20px;grid-template-columns:repeat(12,1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(var(--svh) * 40);font-size:clamp(1.5rem,7vw,4.75rem)}.scroll-text p{text-align:left;display:inline-block;margin:0;grid-column:1 / 4}.scroll-text .list{grid-column:5 / -1;max-height:6em;overflow:clip;-webkit-mask:-webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(20%,#000),color-stop(80%,#000),to(transparent));-webkit-mask:linear-gradient(0deg,transparent 0%,#000 20%,#000 80%,transparent 100%);mask:-webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(20%,#000),color-stop(80%,#000),to(transparent));mask:linear-gradient(0deg,transparent 0%,#000 20%,#000 80%,transparent 100%)}.scroll-text li{text-align:left;white-space:nowrap}@media (min-width: 48em){.scroll-text{gap:20px;min-height:calc(var(--svh) * 80)}.scroll-text p{grid-column:1 / 6;text-align:right}.scroll-text .list{grid-column:7 / -1}}