
/* Centre the mobile seal inside stable viewport tracks, even at enlarged owner sizes. */
@media (max-width: 600px) {
  body[data-home-engraving] .engraving-emblem {
    inset: 0 0 auto;
    height: 100svh;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: minmax(0,1fr);
  }
  /* I in INK: x=705.5 in the 1525-unit mask; align that bar with the viewport axis. */
  body[data-home-engraving] .engraving-emblem-surface { top: 0; transform: translateX(3.737705%); }
}

/* Pixel values are captured once per width/orientation by mobile-backdrop-lock. */
@media (max-width: 600px) {
  body[data-home-engraving] .engraving-emblem {
    width: var(--mobile-logo-viewport-width,auto);
    height: var(--mobile-logo-viewport-height,100svh);
    transform: translateZ(0);
  }
  body[data-home-engraving] .engraving-wall { transform: translateZ(0); }
  body[data-home-engraving] .engraving-emblem-surface {
    height: calc(var(--mobile-logo-base-height,min(80.6svh,106.6vw,676px,calc((100vw - 32px) * 1901 / 1525))) * var(--background-logo-scale,1));
  }
}
