.illustrated-directions>article.real-project{display:block}.real-project>.direction-copy{max-width:780px;margin-bottom:32px}.real-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.comparison-stage{min-width:0}.comparison-stage h4{font-size:1.25rem;padding:14px 18px;margin:0 0 18px;background:#253d37;color:white;border-radius:3px}.comparison-stage.after h4{background:#126b48}.comparison-stage figure{margin:0 0 24px}.comparison-stage a{display:block;background:#eef1ef;border-radius:3px;overflow:hidden}.comparison-stage a:focus-visible{outline:3px solid #dd8a36;outline-offset:4px}.real-comparison img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.comparison-stage figcaption{font-size:1rem;line-height:1.5;padding-top:10px;color:#33443d}@media(max-width:600px){.real-comparison{grid-template-columns:1fr;gap:12px}.comparison-stage h4{font-size:1.125rem}.real-project>.direction-copy{margin-bottom:24px}}
.additional-comparison{margin-top:48px;padding-top:36px;border-top:1px solid #d7dfdb}.additional-comparison>h3{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 12px}.additional-comparison>p{font-size:1rem;line-height:1.6;margin:0 0 24px}

.project-collage{margin:0 auto;max-width:960px}.project-collage a,.project-collage img{display:block;width:100%;height:auto}.project-collage a:focus-visible{outline:3px solid #dd8a36;outline-offset:4px}