.project-hero{position:relative;width:100vw;min-height:150svh;height:100%;overflow:hidden}.project-hero .project-hero-img{position:absolute;top:0;left:0;width:100%;height:100%}.project-hero .project-hero-img img{width:100%;height:100%;object-fit:cover}.project-hero .project-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(20,19,19,.5)}.project-content{padding:4rem 0 8rem}.project-hero-header h1{position:relative}.project-hero .container{position:relative;padding-top:35svh;color:var(--base-100)}.project-details.project-details-1 .container,.project-details.project-details-2 .container,.project-hero .container .project-content{display:flex;position:relative;gap:2rem}.project-col:first-child{flex:2 1}.project-col:nth-child(2){flex:3 1}.project-hero .project-content .project-col:nth-child(2){display:flex;flex-direction:column;gap:4rem}.project-hero .project-content .project-col:nth-child(2) h3{width:85%;margin-bottom:2rem}.project-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.project-category{padding:.5rem 1rem;background-color:rgba(255,255,255,.1);border-radius:2rem;font-size:.875rem;color:var(--base-200)}.project-date{color:var(--base-300);font-size:.9rem}.project-meta .project-hero-row{display:flex;gap:2rem}.project-meta .project-hero-row .project-hero-sub-col{flex:1 1}.project-meta .project-hero-row .project-hero-sub-col p:first-child{margin-bottom:1rem}.project-details{position:relative;width:100vw;height:100%;overflow:hidden;color:var(--base-350);padding-top:4rem}.project-details h3{width:85%;color:var(--base-100);margin-bottom:2rem}.project-details-img{width:75%;border-radius:2rem;overflow:hidden;aspect-ratio:3/4;margin-top:4rem}.project-details-img img{opacity:.85;width:100%;height:100%;object-fit:cover}.project-details.project-details-2 .project-meta{margin-bottom:4rem;color:var(--base-100)}.project-details.project-details-2 .project-meta .project-hero-sub-col p:first-child{color:var(--base-350);margin-bottom:1rem}.project-details.project-details-2 .project-details-img{margin-top:8rem;margin-bottom:4rem}.project-nav{padding:4rem 0;background-color:var(--base-500)}.project-nav .container{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.project-gallery{padding:6rem 0;background-color:var(--base-500)}.project-gallery-header{margin-bottom:3rem}.project-gallery-header p{color:var(--base-300);margin-bottom:1rem}.project-gallery-header h2{max-width:50ch;color:var(--base-100)}.project-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.gallery-item{border-radius:1rem;overflow:hidden;position:relative;aspect-ratio:4/3}.gallery-item img,.gallery-item video{width:100%;height:100%;object-fit:cover}.gallery-item-video{aspect-ratio:16/9;grid-column:span 2}.gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,rgba(0,0,0,.7));color:var(--base-100)}.gallery-caption p{font-size:.875rem;color:var(--base-200)}@media (max-width:1000px){.project-details.project-details-1 .container,.project-details.project-details-2 .container,.project-hero .container .project-content{flex-direction:column;gap:4rem}.project-details h3,.project-details-img,.project-hero .project-content .project-col:nth-child(2) h3{width:100%}.project-nav .container{flex-direction:column;align-items:center}.project-gallery-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.gallery-item-video{grid-column:span 2}}@media (max-width:600px){.project-gallery-grid{grid-template-columns:1fr}.gallery-item-video{grid-column:span 1}}