:root{--bg-primary:#faf9f6;--bg-secondary:#f5f2eb;--bg-tertiary:#ebe8df;--text-primary:#1c1a18;--text-muted:#625e57;--text-light:#8e8a81;--accent-clay:#b86f52;--accent-clay-hover:#9e5b40;--accent-sage:#7b8c7c;--accent-sage-hover:#677768;--accent-gold:#c2a26a;--accent-gold-hover:#ab8d57;--border-light:#e5dfd5;--border-dark:#3e3b37;--glass-bg:#faf9f6bf;--glass-border:#1c1a1814;--font-serif:"Cormorant Garamond", serif;--font-sans:"Plus Jakarta Sans", sans-serif;--max-width:1300px;--header-height:80px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-soft:0 4px 20px #1c1a180a;--shadow-medium:0 8px 30px #1c1a1814;--shadow-premium:0 20px 50px #1c1a181f;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.5s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none}input,textarea,select{font-family:var(--font-sans);outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;line-height:1.2}.text-display-1{letter-spacing:-.03em;font-size:clamp(3.5rem,8vw,6.5rem);font-weight:300;line-height:.95}.text-display-2{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;line-height:1.05}.section-title{text-align:center;letter-spacing:-.01em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:400}.section-subtitle{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.2em;color:var(--accent-clay);text-align:center;margin-bottom:3rem;font-size:.9rem;font-weight:600}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1.25rem}}.flex-center{justify-content:center;align-items:center;display:flex}.btn{text-transform:uppercase;letter-spacing:.15em;border-radius:var(--radius-sm);transition:var(--transition-smooth);justify-content:center;align-items:center;padding:1rem 2.25rem;font-size:.85rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background-color:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{background-color:var(--accent-clay);transform:translateY(-2px)}.btn-secondary{border:1px solid var(--text-primary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--text-primary);color:var(--bg-primary);transform:translateY(-2px)}.btn-accent{background-color:var(--accent-clay);color:#fff}.btn-accent:hover{background-color:var(--accent-clay-hover);transform:translateY(-2px)}.btn-text{text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);padding:.5rem 0;font-size:.8rem;font-weight:600;position:relative}.btn-text:after{content:"";background-color:var(--text-primary);transform-origin:0;width:100%;height:1px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0;transform:scaleX(.3)}.btn-text:hover:after{background-color:var(--accent-clay);transform:scaleX(1)}.form-group{text-align:left;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.8rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--border-light);background-color:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition-fast);padding:.875rem 1rem;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--text-primary);background-color:#fff}.form-textarea{resize:vertical;min-height:120px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border)}.nav-link{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);padding:.5rem 0;font-size:.85rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";background-color:var(--accent-clay);transform-origin:100%;width:100%;height:2px;transition:transform var(--transition-smooth);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover:after,.nav-link.active:after{transform-origin:0;transform:scaleX(1)}.cart-badge{background-color:var(--accent-clay);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.hero-overlay{background:linear-gradient(#1c1a1866,#1c1a181a)}.product-card{group:hover;flex-direction:column;display:flex;position:relative}.product-image-wrapper{aspect-ratio:1;background-color:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:1rem;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.product-card:hover .product-image{transform:scale(1.06)}.product-badge{color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);box-shadow:var(--shadow-soft);background-color:#fff;padding:.25rem .75rem;font-size:.7rem;font-weight:600;position:absolute;top:12px;left:12px}.quick-add-btn{background-color:var(--text-primary);color:#fff;text-transform:uppercase;letter-spacing:.1em;text-align:center;transition:transform var(--transition-smooth);padding:.75rem;font-size:.75rem;font-weight:600;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.product-image-wrapper:hover .quick-add-btn{transform:translateY(0)}.product-info{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.product-category{text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:.25rem;font-size:.75rem}.product-title{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:.25rem;font-size:1.35rem;font-weight:400;line-height:1.3}.product-price{font-family:var(--font-sans);color:var(--text-muted);font-size:.95rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s var(--transition-smooth) forwards}.animate-slide-up{animation:slideUp .8s var(--transition-smooth) forwards}.grid-responsive{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem 1.5rem;display:grid}@media (width<=640px){.grid-responsive{grid-template-columns:1fr 1fr;gap:1.5rem 1rem}.product-title{font-size:1.1rem}}.tab-btn{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:2px solid #0000;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent-clay)}.checkout-steps{justify-content:space-between;margin-bottom:3rem;display:flex;position:relative}.checkout-steps:after{content:"";background-color:var(--border-light);z-index:1;width:100%;height:1px;position:absolute;top:50%;left:0}.step-node{background-color:var(--bg-primary);border:1.5px solid var(--border-light);width:40px;height:40px;color:var(--text-light);z-index:2;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.step-node.active{border-color:var(--text-primary);color:var(--text-primary);box-shadow:0 0 0 4px #1c1a180d}.step-node.completed{background-color:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.step-label{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.7rem;font-weight:600;position:absolute;bottom:-22px}.press-banner{background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:3rem 0}.press-logos-container{opacity:.45;transition:opacity var(--transition-smooth);flex-wrap:wrap;justify-content:space-around;align-items:center;gap:2.5rem;display:flex}.press-logos-container:hover{opacity:.75}.press-logo{font-family:var(--font-serif);letter-spacing:.3em;color:var(--text-primary);text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:1.35rem;font-weight:300}.mineral-treasury{background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:8rem 0}.mineral-tabs{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3.5rem;display:flex}.mineral-tab{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-muted);transition:var(--transition-fast);background-color:#0000;padding:.6rem 1.25rem;font-size:.8rem;font-weight:600}.mineral-tab:hover{border-color:var(--text-primary);color:var(--text-primary)}.mineral-tab.active{background-color:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary);box-shadow:var(--shadow-soft)}.mineral-content-wrapper{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (width<=900px){.mineral-content-wrapper{grid-template-columns:1fr;gap:2.5rem}}.mineral-showcase-panel{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-soft);flex-direction:column;justify-content:center;gap:1.5rem;min-height:380px;padding:3rem;display:flex;position:relative;overflow:hidden}.mineral-texture-bg{opacity:.15;pointer-events:none;border-radius:0 var(--radius-md) var(--radius-md) 0;width:140px;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 30%,#0000);mask-image:linear-gradient(270deg,#000 30%,#0000)}.texture-lapis{background-color:#0000;background-image:radial-gradient(circle at 30% 20%,#c5a059 1px,#0000 3px),radial-gradient(circle at 60% 70%,#c5a059 2px,#0000 4px),radial-gradient(circle at 80% 40%,#c5a059 1px,#0000 2px),radial-gradient(circle,#1e3f66 0%,#0e1e38 80%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.texture-larimar{background-color:#0000;background-image:radial-gradient(circle at 20% 30%,#fff6 0%,#0000 50%),radial-gradient(circle at 80% 70%,#ffffff4d 0%,#0000 60%),linear-gradient(135deg,#7ec4cf 0%,#307e92 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.texture-tiger{background:repeating-linear-gradient(45deg,#784b1d,#784b1d 10px,#b07e38 10px 20px,#3a220b 20px 30px)}.texture-aventurine{background-color:#0000;background-image:radial-gradient(circle at 40%,#ffffff26 0%,#0000 5px),radial-gradient(circle at 70% 30%,#ffffff1a 0%,#0000 3px),radial-gradient(circle,#8da390 0%,#566c59 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.texture-pearl{background:radial-gradient(circle at 30% 30%,#fff 0%,#fbf5e6 50%,#e8dcc4 100%);box-shadow:inset 0 0 20px #fffc}.texture-onyx{background:linear-gradient(135deg,#2b2b2b 0%,#0d0d0d 100%)}.mineral-tag{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-clay);align-self:flex-start;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.mineral-matching-products{flex-direction:column;gap:1rem;display:flex}.mineral-product-row{background-color:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-light);transition:var(--transition-fast);cursor:pointer;align-items:center;gap:1rem;padding:.75rem;display:flex}.mineral-product-row:hover{border-color:var(--text-primary);box-shadow:var(--shadow-soft);transform:translate(4px)}.mineral-product-img{object-fit:cover;border-radius:var(--radius-sm);background-color:var(--bg-secondary);width:50px;height:50px}.mineral-product-details{flex-direction:column;flex-grow:1;gap:.15rem;display:flex}.mineral-product-name{font-family:var(--font-serif);color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:500}.mineral-product-price{color:var(--text-muted);font-size:.85rem;font-weight:600}.bracelet-mixer{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:8rem 0}.mixer-grid{text-align:left;grid-template-columns:1.2fr 1fr;align-items:stretch;gap:5rem;display:grid}@media (width<=990px){.mixer-grid{grid-template-columns:1fr;gap:4rem}}.mixer-selections-card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);flex-direction:column;gap:1.75rem;padding:2.5rem;display:flex}.mixer-options-list{flex-direction:column;gap:1rem;display:flex}.mixer-option-item{border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:var(--transition-fast);align-items:center;gap:1.25rem;padding:1rem;display:flex}.mixer-option-item:hover{border-color:var(--text-light);background-color:var(--bg-secondary)}.mixer-option-info{flex-direction:column;flex-grow:1;display:flex}.mixer-option-name{font-family:var(--font-serif);margin:0;font-size:1.2rem;font-weight:500}.mixer-option-desc{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}.mixer-option-price{color:var(--accent-clay);margin-top:.25rem;font-size:.9rem;font-weight:600}.mixer-visualizer-container{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);flex-direction:column;justify-content:space-between;align-items:center;min-height:480px;padding:3rem 2rem;display:flex;position:relative}.tbar-stand{width:200px;height:280px;margin:1.5rem auto 3rem;position:relative}.tbar-top-cylinder{z-index:2;background:linear-gradient(#d2c8bc 0%,#f4eee6 20%,#d8cdbe 60%,#b2a493 100%);border-radius:28px;width:200px;height:56px;position:absolute;top:10px;left:0;box-shadow:0 10px 20px #1c1a181a,inset 0 2px 5px #ffffff80,inset 0 -2px 5px #0000001a}.tbar-stem{z-index:1;background:linear-gradient(90deg,#cfc5b8 0%,#ebdcc8 30%,#baad9c 80%,#9e917f 100%);width:24px;height:200px;position:absolute;top:50px;left:88px;box-shadow:3px 0 10px #0000000d,inset 1px 0 3px #fff6}.tbar-base{z-index:1;background:linear-gradient(#bfb3a4 0%,#e2d3c2 30%,#a19383 100%);border-radius:4px;width:100px;height:20px;position:absolute;bottom:15px;left:50px;box-shadow:0 4px 10px #1c1a1826,inset 0 1px 2px #ffffff80}.stacked-bracelets-wrapper{z-index:3;flex-direction:row;justify-content:center;align-items:center;gap:4px;width:140px;height:40px;display:flex;position:absolute;top:18px;left:30px}.bead-strand-hang{width:24px;height:56px;transition:transform var(--transition-bounce), filter var(--transition-fast);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;padding:2px 0;display:flex;position:relative;box-shadow:0 6px 12px #1c1a1826,inset 0 1px 2px #fff3}.bead-strand-hang:hover{filter:brightness(1.05);transform:scale(1.08)translateY(-2px)}.bead-strand-hang:hover:after{content:"✕";background-color:var(--accent-clay);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:900;display:flex;position:absolute;top:-8px;right:-8px}.bead-unit{border-radius:50%;width:14px;height:14px;box-shadow:inset -2px -2px 4px #00000059,inset 2px 2px 4px #fff6,0 1px 2px #0000001a}.bead-terracotta{background:radial-gradient(circle at 4px 4px,#e3825f 0%,#b86f52 60%,#854830 100%)}.bead-wood{background:radial-gradient(circle at 4px 4px,#d2a679 0%,#963 60%,#642 100%)}.bead-tiger{background:radial-gradient(circle at 4px 4px,#dfab5b 0%,#aa7c3c 45%,#664215 90%,#301b05 100%)}.bead-onyx{background:radial-gradient(circle at 4px 4px,#555 0%,#202020 70%,#050505 100%)}.bead-lapis{background:radial-gradient(circle at 4px 4px,#3b5fa6 0%,#173673 60%,#0d1e3d 100%)}.bead-aventurine{background:radial-gradient(circle at 4px 4px,#9ebaa1 0%,#738c75 60%,#445946 100%)}.bead-emerald{background:radial-gradient(circle at 4px 4px,#2e8b57 0%,#0b6623 60%,#043914 100%)}.bead-turquoise{background:radial-gradient(circle at 4px 4px,#40e0d0 0%,#30b0a0 60%,#106050 100%)}.bead-amethyst{background:radial-gradient(circle at 4px 4px,sienna 0%,#96c 60%,indigo 100%)}.bead-quartz{background:radial-gradient(circle at 4px 4px,#ffe4e1 0%,#ffb6c1 60%,#db7093 100%)}.bead-agate{background:radial-gradient(circle at 4px 4px,gray 0%,#4f4f4f 60%,#2e2e2e 100%)}.bead-larvikite{background:radial-gradient(circle at 4px 4px,#696969 0%,#4682b4 60%,#2f4f4f 100%)}.bead-moonstone{background:radial-gradient(circle at 4px 4px,#ffebd8 0%,#ffd1a4 60%,#b3865b 100%)}.bead-silver{background:radial-gradient(circle at 4px 4px,#fff 0%,silver 60%,gray 100%)}.mixer-empty-state{width:100%;height:48px;color:var(--text-light);z-index:4;pointer-events:none;justify-content:center;align-items:center;font-size:.85rem;font-style:italic;display:flex;position:absolute;top:15px;left:0}.mixer-summary-panel{border-top:1px solid var(--border-light);text-align:left;flex-direction:column;gap:1.25rem;width:100%;padding-top:1.5rem;display:flex}.mixer-summary-row{justify-content:space-between;align-items:center;display:flex}.mixer-summary-label{color:var(--text-muted);font-size:.9rem}.mixer-summary-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.mixer-summary-price{color:var(--accent-clay);font-size:1.4rem;font-weight:700}@media (width<=768px){h1{font-size:clamp(2.2rem,6vw,3rem)!important}h2{font-size:clamp(1.8rem,5vw,2.5rem)!important}.section-title{font-size:2.2rem}.container{padding:0 1.25rem}}@media (width<=480px){.mixer-selections-card{padding:1.5rem!important}.mixer-option-item{gap:.75rem!important;padding:.75rem!important}.mixer-option-name{font-size:1rem!important}.mixer-option-desc{font-size:.75rem!important}.mixer-option-price{font-size:.85rem!important}.tbar-stand{transform:scale(.95);margin:1rem auto 2rem!important}.mixer-visualizer-container{padding:2rem 1rem!important}.press-logo{letter-spacing:.15em!important;font-size:1rem!important}.hero-overlay{padding-bottom:2rem}}
