:root{--bg-primary:#070708;--bg-secondary:#0d0d0f;--bg-tertiary:#141417;--accent-gold:#c5a880;--accent-gold-rgb:197, 168, 128;--accent-gold-hover:#e0ccb1;--accent-rose:#b76e79;--accent-silver:#d1d1d6;--accent-ruby:#e0115f;--text-primary:#fff;--text-secondary:#8e8e93;--text-muted:#48484a;--font-serif:"Cinzel", serif;--font-sans:"Inter", sans-serif;--transition-smooth:all .6s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .3s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}h1,h2,h3,h4{font-family:var(--font-serif);letter-spacing:.05em;font-weight:400}a{color:inherit;text-decoration:none}.noise-overlay{content:"";opacity:.035;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.custom-cursor{background-color:var(--accent-gold);pointer-events:none;z-index:10000;border-radius:50%;width:8px;height:8px;transition:width .3s,height .3s,background-color .3s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-outline{border:1px solid rgba(var(--accent-gold-rgb), .3);pointer-events:none;z-index:9999;border-radius:50%;width:32px;height:32px;transition:width .3s,height .3s,border-color .3s,transform .1s ease-out;position:fixed;transform:translate(-50%,-50%)}.main-container{background-color:var(--bg-primary);width:100%;position:relative}.canvas-container{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.canvas-container.interactive{pointer-events:auto;z-index:10}.scroll-sections{z-index:2;position:relative}.page-section{box-sizing:border-box;align-items:center;width:100%;min-height:100vh;padding:0 10%;display:flex;position:relative}.section-content{z-index:3;flex-direction:column;justify-content:center;max-width:480px;display:flex}.section-number{font-family:var(--font-sans);letter-spacing:.3em;color:var(--accent-gold);margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.section-title{text-transform:uppercase;margin-bottom:1.5rem;font-size:3rem;line-height:1.15}.section-desc{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1rem;font-weight:300;line-height:1.7}.gold-btn{border:1px solid var(--accent-gold);color:var(--accent-gold);font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:1rem 2.2rem;font-size:.8rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.gold-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.gold-btn:hover:after{left:100%}.gold-btn:hover{background-color:var(--accent-gold);color:var(--bg-primary);box-shadow:0 0 20px rgba(var(--accent-gold-rgb), .3);transform:translateY(-2px)}.gold-btn:active{transform:translateY(0)}.section-right{justify-content:flex-end}.section-center{text-align:center;justify-content:center;padding:0 5%}.section-center .section-content{align-items:center;max-width:800px}.customizer-layout{z-index:3;width:100%;min-height:100vh;display:flex;position:relative}.customizer-ui{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0d0d0fb3;border-right:1px solid #ffffff0d;flex-direction:column;justify-content:center;width:450px;height:100vh;padding:3rem;display:flex;position:sticky;top:0;box-shadow:10px 0 30px #00000080}.customizer-option-group{margin-bottom:2rem}.option-group-title{font-family:var(--font-sans);letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:600}.option-selector{gap:.75rem;display:flex}.swatch-btn{cursor:pointer;width:42px;height:42px;transition:var(--transition-fast);background-clip:content-box;border:2px solid #0000;border-radius:50%;padding:3px;position:relative}.swatch-btn:after{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute;inset:0}.swatch-btn.active{border-color:var(--accent-gold);transform:scale(1.1)}.swatch-btn.active:after{border-color:var(--accent-gold)}.label-btn{color:var(--text-secondary);font-family:var(--font-sans);letter-spacing:.1em;cursor:pointer;transition:var(--transition-fast);text-transform:uppercase;background:#ffffff05;border:1px solid #ffffff1a;padding:.6rem 1.2rem;font-size:.75rem}.label-btn.active{border-color:var(--accent-gold);background:rgba(var(--accent-gold-rgb), .1);color:var(--accent-gold)}.label-btn:hover{border-color:rgba(var(--accent-gold-rgb), .5);color:#fff}.customizer-price-tag{font-family:var(--font-serif);color:var(--accent-gold);margin:2rem 0 1rem;font-size:2rem}.material-labels{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.label-hotspot{pointer-events:auto;cursor:pointer;opacity:0;align-items:center;transition:opacity .5s;display:flex;position:absolute;transform:translate(-50%,-50%)}.label-hotspot.visible{opacity:1}.hotspot-dot{background-color:var(--accent-gold);border-radius:50%;width:10px;height:10px;position:relative}.hotspot-dot:after{content:"";border:1px solid var(--accent-gold);border-radius:50%;width:20px;height:20px;animation:2s infinite pulse-glow;position:absolute;top:-5px;left:-5px}@keyframes pulse-glow{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.hotspot-card{border:1px solid rgba(var(--accent-gold-rgb), .2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;width:200px;transition:var(--transition-smooth);background:#0d0d0fd9;border-radius:4px;margin-left:15px;padding:.75rem 1.25rem;transform:translate(-10px)}.label-hotspot:hover .hotspot-card{opacity:1;transform:translate(0)}.hotspot-card-title{font-family:var(--font-serif);color:var(--accent-gold);margin-bottom:.25rem;font-size:.85rem}.hotspot-card-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.scroll-indicator{z-index:100;flex-direction:column;gap:20px;display:flex;position:fixed;top:50%;right:40px;transform:translateY(-50%)}.indicator-step{cursor:pointer;opacity:.3;transition:var(--transition-fast);justify-content:flex-end;align-items:center;gap:15px;display:flex}.indicator-step.active{opacity:1}.indicator-label{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-gold);opacity:0;transition:var(--transition-fast);font-size:.7rem;transform:translate(10px)}.indicator-step:hover .indicator-label,.indicator-step.active .indicator-label{opacity:1;transform:translate(0)}.indicator-dot{width:6px;height:6px;transition:var(--transition-fast);background-color:#fff;border-radius:50%}.indicator-step.active .indicator-dot{background-color:var(--accent-gold);box-shadow:0 0 10px var(--accent-gold);transform:scale(1.5)}.sound-toggle{z-index:100;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;padding:10px;display:flex;position:fixed;bottom:40px;left:40px}.sound-toggle:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#ffffff0d}@media (width<=768px){.page-section{padding:0 5%}.section-title{font-size:2.2rem}.customizer-layout{flex-direction:column-reverse}.customizer-ui{width:100%;height:auto;padding:2rem;position:relative}.scroll-indicator{right:20px}}.loader-ring{animation:1.2s linear infinite loader-spin}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disclaimer-tag{transform-origin:0 100%;font-family:var(--font-sans);letter-spacing:.2em;color:var(--text-secondary);pointer-events:none;z-index:99;white-space:nowrap;opacity:.45;text-transform:uppercase;font-size:.55rem;position:fixed;bottom:120px;left:18px;transform:rotate(-90deg)}@media (width<=768px){.disclaimer-tag{text-align:center;color:var(--text-secondary);opacity:.6;margin-top:2rem;padding:1.5rem 0;font-size:.65rem;display:block;position:relative;bottom:auto;left:auto;transform:none}}