/* Central rendering policy: image geometry is never changed by CSS. */
.aloraini-media { display:block; max-inline-size:100%; }
.aloraini-media--cover { inline-size:100%; block-size:100%; object-fit:cover; object-position:var(--media-focal-x, 50%) var(--media-focal-y, 50%); }
.aloraini-media--contain { inline-size:100%; block-size:100%; object-fit:contain; object-position:var(--media-focal-x, 50%) var(--media-focal-y, 50%); background:#000; }
.aloraini-media--natural { inline-size:auto; block-size:auto; max-inline-size:100%; max-block-size:100%; object-fit:contain; }