.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}.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%}}.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}}