.project-detail-page{background-color:#fff}.project-hero-title{text-align:center;padding:6rem 1.5rem 2rem}.project-hero-title h1{letter-spacing:.2em;color:#1a1a1a;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.75rem;font-weight:300}@media only screen and (min-width:768px){.project-hero-title{padding:10rem 4rem 4rem}.project-hero-title h1{letter-spacing:.3em;font-size:4rem}}@media only screen and (min-width:1200px){.project-hero-title h1{letter-spacing:.4em;font-size:5rem}}.project-hero-image{width:100%;padding:0}.project-hero-image__wrapper{width:100%;height:50vh;min-height:300px;position:relative;overflow:hidden}@media only screen and (min-width:768px){.project-hero-image__wrapper{height:70vh;min-height:500px}}@media only screen and (min-width:1200px){.project-hero-image__wrapper{height:80vh;min-height:600px}}.project-overview{flex-direction:column;gap:1.5rem;padding:1.5rem 0;display:flex}.project-overview__image{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.project-overview__info{flex-direction:column;gap:2rem;padding:0 1.25rem;display:flex}.project-info__details{flex-direction:column;gap:.5rem;display:flex}.project-info__row{border-bottom:1px solid #e5e5e5;align-items:center;gap:1rem;min-height:44px;padding-bottom:.5rem;display:flex}.project-info__label{letter-spacing:.05em;color:#999;text-transform:uppercase;flex-shrink:0;width:70px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;font-weight:500}.project-info__value{color:#333;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400}.project-info__description{max-width:100%}.project-info__description p{color:#333;letter-spacing:0;white-space:pre-line;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.6}@media only screen and (min-width:768px){.project-overview{flex-direction:row;align-items:stretch;gap:4rem;padding:5rem 0}.project-overview__image{aspect-ratio:3/4;flex:1}.project-overview__info{flex:1;justify-content:space-between;gap:4rem;padding:0 4rem 0 0}.project-info__row{gap:2rem}.project-info__label{width:80px;font-size:11px}.project-info__value{font-size:13px}.project-info__description{max-width:500px}}@media only screen and (min-width:1200px){.project-overview{gap:6rem;padding:6rem 0}.project-overview__info{padding:0 6rem 0 0}.project-overview__image{aspect-ratio:4/5}.project-info__label{width:100px}.project-info__description{max-width:100%}.project-info__description p{font-size:13px;line-height:1.6}}.project-gallery{flex-direction:column;gap:.75rem;padding:0 0 2rem;display:flex}.project-gallery__row{gap:.75rem;display:grid}.project-gallery__row--full,.project-gallery__row--2,.project-gallery__row--3{grid-template-columns:1fr}.project-gallery__item{aspect-ratio:3/4;width:100%;position:relative;overflow:hidden}.project-gallery__row--full .project-gallery__item{aspect-ratio:16/9}@media only screen and (min-width:768px){.project-gallery{gap:1.5rem;padding:0 0 5rem}.project-gallery__row{gap:1.5rem}.project-gallery__row--2{grid-template-columns:repeat(2,1fr)}.project-gallery__row--3{grid-template-columns:repeat(3,1fr)}.project-gallery__item{aspect-ratio:4/5}}@media only screen and (min-width:1200px){.project-gallery{gap:2rem;padding:0 0 6rem}.project-gallery__row{gap:2rem}.project-gallery__item{aspect-ratio:3/4}.project-gallery__row--full .project-gallery__item{aspect-ratio:21/9}}.project-mixed-section{flex-direction:column;gap:1.5rem;padding:0 0 2rem;display:flex}.project-mixed__left{flex-direction:column;order:2;justify-content:space-between;gap:1.5rem;padding:0 1.25rem;display:flex}.project-mixed__text p{color:#333;white-space:pre-line;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.6}.project-mixed__small-image{aspect-ratio:16/10;width:80%;margin-top:1rem;position:relative;overflow:hidden}.project-mixed__right{order:1;width:100%}.project-mixed__large-image{aspect-ratio:4/5;width:100%;height:100%;position:relative;overflow:hidden}@media only screen and (min-width:768px){.project-mixed-section{grid-template-columns:1fr 1fr;gap:4rem;padding:0 0 5rem;display:grid}.project-mixed__left{order:unset;gap:3rem;padding:0 0 0 4rem}.project-mixed__right{order:unset}.project-mixed__large-image{aspect-ratio:auto;height:100%}.project-mixed__small-image{aspect-ratio:3/2;width:70%;margin-top:2rem}}@media only screen and (min-width:1200px){.project-mixed-section{gap:6rem;padding:0 0 6rem}.project-mixed__left{padding:0 0 0 6rem}.project-mixed__text p{font-size:14px}.project-mixed__small-image{aspect-ratio:4/3;width:60%;margin-top:3rem}}.project-hero-image__wrapper img,.project-overview__image img,.project-gallery__item img,.project-mixed__small-image img,.project-mixed__large-image img,.projects-listing-grid__image-wrapper img{object-fit:cover!important}.projects-listing-header{text-align:center;background-color:#000;padding:6rem 1.5rem 2rem}.projects-listing-header__title{color:#fff}.projects-listing-header__subtitle{color:#999}@media only screen and (min-width:768px){.projects-listing-header{background-color:#fff}.projects-listing-header__title{color:#1a1a1a}.projects-listing-header__subtitle{color:#666}}.projects-listing-header__container{max-width:1200px;margin:0 auto}.projects-listing-header__title{letter-spacing:.2em;color:#1a1a1a;text-transform:uppercase;margin:0 0 .75rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:2rem;font-weight:300}.projects-listing-header__subtitle{color:#666;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:300;line-height:1.5}@media only screen and (min-width:768px){.projects-listing-header{padding:10rem 4rem 4rem}.projects-listing-header__title{letter-spacing:.3em;font-size:4rem}.projects-listing-header__subtitle{font-size:1rem}}.projects-listing-grid{background-color:#e5e5e5;grid-template-columns:1fr;gap:1px;padding:0;display:grid}.projects-listing-grid__item{-webkit-tap-highlight-color:transparent;opacity:0;background-color:#fff;text-decoration:none;transition:opacity .4s ease-out,transform .4s ease-out;display:block;position:relative;transform:translateY(20px)}.projects-listing-grid__item.is-visible{opacity:1;transform:none}.projects-listing-grid__image-wrapper{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.projects-listing-grid__image-wrapper img{transition:transform .3s ease-out}.projects-listing-grid__item:hover .projects-listing-grid__image-wrapper img,.projects-listing-grid__item:active .projects-listing-grid__image-wrapper img{transform:scale(1.03)}.projects-listing-grid__overlay{text-align:center;background:linear-gradient(#0003,#0009);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.projects-listing-grid__name{color:#fff;letter-spacing:.05em;text-transform:uppercase;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.3}@media only screen and (min-width:768px){.projects-listing-grid__image-wrapper{aspect-ratio:16/9}.projects-listing-grid__overlay{padding:2rem}.projects-listing-grid__name{letter-spacing:.1em;font-size:45px}}@media only screen and (min-width:1200px){.projects-listing-grid__image-wrapper{aspect-ratio:16/10}.projects-listing-grid__name{letter-spacing:.15em;font-size:65px}.projects-listing-grid__overlay{padding:3rem}}@media (hover:none) and (pointer:coarse){.projects-listing-grid__item:active .projects-listing-grid__image-wrapper img{transform:scale(1.02)}}.project-fullscreen-item{width:100%;display:block;position:relative;overflow:hidden}@media only screen and (min-width:768px){.project-fullscreen-item{height:100vh}}.project-parallax-wrapper{width:100%;position:relative}@media only screen and (min-width:768px){.project-parallax-wrapper{z-index:1;height:100%;position:absolute;inset:0}}.project-fullscreen-overlay{z-index:2;background:#0003;flex-direction:column;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.project-fullscreen-item:hover .project-fullscreen-overlay{background:#0000001a}.project-fullscreen-title{letter-spacing:.1em;color:#fff;text-transform:uppercase;text-align:center;text-shadow:0 2px 10px #0000004d;margin:0;padding:0 1rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.5rem;font-weight:300}@media only screen and (min-width:768px){.project-fullscreen-title{letter-spacing:.3em;font-size:4rem}}@media only screen and (min-width:1200px){.project-fullscreen-title{letter-spacing:.4em;font-size:5rem}}.project-hero-stack-wrapper{width:100%;position:relative}.project-hero-fixed{z-index:0;width:100%;height:100vh;position:fixed;top:0;left:0}.project-hero-spacer{width:100%;height:100vh}.project-content-over-hero{z-index:1;background-color:#fff;width:100%;position:relative}.project-detail-page+footer{z-index:2;position:relative}
