/* Supplied EMS/GEM photos: shared stage and series diameter ratio 110:215:242:265. */
.magnetic-visual{container-type:inline-size;width:100%;height:260px;flex:0 0 260px;min-width:0;background:#fff}
.magnetic-stage{--wheel-base:min(160px,calc((100cqw - 40px)/2));display:flex;align-items:flex-end;justify-content:center;gap:12px;width:100%;height:100%;padding:14px 12px 18px}
.magnetic-variant{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:flex-end;width:calc(var(--wheel-base) * var(--wheel-scale));margin:0;min-width:0}
.magnetic-photo{position:relative;width:100%;aspect-ratio:var(--wheel-ratio);overflow:hidden;background:#fff}
.magnetic-visual .magnetic-photo img{position:absolute;left:var(--wheel-left);top:var(--wheel-top);width:var(--wheel-canvas);height:auto;max-width:none;max-height:none;padding:0;object-fit:initial;transform:none}
.magnetic-variant figcaption{text-align:center;white-space:nowrap;font-size:11px;line-height:1.5;color:#687681;margin-top:8px}
.magnetic-variant figcaption strong{display:block;color:#15222c;font-size:12px;font-weight:600;letter-spacing:.03em}
.magnetic-variant figcaption span{display:block}
.magnetic-visual--detail{height:410px;flex-basis:auto;border:1px solid var(--line)}
.magnetic-visual--detail .magnetic-stage{--wheel-base:min(320px,calc((100cqw - 44px)/2));gap:16px;padding:30px 14px;align-items:center}
.magnetic-visual--detail .magnetic-variant figcaption{font-size:13px;margin-top:16px}
.magnetic-visual--detail .magnetic-variant figcaption strong{font-size:14px}
.magnetic-appearance-note{max-width:100%;font-size:13px;color:#788692;line-height:1.8;margin:24px 0 0}
@media(max-width:760px){.magnetic-visual--detail{height:300px}.magnetic-visual--detail .magnetic-stage{--wheel-base:min(260px,calc((100cqw - 32px)/2));gap:12px;padding:20px 10px}.magnetic-visual--detail .magnetic-variant figcaption{font-size:12px;margin-top:12px}}