.project-hero{justify-content:center;align-items:center;width:100%;height:100vh;margin-top:0;display:flex;position:relative}.project-hero-bg{z-index:-1;background-position:50%;background-size:cover;background-attachment:fixed;width:100%;height:100vh;position:absolute;top:0;left:0}.project-hero:after{content:"";background-color:var(--color-image-overlay);z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.project-hero-content{color:#fff;width:100%;bottom:-15vh;left:var(--page-margin);text-align:left;z-index:10;position:absolute}.project-title-large{letter-spacing:-.05em;mix-blend-mode:difference;font-size:clamp(3.5rem,12vw,12rem);line-height:.9}.meta-grid{grid-template-columns:1fr;gap:2rem;display:grid}.meta-item{border-bottom:1px solid var(--color-separator);flex-direction:column;gap:.5rem;padding-bottom:1rem;display:flex}.meta-item p{font-family:var(--font-sans),sans-serif;font-size:.9rem}@media (min-width:768px){.meta-grid{grid-template-columns:repeat(2,1fr);gap:6rem}}.project-narrative{justify-content:center;padding-top:5vh;display:flex}.narrative-text{text-align:center;max-width:500px;font-size:1.5rem;line-height:1.8}.project-gallery{flex-direction:column;gap:5vh;display:flex}@media (min-width:768px){.project-gallery{gap:15vh}}.gallery-full{width:100vw;margin-left:calc(50% - 50vw)}.gallery-full img{object-fit:cover;width:100vw;height:100vh;display:block}.gallery-halves{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.gallery-halves{grid-template-columns:repeat(2,1fr);gap:4rem}}.gallery-half img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.project-materials{background-color:var(--color-secondary);margin-top:10vh}.materials-title{text-align:center;margin-bottom:4rem}.materials-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:768px){.materials-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.material-item img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.project-pagination{text-align:center}.pagination-link{font-family:var(--font-serif),serif;color:var(--color-primary);transition:opacity var(--transition-fast);font-size:clamp(2rem,4vw,3.5rem);text-decoration:none;display:inline-block}.pagination-link span{font-style:italic}.pagination-link:hover{opacity:.6}
