.sample-project{background:var(--d);width:100%;color:var(--l)}.sample-project .container{position:relative}.sample-project-hero{width:100%;height:100%;min-height:150svh;position:relative;overflow:hidden}.sample-project-hero-img{opacity:.5;width:100%;height:100%;position:absolute;inset:0}.sample-project-hero-img img{object-fit:cover;width:100%;height:100%}.sample-project-hero-overlay{background-color:#14131340;width:100%;height:100%;position:absolute;inset:0}.sample-project-hero .container{padding-top:35svh}.sample-project-hero h6{font-size:clamp(1.25rem,2vw,2.5rem);line-height:1.2}.sample-project-hero-header h1{color:var(--l);position:relative}.sample-project-content{padding:4rem 0 8rem;position:relative}.sample-project-content,.sample-project-details-1 .container,.sample-project-details-2 .container{gap:2rem;display:flex}.sample-project-col:first-child{flex:2}.sample-project-col:nth-child(2){flex:3}.sample-project-content .sample-project-col:nth-child(2){flex-direction:column;gap:4rem;display:flex}.sample-project-content .sample-project-col:nth-child(2) h3{width:85%;margin-bottom:2rem}.sample-project-content-wrapper{display:block}.sample-project-meta .sample-project-hero-row{gap:2rem;display:flex}.sample-project-meta .sample-project-hero-sub-col{flex:1}.sample-project-meta .sample-project-hero-sub-col p:first-child{margin-bottom:1rem}.sample-project-details{background-color:var(--l);width:100%;height:100%;color:var(--d);padding-top:4rem;padding-bottom:6rem;position:relative;overflow:hidden}.sample-project-details h3{width:85%;margin-bottom:2rem}.sample-project-details-img{aspect-ratio:3/4;width:75%;margin-top:4rem;overflow:hidden}.sample-project-details-2 .sample-project-meta{color:var(--d);margin-bottom:4rem}.sample-project-details-2 .sample-project-meta .sample-project-hero-sub-col p:first-child{margin-bottom:1rem}.sample-project-details-2 .sample-project-details-img{margin-top:8rem;margin-bottom:4rem}@media (width<=1000px){.sample-project-content,.sample-project-details-1 .container,.sample-project-details-2 .container{flex-direction:column;gap:4rem}.sample-project-details-img,.sample-project-content .sample-project-col:nth-child(2) h3,.sample-project-details h3{width:100%}}