:root{--ink: #0E0E0E;--cream: #FFF4E0;--lime: #C7FF3C;--pink: #FF2299;--yellow: #FFDD11;--purple: #7744BB;--blue: #4D5DFF;--paper: #ffffff;--muted: #666666;--display: "Bricolage Grotesque", system-ui, sans-serif;--body: "Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--blue);text-decoration:none}a:hover{color:var(--pink)}::selection{background:var(--lime);color:var(--ink)}input,textarea,button,select{font-family:inherit}img{display:block;max-width:100%}h1,h2,h3{overflow-wrap:break-word}.media{position:relative;overflow:hidden;background:#fff;display:block}.media>img,.media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card{background:var(--paper);border:2.5px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink)}.btn{cursor:pointer;border:2.5px solid var(--ink);border-radius:14px;padding:16px 30px;font-weight:700;font-size:17px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--lime);box-shadow:6px 6px 0 var(--pink)}.btn-primary:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--pink)}.btn-ghost{background:var(--cream);color:var(--ink);box-shadow:6px 6px 0 var(--ink)}.btn-ghost:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--ink)}.btn-lime{background:var(--lime);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.btn-lime:hover:not(:disabled){background:var(--pink);color:#fff;transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.field{border:2px solid var(--ink);border-radius:10px;padding:13px 14px;font-size:15px;outline:none;width:100%;background:#fff;color:var(--ink)}.field:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4d5dff2e}.field[aria-invalid=true]{border-color:var(--pink)}.section{padding:clamp(32px,5vw,60px) clamp(16px,5vw,64px)}.wrap{max-width:1100px;margin:0 auto}.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.eta-chip{display:inline-flex;align-items:center;gap:8px;background:var(--lime);border:2.5px solid var(--ink);border-radius:999px;padding:7px 16px;font-weight:700;font-size:13px;box-shadow:3px 3px 0 var(--ink)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-18px) rotate(var(--r,0deg))}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes rise{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes blob{0%,to{border-radius:42% 58% 62% 38%/45% 40% 60% 55%}50%{border-radius:60% 40% 38% 62%/58% 62% 38% 42%}}@keyframes toastin{0%{transform:translateY(120%) rotate(-4deg);opacity:0}to{transform:translateY(0) rotate(-2deg);opacity:1}}.anim-rise{animation:rise .6s ease both}.anim-pop{animation:pop .6s ease both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-header{background:var(--cream);border-bottom:3px solid var(--ink);padding:14px clamp(12px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:12px}.site-nav{display:flex;align-items:center;gap:clamp(10px,2vw,26px);font-weight:600;font-size:15px}.brand-name{font-family:var(--display);font-weight:800;line-height:.95;font-size:18px}.brand-mark{width:46px;height:46px;flex-shrink:0;display:block}.brand-lockup{width:clamp(180px,22vw,240px);height:auto;display:block}@media(max-width:560px){.site-nav .nav-secondary{display:none}.site-header{gap:8px}.brand-mark{width:40px;height:40px}.brand-name{font-size:14px;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:400px){.brand-name{max-width:96px}.site-nav{gap:10px;font-size:14px}}@media(max-width:860px){.split{grid-template-columns:1fr!important}.sticky-col{position:static!important}}.split>*{min-width:0}@media(max-width:480px){.cart-line{flex-wrap:wrap}.cart-line .cart-line-total{margin-left:auto}}