:root{--color-bg: #faf8f5;--color-surface: #faf8f5;--color-surface-2: #f4f2ed;--color-surface-container: #efece6;--color-surface-high: #e8e4dc;--color-border: #e4e0d8;--color-text-primary: #031a38;--color-text-secondary: #484f5c;--color-text-muted: #59606d;--color-accent: #9e3322;--color-accent-hover: #b83d2a;--color-accent-contrast: #ffffff;--color-secondary-gold: #775928;--color-secondary-brass: #b08d57;--color-success: #266b4e;--color-warning: #704600;--color-error: #ba1a1a;--color-info: #031a38;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-xs: clamp(.6875rem, .65rem + .2vw, .75rem);--text-sm: clamp(.8125rem, .78rem + .2vw, .875rem);--text-base: clamp(.9375rem, .9rem + .25vw, 1.0625rem);--text-lg: clamp(1.0625rem, 1rem + .35vw, 1.25rem);--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--text-3xl: clamp(1.75rem, 1.5rem + 1.25vw, 2.25rem);--text-4xl: clamp(2rem, 1.7rem + 1.75vw, 3rem);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(3, 26, 56, .04);--shadow-md: 0 4px 8px -2px rgba(3, 26, 56, .06), 0 2px 4px -2px rgba(3, 26, 56, .04);--shadow-lg: 0 12px 24px -4px rgba(27, 47, 78, .09), 0 4px 6px -2px rgba(176, 141, 87, .05);--shadow-xl: 0 24px 48px -12px rgba(3, 26, 56, .22);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.22, 1, .36, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--duration-instant: .1s;--duration-fast: .2s;--duration-base: .3s;--duration-slow: .5s;--duration-slower: .8s;--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px}@media (prefers-color-scheme: dark){:root{--color-bg: #0d141e;--color-surface: #101926;--color-surface-2: #162233;--color-surface-container: #1b293d;--color-surface-high: #24354c;--color-border: #2c3e56;--color-text-primary: #f5f4f0;--color-text-secondary: #c2c9d6;--color-text-muted: #8b96a8;--color-accent: #e05b45;--color-accent-hover: #ff7057;--color-accent-contrast: #0d141e;--color-secondary-gold: #ffd79b;--color-secondary-brass: #d4b47c;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #93c5fd;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .7)}}:root{--surface-60-canvas: #faf8f5;--surface-60-card: #ffffff;--surface-60-mist: #f3f1ec;--surface-60-blush: #fdf6f3;--structure-30-navy: #031a38;--structure-30-slate: #1b2f4e;--structure-30-ink: #18212e;--structure-30-muted: #5a6270;--structure-30-border: #e4e0d8;--accent-10-brass: #b08d57;--accent-10-gold: #775928;--accent-10-flirty: #9e3322;--accent-10-rose-soft: #ffe4de;--accent-10-emerald: #266b4e;--shadow-rest: 0 2px 6px rgba(3, 26, 56, .04), 0 1px 2px rgba(3, 26, 56, .02);--shadow-elevated: 0 14px 32px -6px rgba(27, 47, 78, .11), 0 4px 10px -2px rgba(176, 141, 87, .08);--shadow-modal: 0 24px 48px -12px rgba(3, 26, 56, .28)}*,*:before,*:after{box-sizing:border-box}img,svg,video,canvas,iframe{max-width:100%;height:auto}html{scroll-behavior:smooth;scroll-padding-top:104px;background-color:var(--surface-60-canvas);color:var(--structure-30-ink);-webkit-tap-highlight-color:transparent;overflow-x:hidden;overflow-x:clip;max-width:100vw;width:100%;--scrollbar-thumb: #b9b2a6;--scrollbar-track: var(--surface-60-canvas);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}body{margin:0;padding:0;min-height:100vh;min-height:100dvh;max-width:100vw;width:100%;background-color:var(--surface-60-canvas);color:var(--structure-30-ink);font-family:var(--font-body, "Inter", system-ui, -apple-system, sans-serif);overflow-x:hidden;overflow-x:clip;position:relative}#app-view-root,main,header,footer,aside,section{max-width:100%;width:100%;overflow-x:clip;min-width:0}nav{max-width:100%;min-width:0}html.modal-open,body.modal-open{overflow:hidden!important}.hidden{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-10-brass)!important;outline-offset:2px!important}@media (max-width: 639px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;overflow:hidden;white-space:nowrap;word-wrap:normal;direction:ltr;flex-shrink:0;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.tabular-nums,.font-spec-numeral,.price-numeral,[data-price],table td{font-variant-numeric:tabular-nums}h1,h2,h3,h4,h5,h6,.font-serif-editorial,.font-serif{font-family:var(--font-display, "Playfair Display", Georgia, serif);text-wrap:balance;overflow-wrap:break-word;word-break:break-word}:where(.font-headline-lg){font-size:clamp(1.5rem,1.25rem + 1.25vw,2.75rem);line-height:1.15}:where(.font-headline-md){font-size:clamp(1.25rem,1.1rem + .8vw,2.125rem);line-height:1.2}:where(.font-headline-sm){font-size:clamp(1.0625rem,.95rem + .5vw,1.625rem);line-height:1.25}p{max-width:65ch;text-wrap:pretty;overflow-wrap:break-word;word-break:break-word}span,label,a,button,input,select,textarea{overflow-wrap:break-word}.break-anywhere{overflow-wrap:anywhere;word-break:break-word}.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.pt-safe{padding-top:env(safe-area-inset-top,0px)}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.65;cursor:not-allowed}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}@supports not (scrollbar-color: auto){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-10-brass)}}.story-ring{background:linear-gradient(135deg,#c85a48,#b08d57,#e8a87c);padding:2.5px;border-radius:9999px;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}.story-ring:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 20px #c85a4840}.ram-card{background-color:var(--surface-60-card);border:1px solid var(--structure-30-border);border-radius:14px;box-shadow:var(--shadow-rest);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s ease}.ram-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-elevated);border-color:var(--accent-10-brass)}.deco-divider{display:flex;align-items:center;gap:12px;width:100%}.deco-divider:before,.deco-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--structure-30-border),transparent)}.deco-diamond{width:7px;height:7px;background-color:var(--accent-10-brass);transform:rotate(45deg);display:inline-block;flex-shrink:0}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-20deg);animation:shimmerSweep 4.5s infinite}@keyframes shimmerSweep{0%,70%{left:-120%}to{left:160%}}@keyframes heartPop{0%{transform:scale(1)}35%{transform:scale(1.32)}70%{transform:scale(.92)}to{transform:scale(1)}}.animate-heart-pop{animation:heartPop .38s cubic-bezier(.175,.885,.32,1.275)}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-float{animation:floatGentle 5s ease-in-out infinite}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.route-view-enter{animation:fadeInSlide .28s cubic-bezier(.22,1,.36,1)}.sotd-mesh-backdrop{background-image:radial-gradient(at 0% 0%,rgba(176,141,87,.09) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(158,51,34,.07) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(3,26,56,.05) 0px,transparent 55%)}.sotd-glass{background:#ffffffd1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 32px #031a380f}.sotd-glass-elevated{background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(176,141,87,.28);box-shadow:0 16px 40px -8px #031a381f,0 0 0 1px #ffffffe6}.sotd-tilt{position:relative;transform-style:preserve-3d;will-change:transform;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.sotd-glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:10;mix-blend-mode:overlay}.sotd-magnetic{will-change:transform;transition:transform .2s cubic-bezier(.22,1,.36,1)}.sotd-ripple-effect{position:absolute;border-radius:9999px;background:radial-gradient(circle,#fff6,#fff0 70%);transform:scale(0);animation:sotdRippleWave .65s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none;z-index:20}@keyframes sotdRippleWave{0%{transform:scale(0);opacity:.9}to{transform:scale(2.8);opacity:0}}.sotd-heart-burst-wrap{position:fixed;pointer-events:none;z-index:9999}.sotd-burst-particle{position:absolute;width:6px;height:6px;border-radius:50%;top:-3px;left:-3px;animation:sotdBurstFlight .65s cubic-bezier(.16,1,.3,1) forwards}@keyframes sotdBurstFlight{0%{transform:translateZ(0) scale(1.2);opacity:1}to{transform:translate3d(var(--tx, 20px),var(--ty, -20px),0) scale(0);opacity:0}}.skeleton-box{background:linear-gradient(90deg,#f0ede6 25%,#fbf9f5,#f0ede6 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:9999px;animation:spin .6s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.sotd-dehydration-slider{position:relative;width:100%;max-width:100%;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y}.sotd-before-layer{position:absolute;top:0;bottom:0;left:0;height:100%;overflow:hidden;border-right:2px solid #ffffff;will-change:width;box-shadow:2px 0 12px #00000059}.sotd-slider-divider{position:absolute;top:0;bottom:0;width:2px;background-color:#fff;box-shadow:0 0 12px #ffffffd9;pointer-events:none;z-index:15}.sotd-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:9999px;background-color:#fff;color:var(--structure-30-navy, #031a38);border:2px solid var(--accent-10-brass, #b08d57);box-shadow:0 6px 16px #031a3840;display:flex;align-items:center;justify-content:center;cursor:ew-resize;pointer-events:none}.sotd-slider-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:25;margin:0}.sotd-specimen-loupe{position:absolute;width:144px;height:144px;border-radius:9999px;border:2.5px solid rgba(255,255,255,.95);box-shadow:0 16px 40px #031a3859,inset 0 0 12px #ffffff80;overflow:hidden;pointer-events:none;z-index:30;will-change:transform}.sotd-reveal{opacity:0;transform:translateY(16px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.sotd-reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.sotd-tilt,.sotd-magnetic,.sotd-glare,.sotd-heart-burst-wrap,.lottie-anim-float,.lottie-anim-spin,.lottie-anim-pulse,.lottie-anim-heart{animation:none!important;transform:none!important}}#vkSplashContainer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#faf8f5f0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:1;visibility:visible;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s ease;-webkit-user-select:none;user-select:none}.dark #vkSplashContainer{background-color:#031a38f5}#vkSplashContainer.splash-dismissed{opacity:0;visibility:hidden;pointer-events:none}.vk-emblem-container{display:inline-flex;flex-direction:column;align-items:center;background:transparent;width:100%;max-width:360px}.vk-svg-canvas{width:360px;height:360px;max-width:100%;overflow:visible}.vk-stroke{fill:none;stroke:url(#vkNavyGradient);stroke-width:7;stroke-linecap:square;stroke-miterlimit:10}.vk-tri,.vk-monogram-group{fill:url(#vkNavyVelvet)}.vk-brand-title{font-family:Cinzel,Playfair Display,Georgia,serif;color:#112942;letter-spacing:.28em;text-transform:uppercase;font-weight:700;margin-top:8px}.dark .vk-brand-title{color:#e0e8f5}.vk-brand-rule{height:2px;width:78%;background:linear-gradient(90deg,transparent,#112942,transparent);margin-top:6px}.dark .vk-brand-rule{background:linear-gradient(90deg,transparent,#8ba8cd,transparent)}.is-animated .vk-square-frame,.is-animated .vk-diamond-frame{stroke-dasharray:1200;stroke-dashoffset:1200;animation:vkDraw .5s cubic-bezier(.16,1,.3,1) forwards}.is-animated .vk-inner-line{stroke-dasharray:450;stroke-dashoffset:450;animation:vkDraw .35s ease .15s forwards}.is-animated .vk-tri,.is-animated .vk-monogram-group{opacity:0;animation:vkFadeIn .3s ease .3s forwards}.is-animated #vkBrandTitleBlock{opacity:0;transform:translateY(6px);animation:vkTitleFade .3s cubic-bezier(.16,1,.3,1) .4s forwards}@keyframes vkDraw{to{stroke-dashoffset:0}}@keyframes vkFadeIn{to{opacity:1}}@keyframes vkTitleFade{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.is-animated .vk-square-frame,.is-animated .vk-diamond-frame,.is-animated .vk-inner-line{stroke-dashoffset:0;animation:none}.is-animated .vk-tri,.is-animated .vk-monogram-group,.is-animated #vkBrandTitleBlock{opacity:1;transform:none;animation:none}}@keyframes lottieLevitate{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1.5deg)}}@keyframes lottieSpinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lottieSpinRev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes lottiePulseRing{0%{transform:scale(.92);opacity:.8}50%{transform:scale(1.08);opacity:.35}to{transform:scale(.92);opacity:.8}}@keyframes lottieHeartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.08)}70%{transform:scale(1)}}@keyframes lottieShieldShimmer{0%{stroke-dashoffset:120}50%{stroke-dashoffset:0}to{stroke-dashoffset:-120}}.lottie-anim-float{animation:lottieLevitate 4.5s ease-in-out infinite;will-change:transform}.lottie-anim-spin{transform-origin:center;animation:lottieSpinSlow 18s linear infinite;will-change:transform}.lottie-anim-spin-rev{transform-origin:center;animation:lottieSpinRev 24s linear infinite;will-change:transform}.lottie-anim-pulse{transform-origin:center;animation:lottiePulseRing 3.2s ease-in-out infinite;will-change:transform,opacity}.lottie-anim-heart{transform-origin:center;animation:lottieHeartBeat 2.2s cubic-bezier(.25,1,.5,1) infinite;will-change:transform}.lottie-shield-stroke{stroke-dasharray:60 60;animation:lottieShieldShimmer 3s linear infinite}#offline-atelier-banner{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease}#offline-atelier-banner.is-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.variety-drawer{max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height .38s cubic-bezier(.16,1,.3,1),opacity .3s ease,transform .3s cubic-bezier(.16,1,.3,1);will-change:max-height,opacity,transform}.variety-drawer.is-open{max-height:520px;opacity:1;transform:translateY(0)}.variety-swatch{width:24px;height:24px;border-radius:9999px;position:relative;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease;cursor:pointer;flex-shrink:0;border:1.5px solid rgba(0,0,0,.12)}.variety-swatch:hover{transform:scale(1.18)}.variety-swatch.is-active{transform:scale(1.22);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--structure-30-navy)}.variety-chip{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;cursor:pointer}.variety-chip:hover{border-color:var(--structure-30-navy)}.variety-chip.is-active{background-color:var(--structure-30-navy)!important;color:#fff!important;border-color:var(--structure-30-navy)!important;box-shadow:0 1px 3px #031a3826}.gifting-curation-pill{transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer}.gifting-badge{display:inline-flex;align-items:center;gap:4px;border-radius:9999px;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:2.5px 8px;line-height:1.2}.gifting-badge-him{background:#0f172a;color:#ffd79b;border:1px solid rgba(212,175,55,.45)}.gifting-badge-her{background:#ffe4de;color:#9e3322;border:1px solid rgba(158,51,34,.3)}@keyframes varietyPopIn{0%{opacity:0;transform:scale(.96) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.variety-drawer.is-open .variety-drawer-content{animation:varietyPopIn .28s ease-out}@keyframes authModalPop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#cloudflare-auth-modal:not(.hidden)>div{animation:authModalPop .22s cubic-bezier(.16,1,.3,1) forwards}.auth-desktop-showcase{display:none!important}@media (min-width: 768px){.auth-desktop-showcase{display:flex!important}}@keyframes vkOrbFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes vkOrbitalRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vkOrbitalRotateRev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes vkGlowBreathe{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:.85;transform:scale(1.06)}}.vk-orb-container{position:relative;display:flex;align-items:center;justify-content:center;animation:vkOrbFloat 5s ease-in-out infinite}.vk-orb-glow{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;border-radius:50%;background:radial-gradient(circle,rgba(176,141,87,.35) 0%,rgba(3,26,56,.12) 50%,transparent 75%);filter:blur(18px);animation:vkGlowBreathe 4s ease-in-out infinite;pointer-events:none}.vk-orb-sphere{position:relative;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffbf0,#ffd79b 22%,#c59b4c 45%,#1b3860 75%,#031a38);box-shadow:inset -6px -6px 14px #031a38bf,inset 4px 4px 10px #fffc,0 10px 24px -4px #b08d5759,0 4px 10px #031a3826;z-index:2;overflow:hidden}.vk-orb-glare{position:absolute;top:10%;left:20%;width:45%;height:30%;border-radius:50%;background:linear-gradient(180deg,#ffffffe6,#fff0);transform:rotate(-25deg);pointer-events:none}.vk-orbital-ring-outer{position:absolute;border-radius:50%;border:1.5px solid rgba(176,141,87,.55);animation:vkOrbitalRotate 18s linear infinite;pointer-events:none;z-index:3}.vk-orbital-ring-inner{position:absolute;border-radius:50%;border:1px dashed rgba(176,141,87,.35);animation:vkOrbitalRotateRev 12s linear infinite;pointer-events:none;z-index:1}.vk-orbital-dot{position:absolute;top:-3px;left:50%;width:6px;height:6px;border-radius:50%;background:#b08d57;box-shadow:0 0 8px #b08d57,0 0 12px #ffd79be6;transform:translate(-50%)}
