.methods-page .method-photo,.method-detail .method-detail-photo{display:grid;aspect-ratio:1;overflow:hidden;background:var(--light);max-width:100%;--method-position:50% 50%}
.methods-page .method-photo img,.method-detail .method-detail-photo img{display:block;width:100%;height:100%;max-height:none;min-width:0;object-fit:cover;object-position:var(--method-position)}
.method-detail .method-detail-photo{width:min(100%,700px);margin-block:30px 35px}
.method-photo-empty{display:flex;align-items:center;justify-content:center;min-width:0;padding:35px;text-align:center;color:var(--muted);font-size:13px;line-height:1.7;border:1px solid var(--line)}
.methods-page .method-use,.method-detail .method-use{margin:24px 0;display:grid;gap:8px;font-size:13px;line-height:1.8}
.method-use dt{font-weight:700;color:var(--ink)}.method-use dd{margin:0;color:var(--muted)}
.method-projects-link{display:table;margin-top:18px}
[data-method-key=embroidery] .method-photo,[data-method-key=embroidery].method-detail-photo{--method-position:50% 72%}
[data-method-key=laser] .method-photo,[data-method-key=laser].method-detail-photo{--method-position:50% 67%}
[data-method-key=sublimation] .method-photo,[data-method-key=sublimation].method-detail-photo{--method-position:50% 55%}
.method-photo:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
@media(max-width:760px){.methods-page .method-card{gap:24px}.method-detail .method-detail-photo{width:100%;margin-block:25px}.method-photo-empty{padding:25px}}