.viewer-main{max-width:920px;margin:45px auto;padding:0 24px 70px;text-align:center}.viewer-main h1{font-size:clamp(44px,7vw,80px);margin:15px 0}.viewer-main>p{max-width:620px;margin:18px auto;line-height:1.6}.viewer-main label{display:block;margin-top:24px}.viewer-main select{font:inherit;padding:12px;margin:10px auto 26px;max-width:100%;background:#fff;border:1px solid #b2a389}.view-stage{position:relative;max-width:650px;margin:auto;touch-action:pan-y;outline-offset:8px}.view-stage img{display:block;width:100%;height:auto}.magnifier{position:absolute;width:156px;height:156px;pointer-events:none;transform:translate(-50%,-50%);border-radius:50%;border:9px solid #94703e;box-shadow:0 0 0 2px #4d351c,inset 0 0 0 3px #e2c58d,5px 7px 14px #0006;z-index:2;background:#b59962}.glass{position:absolute;inset:3px;border-radius:50%;background-repeat:no-repeat;box-shadow:inset 0 0 10px #0007}.magnifier:after{content:"";position:absolute;left:114px;top:131px;width:25px;height:90px;border:3px solid #6d4b29;border-radius:8px 8px 15px 15px;transform:rotate(-37deg);transform-origin:top;background:linear-gradient(90deg,#3f2519,#875637 45%,#3c2418);box-shadow:3px 4px 6px #0004}.viewer-note{font-size:.85rem;color:#64645b}@media(max-width:500px){.magnifier{width:118px;height:118px}.magnifier:after{left:81px;top:94px;height:60px;width:20px}}
.viewer-main{max-width:1150px}.view-stage{max-width:920px}.magnifier{width:230px;height:230px;border-width:11px}.magnifier:after{left:174px;top:197px;width:31px;height:115px}@media(max-width:600px){.magnifier{width:160px;height:160px;border-width:8px}.magnifier:after{left:116px;top:135px;width:24px;height:75px}}