.source-art{background:#f7f5ef}
.source-photo{position:relative;width:100%;height:100%;overflow:hidden;background-image:var(--photo);background-repeat:no-repeat;background-size:1238px 1548px;background-position:calc(50% + var(--x)) calc(50% + var(--y))}
.reference-mark{position:absolute;right:10px;bottom:10px;padding:4px 7px;border-radius:4px;background:#067e84;color:#fff;font-size:8px;font-weight:800;letter-spacing:.8px;text-transform:lowercase}
.detail-art .source-photo{background-position:calc(50% + var(--x)) calc(50% + var(--y))}
.real-photo{background:#fff;display:grid;place-items:center}
.real-photo img{width:100%;height:100%;object-fit:contain;display:block}
.hero-art{min-height:0;aspect-ratio:4/3;border:0;background:#f8f6fc url("images/hero-reference-peptidxsni-no-badge.png") left center/120% auto no-repeat;mask-image:radial-gradient(ellipse 82% 86% at center,#000 47%,rgba(0,0,0,.74)72%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 82% 86% at center,#000 47%,rgba(0,0,0,.74)72%,transparent 100%)}
.hero-art:before{background:none}
.hero-art .vial{display:none}