/* R56: editorial photographs include their own white space. */
@media(min-width:701px){
 #metodo .method-stage{background:#fafaf9}
 #metodo .method-art{inset:0;border-radius:0;box-shadow:none;background:#fafaf9}
 #metodo .method-art:after{display:none}
 #metodo .method-photo{object-fit:cover;object-position:left center}
 #metodo .method-intro{left:5%;width:34%;top:47%;transform:translateY(-50%);text-align:left;text-shadow:none}
 #metodo .method-intro .eyebrow{font-size:11px;margin-bottom:18px}
 #metodo .method-number{display:flex;align-items:baseline;gap:10px;margin-bottom:18px;line-height:1}
 #metodo .method-number strong{font-size:clamp(42px,5vw,76px);font-weight:500}
 #metodo .method-number span{font-size:16px}
 #metodo .method-intro h2{font-size:clamp(30px,3.15vw,53px);line-height:1.12;margin-bottom:20px;text-wrap:balance}
 #metodo .method-intro p{font-size:clamp(16px,1.4vw,22px);line-height:1.55;max-width:460px}
 #metodo .method-nav{left:5%;right:5%;bottom:5%;gap:24px}
 #metodo .method-nav button{background:transparent;padding:14px 8px;min-height:60px}
}
@media(min-width:701px) and (max-aspect-ratio:5/4){
 #metodo .method-photo{object-fit:contain;object-position:center bottom}
 /* The photo is width-constrained and bottom-aligned here (992 / 1586).
    Anchor the copy to the photo's midpoint, not a viewport percentage. */
 #metodo .method-intro{top:calc(100% - 34vw);width:34%}
}
@media(min-width:701px) and (max-height:600px){
 #metodo .method-intro .eyebrow{display:none}
 #metodo .method-number strong{font-size:36px}
 #metodo .method-number{margin-bottom:10px}
 #metodo .method-intro h2{font-size:28px;margin-bottom:12px}
 #metodo .method-intro p{font-size:14px;line-height:1.45}
 #metodo .method-nav{bottom:2%}
 #metodo .method-nav button{min-height:44px;padding:8px}
}
@media(max-width:700px){
 #metodo .method-photo{object-position:80% center}
}