@font-face{font-family:'Morgenlicht Cormorant Garamond';src:url('assets/fonts/cormorant-garamond-latin.woff2') format('woff2');font-style:normal;font-weight:500 700;font-display:swap}@font-face{font-family:'Morgenlicht Karla';src:url('assets/fonts/karla-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
.msm-juwelier-betekenis{padding:clamp(90px,11vw,150px) max(20px,calc((100% - 1180px)/2));background:var(--m-bg);color:var(--m-ink);font-family:var(--m-font-body);overflow:hidden}.msm-juwelier-betekenis *{box-sizing:border-box}.msm-juwelier-betekenis h2{font:500 clamp(48px,7vw,88px)/.95 var(--m-font-display);max-width:800px}.msm-juwelier-betekenis .ma-stones{display:flex;gap:18px;overflow-x:auto;padding:30px 5px;scroll-snap-type:x mandatory}.msm-juwelier-betekenis .ma-stones button{flex:0 0 170px;scroll-snap-align:center;border:1px solid color-mix(in srgb,var(--m-ink) 16%,transparent);background:var(--m-surface);padding:16px;transition:.25s;cursor:pointer}.msm-juwelier-betekenis .ma-stones button.active,.msm-juwelier-betekenis .ma-stones button:focus-visible{transform:translateY(-12px);border-color:var(--m-primary);outline:3px solid color-mix(in srgb,var(--m-primary) 35%,transparent)}.msm-juwelier-betekenis .ma-stones img{width:100%;aspect-ratio:1;object-fit:contain}.msm-juwelier-betekenis .ma-stones span{display:block;font:600 20px var(--m-font-display)}.msm-juwelier-betekenis [data-stone-result]{display:block;max-width:760px;padding:24px;border-left:4px solid var(--m-primary);background:var(--m-surface);font-size:18px}@media(prefers-reduced-motion:reduce){.msm-juwelier-betekenis *{animation:none!important;transition:none!important}}
.msm-juwelier-betekenis .ma-stone-stage{position:relative;width:100%;height:clamp(340px,55vw,590px);touch-action:pan-y;overflow:hidden;background:var(--m-bg)}.msm-juwelier-betekenis .ma-stone-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.msm-juwelier-betekenis .ma-stone-stage:not(.has-engine){display:none}.msm-juwelier-betekenis .ma-stone-stage:focus-visible{outline:3px solid var(--m-primary);outline-offset:-4px}.msm-juwelier-betekenis .ma-stones{padding-top:12px}.msm-juwelier-betekenis .ma-stones button{flex-basis:145px}.msm-juwelier-betekenis .ma-stones img{height:76px;aspect-ratio:auto;object-fit:contain}@media(max-width:600px){.msm-juwelier-betekenis .ma-stones button{flex-basis:122px;padding:10px}}