.hero{width:100vw;height:100svh;overflow:hidden;position:relative;display:flex;align-items:flex-end}.hero-img,.hero-img-gradient{position:absolute;top:0;left:0;width:100%;height:100%}.hero-icon{position:absolute;top:35%;left:75%;transform:translateX(-50%,-50%);width:190px;z-index:10}@media (max-width:768px){.hero-icon{top:5rem;right:1rem;left:auto;transform:none;width:90px}}.about{position:relative;width:100dvw;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-image{object-fit:cover;object-position:center;top:0;left:0;z-index:-1}.about-image,.about-overlay{width:100%;height:100%;position:absolute}.about-overlay{background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}.about-content{max-width:800px;color:#fff}.about-primary{text-transform:uppercase;font-weight:600;font-size:1.5rem!important;margin-bottom:1rem;color:#fff}.about-text{font-size:1.2rem!important;line-height:1.5;margin-top:1rem;color:#fff}@media (max-width:768px){.about-title{font-size:2rem!important}.about-text{font-size:1rem!important}}.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}.carousel{position:relative;width:100dvw;height:100lvh!important;z-index:1}.project{top:0;left:0;width:100vw;-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.project,.project-bg{position:absolute;height:100lvh}.project-bg{width:100dvw}.project-main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;aspect-ratio:1;border-radius:.5rem;overflow-x: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:3vw!important}.project-id{text-align:left}.project-url{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.project-header h2{font-size:4vw!important;text-align:left}.project-main{width:40%}}@media (max-width:480px){.project-header h2{font-size:5vw!important}.project-main{width:60%}}.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:950px){.hero .container{padding:3em 2em}.hero-copy-col:first-child{width:100%}.hero .container .hero-copy{flex-direction:column-reverse;align-items:flex-end;gap:2em}.hero-icon{width:150px}.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!important}.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!important}.project-url{top:35%}.case-studies h2,.project-id h2,.project-title h2,.works h2{letter-spacing:-.1rem}}.project-id-conf{font-size:3.5rem;color:#fff;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media (max-width:600px){.project-id-conf{font-size:10vw;color:#fff;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.5)}}