:root{--color-warm-cream:#f5f0e5;--color-charcoal-black:#20201e;--color-soft-beige:#e8dfce;--color-muted-gold:#b79b69;--color-ivory-white:#faf8f5;--color-pure-white:#fff;--color-border:#e0d7c6;--color-border-subtle:#ece5d7;--color-border-dark:#20201e;--color-text-primary:#20201e;--color-text-secondary:#4d4a43;--color-text-muted:#5c5850;--color-danger:#c0392b;--color-danger-bg:#fdedec;--color-danger-border:#f5b7b1;--color-success:#27ae60;--color-success-bg:#eafaf1;--color-badge-gold-bg:#f7f1e5;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Mono", "SF Mono", Menlo, Consolas, monospace;--font-display:"Cinzel", "Playfair Display", Georgia, serif;--shadow-subtle:0 2px 10px #20201e0a;--shadow-card:0 4px 20px #20201e0f;--shadow-hover:0 12px 32px #20201e1f;--shadow-modal:0 24px 60px #20201e33;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-full:9999px;--transition-fast:.18s ease;--transition-smooth:.28s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background-color:var(--color-warm-cream);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.grecaptcha-badge{visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;right:-9999px!important}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-charcoal-black)!important;outline-offset:2px!important}.skip-link{background-color:var(--color-charcoal-black);color:#faf8f5;text-transform:uppercase;letter-spacing:.08em;z-index:10000;border-radius:4px;padding:10px 18px;font-size:.82rem;font-weight:700;text-decoration:none;transition:top .2s cubic-bezier(.16,1,.3,1);position:fixed;top:-80px;left:20px;box-shadow:0 4px 16px #0000004d}.skip-link:focus{top:16px;outline:2px solid var(--color-muted-gold)!important}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-warm-cream)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted-gold)}.btn-primary{background-color:var(--color-charcoal-black);color:var(--color-warm-cream);border:1px solid var(--color-charcoal-black);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .22s var(--ease-spring);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-primary:hover{background-color:#383835;border-color:#383835;transform:translateY(-1.5px);box-shadow:0 4px 14px #20201e1f}.btn-secondary{color:var(--color-charcoal-black);border:1px solid var(--color-charcoal-black);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .22s var(--ease-spring);border-radius:var(--radius-sm);background-color:#0000;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:var(--color-soft-beige);transform:translateY(-1.5px)}.btn-gold{background-color:var(--color-muted-gold);color:var(--color-pure-white);border:1px solid var(--color-muted-gold);letter-spacing:.04em;cursor:pointer;transition:all .22s var(--ease-spring);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-gold:hover{background-color:#a38756;transform:translateY(-1.5px);box-shadow:0 4px 14px #b79b6940}.admin-btn-action{border:1px solid var(--color-border);color:var(--color-charcoal-black);cursor:pointer;transition:background var(--transition-fast);background:0 0;border-radius:2px;padding:4px 10px;font-size:.78rem;font-weight:500}.admin-btn-action:hover{background:var(--color-soft-beige)}.admin-btn-delete{border:1px solid var(--color-danger-border);color:var(--color-danger);cursor:pointer;transition:background var(--transition-fast);background:0 0;border-radius:2px;padding:4px 10px;font-size:.78rem;font-weight:500}.admin-btn-delete:hover{background:var(--color-danger-bg)}:root{--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.25, .1, .25, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes heroShoeFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(-.5deg)}}@keyframes badgePop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.88}}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}#collection,#story,#ergonomics-and-faq,#reviews,#materials,section[id]{scroll-margin-top:80px}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-page-enter{will-change:opacity, transform;animation:.32s cubic-bezier(.16,1,.3,1) both pageEnter}@keyframes pageContentEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition-content{will-change:opacity, transform;animation:.36s cubic-bezier(.16,1,.3,1) both pageContentEnter}button:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-gold:active:not(:disabled),.nav-link:active{transition:transform .1s cubic-bezier(.16,1,.3,1)!important;transform:scale(.97)!important}.nav-link:after{content:"";background-color:var(--color-charcoal-black);border-radius:1px;width:0;height:1.5px;transition:all .24s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover:after{width:100%}.animate-fade-in{animation:fadeIn .28s var(--ease-spring) forwards;will-change:opacity}.animate-fade-up{animation:fadeInUp .4s var(--ease-spring) forwards;will-change:transform, opacity}.animate-backdrop{animation:backdropFadeIn .32s var(--ease-spring) forwards;will-change:opacity}.animate-slide-right,.animate-drawer{animation:slideInRight .35s var(--ease-spring) forwards;will-change:transform}.animate-modal{animation:modalScaleIn .32s var(--ease-spring) forwards;will-change:transform, opacity}.animate-float,.animate-hero-shoe{will-change:transform;animation:6s ease-in-out infinite heroShoeFloat}.animate-stamp{will-change:transform;animation:5.2s ease-in-out infinite alternate heroStampFloat}@keyframes heroStampFloat{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(1.5deg)}to{transform:translateY(-1px)rotate(-1deg)}}.animate-badge-pop{animation:badgePop .28s var(--ease-spring) forwards}.hero-reveal-1{animation:fadeInUp .55s var(--ease-spring) 40ms both}.hero-reveal-2{animation:fadeInUp .6s var(--ease-spring) .12s both}.hero-reveal-3{animation:fadeInUp .65s var(--ease-spring) .2s both}.hero-reveal-4{animation:fadeInUp .7s var(--ease-spring) .28s both}.hero-reveal-shoe{animation:fadeInUp .75s var(--ease-spring) .16s both}.marquee-track{width:200%;animation:26s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.nav-link{transition:color .2s;position:relative}.nav-link:after{content:"";background-color:var(--color-charcoal-black);transform-origin:100%;width:100%;height:1.5px;transition:transform .24s var(--ease-spring);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}button:active{transition:transform .1s;transform:scale(.985)}.icon-btn{transition:transform .2s var(--ease-spring), color .2s ease}.icon-btn:hover{transform:scale(1.08)}.product-card-root{transition:transform .35s var(--ease-spring), box-shadow .35s var(--ease-spring), border-color .3s ease;will-change:transform, box-shadow}.product-card-root:hover{border-color:#d8cfbf;transform:translateY(-4px);box-shadow:0 14px 32px #20201e14}.product-card-image{transition:transform .48s var(--ease-spring), filter .48s var(--ease-spring);will-change:transform}.feature-card{transition:transform .35s var(--ease-spring), box-shadow .35s var(--ease-spring), border-color .3s ease;will-change:transform, box-shadow}.feature-card:hover{border-color:#d8cfbf;transform:translateY(-4px);box-shadow:0 12px 28px #20201e14}.category-tab-btn{font-family:var(--font-mono);color:#656157;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:all .22s var(--ease-spring);background-color:#0000;border:1px solid #0000;border-radius:2px;padding:6px 14px;font-size:.74rem;font-weight:700}.category-tab-btn:hover{background-color:var(--color-soft-beige);color:var(--color-charcoal-black)}.category-tab-btn.active{background-color:var(--color-charcoal-black);color:#fff;border-color:var(--color-charcoal-black)}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.editorial-kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#88847b;font-size:.7rem;font-weight:700}.product-card-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--color-charcoal-black);font-size:1.02rem;font-weight:600;line-height:1.35}.price-tabular{font-family:var(--font-mono);letter-spacing:-.02em;font-weight:700}.brand-emblem-text{font-family:var(--font-display);letter-spacing:.16em}.admin-nav-item{text-align:left;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;width:100%;color:var(--color-charcoal-black);transition:background-color .22s var(--ease-spring), color .22s var(--ease-spring), transform .15s ease;background-color:#0000;border:none;border-radius:0;padding:11px 16px;font-size:.8rem;font-weight:600;display:block}.admin-nav-item:hover{background-color:var(--color-soft-beige)}.admin-nav-item.active{background-color:var(--color-charcoal-black);color:#fff}.admin-nav-item:active{transform:scale(.99)}.toast-banner{background-color:var(--color-charcoal-black);color:var(--color-warm-cream);border-radius:var(--radius-sm);box-shadow:var(--shadow-modal);z-index:9999;border-left:4px solid var(--color-muted-gold);animation:toastSlideUp .35s var(--ease-spring) forwards;will-change:transform, opacity;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:500;display:flex;position:fixed;bottom:24px;right:24px}.mobile-only-btn{display:none!important}@media (width<=768px){.hidden-mobile{display:none!important}.mobile-only-btn{display:flex!important}.hide-on-mobile{display:none!important}}@media (width<=480px){.hide-on-mobile-xs{display:none!important}}.responsive-container{padding-left:28px;padding-right:28px}@media (width<=768px){.responsive-container{padding-left:16px!important;padding-right:16px!important}}.responsive-hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}@media (width<=880px){.responsive-hero-grid{grid-template-columns:1fr;gap:36px}}.hero-halo-container{aspect-ratio:1.15;width:100%;max-width:420px}@media (width<=480px){.hero-halo-container{max-width:310px}}.responsive-trust-grid{text-align:center;border-top:1px solid #e8dfce;grid-template-columns:repeat(4,1fr);max-width:1240px;margin:0 auto;padding:18px 28px;display:grid}.trust-item{border-right:1px solid #e8dfce;padding:6px 12px}.trust-item:last-child{border-right:none}@media (width<=960px){.responsive-trust-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}.trust-item{border-bottom:1px solid #e8dfce;border-right:none;padding:8px 6px}.trust-item:nth-child(3),.trust-item:nth-child(4){border-bottom:none}}@media (width<=520px){.responsive-trust-grid{grid-template-columns:1fr;padding:12px 14px}.trust-item{border-bottom:1px solid #e8dfce;border-right:none}.trust-item:last-child{border-bottom:none}}.responsive-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:48px;margin-bottom:60px;display:grid}@media (width<=1024px){.responsive-footer-grid{grid-template-columns:repeat(2,1fr);gap:36px}}@media (width<=640px){.responsive-footer-grid{flex-direction:column;gap:32px;margin-bottom:40px;display:flex}}.responsive-detail-grid{grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.responsive-detail-grid{flex-direction:column;display:flex}}.responsive-checkout-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:28px;display:grid}@media (width<=768px){.responsive-checkout-grid{flex-direction:column;gap:24px;display:flex}}.responsive-address-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}@media (width<=520px){.responsive-address-row{grid-template-columns:1fr;gap:10px}}@media (width<=640px){.ai-chat-responsive-modal{border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:20px 20px 0 0!important;width:100vw!important;max-width:100vw!important;height:92vh!important;max-height:92vh!important;bottom:0!important;left:0!important;right:0!important}}@keyframes chatModalEnter{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes typingPulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}