.hm-image-view{margin:0 auto;max-width:1800px;padding:48px 5vw 72px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:center;gap:clamp(36px,5vw,92px);min-height:calc(100dvh - 80px)}
.hm-figure{position:relative;margin:0;display:flex;align-items:center;justify-content:center;min-width:0;height:calc(100dvh - 184px);min-height:300px;max-height:900px;padding:24px;background:#eae8df}
.hm-figure img{display:block;object-fit:contain;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 10px 32px #28382c19}
.hm-figure img[hidden],.hm-photo-zoom[hidden],.hm-image-error[hidden]{display:none}
.hm-image-error{font-size:21px;line-height:1.7;color:#795d44;padding:32px}
.hm-photo-zoom{position:absolute;right:16px;bottom:16px;background:#f8f6eff5;color:#293f34;border:1px solid #293f3426;border-radius:3px;padding:10px 16px;font-size:16px;box-shadow:0 2px 12px #203d3410}
.hm-figure.is-expanded{position:fixed;inset:80px 0 0;z-index:4;height:auto;max-height:none;min-height:0;width:100%;padding:24px 70px 80px;background:#eae8df}
.hm-figure.is-expanded .hm-photo-zoom{right:4vw;bottom:20px}
@media(max-width:960px){.hm-image-view{grid-template-columns:1fr;gap:32px;min-height:0;padding:24px 24px 56px}.hm-figure{height:48dvh;min-height:250px;max-height:600px;padding:18px}.hm-figure.is-expanded{inset:72px 0 0;height:auto;padding:18px 16px 82px;min-height:0}.hm-figure.is-expanded .hm-photo-zoom{right:24px;bottom:20px}}
@media(max-width:600px){.hm-image-view{padding:18px 20px 48px;gap:28px}.hm-figure{height:43dvh;min-height:220px;padding:12px}.hm-photo-zoom{right:10px;bottom:10px;font-size:16px;padding:8px 12px}.hm-figure.is-expanded{inset:68px 0 0;min-height:0;height:auto}}
@media(min-width:640px) and (max-height:500px){.hm-image-view{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:24px}.hm-figure{height:calc(100dvh - 112px);min-height:0}.hm-figure.is-expanded{inset:60px 0 0;height:auto}}