@layer components {
  /* One thing from the product, alone on the page's ground at its own size, its shadow following
     its shape. A picture of the thing, so nothing in it can be tapped. */
  .site-object {
    display: flex;
    justify-content: center;
    inline-size: var(--size-fill);
  }

  .site-object__thing {
    inline-size: min(var(--size-fill), var(--site-vault-inline-size));
    filter: var(--elev-drop);
  }
}