.project-hero{padding:10rem 0 6rem;background:var(--bg);color:var(--text)}.project-back{display:inline-block;margin-bottom:5rem;color:var(--lime);font:700 .75rem var(--mono);letter-spacing:.06em}.project-back:hover{color:var(--text)}.project-hero h1{margin:0;font-size:clamp(3.2rem,8vw,8rem);line-height:.9;letter-spacing:-.08em}.project-hero h1 em{font-style:normal;color:var(--lime)}.project-lede{max-width:680px;margin:2rem 0 0;color:#aab3be;font-size:1.15rem}.project-reference{background:#f1f0e9;color:#4e5966}.project-reference-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:4rem;align-items:center}.project-image-placeholder{min-height:540px;display:grid;place-items:center;background:linear-gradient(135deg,#18222d,#0b1017);border:1px solid #283644;color:var(--lime);text-align:center;font:700 .72rem var(--mono);letter-spacing:.12em;line-height:1.6}.project-copy h2,.notes-list h2{margin:0;color:var(--bg);font-size:clamp(2.3rem,5vw,5rem);line-height:.95;letter-spacing:-.07em}.project-copy>p:not(.eyebrow){max-width:610px;margin:2rem 0;line-height:1.7}.project-meta{display:grid;gap:1rem;margin:0}.project-meta div{border-top:1px solid #c9c9c0;padding-top:.8rem}.project-meta dt{color:#68747d;font:700 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.project-meta dd{margin:.4rem 0 0;color:var(--bg)}.project-notes{background:var(--surface);color:var(--text)}.project-notes-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem}.notes-list{display:grid;gap:2rem}.notes-list article{border-top:1px solid var(--line);padding-top:1.4rem}.note-label{margin:0 0 1rem;color:var(--lime);font:700 .7rem var(--mono);letter-spacing:.1em}.notes-list h2{color:var(--text);font-size:clamp(1.8rem,3vw,3rem)}.notes-list article>p:last-child{max-width:620px;color:#aab3be;line-height:1.7}@media(max-width:800px){.project-reference-grid,.project-notes-grid{grid-template-columns:1fr;gap:2rem}.project-image-placeholder{min-height:360px}.project-back{margin-bottom:4rem}}@media(max-width:600px){.project-hero{padding:8rem 0 5rem}.project-reference-grid{display:flex;flex-direction:column}.project-image-placeholder{width:100%;min-height:280px}}