.project-hero{width:100%;height:100svh;position:relative;overflow:hidden}.project-hero .project-hero-img{width:100%;height:100svh;position:absolute;top:0;left:0;overflow:hidden}.project-hero .project-hero-img img{object-fit:cover;width:100%;height:100%}.project-hero-copy{height:100%;color:var(--accent-alt);margin:0 auto;padding-top:6rem;position:relative}.project-hero-copy .container{flex-direction:column;justify-content:space-between;height:100%;margin:0 auto;display:flex}.project-hero-copy .project-hero-header{flex-direction:column;gap:1rem;display:flex}.project-back-link{width:max-content;color:var(--accent-alt);margin:-.6rem -.4rem;padding:.6rem .4rem;transition:opacity .2s;display:inline-block}.project-back-link:hover{opacity:.6}.project-hero-copy .project-hero-meta{justify-content:space-between;align-items:flex-end;display:flex}.project-hero-copy .project-hero-meta .project-hero-meta-col:nth-child(2){flex-direction:column;gap:.25rem;display:flex}.project-hero-copy .project-hero-meta p.type-mono{color:var(--accent-alt);width:max-content;padding:0}.project-info{width:100%;padding:8rem 0;position:relative}.project-info .container{gap:8rem;width:75%;display:flex}.project-info .container .project-info-col:first-child{flex:3}.project-info .container .project-info-col:nth-child(2){flex:2;display:flex}.project-info .container .project-info-col:nth-child(2) .project-info-sub-col{flex:1}.project-info .container .project-info-col:nth-child(2) .project-info-sub-col p{width:85%;padding:0}.project-info .container .project-info-col:nth-child(2) .project-info-sub-col p.type-mono{margin-bottom:.5rem}.project-images{width:100%;height:100%;position:relative}.project-images .container{flex-direction:column;gap:8rem;display:flex}.project-images .container .project-img{aspect-ratio:7/5;width:75%;height:100%;margin:0 auto}.project-images .container .project-img img{object-fit:cover;width:100%;height:100%}.project-images .container .project-figure{flex-direction:column;gap:.75rem;width:75%;margin:0 auto;display:flex}.project-images .container .project-figure .project-img,.project-images .container .project-figure .video-frame{width:100%;margin:0}.project-images .container .project-img-full{aspect-ratio:auto;height:auto}.project-images .container .project-img-full img{height:auto}.project-outro{padding-bottom:12rem}@media (width<=1000px){.project-hero-copy .project-hero-header{text-align:center;justify-content:center;align-items:center;width:100%;padding:2rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-hero-copy .project-hero-meta{display:none}.project-info{padding:4rem 0}.project-info .container{flex-direction:column-reverse;width:100%}.project-images .container{gap:4rem}.project-images .container .project-img,.project-images .container .project-figure{width:100%}.project-outro{padding-bottom:8rem}}
