16개의 크리스탈, 2가지 귀금속, 그리고 밤하늘. 선을 따라가 보세요. 혹은 별 위에 마우스를 올려놓으면 그 별에 해당하는 보석을 만나볼 수 있습니다. 그냥 구경만 하고 싶다면, 스스로 움직이며 보여줍니다.
01 / 18
바이올렛 캄 — 마음이 분주할 때 로어가 가장 추천하는 제품.
(function(){ var C=[ ["Flint","flint","The ancient grounding stone — old as firelight.",140,640], ["Natural Jasper","JasperNatural","Raw and unpolished, straight from the earth.",250,540], ["Dalmatian Jasper","dalmation-jasper","Speckled and playful — lightness among stones.",360,580], ["Leopard Jasper","jasperleopard","Patterned, earthy, famously steadying.",470,485], ["Red Jasper","redjasper","The quiet anchor of the blend.",565,370], ["Aventurine","aventurine","A soothing green, linked with renewal.",685,430], ["Serpentine Jade","SerpentineJade","Snake Jade — a symbol of vitality and long life.",795,335], ["Sodalite","Sodalite","Deep blue, the stone of clear thoughts.",885,245], ["Fluorspar","flourspar","Banded violet and sea-green, kept for focus.",1005,285], ["Amethyst","amethystsleepm","Violet calm — lore’s favorite for racing minds.",1105,200], ["Rose Quartz","rosequartz","The soft one — folklore’s keeper of tenderness.",1215,262], ["Citrine","citrine","Bottled sunrise, for brighter mornings.",1325,205], ["Orange Calcite","orangecalcite","Radiant amber warmth.",1425,305], ["Heliotrope","Heliotrope-Bloodstone","The traveler’s stone of old caravans.",1370,430], ["Selenite","Selenite","Named for the moon. Kept for stillness.",1240,480], ["Clear Quartz","quartz","The clarifier — anchor of the whole blend.",1100,530], ["Silver","silver","Bright and lustrous, the cool counterpoint.",955,590], ["Gold","gold","The noble thread that warms the weave.",815,650] ]; var svg=document.getElementById('sky'),NS='http://www.w3.org/2000/svg'; var lines=[],nodes=[]; for(var i=0;i<C.length-1;i++){var l=document.createElementNS(NS,'line'); l.setAttribute('x1',C[i][3]);l.setAttribute('y1',C[i][4]);l.setAttribute('x2',C[i+1][3]);l.setAttribute('y2',C[i+1][4]); svg.appendChild(l);lines.push(l);} C.forEach(function(c,i){var g=document.createElementNS(NS,'g');g.setAttribute('class','node'); var halo=document.createElementNS(NS,'circle');halo.setAttribute('class','halo');halo.setAttribute('cx',c[3]);halo.setAttribute('cy',c[4]);halo.setAttribute('r',14); var core=document.createElementNS(NS,'circle');core.setAttribute('class','core');core.setAttribute('cx',c[3]);core.setAttribute('cy',c[4]);core.setAttribute('r',5); var t=document.createElementNS(NS,'text');t.setAttribute('x',c[3]+14);t.setAttribute('y',c[4]-12);t.textContent=c[0]; g.appendChild(halo);g.appendChild(core);g.appendChild(t);svg.appendChild(g);nodes.push(g); g.addEventListener('mouseenter',function(){user=true;setActive(i)}); g.addEventListener('mouseleave',function(){user=false}); }); var pImg=document.getElementById('pImg'),pName=document.getElementById('pName'),pLore=document.getElementById('pLore'),pNum=document.getElementById('pNum'); var cur=-1,user=false; function setActive(i){if(i===cur)return;cur=i; nodes.forEach(function(n,j){n.classList.toggle('active',j===i)}); lines.forEach(function(l,j){l.classList.toggle('lit',j===i-1||j===i)}); var c=C[i];pImg.style.opacity=0; setTimeout(function(){pImg.src='https://sleepm.com/wp-content/uploads/2026/06/'+c[1]+'.png';pImg.style.opacity=1;},180); pName.textContent=c[0];pLore.textContent=c[2];pNum.textContent=(i+1<10?'0':'')+(i+1)+' / 18';} setActive(9); setInterval(function(){if(!user)setActive((cur+1)%C.length)},3200); })();
(function(){var s=document.getElementById('sky');if(s){s.setAttribute('viewBox','0 95 1620 670');s.setAttribute('preserveAspectRatio','xMidYMid meet');}})();
(function(){function k(){var c=document.getElementById('hubspot-messages-iframe-container');if(c){c.remove();}}k();setInterval(k,1500);})();
(function(){var btn=document.querySelector('.lb-btn');if(btn){btn.addEventListener('click',function(e){e.preventDefault();document.documentElement.classList.toggle('lbopen');});}var menu=document.querySelector('.lb-menu');if(menu){menu.addEventListener('click',function(){document.documentElement.classList.remove('lbopen');});}})();
