.project-hero{padding:70px 0 0;border-bottom:1px solid var(--line)}
.project-hero__top{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:60px;align-items:end;margin-bottom:48px}
.project-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.95;letter-spacing:-.04em;margin:.18em 0}
.project-hero__intro{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.25;max-width:820px;margin:0}
.project-meta{border-top:1px solid var(--line)}
.project-meta div{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.project-meta span,.project-detail__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.project-meta strong{font-weight:400}
.project-hero__image{height:min(68vw,720px);max-height:72vh;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.project-hero__image img{width:100%;height:100%;object-fit:cover}
.project-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:70px;align-items:start;padding-top:38px}
.project-sidebar{position:sticky;top:92px}
.project-sidebar .project-detail{padding:18px 0;border-top:1px solid var(--line)}
.project-sidebar .project-detail:last-child{border-bottom:1px solid var(--line)}
.project-sidebar p{margin:.45em 0 0}
.project-image{margin:0}.project-image--half{grid-column:span 1}
.project-empty{padding:28px;background:var(--paper);margin:0}
@media(max-width:760px){.project-hero{padding-top:45px}.project-hero__top,.project-body{grid-template-columns:1fr;gap:32px}.project-hero__image{height:58vw}.project-sidebar{position:static}.project-image--half{grid-column:auto}}