.wordmark{font-family:var(--font-headline);letter-spacing:.02em}.cloth--twill{background-image:repeating-linear-gradient(135deg, var(--cloth-weave) 0 1px, transparent 1px 5px), repeating-linear-gradient(135deg, transparent 0 3px, var(--cloth-shade) 3px 4px, transparent 4px 5px)}.cloth--herringbone{background-image:linear-gradient(135deg, var(--cloth-weave) 25%, transparent 25%), linear-gradient(225deg, var(--cloth-weave) 25%, transparent 25%), linear-gradient(315deg, var(--cloth-shade) 25%, transparent 25%), linear-gradient(45deg, var(--cloth-shade) 25%, transparent 25%);background-position:-7px 0,-7px 0,0 0,0 0;background-size:14px 14px}.cloth--flannel{background-image:radial-gradient(var(--cloth-weave) .7px, transparent 1.1px), radial-gradient(var(--cloth-shade) .7px, transparent 1.1px), repeating-linear-gradient(120deg, var(--cloth-weave) 0 1px, transparent 1px 9px);background-position:0 0,1.5px 1.5px,0 0;background-size:3px 3px,3px 3px,auto}.cloth--tweed{background-image:radial-gradient(var(--cloth-weave) .9px, transparent 1.4px), repeating-linear-gradient(0deg, var(--cloth-shade) 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, var(--cloth-weave) 0 1px, transparent 1px 4px);background-size:7px 9px,auto,auto}.cloth--linen{background-image:repeating-linear-gradient(0deg, var(--cloth-weave) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, var(--cloth-shade) 0 1px, transparent 1px 5px), repeating-linear-gradient(0deg, transparent 0 17px, var(--cloth-weave) 17px 19px, transparent 19px 31px)}.tape{background:linear-gradient(90deg, var(--tape-tick) 1px, transparent 1px) 0 0 / 12px 7px repeat-x, linear-gradient(90deg, var(--tape-tick) 1px, transparent 1px) 0 0 / 60px 12px repeat-x, linear-gradient(90deg, var(--tape-tick) 1.5px, transparent 1.5px) 0 0 / 120px 20px repeat-x, var(--tape-band)}.basting-x{background-image:repeating-linear-gradient(90deg, var(--tape-thread) 0 9px, transparent 9px 16px);height:2px}.basting-y{background-image:repeating-linear-gradient(180deg, var(--tape-thread) 0 9px, transparent 9px 16px);width:2px}.basting-x-muted{background-image:repeating-linear-gradient(90deg, var(--border) 0 6px, transparent 6px 10px);height:1px}.seam:after{content:"";background:var(--tape-thread);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.seam[data-sewn=true]:after{transform:scaleX(1)}.seam-y:after{transform-origin:top;transform:scaleY(0)}.seam-y[data-sewn=true]:after{transform:scaleY(1)}.stitch-under{background:var(--tape-thread);transform-origin:0;height:2px;display:block}.tag-hole{box-shadow:inset 0 1px 2px var(--cloth-shade)}@media (prefers-reduced-motion:no-preference){.seam:after{transition:transform .42s cubic-bezier(.4,0,.2,1)}.stitch-under{animation:.36s cubic-bezier(.4,0,.2,1) both stitch-in}.swatch-cut{animation:.42s cubic-bezier(.2,0,0,1) both swatch-cut}.tag-sway{transform-origin:50% -24px;animation:.52s cubic-bezier(.4,0,.2,1) tag-sway}}@keyframes stitch-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes swatch-cut{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes tag-sway{0%{transform:rotate(0)}35%{transform:rotate(-.8deg)}70%{transform:rotate(.4deg)}to{transform:rotate(0)}}