.project-intro{padding:var(--project-top-gap) max(72px,var(--pad)) 90px}
.project-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1fr);grid-template-areas:'intro gallery' 'details gallery';gap:clamp(50px,7vw,120px);align-items:start}
.project-copy{grid-area:intro;max-width:620px;min-width:0}
.project-details{grid-area:details;max-width:620px;min-width:0}
.project-gallery-column{grid-area:gallery;min-width:0}
.project-copy h1{font-size:clamp(38px,4.25vw,72px)}
.project-lead{font-size:clamp(18px,1.6vw,23px);line-height:1.5;margin:30px 0}
.project-facts{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 58px}
.project-facts span{border:1px solid var(--ink);padding:8px 11px;font-size:11px;font-weight:600}
.project-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.project-links .button{min-height:48px}
.project-links .site-navigation-icon{width:17px;height:17px}
.project-sections{border-top:1px solid var(--ink)}
.project-sections section{padding:25px 0 29px;border-bottom:1px solid #1112}
.project-sections h2{font-family:var(--text);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.project-sections p{font-size:16px}
.project-sections p+p{margin-top:14px}
.project-page.lightbox-open{overflow:hidden}
@media(max-width:1100px){.project-intro{padding:18px var(--pad) 90px}}
@media(max-width:850px){.project-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'intro' 'gallery' 'details';gap:55px}.project-copy,.project-details{max-width:none}.project-gallery-column{max-width:760px}}
@media(max-width:700px){.project-intro{padding:18px 24px 70px}.project-copy h1{font-size:clamp(34px,9vw,48px)}.project-lead{font-size:18px}.project-sections p{font-size:15px}}
