.z-hero{display:grid;grid-template-columns:minmax(18rem,1fr) minmax(20rem,1fr);gap:1rem;align-items:center}
.z-hero>img{display:block;width:100%;height:auto;max-height:32rem;object-fit:contain;border-radius:.8rem;background:#fff}
.z-context-image{margin:1rem 0}
.z-context-image img{display:block;width:100%;height:auto;max-height:34rem;object-fit:contain;border-radius:.75rem;background:#f6fafb}
.z-context-image figcaption{margin-top:.45rem;color:#526f83;font-size:.9rem}
.z-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.z-image-pair figure{margin:0;overflow:hidden;border-radius:.7rem;background:#fff;color:#244e61}
.z-image-pair img,.z-method-visual img{display:block;width:100%;height:auto;max-height:24rem;object-fit:contain;background:#f7fafb}
.z-image-pair figcaption{padding:.55rem .7rem;font-size:.88rem;font-weight:750}
.z-method-visual{overflow:hidden;padding:0!important}
.z-method-visual h3,.z-method-visual p{margin-left:1rem;margin-right:1rem}
.z-method-visual p{margin-bottom:1rem}
@media(max-width:760px){.z-hero,.z-image-pair{grid-template-columns:1fr}.z-hero>img,.z-context-image img,.z-image-pair img,.z-method-visual img{max-height:none}}