.overlap-hero{width:100%;overflow:hidden}.overlap-hero__row{display:flex;flex-wrap:nowrap;align-items:stretch;width:100%;overflow:hidden;position:relative}.overlap-hero__column{position:relative;flex:0 0 var(--overlap-hero-col-basis);width:var(--overlap-hero-col-basis);min-width:0;min-height:100%;margin-left:calc(-1 * var(--overlap-hero-overlap, 0px));overflow:visible}.overlap-hero__column:first-child{margin-left:0}.overlap-hero__title{position:absolute;top:0;left:0;right:0;z-index:10;height:var(--overlap-hero-title-height, 14%);display:flex;align-items:center;justify-content:center;padding:0 .75rem;pointer-events:none;text-align:center;scroll-margin-top:8rem}.overlap-hero__title-text{display:block;margin:0;font-family:sketchnote-square,sans-serif;font-size:clamp(var(--overlap-hero-title-size-min, 20px),2.8vw + .35rem,var(--overlap-hero-title-size-max, 28px));font-weight:400;font-style:normal;line-height:1.05;letter-spacing:.02em;color:var(--overlap-hero-title-color, #ffffff);text-transform:uppercase}.overlap-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:var(--overlap-hero-bg-z, 1);overflow:visible;pointer-events:none}.overlap-hero__bg>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;overflow:visible}.overlap-hero__bg-img{display:block;height:100%;max-width:none;object-fit:cover}.overlap-hero__column--first .overlap-hero__bg-img{width:calc(100% + var(--overlap-hero-overlap, 30px));object-position:left center}.overlap-hero__column--middle .overlap-hero__bg-img{width:calc(100% + (2 * var(--overlap-hero-overlap, 30px)));margin-left:calc(-1 * var(--overlap-hero-overlap, 30px));object-position:center center}.overlap-hero__column--last .overlap-hero__bg-img{width:calc(100% + var(--overlap-hero-overlap, 30px));margin-left:calc(-1 * var(--overlap-hero-overlap, 30px));object-position:right center}.overlap-hero__sock .lazy-image:before,.overlap-hero__sock .lazy-image:after{display:none!important;content:none!important}.overlap-hero__socks{position:absolute;top:var(--overlap-hero-title-height, 14%);left:0;right:0;bottom:0;z-index:10;pointer-events:none}.overlap-hero__sock{position:absolute;left:0;width:100%;height:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;pointer-events:auto}.overlap-hero__sock--top{top:0}.overlap-hero__sock--bottom{bottom:0}.overlap-hero__sock .lazy-image{position:relative;flex:0 0 auto;width:var(--sock-size, 85%);height:var(--sock-size, 85%);max-width:var(--sock-size, 85%);max-height:var(--sock-size, 85%);overflow:visible;background:transparent;transform:rotate(var(--sock-rotate, 0deg));transform-origin:center center;animation:overlap-hero-sock-idle 4.2s ease-in-out infinite}.overlap-hero__column:nth-child(1) .overlap-hero__sock--top:not(:hover):not(:focus-visible) .lazy-image{animation-delay:0s}.overlap-hero__column:nth-child(1) .overlap-hero__sock--bottom:not(:hover):not(:focus-visible) .lazy-image{animation-delay:.35s}.overlap-hero__column:nth-child(2) .overlap-hero__sock--top:not(:hover):not(:focus-visible) .lazy-image{animation-delay:.7s}.overlap-hero__column:nth-child(2) .overlap-hero__sock--bottom:not(:hover):not(:focus-visible) .lazy-image{animation-delay:1.05s}.overlap-hero__column:nth-child(3) .overlap-hero__sock--top:not(:hover):not(:focus-visible) .lazy-image{animation-delay:.2s}.overlap-hero__column:nth-child(3) .overlap-hero__sock--bottom:not(:hover):not(:focus-visible) .lazy-image{animation-delay:.55s}.overlap-hero__sock:hover .lazy-image,.overlap-hero__sock:focus-visible .lazy-image{animation:overlap-hero-sock-hover .45s ease-in-out infinite;animation-delay:0s}@keyframes overlap-hero-sock-idle{0%,to{transform:rotate(calc(var(--sock-rotate, 0deg) - 1.2deg)) translateZ(0)}25%{transform:rotate(calc(var(--sock-rotate, 0deg) + .8deg)) translate3d(1px,-1px,0)}50%{transform:rotate(calc(var(--sock-rotate, 0deg) + 1.2deg)) translate3d(0,-2px,0)}75%{transform:rotate(calc(var(--sock-rotate, 0deg) - .8deg)) translate3d(-1px,-1px,0)}}@keyframes overlap-hero-sock-hover{0%,to{transform:rotate(calc(var(--sock-rotate, 0deg) - 3deg)) translateZ(0) scale(1.04)}20%{transform:rotate(calc(var(--sock-rotate, 0deg) + 2.5deg)) translate3d(2px,-3px,0) scale(1.06)}40%{transform:rotate(calc(var(--sock-rotate, 0deg) + 3.5deg)) translate3d(-1px,-4px,0) scale(1.05)}60%{transform:rotate(calc(var(--sock-rotate, 0deg) - 2.5deg)) translate3d(-2px,-2px,0) scale(1.06)}80%{transform:rotate(calc(var(--sock-rotate, 0deg) - 3.5deg)) translate3d(1px,-3px,0) scale(1.04)}}@media(prefers-reduced-motion:reduce){.overlap-hero__sock .lazy-image{animation:none;transform:rotate(var(--sock-rotate, 0deg))}}.overlap-hero__sock .lazy-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain!important;object-position:center;opacity:1;padding:0!important;filter:drop-shadow(0 3px 2px rgba(0,0,0,.48)) drop-shadow(0 10px 10px rgba(0,0,0,.32)) drop-shadow(0 22px 24px rgba(0,0,0,.16)) drop-shadow(0 36px 44px rgba(0,0,0,.07));transition:filter .25s ease}.overlap-hero__sock:hover .lazy-image img,.overlap-hero__sock:focus-visible .lazy-image img{filter:drop-shadow(0 4px 3px rgba(0,0,0,.55)) drop-shadow(0 14px 14px rgba(0,0,0,.38)) drop-shadow(0 28px 32px rgba(0,0,0,.2)) drop-shadow(0 44px 56px rgba(0,0,0,.1))}.overlap-hero__sock:focus-visible{outline:2px solid currentColor;outline-offset:-4px}@media screen and (max-width:767px){.overlap-hero--hide-middle .overlap-hero__column--middle{display:none}.overlap-hero--hide-middle .overlap-hero__column--first .overlap-hero__bg-img{width:calc(100% + var(--overlap-hero-overlap, 30px));margin-left:0;object-position:left center}.overlap-hero--hide-middle .overlap-hero__column--last .overlap-hero__bg-img{width:calc(100% + var(--overlap-hero-overlap, 30px));margin-left:calc(-1 * var(--overlap-hero-overlap, 30px));object-position:right center}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-homepage-overlap-hero.css.map */