/* Full-body compositions keep product anchors aligned at every screen size. */
#story-panel .story-visual{height:auto;aspect-ratio:2/3;width:100%;position:relative;overflow:hidden}
#story-panel .story-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none}
#story-panel.changing .story-visual>img{transform:none}
.look-points{position:absolute;inset:0;z-index:3;pointer-events:none}
.look-point{position:absolute;left:var(--point-x);top:var(--point-y);transform:translate(-50%,-50%);width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;pointer-events:auto}
.look-point>span{width:26px;height:26px;display:grid;place-items:center;border:1px solid #ffffffe6;border-radius:50%;background:#25231f85;box-shadow:0 1px 5px #00000020;font:19px/1 Arial,sans-serif;font-weight:300;transition:background .2s}
.look-point>small{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);padding:7px 10px;background:#181817;color:#fff;font:10px/1.2 Arial,sans-serif;letter-spacing:.6px;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}
.look-point:hover>span,.look-point:focus-visible>span{background:#171717}
.look-point:focus-visible{outline:2px solid #151515;outline-offset:7px}
.look-point:hover>small,.look-point:focus-visible>small{opacity:1}
#story-photo-note{z-index:4;pointer-events:none}
@media(max-width:760px){.look-point{width:44px;height:44px}.look-point>span{width:24px;height:24px;font-size:18px}#story-photo-note{bottom:7px;font-size:5px}}
@media(prefers-reduced-motion:reduce){.look-point,.look-point>small{transition:none}}