:root{--ink: #14120f;--ink-soft: #1e1b16;--paper: #f3efe7;--paper-dim: #e7e0d2;--clay: #a85c3b;--clay-soft: #c07a58;--moss: #3f4a3a;--moss-soft: #5c6b53;--gold: #c9a66b;--line-on-dark: rgba(243, 239, 231, .14);--line-on-paper: rgba(20, 18, 15, .12);--danger: #b1493f;--font-display: "Fraunces", "Georgia", serif;--font-body: "Manrope", -apple-system, sans-serif;--font-mono: "Space Mono", monospace;--radius-sm: 2px;--radius-md: 4px;--container: 1240px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:1rem;color:var(--ink);background:var(--paper);border:1px solid var(--line-on-paper);border-radius:var(--radius-sm);padding:.75rem .9rem;width:100%}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--clay);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:450;letter-spacing:-.01em}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--clay-soft)}.hairline{height:1px;background:var(--line-on-dark);border:none;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.85rem 1.6rem;border-radius:var(--radius-sm);font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600;transition:transform .35s var(--ease-out),background .25s,color .25s,border-color .25s}.btn-primary{background:var(--clay);color:var(--paper)}.btn-primary:hover{background:var(--clay-soft);transform:translateY(-2px)}.btn-outline{border:1px solid var(--line-on-dark);color:var(--paper)}.btn-outline:hover{border-color:var(--paper);transform:translateY(-2px)}.btn-dark{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.btn-dark:hover{transform:translateY(-2px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .55rem;border-radius:var(--radius-sm);display:inline-block}.tag-sale{background:var(--clay);color:var(--paper)}.tag-stock{background:var(--moss);color:var(--paper)}.tag-out{background:var(--danger);color:var(--paper)}.price{font-family:var(--font-mono)}.price-strike{text-decoration:line-through;opacity:.5;margin-right:8px}.form-field{margin-bottom:1rem}.form-label{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;color:var(--paper-dim)}.card-surface{background:var(--paper);color:var(--ink);border-radius:var(--radius-md)}.card-surface .form-label{color:#14120f94}.card-surface .btn-outline{color:var(--ink);border-color:var(--line-on-paper)}.card-surface .btn-outline:hover{border-color:var(--ink)}.card-surface .eyebrow{color:var(--clay)}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 37%,#ffffff0d 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media (max-width: 1100px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 860px){.nav-desktop{display:none!important}.burger{display:block!important}.product-grid{grid-template-columns:repeat(2,1fr);gap:18px}.hero-grid,.split-grid,.admin-shell{grid-template-columns:1fr}}@media (max-width: 520px){.product-grid{grid-template-columns:1fr 1fr;gap:12px}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleReveal{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes drawLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulseRing{0%{box-shadow:0 0 #a85c3b73}to{box-shadow:0 0 0 14px #a85c3b00}}@keyframes toastIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reveal{opacity:0}.reveal.up{animation:fadeUp .9s var(--ease-out) forwards}.reveal.fade{animation:fadeIn 1s var(--ease-out) forwards}.reveal.scale{animation:scaleReveal 1.1s var(--ease-out) forwards}.reveal.left{animation:slideInLeft .9s var(--ease-out) forwards}.reveal.right{animation:slideInRight .9s var(--ease-out) forwards}.reveal[style]{animation-delay:var(--d, 0s)}.zipper-wipe{clip-path:inset(0 calc((1 - var(--wipe, 0)) * 100%) 0 0);will-change:clip-path}.zipper-teeth{position:absolute;top:0;bottom:0;left:calc(var(--wipe, 0) * 100%);width:2px;background:var(--gold);transform:translate(-1px);box-shadow:0 0 12px 2px #c9a66b99}.marquee-track{display:flex;width:max-content;animation:marquee 26s linear infinite;gap:3rem}.float-slow{animation:floatY 6s ease-in-out infinite}.underline-draw{position:relative}.underline-draw:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}.underline-draw:hover:after{transform:scaleX(1)}.magnetic{transition:transform .25s var(--ease-out)}.pulse-dot{animation:pulseRing 1.8s var(--ease-out) infinite;border-radius:50%}.toast-pop{animation:toastIn .35s var(--ease-out) forwards}
