/* Responsive delivery keeps the approved layout independent of source pixels. */
.web-picture{display:block;width:100%;height:100%}
.web-picture>img{display:block}
.ref-sprite>img,.ref-sprite>.web-picture{position:absolute;inset:0;width:100%;height:100%;max-width:100%}
.ref-sprite>img{object-fit:contain}
.ref-sprite>.web-picture>img{width:100%;height:100%;object-fit:cover}
.portrait-sheet{position:absolute;inset:0;overflow:hidden;border-radius:50%}
.portrait-sheet>.web-picture{position:absolute;width:236%;height:236%;left:calc(-118% * var(--portrait-x) - 9%);top:calc(-118% * var(--portrait-y) - 9%)}
.portrait-sheet img{width:100%;height:100%;max-width:none;object-fit:fill}
.ref-museum-tag{position:absolute;z-index:2;left:calc(12 * var(--u));top:calc(10 * var(--u));display:flex;align-items:center;gap:calc(5 * var(--u));max-width:calc(100% - 24 * var(--u));background:#fffdf5f5;color:#172542;padding:calc(6 * var(--u)) calc(8 * var(--u));border-radius:calc(8 * var(--u));font-size:calc(11.5 * var(--u));font-weight:700;line-height:1.3;white-space:nowrap;box-shadow:0 1px 4px #17254209}
.ref-museum-tag .icon{width:calc(15 * var(--u));height:calc(15 * var(--u));stroke-width:1.65}
.hero-art>.web-picture{height:auto}