.hero{background:#2c2c2c;justify-content:center;align-items:center;width:100vw;height:100svh;display:flex;position:relative}.hero-logo{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hero-logo img{object-fit:contain;width:auto;max-width:300px;height:auto;max-height:200px}@media (max-width:768px){.hero-logo img{max-width:250px;max-height:150px}}@media (max-width:480px){.hero-logo img{max-width:200px;max-height:120px}}.about{justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;position:relative;overflow:hidden}.about-image{object-fit:cover;object-position:center;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.about-overlay{text-align:center;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute}.about-content{color:#fff;max-width:800px}.about-primary{text-transform:uppercase;color:#fff;margin-bottom:1rem;font-weight:600;font-size:1.5rem!important}.about-text{color:#fff;margin-top:1rem;line-height:1.5;font-size:1.2rem!important}@media (max-width:768px){.about-title{font-size:2rem!important}.about-text{font-size:1rem!important}}.case-studies{background-color:var(--background);width:100%;height:100%;margin-top:-.125em;padding:4em 0;position:relative}.case-studies-header{width:70%}.case-studies-content .container{gap:2em;display:flex}.carousel{z-index:1;width:100dvw;position:relative;height:100lvh!important}.project{clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);width:100vw;height:100lvh;position:absolute;top:0;left:0}.project-bg{width:100dvw;height:100lvh;position:absolute;overflow:hidden}.project-bg img{width:100%;height:100%}.project-main{aspect-ratio:1;border-radius:.5rem;width:25%;position:absolute;top:50%;left:50%;overflow-x:hidden;transform:translate(-50%,-50%)}.project-header{justify-content:space-between;align-items:center;gap:1em;width:100%;padding:2em;display:flex;position:absolute;top:50%;left:0%;transform:translateY(-50%)}.project-header>div{flex: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{text-align:left;font-size:4vw!important}.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{border-radius:1em;height:300px;margin-bottom:1em;display:block;overflow:hidden}.case-studies-item{height:max-content}.case-studies-item-inner-link{align-items:center;gap:.5em;margin:2em 0;display:flex}.case-studies-img-link{display:none}.project-main{width:50%;top:35%;left:50%}.project-header{text-align:center;flex-direction:column;width:100%;top:65%;left:0}.project-header h2{font-size:3rem!important}.project-url{top:35%}.case-studies h2,.works h2,.project-id h2,.project-title h2{letter-spacing:-.1rem}}.project-id-conf{color:#fff;text-shadow:2px 2px 4px #00000080;font-size:3.5rem;font-weight:600;line-height:.9}@media (max-width:600px){.project-id-conf{color:#fff;text-shadow:2px 2px 4px #00000080;font-size:10vw;font-weight:600;line-height:.9}}