:root{--red:#e3002d;--ink:#111}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:11px DM Mono,monospace;letter-spacing:.04em}button{font:inherit;letter-spacing:inherit;cursor:pointer}#scene{position:relative;height:100vh;overflow:hidden}#dot{position:absolute;z-index:3;left:50%;top:50%;width:150px;height:150px;border:0;border-radius:50%;background:var(--red);transform:translate(-50%,-50%);transition:top .7s cubic-bezier(.16,1,.3,1),width .7s cubic-bezier(.16,1,.3,1),height .7s cubic-bezier(.16,1,.3,1)}#scene.open #dot{top:9%;width:22px;height:22px}.clothesline{position:absolute;left:0;right:0;top:17%;height:74vh;transform:translate(110%);transition:transform .85s cubic-bezier(.16,1,.3,1)}#scene.open .clothesline{transform:none}.rope{position:absolute;z-index:1;left:-5vw;right:-5vw;top:0;height:2px;background:var(--ink);transform:rotate(-.5deg)}.rail{position:absolute;z-index:2;top:-19px;left:50%;display:flex;gap:clamp(18px,6vw,100px);align-items:flex-start;transform:translate(-50%)}.garment{width:clamp(185px,22vw,320px);padding:0;border:0;background:transparent;filter:drop-shadow(8px 14px 9px rgba(0,0,0,.1));transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s}.garment:hover{transform:translateY(-10px) scale(1.03);filter:drop-shadow(12px 19px 12px rgba(0,0,0,.16))}.garment img{display:block;width:100%;height:auto}.long{width:clamp(200px,23vw,336px);margin-top:-3px}.modal{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:none}.modal.open{display:block}.veil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel{position:absolute;right:4vw;top:50%;display:grid;grid-template-columns:1.05fr .95fr;width:min(880px,91vw);background:#fff;transform:translateY(-50%);box-shadow:0 16px 50px #00000017;animation:panel .35s cubic-bezier(.16,1,.3,1)}@keyframes panel{0%{opacity:0;transform:translate(24px,-50%)}to{opacity:1;transform:translateY(-50%)}}.close{position:absolute;z-index:2;top:12px;right:15px;border:0;background:transparent;font-size:24px}.photo{display:grid;place-items:center;background:#f8f8f8;padding:30px}.photo img{max-width:100%;max-height:68vh}.info{padding:55px 42px;display:flex;flex-direction:column;align-items:flex-start}.info h1{font:52px Archivo Black,sans-serif;letter-spacing:-.08em;margin:24px 0}.selectors{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.selectors label{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding:12px 0}.selectors select{border:0;background:transparent;font:inherit}.black{width:100%;padding:17px;margin:20px 0;border:0;background:var(--ink);color:#fff}small{font-size:10px;line-height:1.6}em{font-style:normal;color:var(--red);margin-top:8px}#cart{position:fixed;z-index:20;top:0;right:0;bottom:0;width:min(420px,100%);background:#fff;transform:translate(101%);transition:transform .32s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:-10px 0 35px #0000000f}#cart.open{transform:none}.cart-head,.total{padding:20px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between}.cart-head button{border:0;background:transparent;font-size:20px}.total{display:block;margin-top:auto;border-top:1px solid #ddd;border-bottom:0}.total span{display:flex;justify-content:space-between}#items{padding:20px;line-height:1.8}@media(max-width:700px){#dot{width:125px;height:125px}.clothesline{top:21%}.rail{gap:16px;top:-12px}.garment{width:42vw}.long{width:45vw}.panel{right:50%;transform:translate(50%,-50%);grid-template-columns:1fr;max-height:90vh;overflow:auto}.photo{padding:20px}.info{padding:30px 25px}@keyframes panel{0%{opacity:0;transform:translate(50%,-47%)}to{opacity:1;transform:translate(50%,-50%)}}}.rope{height:3px!important;background:#9c6b3e!important;transform:none!important;box-shadow:0 1px #ffffff73}.short img{content:url(/cdn/shop/files/hanging-tee-clean.png?v=1793392308)}.long img{content:url(/cdn/shop/files/hanging-longsleeve-clean.png?v=1793392313)}.garment:hover{transform:translateY(9px) scale(1.015)!important;filter:drop-shadow(8px 20px 12px rgba(0,0,0,.16))!important}.rope{height:2px!important;background:#b18052!important;box-shadow:none!important}#scene.open #dot{width:54px!important;height:54px!important}#scene.open:after{content:"";position:absolute;z-index:3;left:50%;bottom:3.5vh;width:min(245px,42vw);height:115px;transform:translate(-50%);background:url(/cdn/shop/files/buckle-mark.png?v=1793392283) center/contain no-repeat;pointer-events:none}#scene.open:after{mix-blend-mode:screen}#scene.open:after{mix-blend-mode:normal!important;z-index:4!important;bottom:2.5vh!important;width:min(285px,46vw)!important;height:135px!important}.photo img[src="hanging-longsleeve.png"]{content:url(/cdn/shop/files/hanging-longsleeve-clean.png?v=1793392313)}.rope{top:-15px!important;height:25px!important;background:transparent!important;border-bottom:2px solid #b18052;border-radius:0 0 50% 50%/0 0 100% 100%}.clothesline{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}.clothesline::-webkit-scrollbar{display:none}.rail{left:0!important;width:max-content;min-width:100%;padding:0 max(8vw,48px);transform:none!important}.garment{flex:0 0 auto;scroll-snap-align:center}.rope{display:none!important}.rail{position:relative!important;overflow:visible!important}.rail:before{content:"";position:absolute;z-index:0;top:5px;left:-100vw;right:-100vw;height:2px;background:#b18052;transform:rotate(-.35deg);transform-origin:center}.garment{position:relative;z-index:1}.rail{position:absolute!important}#scene.open .rail:before{z-index:3!important;top:22px!important;left:-120vw!important;right:-120vw!important;height:3px!important;background:#b18052!important;box-shadow:0 1px #502d1426}#scene.open .rail:before{height:2px!important;background:linear-gradient(180deg,#f4f4f4,#787878 30%,#171717 52%,#bababa 72%,#303030)!important;box-shadow:0 1px 1px #00000059!important}.garment{transform-origin:50% 0;animation:gentle-sway 3.8s ease-in-out infinite alternate}@keyframes gentle-sway{0%{transform:rotate(-.6deg) translateY(0)}to{transform:rotate(.75deg) translateY(2px)}}.garment:hover{animation-play-state:paused;transform:translateY(9px) rotate(.7deg) scale(1.015)!important}@keyframes clothesSwing{0%{rotate:-1deg;translate:0 0}50%{rotate:1deg;translate:0 3px}to{rotate:-1deg;translate:0 0}}#scene.open .garment{transform-origin:50% 0;animation:clothesSwing 2.8s ease-in-out infinite!important}#scene.open .garment:nth-child(2){animation-delay:-.8s!important}#scene.open .garment:nth-child(3){animation-delay:-1.6s!important}.cart-item{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;margin-bottom:16px;line-height:1.35}.cart-item img{width:58px;height:58px;object-fit:contain;background:#f7f7f7}.cart-item small{display:block;margin-top:4px;color:#666}.cart-item b{font-size:11px}.jeans{width:clamp(240px,26vw,360px);margin-top:-2px}.jeans .clothespin{position:absolute;z-index:5;width:4.4%;aspect-ratio:7/24;top:-3%;background:url(/cdn/shop/files/wood-clothespin-cropped.png?v=1793392303) center/contain no-repeat;pointer-events:none}.pinned-photo .clothespin{position:absolute;z-index:4;width:3.2%;aspect-ratio:7/24;top:-.5%;background:url(/cdn/shop/files/wood-clothespin-cropped.png?v=1793392303) center/contain no-repeat;pointer-events:none;display:none}.jeans .clothespin{position:absolute;z-index:5;width:4.4%;aspect-ratio:7/24;top:-3%;background:url(/cdn/shop/files/wood-clothespin-cropped.png?v=1793392303) center/contain no-repeat;pointer-events:none}.pinned-photo{position:relative;display:inline-block;max-width:100%;max-height:68vh}.pinned-photo.with-pins:before{content:"";position:absolute;z-index:1;top:8%;left:-9%;width:118%;height:4px;transform:rotate(4deg);background:repeating-linear-gradient(170deg,#714523 0 2px,#bd8c58 2px 5px,#8b5d32 5px 7px);box-shadow:0 1px 1px #41241040}.pinned-photo .clothespin{position:absolute;z-index:4;width:3.2%;aspect-ratio:7/24;top:-.5%;background:url(/cdn/shop/files/wood-clothespin-cropped.png?v=1793392303) center/contain no-repeat;pointer-events:none;display:none}.pinned-photo.with-pins .clothespin{display:block}.pinned-photo .pin-left{left:19%}.pinned-photo .pin-right{right:18%}.pinned-photo img{position:relative;z-index:2;display:block;max-width:100%;max-height:68vh}.jeans .clothespin,.pinned-photo .clothespin,.pinned-photo.with-pins:before{display:none!important}.pinned-photo.with-rope:before{content:"";position:absolute;z-index:3;top:8%;left:-9%;width:118%;height:4px;transform:rotate(2.5deg);background:repeating-linear-gradient(170deg,#714523 0 2px,#bd8c58 2px 5px,#8b5d32 5px 7px);box-shadow:0 1px 1px #41241040}.pinned-photo.with-rope .clothespin{display:block!important}.pinned-photo.with-rope .clothespin{display:none!important}.pinned-photo.with-rope:before{z-index:1;top:5%}.jeans{width:clamp(185px,22vw,320px);margin-top:-2px}.jeans .clothespin{display:block!important;width:4%;top:-3%;z-index:5}.jeans .pin-left{left:19%}.jeans .pin-right{right:18%}@media(max-width:700px){.jeans{width:42vw}}.jeans{margin-top:10px}.jeans .clothespin{top:-7.5%}.close{z-index:9;top:8px;right:8px;width:52px;height:52px;padding:0;display:grid;place-items:center;border:0;background:transparent;font-size:30px;line-height:1}.pinned-photo.with-wire:before{content:"";position:absolute;z-index:1;top:5%;left:-9%;width:118%;height:2px;transform:rotate(2.5deg);background:linear-gradient(180deg,#f4f4f4,#787878 30%,#171717 52%,#bababa 72%,#303030);box-shadow:0 1px 1px #00000059}.jeans .clothespin{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/style.css.map */
