.sample-space-hero{width:100%;height:100%;min-height:150svh;position:relative;overflow:hidden}.sample-space-hero .sample-space-hero-img{width:100%;height:100%;position:absolute;top:0;left:0}.sample-space-hero .sample-space-hero-overlay{background-color:#14131380;width:100%;height:100%;position:absolute;top:0;left:0}.sample-space-content{padding:4rem 0 8rem}.sample-space-hero-header h1{position:relative}.sample-space-hero .container{color:var(--base-100);padding-top:35svh;position:relative}.sample-space-hero .container .sample-space-content,.sample-space-details.sample-space-details-1 .container,.sample-space-details.sample-space-details-2 .container{gap:2rem;display:flex;position:relative}.sample-space-col:first-child{flex:2}.sample-space-col:nth-child(2){flex:3}.sample-space-hero .sample-space-content .sample-space-col:nth-child(2){flex-direction:column;gap:4rem;display:flex}.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{gap:2rem;display:flex}.sample-space-meta .sample-space-hero-row .sample-space-hero-sub-col{flex:1}.sample-space-meta .sample-space-hero-row .sample-space-hero-sub-col p:first-child{margin-bottom:1rem}.sample-space-details{width:100%;height:100%;color:var(--base-350);padding-top:4rem;position:relative;overflow:hidden}.sample-space-details h3{width:85%;color:var(--base-100);margin-bottom:2rem}.sample-space-details-img{aspect-ratio:3/4;border-radius:2rem;width:75%;margin-top:4rem;overflow:hidden}.sample-space-details-img img{opacity:.85}.sample-space-details.sample-space-details-2 .sample-space-meta{color:var(--base-100);margin-bottom:4rem}.sample-space-details.sample-space-details-2 .sample-space-meta .sample-space-hero-sub-col p:first-child{color:var(--base-350);margin-bottom:1rem}.sample-space-details.sample-space-details-2 .sample-space-details-img{margin-top:8rem;margin-bottom:4rem}@media (max-width:1000px){.sample-space-hero .container .sample-space-content,.sample-space-details.sample-space-details-1 .container,.sample-space-details.sample-space-details-2 .container{flex-direction:column;gap:4rem}.sample-space-details-img,.sample-space-hero .sample-space-content .sample-space-col:nth-child(2) h3,.sample-space-details h3{width:100%}}
