:root{--bg-page: #ffffff;--bg-surface: #fafafa;--bg-card: #f6f6f7;--bg-card-hover: #ececee;--bg-card-subtle: #f9f9fb;--bg-glass: rgba(255, 255, 255, .92);--bg-modal: rgba(255, 255, 255, .98);--text-primary: #0a0a0a;--text-secondary: #52525b;--text-muted: #71717a;--text-subtle: #a1a1aa;--border-subtle: rgba(0, 0, 0, .07);--border-medium: rgba(0, 0, 0, .15);--border-strong: #0a0a0a;--accent-btn-bg: #0a0a0a;--accent-btn-text: #ffffff;--accent-btn-hover: #262626;--accent-gold: #c5a059;--accent-gold-light: #f4ecdc;--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .04);--shadow-md: 0 12px 30px -10px rgba(0, 0, 0, .08);--shadow-lg: 0 25px 50px -15px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(0, 0, 0, .06);--header-height: 74px}[data-theme=dark]{--bg-page: #08090a;--bg-surface: #0f1115;--bg-card: #15171d;--bg-card-hover: #1e2129;--bg-card-subtle: #121418;--bg-glass: rgba(8, 9, 10, .92);--bg-modal: rgba(15, 17, 21, .98);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-subtle: #52525b;--border-subtle: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .2);--border-strong: #ffffff;--accent-btn-bg: #ffffff;--accent-btn-text: #08090a;--accent-btn-hover: #e5e5e5;--accent-gold: #d4af37;--accent-gold-light: rgba(212, 175, 55, .15);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .5);--shadow-md: 0 12px 30px -10px rgba(0, 0, 0, .7);--shadow-lg: 0 25px 50px -15px rgba(0, 0, 0, .85);--shadow-glow: 0 0 40px rgba(255, 255, 255, .03)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-sans);font-weight:700;letter-spacing:-.02em}.brand-title{font-family:var(--font-sans);font-weight:800;letter-spacing:-.04em;line-height:1}.eyebrow-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--text-muted)}.btn-pill-dark{background:var(--accent-btn-bg);color:var(--accent-btn-text);font-family:var(--font-sans);font-size:.88rem;font-weight:600;letter-spacing:.02em;padding:13px 30px;border-radius:var(--radius-full);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;box-shadow:0 4px 14px #0000001f;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap}.btn-pill-dark:hover{background:var(--accent-btn-hover);transform:translateY(-2px);box-shadow:0 8px 22px #0000002e}.btn-pill-dark:active{transform:translateY(0)}.btn-pill-outline{background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:.86rem;font-weight:600;letter-spacing:.02em;padding:11px 26px;border-radius:var(--radius-full);border:1.5px solid var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:all .25s ease;white-space:nowrap}.btn-pill-outline:hover{background:var(--text-primary);color:var(--bg-page);transform:translateY(-2px)}.btn-pill-sm{font-size:.78rem;padding:8px 18px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;font-weight:600;border:none}.glass-header{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);transition:background-color .3s ease,border-color .3s ease}.glass-modal{background:var(--bg-modal);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}.nav-link-minimal{font-size:.92rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:8px 0;position:relative;cursor:pointer;transition:color .2s ease}.nav-link-minimal:hover{color:var(--text-primary)}.nav-link-minimal.active{color:var(--text-primary);font-weight:600}.nav-link-minimal.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--text-primary);border-radius:var(--radius-full)}.product-card-minimal{background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:all .35s cubic-bezier(.16,1,.3,1)}.product-card-minimal:hover{transform:translateY(-5px);border-color:var(--border-medium);box-shadow:var(--shadow-md)}.product-card-minimal .card-img-container{background:var(--bg-card);overflow:hidden;position:relative}.product-card-minimal .card-img{transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%;height:100%;object-fit:cover}.product-card-minimal:hover .card-img{transform:scale(1.05)}.collection-card{background:var(--bg-card);border-radius:18px;padding:24px;display:flex;flex-direction:column;transition:all .35s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit;cursor:pointer;border:1px solid transparent}.collection-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-subtle)}.feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 20px;position:relative}.feature-item:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--border-subtle)}@media (max-width: 768px){.feature-item:not(:last-child):after{display:none}}.grid-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}@media (max-width: 640px){.grid-catalog{grid-template-columns:repeat(2,1fr);gap:14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.scroll-x-container{display:flex;overflow-x:auto;gap:24px;padding:12px 4px 24px;scrollbar-width:thin;scroll-snap-type:x mandatory}.scroll-x-container>*{scroll-snap-align:start}.family-card-interactive:hover{transform:translateY(-4px);border-color:var(--accent-gold)!important}.note-card-interactive:hover{transform:translateY(-3px);border-color:var(--accent-gold)!important}.perfume-bottle-wrapper:hover{transform:scale(1.02)}.btn-spray-pill:hover{background:var(--bg-surface)!important;transform:translateY(-1px);box-shadow:var(--shadow-md)!important}@keyframes sprayMist{0%{opacity:0;transform:scale(.2) translateY(10px)}30%{opacity:.85;transform:scale(1.1) translateY(-10px)}to{opacity:0;transform:scale(1.5) translateY(-30px)}}.mist-cloud{width:140px;height:80px;border-radius:50%;background:radial-gradient(circle,#ffffffe6,#d4af3766 40%,#fff0 70%);filter:blur(12px);animation:sprayMist 1.2s cubic-bezier(.16,1,.3,1) forwards}.sparkle-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 8px #fff}.sparkle-particle.p1{top:30%;left:35%;animation:sparkleFloat1 1.1s ease-out forwards}.sparkle-particle.p2{top:20%;right:35%;animation:sparkleFloat2 1.2s ease-out forwards}.sparkle-particle.p3{bottom:30%;left:50%;animation:sparkleFloat3 1s ease-out forwards}@keyframes sparkleFloat1{0%{opacity:0;transform:translate(0) scale(.5)}50%{opacity:1;transform:translate(-20px,-25px) scale(1.2)}to{opacity:0;transform:translate(-35px,-45px) scale(.2)}}@keyframes sparkleFloat2{0%{opacity:0;transform:translate(0) scale(.5)}50%{opacity:1;transform:translate(25px,-30px) scale(1.4)}to{opacity:0;transform:translate(40px,-50px) scale(.2)}}@keyframes sparkleFloat3{0%{opacity:0;transform:translate(0) scale(.5)}50%{opacity:1;transform:translateY(-35px) scale(1.3)}to{opacity:0;transform:translate(5px,-55px) scale(.2)}}@media (max-width: 900px){.atelier-home-banner{grid-template-columns:1fr!important;padding:40px 24px!important}.shop-bespoke-callout{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.shop-bespoke-callout button{width:100%!important}}