.sample-space-hero{position:relative;width:100vw;min-height:150svh;height:100%;overflow:hidden}.sample-space-hero .sample-space-hero-img{position:absolute;top:0;left:0;width:100%;height:100%}.sample-space-hero .sample-space-hero-img img{width:100%;height:100%;object-fit:cover}.sample-space-hero .sample-space-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(20,19,19,.7)}.sample-space-content{padding:4rem 0 8rem}.sample-space-hero-header h1{position:relative}.sample-space-hero .container{position:relative;padding-top:35svh;color:var(--base-100)}.sample-space-details .container,.sample-space-hero .container .sample-space-content{display:flex;position:relative;gap:2rem}.sample-space-col:first-child{flex:2 1}.sample-space-col:nth-child(2){flex:3 1}.sample-space-hero .sample-space-content .sample-space-col:nth-child(2){display:flex;flex-direction:column;gap:4rem}.sample-space-hero .sample-space-content .sample-space-col:nth-child(2) h3{width:85%;margin-bottom:2rem}.sample-space-meta .sample-space-hero-row{display:flex;gap:2rem}.sample-space-meta .sample-space-hero-row .sample-space-hero-sub-col{flex:1 1}.sample-space-meta .sample-space-hero-row .sample-space-hero-sub-col p:first-child{margin-bottom:1rem}.sample-space-details{position:relative;width:100vw;height:100%;overflow:hidden;color:var(--base-350);padding-top:4rem;padding-bottom:4rem}.sample-space-details h3{width:85%;color:var(--base-100);margin-bottom:2rem}.sample-space-details h3.case-study-detail{font-size:18px;line-height:1.6;letter-spacing:-.1px;max-width:65ch}.sample-space-details-img{width:75%;border-radius:2rem;overflow:hidden;margin-top:4rem}.sample-space-ux-gallery{display:flex;gap:2rem;width:100%;margin-top:4rem;justify-content:flex-start}.sample-space-ux-gallery .ux-mockup{width:31%;margin-left:0;margin-right:0;flex-shrink:0}.sample-space-details-img.ux-mockup{aspect-ratio:auto;border-radius:3rem;border:8px solid var(--base-400);box-shadow:0 50px 100px -20px rgba(0,0,0,.5);overflow:hidden}.sample-space-details-img img{width:100%;height:100%;object-fit:cover;opacity:1}.sample-space-details-2 .sample-space-details-img{width:100%;aspect-ratio:auto}.sample-space-details-img.ux-mockup img{object-fit:cover}.sample-space-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-top:4rem;margin-bottom:4rem;width:100%}.stat-item h4{font-size:3rem;color:var(--base-100);margin-bottom:.5rem}.stat-item p{color:var(--base-300)}.sample-space-details-2 .sample-space-meta{margin-bottom:4rem;color:var(--base-100)}.sample-space-details-2 .sample-space-meta .sample-space-hero-sub-col p:first-child{color:var(--base-350);margin-bottom:1rem}@media (max-width:1000px){.sample-space-details .container,.sample-space-hero .container .sample-space-content{flex-direction:column;gap:4rem}.sample-space-details h3,.sample-space-details-img,.sample-space-hero .sample-space-content .sample-space-col:nth-child(2) h3{width:100%}.sample-space-ux-gallery{flex-direction:column;gap:3rem}.sample-space-ux-gallery .ux-mockup{width:100%}.sample-space-stats{grid-template-columns:1fr;gap:3rem}}