body{font-family:'Hanken Grotesk',system-ui,sans-serif}
h1,h2,h3,.serif{font-family:'Cormorant Garamond',Georgia,serif}
.hand{font-family:'Caveat',cursive}
::selection{background:#211F1C;color:#F5F0E6}
.art{position:relative;overflow:hidden;background:#EFE8D8}
.art::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");mix-blend-mode:multiply;pointer-events:none}
.yarnrow{display:flex;flex-wrap:wrap;gap:10px}
.yarnrow span{width:20px;height:20px;border-radius:999px;display:block}
.cart-drawer{transform:translateX(100%);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.cart-drawer.open{transform:translateX(0)}
.scrim{opacity:0;pointer-events:none;transition:opacity .3s}
.scrim.open{opacity:1;pointer-events:auto}
.tab-panel{display:none}
.tab-panel.active{display:block}
.tab-btn.active{color:#211F1C;border-color:#211F1C}
.stock-dot{width:7px;height:7px;border-radius:999px;background:#4B6E4A;display:inline-block}
@media (prefers-reduced-motion:reduce){.cart-drawer{transition:none}}