:root{--font-serif: "Cormorant Garamond", serif;--font-sans: "Montserrat", sans-serif;--color-bg-deep: #050c0f;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .75);--color-text-muted: rgba(255, 255, 255, .45);--color-glass-bg: rgba(255, 255, 255, .03);--color-glass-border: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;background-color:var(--color-bg-deep);color:var(--color-text-primary);font-family:var(--font-sans);font-size:16px;overflow:hidden}.canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;overflow:hidden}#bg-canvas{width:100%;height:100%;display:block}.noise-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:8;pointer-events:none;opacity:.04;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.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.vignette-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:7;pointer-events:none;background:radial-gradient(circle,#050c0f00 30%,#040a0c66,#020507e0);box-shadow:inset 0 0 120px #000000f2}.top-header{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:20;pointer-events:none}.brand-logo-container{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);z-index:21;text-align:center;pointer-events:none;transform-origin:center center;width:100%}.brand-title{font-family:var(--font-serif);font-size:3.5rem;font-weight:300;letter-spacing:.35em;color:var(--color-text-primary);text-transform:uppercase;margin-right:-.35em;text-shadow:0 4px 30px rgba(0,0,0,.6);line-height:1.1;pointer-events:auto}.brand-tagline{font-size:.72rem;font-weight:300;text-transform:uppercase;letter-spacing:.45em;color:var(--color-text-secondary);margin-top:14px;text-shadow:0 2px 10px rgba(0,0,0,.6)}.story-section{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(.9);z-index:12;text-align:center;width:90%;max-width:720px;pointer-events:none;opacity:0;will-change:transform,opacity}.story-tag{font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.35em;color:var(--color-text-muted);margin-bottom:16px;display:block}.story-headline{font-family:var(--font-serif);font-size:3rem;font-weight:300;line-height:1.25;color:var(--color-text-primary);margin-bottom:24px;letter-spacing:.05em;text-shadow:0 10px 30px rgba(0,0,0,.5)}.story-paragraph{font-size:.84rem;font-weight:300;line-height:1.85;color:var(--color-text-secondary);text-shadow:0 5px 15px rgba(0,0,0,.4)}.final-brand-section{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(.95);z-index:12;width:90%;max-width:900px;pointer-events:none;opacity:0;will-change:transform,opacity}.final-info-grid{display:flex;gap:60px;justify-content:center;margin-bottom:60px}.info-column{flex:1;text-align:left}.info-tag{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.25em;color:var(--color-text-muted);display:block;margin-bottom:12px}.info-heading{font-family:var(--font-serif);font-size:1.6rem;font-weight:400;margin-bottom:12px;color:var(--color-text-primary);letter-spacing:.05em}.info-text{font-size:.75rem;font-weight:300;line-height:1.85;color:var(--color-text-secondary)}.final-cta-wrap{display:flex;flex-direction:column;align-items:center}.final-cta-title{font-family:var(--font-serif);font-size:2.2rem;font-weight:300;margin-bottom:30px;letter-spacing:.12em;color:var(--color-text-primary)}.cta-buttons-wrap{display:flex;justify-content:center;gap:24px}.btn{font-family:var(--font-sans);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.25em;text-decoration:none;padding:16px 44px;border-radius:0;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-block;text-align:center;will-change:transform,background-color,border-color,color}.btn-primary{background:var(--color-text-primary);color:var(--color-bg-deep);border:1px solid var(--color-text-primary)}.btn-primary:hover{background:transparent;color:var(--color-text-primary);border-color:#fff9;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff14;border-color:#ffffffbf;transform:translateY(-2px)}.bottom-footer{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:10;width:auto}.nav-menu{background:var(--color-glass-bg);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);border:1px solid var(--color-glass-border);border-radius:100px;padding:18px 48px;display:flex;gap:48px;box-shadow:0 20px 50px #0003,inset 0 0 15px #ffffff05}.nav-link{font-size:.72rem;font-weight:400;text-transform:uppercase;letter-spacing:.22em;color:var(--color-text-secondary);text-decoration:none;position:relative;padding:4px 0;transition:color .4s cubic-bezier(.16,1,.3,1)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:var(--color-text-primary);transition:width .4s cubic-bezier(.16,1,.3,1),left .4s cubic-bezier(.16,1,.3,1)}.nav-link:hover{color:var(--color-text-primary)}.nav-link:hover:after{width:100%;left:0}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-bg-deep);z-index:100;display:flex;justify-content:center;align-items:center;transition:opacity 1s cubic-bezier(.16,1,.3,1),visibility 1s;visibility:visible}.loader-overlay.fade-out{opacity:0;visibility:hidden}.loader-content{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.loader-logo{font-family:var(--font-serif);font-size:2rem;font-weight:300;letter-spacing:.35em;color:var(--color-text-primary);margin-right:-.35em}.loader-bar-wrap{width:240px;height:1px;background:#ffffff14;position:relative;overflow:hidden;margin:10px 0}.loader-bar{width:0%;height:100%;background-color:var(--color-text-primary);box-shadow:0 0 10px #fff6;transition:width .1s ease-out}.loader-perc{font-size:.78rem;font-weight:300;color:var(--color-text-secondary);letter-spacing:.1em}.loader-text{font-size:.6rem;text-transform:uppercase;letter-spacing:.35em;color:var(--color-text-muted)}.gallery-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:15;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s;background:radial-gradient(circle,#050c0f33 20%,#020507b3)}.gallery-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.gallery-header{margin-left:10vw;margin-bottom:30px;transform:translateY(20px);opacity:0;transition:transform .8s cubic-bezier(.16,1,.3,1) .2s,opacity .8s ease .2s}.gallery-overlay.active .gallery-header{transform:translateY(0);opacity:1}.gallery-subtitle{font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.35em;color:var(--color-text-muted);display:block;margin-bottom:8px}.gallery-title{font-family:var(--font-serif);font-size:2.8rem;font-weight:300;letter-spacing:.1em;color:var(--color-text-primary)}.gallery-track-wrap{width:100vw;overflow:hidden;padding:20px 0}.gallery-track{display:flex;gap:48px;padding-left:10vw;padding-right:15vw;will-change:transform}.bg-tint-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0003;z-index:2;pointer-events:none}.gallery-card{flex:0 0 320px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;padding:0 0 60px;box-shadow:none;color:var(--color-text-primary);transition:transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(40px);opacity:0;position:relative}.gallery-overlay.active .gallery-card{transform:translateY(0);opacity:1}.gallery-overlay.active .gallery-card:nth-child(1){transition-delay:.1s}.gallery-overlay.active .gallery-card:nth-child(2){transition-delay:.2s}.gallery-overlay.active .gallery-card:nth-child(3){transition-delay:.3s}.gallery-overlay.active .gallery-card:nth-child(4){transition-delay:.4s}.gallery-card:hover{background:transparent;border-color:transparent;box-shadow:none;transform:none}.card-image-wrap{width:100%;aspect-ratio:1 / 1;border-radius:0;overflow:visible;margin-bottom:20px;background:transparent;border:none;display:flex;justify-content:center;align-items:center}.card-image{width:100%;height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.16,1,.3,1)}.gallery-card:hover .card-image{transform:scale(1.04)}.card-category{font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.25em;color:var(--color-text-muted);display:block;margin-bottom:6px}.card-name{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;margin-bottom:10px;letter-spacing:.05em}.card-desc{font-size:.78rem;font-weight:300;line-height:1.6;color:var(--color-text-secondary)}.btn-explore{position:absolute;bottom:0;left:0;width:100%;font-family:var(--font-sans);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:#050c0f;background:var(--color-text-primary);border:none;border-radius:0;padding:12px;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),background-color .3s ease}.gallery-card:hover .btn-explore{opacity:1;transform:translateY(0);pointer-events:auto}.btn-explore:hover{background:#ffffffd9;box-shadow:0 4px 15px #ffffff26}.product-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#050c0fa6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:1000;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.product-modal-backdrop.active{opacity:1;pointer-events:auto}.product-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96) translateY(20px);z-index:1001;background:#0a14198c;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px #000000a6;color:var(--color-text-primary);max-width:950px;width:90%;max-height:85vh;padding:0;border-radius:0;overflow-y:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.product-modal.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1) translateY(0)}.product-modal::-webkit-scrollbar{width:6px}.product-modal::-webkit-scrollbar-track{background:transparent}.product-modal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.modal-container{position:relative;width:100%;height:100%}.modal-close-btn{position:absolute;top:25px;right:25px;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;padding:8px;z-index:10;opacity:.6;transition:opacity .3s ease,transform .3s ease;display:flex;justify-content:center;align-items:center}.modal-close-btn:hover{opacity:1;transform:rotate(90deg)}.modal-grid{display:grid;grid-template-columns:1.1fr 1fr;min-height:520px}.modal-image-col{background:linear-gradient(135deg,#ffffff05,#fff0);border-right:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center;padding:40px;position:relative}.modal-image-wrap{width:75%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center}.modal-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,0,0,.4));animation:floatFragrance 6s ease-in-out infinite}@keyframes floatFragrance{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}to{transform:translateY(0) scale(1)}}.modal-content-col{padding:50px;display:flex;flex-direction:column;justify-content:center}.modal-header{margin-bottom:25px}.modal-category{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.25em;color:var(--color-text-muted);display:block;margin-bottom:8px}.modal-title{font-family:var(--font-serif);font-size:2.6rem;font-weight:400;margin-bottom:6px;letter-spacing:.03em;color:var(--color-text-primary)}.modal-concentration{font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-secondary)}.modal-desc{font-size:.82rem;font-weight:300;line-height:1.7;color:var(--color-text-secondary);margin-bottom:30px}.modal-section{margin-bottom:25px}.modal-section-title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-muted);margin-bottom:10px}.modal-notes{font-size:.8rem;font-weight:300;color:var(--color-text-primary);letter-spacing:.02em}.size-selector{display:flex;gap:12px}.size-chip{background:transparent;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.2);border-radius:0;padding:10px 24px;font-family:var(--font-sans);font-size:.72rem;font-weight:400;letter-spacing:.1em;cursor:pointer;transition:all .3s ease}.size-chip:hover{border-color:#fff9;color:var(--color-text-primary)}.size-chip.active{background:var(--color-text-primary);color:#050c0f;border-color:var(--color-text-primary);font-weight:500}.modal-footer-cta{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:25px;border-top:1px solid rgba(255,255,255,.08)}.modal-price{font-family:var(--font-sans);font-size:1.6rem;font-weight:300;color:var(--color-text-primary);letter-spacing:.02em}.btn-shop-now{background:var(--color-text-primary);color:#050c0f;border:none;border-radius:0;padding:14px 45px;font-family:var(--font-sans);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all .3s ease}.btn-shop-now:hover{background:#ffffffd9;box-shadow:0 4px 20px #fff3;transform:translateY(-2px)}@media (max-width: 768px){.product-modal{max-height:90vh;width:95%}.modal-grid{grid-template-columns:1fr}.modal-image-col{padding:30px;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.modal-image-wrap{width:55%}.modal-content-col{padding:30px 25px}.modal-title{font-size:2.1rem}.btn-shop-now{padding:12px 30px}}.top-header,.bottom-footer{transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.top-header.hidden{opacity:0;transform:translate(-50%,-20px)}.bottom-footer.hidden{opacity:0;transform:translate(-50%,20px)}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto;}}.hamburger-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:10px 20px;z-index:100;align-items:center;gap:10px;pointer-events:auto;transition:opacity .3s ease,transform .3s ease}.hamburger-toggle.hidden{opacity:0;pointer-events:none}.hamburger-icon-lines{display:flex;flex-direction:column;gap:4px}.hamburger-line{display:block;width:18px;height:1.5px;background-color:var(--color-text-primary);transition:all .3s cubic-bezier(.16,1,.3,1)}.hamburger-text{font-family:var(--font-sans);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-primary)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050c0ff7;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);z-index:9990;opacity:0;pointer-events:none;transform:translateY(100%);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.mobile-menu-overlay.active{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;position:relative;padding:40px}.mobile-menu-close{position:absolute;top:40px;right:40px;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;padding:8px;opacity:.6;transition:opacity .3s ease}.mobile-menu-close:hover{opacity:1}.mobile-nav-links{display:flex;flex-direction:column;gap:25px;align-items:center;margin-bottom:40px}.mobile-nav-link{font-family:var(--font-serif);font-size:2rem;letter-spacing:.05em;color:var(--color-text-secondary);text-decoration:none;transition:color .3s ease,transform .3s ease}.mobile-nav-link:hover{color:var(--color-text-primary);transform:scale(1.05)}.mobile-sound-wrap{width:100%;display:flex;justify-content:center;margin-top:10px}.mobile-sound-wrap .music-toggle{position:relative;top:auto;right:auto;display:flex!important;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px 28px}@media (max-width: 768px){.brand-title{font-size:2.6rem}.brand-tagline{font-size:.62rem;letter-spacing:.3em}.top-header{top:40px;padding:0 24px}.bottom-footer,.top-header .music-toggle{display:none!important}.hamburger-toggle{display:flex!important;position:fixed;bottom:30px;left:50%;right:auto;top:auto;transform:translate3d(-50%,0,0);z-index:9980;background:#0a1419bf;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 28px;border-radius:100px;box-shadow:0 10px 30px #00000059;pointer-events:auto!important}.final-brand-section{width:84%;max-height:80vh;overflow-y:auto;text-align:center}.final-info-grid{flex-direction:column;gap:30px;margin-bottom:30px}.info-column{text-align:center}.final-cta-wrap{margin-top:20px}.cta-buttons-wrap{flex-direction:column;gap:15px;align-items:center}.cta-buttons-wrap .btn{width:100%;max-width:280px;text-align:center}.gallery-header{margin-left:5vw;margin-bottom:20px}.gallery-title{font-size:2rem}.gallery-track{gap:24px;padding-left:5vw}.gallery-card{flex:0 0 280px}.music-toggle{top:24px;right:24px;padding:8px 16px;font-size:.58rem}}html,body,a,button,input,textarea,.nav-link,.btn,.card-action-btn,.brand-title{cursor:none!important}.custom-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;display:none;mix-blend-mode:normal}.cursor-dot{position:absolute;width:5px;height:5px;background-color:var(--color-text-primary);border-radius:50%;transform:translate(-50%,-50%)}.cursor-drop{position:absolute;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.28);border-radius:50%;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transform:translate(-50%,-50%);box-shadow:inset 0 0 8px #ffffff26,0 4px 15px #00000014;transform-origin:center center;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),background-color .3s ease,border-color .3s ease;will-change:width,height,background-color,border-color}.custom-cursor.hovering .cursor-drop{width:52px;height:52px;background-color:#ffffff1f;border-color:#ffffff8c}.music-toggle{position:absolute;top:40px;right:40px;z-index:25;background:var(--color-glass-bg);border:1px solid var(--color-glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:100px;padding:11px 22px;display:flex;align-items:center;gap:12px;pointer-events:auto;color:var(--color-text-secondary);font-family:var(--font-sans);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.2em;box-shadow:0 10px 30px #00000026,inset 0 0 10px #ffffff05;transition:all .4s cubic-bezier(.16,1,.3,1);outline:none}.music-toggle:hover{color:var(--color-text-primary);border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 12px 35px #00000038,inset 0 0 10px #ffffff0d}.music-indicator{display:flex;align-items:flex-end;gap:3px;width:14px;height:12px}.music-bar{display:block;width:2px;background-color:var(--color-text-primary);height:100%;transform-origin:bottom;animation:musicPlaying 1.2s ease-in-out infinite alternate;animation-play-state:paused;opacity:.65;transition:opacity .3s ease}.music-bar:nth-child(2){animation-duration:.8s}.music-bar:nth-child(3){animation-duration:1.4s}@keyframes musicPlaying{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.music-toggle.playing .music-bar{animation-play-state:running;opacity:1}.sound-prompt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#050c0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s;pointer-events:auto}.sound-prompt-overlay.active{opacity:1;visibility:visible}.sound-prompt-content{text-align:center;max-width:520px;width:90%;padding:48px;background:var(--color-glass-bg);border:1px solid var(--color-glass-border);box-shadow:0 30px 70px #00000059;transition:transform .8s cubic-bezier(.16,1,.3,1);transform:scale(.95);pointer-events:auto}.sound-prompt-overlay.active .sound-prompt-content{transform:scale(1)}.prompt-tag{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.3em;color:var(--color-text-muted);display:block;margin-bottom:20px;font-family:var(--font-sans)}.prompt-heading{font-family:var(--font-serif);font-size:1.85rem;font-weight:300;line-height:1.45;color:var(--color-text-primary);margin-bottom:36px;letter-spacing:.05em}.prompt-buttons{display:flex;justify-content:center;gap:20px}.prompt-buttons .btn{pointer-events:auto}@media (max-width: 576px){.sound-prompt-content{padding:36px 24px}.prompt-heading{font-size:1.45rem}.prompt-buttons{flex-direction:column;gap:12px}.prompt-buttons .btn{width:100%}}
