.hg-hang{--hg-bg: #F4EFE6;--hg-ink: #121212;--hg-amber: #F2A93B;background:var(--hg-bg);color:var(--hg-ink);padding:3.5rem 1.25rem 2.5rem;overflow:hidden}.hg-hang__inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hg-hang__rail-wrap{position:relative;width:100%;margin-bottom:.75rem;padding-top:12px}.hg-hang__rail{position:absolute;left:0;right:0;top:24px;height:14px;z-index:2;border-radius:3px;background:linear-gradient(180deg,#c9a06a,#a8783e 18%,#8b5a2b 45%,#6e4320 70%,#5a3618);box-shadow:inset 0 1px #ffe6b473,inset 0 -2px 3px #00000059,0 3px 6px #00000038;pointer-events:none}.hg-hang__rail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(0,0,0,.06) 7px 8px,transparent 8px 18px,rgba(255,255,255,.05) 18px 19px);pointer-events:none}.hg-hang__socks{list-style:none;margin:0;padding:0 .25rem;display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(.35rem,1.2vw,1rem);position:relative;z-index:3}.hg-hang__sock{position:relative;flex:1 1 0;max-width:240px;text-align:center;text-decoration:none;color:inherit;display:block;background:transparent;transform-origin:calc(50% + var(--peg-x, 0%)) 8px;animation:hg-hang-sway 4.2s ease-in-out infinite}.hg-hang__sock--1{--tilt: -2.8deg;--peg-x: 2%;--cuff-shift: 8.1%;animation-duration:4.6s;animation-delay:-.4s}.hg-hang__sock--2{--tilt: 1.8deg;--peg-x: -3%;--cuff-shift: 5.6%;animation-duration:3.9s;animation-delay:-1.1s}.hg-hang__sock--3{--tilt: -1.2deg;--peg-x: 8.1%;--cuff-shift: 2.4%;animation-duration:4.8s;animation-delay:-.2s}.hg-hang__sock--4{--tilt: 2.4deg;--peg-x: -1%;--cuff-shift: 5.6%;animation-duration:4.1s;animation-delay:-1.7s}.hg-hang__sock--5{--tilt: -2.1deg;--peg-x: -2%;--cuff-shift: 3.4%;animation-duration:5s;animation-delay:-.9s}.hg-hang__sock--6{--tilt: 1.5deg;--peg-x: 0%;--cuff-shift: 0%;animation-duration:4.3s;animation-delay:-.6s}.hg-hang__sock--7{--tilt: -1.9deg;--peg-x: 0%;--cuff-shift: 0%;animation-duration:4.7s;animation-delay:-1.4s}.hg-hang__sock--8{--tilt: 2.2deg;--peg-x: 0%;--cuff-shift: 0%;animation-duration:3.8s;animation-delay:-.3s}.hg-hang__peg{position:relative;z-index:5;display:block;width:15px;height:46px;margin:0 auto -22px;left:var(--peg-x, 0%);background:linear-gradient(90deg,#0a0a0a,#2c2c2c 18%,#161616 48%,#2a2a2a 80%,#080808);border-radius:2px 2px 3px 3px;box-shadow:1px 2px 3px #00000047}.hg-hang__peg:before{content:"";position:absolute;left:-4px;right:-4px;top:13px;height:9px;background:linear-gradient(180deg,#8a8a8a,#4a4a4a 32%,#1a1a1a 55%,#5a5a5a);border-radius:4px;box-shadow:0 1px 1px #00000073,inset 0 1px #ffffff38}.hg-hang__peg:after{content:"";position:absolute;left:1px;right:1px;bottom:-2px;height:16px;background:linear-gradient(90deg,#000,#222 28%,#111 55%,#1c1c1c 80%,#000);border-radius:0 0 2px 2px;box-shadow:0 2px 2px #00000040}.hg-hang__img-wrap{display:block;position:relative;z-index:1;overflow:hidden;background:transparent;padding-top:10%}.hg-hang__img{display:block;width:100%;height:auto;max-height:min(72vh,640px);object-fit:contain;object-position:top center;margin:0 auto;margin-top:calc(-1 * var(--cuff-shift, 0%));background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 8px 5px rgba(0,0,0,.14));pointer-events:none;-webkit-user-select:none;user-select:none;position:relative;z-index:1}@keyframes hg-hang-sway{0%,to{transform:rotate(var(--tilt, -2deg))}50%{transform:rotate(calc(var(--tilt, -2deg) + 2.2deg))}}@media(prefers-reduced-motion:reduce){.hg-hang__sock{animation:none!important;transform:rotate(var(--tilt, 0deg))}}.hg-hang__copy{text-align:center;margin-top:clamp(.75rem,3vh,1.75rem);max-width:720px;padding:0 1rem}.hg-hang__title{font-family:Arial Narrow,Helvetica Neue Condensed,Impact,Haettenschweiler,sans-serif;font-size:clamp(2rem,5.5vw,3.75rem);letter-spacing:.04em;line-height:.95;font-weight:800;text-transform:uppercase;color:var(--hg-ink);margin:0}.hg-hang__title span{color:var(--hg-amber);display:block}.hg-hang__cta{display:inline-block;margin-top:1.15rem;background:var(--hg-amber);color:#121212!important;font-family:Arial Narrow,Helvetica Neue Condensed,Impact,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;padding:.85rem 1.6rem;border-radius:2px;font-size:.95rem}.hg-hang__cta:hover{filter:brightness(1.05)}@media screen and (max-width:749px){.hg-hang{padding:2.5rem 0 2rem}.hg-hang__rail-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hg-hang__rail-wrap::-webkit-scrollbar{display:none}.hg-hang__socks{width:max-content;min-width:100%;justify-content:flex-start;gap:.35rem;padding:0 .5rem}.hg-hang__sock{flex:0 0 30vw;width:30vw;max-width:140px;min-width:108px}.hg-hang__img{max-height:48vh}.hg-hang__title{font-size:1.7rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hg-hanging-hero.css.map */