
.thread-controls{position:fixed;bottom:18px;right:18px;z-index:10020;display:flex;gap:8px;align-items:center;background:#141414;color:#f4e247;padding:8px 10px;border:1px solid #f4e24766;border-radius:6px;font:11px Outfit,Arial,sans-serif;box-shadow:0 4px 20px #0003}.thread-controls button{border:1px solid #f4e24788;background:transparent;color:inherit;padding:8px 12px;border-radius:3px;cursor:pointer;font:inherit}.thread-controls button:focus-visible{outline:2px solid white}.thread-controls small{padding:0 6px}.thread-scene{position:fixed;inset:0;z-index:10000;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#29261e,#141414 70%);opacity:0;visibility:hidden;transition:opacity .4s}.thread-scene.active{visibility:visible;opacity:1}.thread-scene canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3}.thread-half{position:absolute;inset:0;overflow:hidden;z-index:2;will-change:transform;}.thread-half .site-copy{width:100%;position:absolute;left:0;background:var(--paper);pointer-events:none}.thread-title{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f3eee4;text-align:center;opacity:0;text-shadow:0 2px 24px #141414}.thread-title img{width:180px;height:auto;filter:drop-shadow(0 0 20px #f4e24733)}.thread-title h2{font:clamp(40px,6vw,84px)/.92 'Bebas Neue',Impact,sans-serif;letter-spacing:1px;margin:24px 0 15px}.thread-title p{font:10px Outfit,sans-serif;letter-spacing:4px;text-transform:uppercase}.thread-status{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:10021;background:#141414dd;color:#f4e247;padding:9px 16px;border-radius:2px;font:10px Outfit,Arial;letter-spacing:1px;pointer-events:none}.thread-toast{position:fixed;bottom:75px;right:18px;z-index:10030;padding:15px;background:#141414;color:#fff;font:13px Outfit;max-width:300px}.thread-controls [hidden]{display:none!important}@media(max-width:600px){.thread-controls{flex-wrap:wrap;bottom:10px;right:10px;left:10px;justify-content:center}.thread-controls small{font-size:9px}.thread-title img{width:125px}.thread-title p{letter-spacing:2px;font-size:9px}}
 .denim-float.bobbin{width:38px;height:64px}.thread-title h2{font-size:clamp(36px,5.4vw,78px)}.thread-title .brand-note{font:13px/1.6 Outfit,Arial;letter-spacing:.1px;text-transform:none;color:#e2dac9;margin:18px 0 0}.thread-title{padding:0 24%;background:radial-gradient(ellipse 24% 26% at center,#14141470,transparent)}.thread-title img{width:180px}.thread-title h2{text-align:center;white-space:nowrap}.thread-enter{margin-top:22px;pointer-events:auto;background:#141414dd;color:#e7cc79;border:1px solid #c3a75f;border-radius:3px;padding:13px 21px;font:11px Outfit;letter-spacing:1px;cursor:pointer}.thread-title[style*="opacity: 0"] .thread-enter{pointer-events:none}.thread-controls{font-size:10px}.denim-float.jeans{width:135px;height:218px}@media(max-width:600px){.thread-title{padding:0 18%;background:radial-gradient(ellipse 35% 30% at center,#141414b0,transparent)}.thread-title img{width:120px}.thread-title h2{font-size:36px}.thread-title p{font-size:7px;letter-spacing:1.2px}.thread-title .brand-note{font-size:10px;margin-top:12px}.thread-enter{font-size:9px;padding:10px 12px;margin-top:16px}.denim-float.jeans{width:65px;height:112px}.denim-float.bobbin{width:23px;height:40px}}

.denim-float{position:absolute;z-index:3;width:110px;height:180px;opacity:0;pointer-events:none;will-change:transform,opacity;transform-origin:center}.denim-float.scrap{width:65px;height:70px}.denim-float svg{width:100%;height:100%;overflow:visible}.denim-float.jeans{width:115px;height:190px}@media(max-width:600px){.denim-float.jeans{width:64px;height:110px}.denim-float.scrap{width:38px;height:44px}}
.denim-float.extra-garment{width:115px;height:128px;filter:drop-shadow(0 1px 2px #e1d5b04a)}.denim-float.extra-garment.dress{width:88px;height:150px}.denim-float.extra-garment.open-shirt{width:112px;height:120px}@media(max-width:600px){.denim-float.extra-garment{width:59px;height:69px}.denim-float.extra-garment.dress{width:47px;height:91px}.denim-float.extra-garment.open-shirt{width:60px;height:69px}}
.thread-scene.active{pointer-events:auto}.thread-scene:not(.active) .thread-controls,.thread-scene:not(.active) .thread-status{display:none}.thread-scene .thread-controls{box-shadow:none}.thread-scene button:focus-visible{outline:2px solid #f4e247;outline-offset:4px}@media(prefers-reduced-motion:reduce){.thread-scene{display:none!important}}
