:root{--color-ivory:#f7f4ee;--color-gold:#d4af37;--color-gold-hover:#bda230;--color-emerald:#0f4c3a;--color-rose:#e7b8c2;--color-rose-dark:#cc9aa5;--color-black:#1a1a1a;--color-black-light:#2a2a2a;--color-white:#fff;--color-cream:#fffdf9;--font-serif:"Cormorant Garamond", "Playfair Display", Georgia, serif;--font-sans:"American Typewriter", "Montserrat", "Inter", sans-serif;--transition-smooth:all .5s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-ivory);width:100%;height:100%;color:var(--color-black);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-ivory)}::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-hover)}#root{width:100%;min-height:100vh;position:relative;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-serif);letter-spacing:.05em;font-weight:300;line-height:1.2}.text-gold{color:var(--color-gold)}.font-serif-italic{font-family:var(--font-serif);font-style:italic}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.section{z-index:2;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#ffffffa6;border:1px solid #1a1a1a14;border-radius:12px}.glass-panel-light{-webkit-backdrop-filter:blur(20px);color:var(--color-black);background:#f7f4eecc;border:1px solid #fff3;border-radius:12px}.btn{letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:var(--transition-smooth);border-radius:30px;justify-content:center;align-items:center;padding:.9rem 2.2rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--color-gold);color:var(--color-black);border:1px solid var(--color-gold)}.btn-primary:hover{color:var(--color-gold);background:0 0;box-shadow:0 0 15px #d4af3766}.btn-secondary{color:var(--color-black);background:0 0;border:1px solid #1a1a1a40}.btn-secondary:hover{border-color:var(--color-gold);color:var(--color-gold)}.btn-outline-dark{color:var(--color-black);background:0 0;border:1px solid #1a1a1a4d}.btn-outline-dark:hover{border-color:var(--color-black);background:var(--color-black);color:var(--color-ivory)}.header-nav{z-index:100;width:100%;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:fixed;top:0;left:0}.header-nav.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f4eed9;border-bottom:1px solid #1a1a1a14;padding:1rem 3rem}.logo{font-family:var(--font-serif);letter-spacing:.05em;color:var(--color-black);transition:var(--transition-fast);font-size:2.2rem;font-weight:400;text-decoration:none}.logo:hover{color:var(--color-gold)}.nav-links{align-items:center;gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--color-black);letter-spacing:.15em;text-transform:uppercase;transition:var(--transition-fast);font-size:.8rem;font-weight:400;text-decoration:none}.nav-links a:hover{color:var(--color-gold)}.cart-icon-btn{color:var(--color-black);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.cart-icon-btn:hover{color:var(--color-gold)}.cart-badge{background:var(--color-gold);color:var(--color-black);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:-8px;right:-8px}.three-canvas-container{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.hero-content{text-align:center;z-index:2;max-width:800px;position:relative}.hero-title{margin-bottom:1.5rem;font-size:5rem;font-weight:300;line-height:1.1}@media (width<=768px){.hero-title{font-size:3rem}.header-nav{padding:1rem 1.5rem}.header-nav.scrolled{padding:.8rem 1.5rem}.nav-links{display:none}}.hero-subtitle{letter-spacing:.1em;opacity:.8;max-width:500px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.15rem;font-weight:300}.hero-ctas{justify-content:center;gap:1.5rem;display:flex}.product-section-grid{grid-template-columns:1fr 1fr;align-items:center;width:100%;min-height:100vh;display:grid}@media (width<=768px){.product-section-grid{grid-template-rows:auto 1fr;grid-template-columns:1fr;padding-top:5rem}}.product-info-panel{z-index:3;flex-direction:column;justify-content:center;padding:4rem;display:flex}.product-3d-spacer{pointer-events:none;width:100%;height:100%}.product-tagline{letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);margin-bottom:1rem;font-size:.85rem}.product-title{margin-bottom:1.5rem;font-size:4.5rem}.product-desc{opacity:.8;max-width:450px;margin-bottom:2rem;font-size:1.05rem;font-weight:300}.ingredients-list{flex-wrap:wrap;gap:.8rem;margin-bottom:2.5rem;display:flex}.ingredient-tag{letter-spacing:.05em;color:var(--color-black);background:#00000008;border:1px solid #1a1a1a14;border-radius:20px;padding:.4rem 1rem;font-size:.8rem}.waitlist-form{flex-direction:column;gap:1rem;width:100%;max-width:450px;margin:2rem auto 0;display:flex}.form-group{width:100%;position:relative}.form-input{width:100%;color:var(--color-black);font-family:var(--font-sans);letter-spacing:.05em;transition:var(--transition-fast);background:#fffffff2;border:1px solid #1a1a1a1f;border-radius:30px;outline:none;padding:1.1rem 1.5rem;font-size:.9rem}.form-input:focus{border-color:var(--color-gold);box-shadow:0 0 10px #d4af3726}.form-input::placeholder{color:#1a1a1a73}.fade-in-up{opacity:0;transform:translateY(30px)}.pulse-slow{animation:4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.footer-logo{font-family:var(--font-serif);letter-spacing:.05em;color:var(--color-ivory);margin-bottom:2rem;font-size:2.5rem}.footer-links{justify-content:center;gap:3rem;margin-bottom:2.5rem;list-style:none;display:flex}.footer-links a{color:#1a1a1a99;letter-spacing:.1em;text-transform:uppercase;transition:var(--transition-fast);font-size:.85rem;text-decoration:none}.footer-links a:hover{color:var(--color-gold)}.footer-copy{color:#1a1a1a66;letter-spacing:.05em;font-size:.8rem}.philosophy-split{text-align:left;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;display:grid}.philosophy-text{flex-direction:column;justify-content:center;display:flex}.philosophy-image-container{justify-content:center;width:100%;display:flex}.philosophy-lifestyle-img{width:100%;max-width:380px;height:auto;transition:var(--transition-smooth);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 40px #00000080}.philosophy-lifestyle-img:hover{transform:scale(1.02);box-shadow:0 25px 50px #d4af3726}@media (width<=768px){.philosophy-split{text-align:center;grid-template-columns:1fr;gap:3rem}.philosophy-lifestyle-img{max-width:280px}}.product-panel-split{align-items:center;gap:2.5rem;width:100%;display:flex}.product-text-side{flex-direction:column;flex:1.3;display:flex}.product-mock-side{flex:.7;justify-content:center;align-items:center;display:flex}.product-mock-card-img{width:100%;max-width:160px;height:auto;transition:var(--transition-smooth);border:1px solid #ffffff14;border-radius:8px;box-shadow:0 15px 30px #0000004d}.product-mock-card-img:hover{transform:translateY(-5px)scale(1.03);box-shadow:0 20px 40px #d4af3733}@media (width<=1024px){.product-panel-split{text-align:center;flex-direction:column-reverse;gap:1.5rem}.product-text-side{align-items:center}.product-mock-card-img{max-width:130px}}.photo-container{aspect-ratio:4/5;width:100%;max-width:400px;transition:var(--transition-smooth);background-color:#fff;border:1px solid #1a1a1a14;border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 15px 35px #0000000d,0 5px 15px #00000005}.photo-container img{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth);transform:scale(1.08)}.photo-container:hover{border-color:#d4af374d;transform:translateY(-8px);box-shadow:0 30px 50px #d4af371f,0 10px 20px #0000000a}.photo-container:hover img{transform:scale(1.11)}@media (width<=768px){.photo-container{max-width:280px;margin-top:2rem}}
