* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: #ffffff; display: grid; grid-template-rows: 1fr auto; place-items: center; }
.holder { display: grid; place-items: center; width: 100%; padding: 10px; }
.holder img { max-width: 90%; max-height: 90vh; object-fit: contain; }
.site-footer { width: 100%; padding: 18px 40px; text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 0.03em; color: #b0b0b0; border-top: 1px solid #f0f0f0; }
.site-footer a { color: #b0b0b0; text-decoration: none; transition: color 0.2s ease; }
.site-footer a:hover { color: #707070; }