/* Compact documentary photo cards used only on the two steel-prop pages. */
.nh-real-photos{padding:62px 0;background:#fff;border-top:1px solid var(--nhf-line,#d7e1e4)}
.nh-real-photos .nh-photo-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:26px}
.nh-real-photos .nh-photo-heading h2{margin:0;max-width:640px;font-size:clamp(29px,3vw,40px);line-height:1.16;font-weight:500;letter-spacing:-1px}
.nh-real-photos .nh-photo-heading p{max-width:390px;margin:0;color:var(--nhf-muted,#526d77);font-size:13px;line-height:1.8}
.nh-real-photos .nh-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.nh-real-photo-card{display:grid;grid-template-columns:42% minmax(0,1fr);background:#f1f5f5;min-width:0;border:1px solid var(--nhf-line,#d7e1e4)}
.nh-real-photo-link{position:relative;display:block;min-width:0;overflow:hidden;background:#e8eef0;cursor:zoom-in}
.nh-real-photo-link img{display:block;width:100%;height:300px;object-fit:contain}
.nh-real-photo-link>span{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:34px;height:34px;background:white;color:var(--nhf-ink,#10394b);font-size:20px;box-shadow:0 2px 8px #10394b15}
.nh-real-photo-link:focus-visible{outline:3px solid var(--nhf-blue,#077c99);outline-offset:3px}
.nh-real-photo-copy{align-self:center;padding:24px;min-width:0}
.nh-real-photo-copy h3{font-size:21px;line-height:1.3;letter-spacing:-.4px;color:var(--nhf-ink,#10394b);margin:0 0 13px}
.nh-real-photo-copy p{font-size:13px;line-height:1.8;color:var(--nhf-muted,#526d77);margin:0}
.nh-real-photo-copy a{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px;color:var(--nhf-blue,#077c99)}
.nh-sample-section .nh-component-finish{display:grid;grid-template-columns:160px minmax(0,1fr);gap:0;background:#fff;border:1px solid var(--nhf-line,#d7e1e4);margin-top:24px;max-width:820px}
.nh-component-finish .nh-real-photo-link img{height:210px}
.nh-component-finish .nh-real-photo-copy{padding:24px 28px}
.nh-component-finish .nh-real-photo-copy h3{font-size:22px}
@media(max-width:850px){.nh-real-photos .nh-photo-pair{grid-template-columns:1fr}.nh-real-photos .nh-photo-heading{display:block}.nh-real-photos .nh-photo-heading p{margin-top:16px;max-width:640px}.nh-real-photo-link img{height:300px}.nh-real-photo-copy{padding:30px}}
@media(max-width:500px){.nh-real-photos{padding:42px 0}.nh-real-photos .nh-photo-pair{gap:18px}.nh-real-photo-card{grid-template-columns:41% minmax(0,1fr)}.nh-real-photo-link img{height:265px}.nh-real-photo-copy{padding:18px 15px}.nh-real-photo-copy h3{font-size:18px;margin-bottom:10px}.nh-real-photo-copy p{font-size:12px}.nh-sample-section .nh-component-finish{grid-template-columns:112px minmax(0,1fr)}.nh-component-finish .nh-real-photo-link img{height:260px}.nh-component-finish .nh-real-photo-copy{padding:17px 14px}.nh-component-finish .nh-real-photo-copy h3{font-size:17px}.nh-component-finish .nh-real-photo-copy p,.nh-component-finish .nh-real-photo-copy a{font-size:11px}}

/* Stack the photograph and explanation on narrow screens so both remain legible. */
@media(max-width:500px){.nh-real-photo-card{grid-template-columns:1fr}.nh-real-photo-link img{height:340px}.nh-real-photo-copy{padding:22px}.nh-real-photo-copy h3{font-size:21px}.nh-real-photo-copy p{font-size:13px}.nh-sample-section .nh-component-finish{grid-template-columns:1fr}.nh-component-finish .nh-real-photo-copy{padding:22px}.nh-component-finish .nh-real-photo-copy h3{font-size:21px}.nh-component-finish .nh-real-photo-copy p,.nh-component-finish .nh-real-photo-copy a{font-size:13px}}
