.clients-marquee{position:relative;width:100vw;overflow:hidden;padding:3em 0}.clients-track{display:flex;gap:2em;width:max-content;animation:clients-scroll 30s linear infinite}@keyframes clients-scroll{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}.client-item{display:flex;align-items:center;gap:1.25em;padding:1em 1.25em;border-radius:.75em;background-color:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);text-decoration:none;color:var(--foreground);min-width:340px}.client-logo{width:48px;height:48px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:hsla(0,0%,100%,.06)}.client-logo img{width:100%;height:100%;object-fit:contain}.client-meta{display:flex;flex-direction:column;gap:2px}.client-name{font-weight:600}.client-sub{opacity:.7;font-size:1rem}.client-stats{display:flex;gap:.75em;margin-top:.25em;font-family:Suisse Intl;font-size:.95rem}.client-stats .price{opacity:.9}.client-stats .change.pos{color:#27d07d}.client-stats .change.neg{color:#ff6b6b}.client-stats .mc{opacity:.8}@media (max-width:900px){.clients-marquee{padding:2em 0}.client-item{min-width:260px}}.hero-background{overflow:hidden;background:#000}.hero-background,.hero-gradient{position:absolute;top:0;left:0;width:100%;height:100%}.hero-gradient{--mouse-x:50%;--mouse-y:50%}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s ease-in-out infinite;mix-blend-mode:screen}.gradient-orb-1{width:800px;height:800px;background:radial-gradient(circle,hsla(55,88%,87%,.8) 0,hsla(55,88%,87%,0) 70%);top:calc(var(--mouse-y) - 400px);left:calc(var(--mouse-x) - 400px);animation-delay:0s;transition:top .3s ease-out,left .3s ease-out}.gradient-orb-2{width:600px;height:600px;background:radial-gradient(circle,rgba(48,114,110,.6) 0,rgba(48,114,110,0) 70%);top:20%;right:10%;animation-delay:-7s;animation-duration:25s}.gradient-orb-3{width:700px;height:700px;background:radial-gradient(circle,hsla(38,25%,69%,.5) 0,hsla(38,25%,69%,0) 70%);bottom:10%;left:20%;animation-delay:-14s;animation-duration:30s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.95)}75%{transform:translate(-50px,-30px) scale(1.05)}}.hero-mesh{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,hsla(55,88%,87%,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(48,114,110,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,hsla(38,25%,69%,.05) 0,transparent 50%),radial-gradient(circle at 60% 60%,hsla(55,88%,87%,.05) 0,transparent 50%);animation:meshMove 40s ease-in-out infinite}@keyframes meshMove{0%,to{transform:translate(0)}33%{transform:translate(-20px,-20px)}66%{transform:translate(20px,-10px)}}@media (max-width:900px){.gradient-orb{filter:blur(60px)}.gradient-orb-1{width:400px;height:400px;top:calc(var(--mouse-y) - 200px);left:calc(var(--mouse-x) - 200px)}.gradient-orb-2{width:300px;height:300px}.gradient-orb-3{width:350px;height:350px}}.hero{width:100%;height:100svh;overflow:hidden}.hero-img-gradient{background:#000;background:linear-gradient(0deg,#000,transparent)}.hero-img-gradient,.hero-img-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.hero-img-overlay{background:linear-gradient(hsla(0,0%,100%,.075),hsla(0,0%,100%,.075) 4px,transparent 0,transparent 9px);background-size:100% 9px;animation:pan-overlay 22s linear infinite}.carousel .hero-img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(hsla(0,0%,100%,.035),hsla(0,0%,100%,.035) 4px,transparent 0,transparent 9px);background-size:100% 9px;animation:pan-overlay 22s linear infinite}@keyframes pan-overlay{0%{background-position:0 0}to{background-position:0 -100%}}.hero{display:flex;align-items:flex-end}.hero .container{padding:4em}.hero .container .hero-copy{width:100%;display:flex;justify-content:space-between;align-items:flex-end}.hero-copy-col:first-child{width:75%}.hero-copy-col:first-child h3{position:relative;margin-left:.5rem}.hero-icon{width:200px}.hero-icon img{filter:brightness(0) saturate(100%) invert(98%) sepia(35%) saturate(523%) hue-rotate(10deg) brightness(105%) contrast(95%)}.intro{position:relative;background-color:var(--background);overflow-x:hidden}.geo-bg{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) scale(2.5);z-index:-1;transform-origin:center center;opacity:.25;will-change:transform}.intro .intro-container{width:100%;padding-top:20em;padding-bottom:4em}.intro .intro-container .container{display:flex;gap:2em}.intro .intro-container .container>.col{flex:1 1}.intro-copy{width:70%}.intro-copy p{margin-bottom:4em}.prompt-example .prompt-example-header h4{width:50%}.prompt-example-results{margin-top:2em;display:flex;gap:2em}.prompt-example-result-item{flex:1 1}.prompt-example-result-item-img{position:relative;width:100%;aspect-ratio:1;margin-bottom:1em;-webkit-clip-path:polygon(0 0,80% 0,100% 20%,100% 70%,100% 100%,10% 100%,0 90%,0 30%);clip-path:polygon(0 0,80% 0,100% 20%,100% 70%,100% 100%,10% 100%,0 90%,0 30%)}.case-studies{position:relative;margin-top:-.125em;width:100%;height:100%;background-color:var(--background);padding:4em 0}.case-studies-header{width:70%}.case-studies-content .container{display:flex;gap:2em}.case-studies-content .container .col{flex:1 1}.case-studies-content .container .col h2{text-transform:none;font-size:5rem;margin-bottom:1em}.case-studies-copy{width:70%}.case-studies-items{position:relative;width:100%;height:100%;display:flex;background-color:var(--background);margin-top:-.125em}.case-studies-items .col{flex:1 1}.case-studies-img,.case-studies-item{width:100%;height:100svh}.case-studies-items-images{position:relative}.case-studies-items-content{position:relative;z-index:2}.case-studies-items-content .container{display:flex;flex-direction:column;justify-content:center;height:100%}.case-studies-items-content .container h3{text-transform:none;font-family:Nippo;font-weight:400;font-size:4rem;margin-bottom:.5em}.case-studies-items-content .container p.primary{margin-bottom:.5em}.case-studies-img{position:relative;will-change:transform;border-radius:1em;overflow:hidden;z-index:1}.case-studies-img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);transform-origin:top top;will-change:transform}.case-studies-item-inner-img,.case-studies-item-inner-link{display:none}.link-icon{position:relative;top:.125rem}.case-studies-img-link{position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center}.case-studies-img-link,.case-studies-img-link a,.case-studies-img-link span{display:flex;align-items:center}.case-studies-img-link a{width:100%;height:100%;justify-content:center}.abstract-bg{width:100%;height:max-content;background-color:var(--background-light)}.strip{width:100%;height:15px;background-color:var(--background)}.strip:first-child{margin-bottom:5px;height:200px}.strip:nth-child(2){margin-bottom:10px}.strip:nth-child(3){margin-bottom:20px}.strip:nth-child(4){margin-bottom:30px}.strip:nth-child(5){margin-bottom:50px}.strip:nth-child(6){margin-bottom:80px}.strip:nth-child(7){margin-bottom:120px}.works{width:100%;height:100%;background-color:var(--background-light);color:var(--foreground-light);padding:4em 0}.works p{color:#726755}.works p.primary{color:var(--foreground-light)}.works-header{width:70%}.works-content .container{display:flex;gap:2em}.works-content .container .col{flex:1 1}.works-content .container .col h2{text-transform:none;font-size:5rem;margin-bottom:1em}.works-copy{width:70%}.clients{width:100%;height:100%;background-color:var(--background);padding:4em 0;overflow:hidden}.clients .container{display:flex;gap:2em}.clients .container .col{flex:1 1}.clients h2{text-transform:none;font-size:3rem;margin-bottom:1em}.clients .clients-marquee{margin-top:1em;width:100%}.clients p.primary{white-space:nowrap}.carousel{position:relative;overflow:hidden;z-index:1}.carousel,.project{width:100%;height:100svh}.project{position:absolute;top:0;left:0;-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.project-bg{position:absolute;width:100%;height:100%}.project-main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;aspect-ratio:1;border-radius:.5rem;overflow:hidden}.project-header{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);padding:2em;display:flex;justify-content:space-between;align-items:center;gap:1em}.project-header>div{flex:1 1}.project-header h2,.project-url a{color:var(--foreground)}.project-header h2{text-transform:none;font-size:4rem}.project-id{text-align:center}.project-url{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-studies h2,.works h2{letter-spacing:-.25rem}.project-id h2,.project-title h2{letter-spacing:-.15rem}.case-studies-items-content .container h3{letter-spacing:-.1rem}@media (max-width:900px){.hero .container{padding:3em 2em}.hero-copy-col:first-child{width:100%}.hero .container .hero-copy{flex-direction:column-reverse;align-items:flex-start;gap:2em}.hero-icon{width:120px}.intro .intro-container .container{flex-direction:column;gap:2em}.intro-copy{width:100%}.intro-copy p{margin-bottom:2em}.prompt-example{margin-top:6em}.prompt-example-results{flex-direction:column}.prompt-example .prompt-example-header h4{width:100%}.case-studies,.works{margin-top:-.125em}.case-studies-header,.works-header{width:100%}.case-studies-content .container,.works-content .container{flex-direction:column-reverse}.case-studies-content .container .col h2,.works-content .container .col h2{font-size:2.5rem}.case-studies-copy,.works-copy{width:100%}.case-studies-items-images{display:none}.case-studies-item-inner-img{display:block;border-radius:1em;overflow:hidden;height:300px;margin-bottom:1em}.case-studies-item{height:max-content}.case-studies-item-inner-link{display:flex;align-items:center;gap:.5em;margin:2em 0}.case-studies-img-link{display:none}.project-main{width:50%;top:35%;left:50%}.project-header{width:100%;top:65%;left:0;text-align:center;flex-direction:column}.project-header h2{font-size:3rem}.project-url{top:35%}.case-studies h2,.project-id h2,.project-title h2,.works h2{letter-spacing:-.1rem}.clients .container{flex-direction:column}.clients h2{font-size:2rem}.clients .clients-marquee{width:100%}}