.im-view-3d{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:17px;padding:10px 16px;border:1px solid #c0bcad;background:transparent;color:var(--ink);font-size:12px}.im-view-3d>span:first-child{font-size:13px;font-weight:700}.im-view-3d:hover{background:#e8e3d7}.im-optional-details{margin-top:22px;border-block:1px solid #bfbdaf}.im-optional-details>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:54px;cursor:pointer;font-size:12px;list-style:none}.im-optional-details>summary::-webkit-details-marker{display:none}.im-optional-details>summary>span:last-child{font-size:20px}.im-optional-details[open]>summary>span:last-child{transform:rotate(45deg)}.im-optional-details>p{font-size:12px;margin:0 0 20px}.im-optional-details .im-form-grid{padding-bottom:25px}.im-viewer-open{overflow:hidden}.im-viewer{box-sizing:border-box;width:min(760px,94vw);max-height:92dvh;margin:auto;padding:26px;border:1px solid #ded9ca;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}.im-viewer::backdrop{background:rgba(17,23,18,.82)}.im-viewer-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.im-viewer-header .im-eyebrow{font-size:9px;margin-bottom:8px}.im-viewer-header h3{font-size:34px;line-height:1.2}.im-viewer-stage{--slab-w:min(52vw,360px);--slab-h:calc(var(--slab-w)*.74);--slab-d:calc(var(--slab-w)*.055);position:relative;height:clamp(245px,36vw,365px);margin-block:18px 10px;background:radial-gradient(ellipse at 50% 46%,#fffdf9 0%,#e9e4d8 76%);perspective:950px;perspective-origin:50% 43%;touch-action:none;cursor:grab;user-select:none;direction:ltr;overflow:hidden;border:1px solid #ded9ca}.im-viewer-stage.is-dragging{cursor:grabbing}.im-slab{position:absolute;left:50%;top:46%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.im-slab-face,.im-slab-edge{position:absolute;left:0;top:0;backface-visibility:hidden;border:1px solid rgba(66,60,47,.14)}.im-slab-face{width:var(--slab-w);height:var(--slab-h);background-image:var(--sample-texture);background-size:cover;background-position:center;background-color:#c8c2b4}.im-slab-front{transform:translate(-50%,-50%) translateZ(calc(var(--slab-d)/2));box-shadow:inset 0 0 1px 1px #ffffff25}.im-slab-back{transform:translate(-50%,-50%) rotateY(180deg) translateZ(calc(var(--slab-d)/2));filter:brightness(.83)}.im-slab-edge{background:#a9a393}.im-slab-left,.im-slab-right{width:var(--slab-d);height:var(--slab-h)}.im-slab-left{transform:translate(-50%,-50%) rotateY(-90deg) translateZ(calc(var(--slab-w)/2));background:#918b7c}.im-slab-right{transform:translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--slab-w)/2))}.im-slab-top,.im-slab-bottom{width:var(--slab-w);height:var(--slab-d)}.im-slab-top{transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--slab-h)/2));background:#d2cbbc}.im-slab-bottom{transform:translate(-50%,-50%) rotateX(-90deg) translateZ(calc(var(--slab-h)/2));background:#837e72}.im-viewer-shadow{position:absolute;left:22%;right:22%;bottom:9%;height:12%;border-radius:50%;background:#544e3642;filter:blur(16px);pointer-events:none}.im-viewer-hint{font-size:11px;text-align:center;margin:12px 0}.im-viewer-controls{display:flex;gap:8px;justify-content:center;align-items:center;direction:ltr}.im-viewer-controls button{min-width:44px;min-height:44px;padding:10px 15px;border:1px solid #c7c1b4;background:transparent;color:var(--ink);font-size:14px}.im-viewer-controls button:hover{background:#e4ddcf}.im-viewer-controls output{min-width:47px;text-align:center;font-size:12px}.im-viewer-controls button:last-child{margin-inline-start:10px;font-size:12px}.im-viewer-disclaimer{max-width:620px;margin:20px auto;font-size:11px;line-height:1.7;text-align:center;color:var(--muted)}.im-viewer-enquire{display:flex;width:fit-content;margin:0 auto}.im-viewer :focus-visible{outline:2px solid #75613f;outline-offset:4px}
@media(max-width:600px){.im-viewer{padding:18px}.im-viewer-header h3{font-size:28px}.im-viewer-stage{--slab-w:56vw;height:270px;margin-top:18px}.im-viewer-header .im-eyebrow{font-size:8px}.im-viewer-disclaimer{font-size:10px;margin-block:16px}.im-viewer-enquire{width:100%;justify-content:space-between}.im-viewer-hint{font-size:10px}.im-form-grid>.im-field:has(#im-name),.im-form-grid>.im-field:has(#im-email){grid-column:1/-1}}
@media(max-height:600px) and (min-width:600px){.im-viewer-stage{height:235px;--slab-w:270px}}