.hib-rack{--ease-rack: cubic-bezier(.22, 1, .36, 1);background:var(--rack-bg);color:var(--rack-fg);padding-top:var(--rack-pt);padding-bottom:var(--rack-pb);overflow:hidden}.hib-rack__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.6rem;margin-bottom:2rem}.hib-rack__eyebrow{margin:0 0 .4rem;font-size:1.15rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;opacity:.55}.hib-rack__title{margin:0;font-family:var(--font-heading-family);font-size:clamp(2.6rem,2.2vw + 1.8rem,4.4rem);font-weight:800;line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:inherit}.hib-rack__all{flex-shrink:0;padding-bottom:.3rem;border-bottom:.15rem solid currentColor;color:inherit;font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.hib-rack__all span{display:inline-block;transition:transform .3s var(--ease-rack)}.hib-rack__all:hover span{transform:translate(.4rem)}hib-rack{--piece: 70vw;--slot: 12vw;--push: calc(var(--piece) / 2 - var(--slot) / 2 + 2vw);--stage-h: calc(var(--piece) * .9 + 1.6rem);position:relative;display:block}.hib-rack__rail{position:absolute;top:.3rem;left:0;right:0;z-index:0;height:.7rem;pointer-events:none}.hib-rack__rail span{position:absolute;top:0;right:-2%;bottom:0;left:-2%;border-radius:1rem;background:linear-gradient(180deg,#f1f1f1,#b9b9b9 30%,#7d7d7d,#4a4a4a);box-shadow:0 .5rem 1.2rem #0003}.hib-rack__list{display:flex;height:var(--stage-h);margin:0;padding:0;list-style:none}.hib-rack__item{--side: 1;position:relative;flex:0 0 var(--slot);height:100%;z-index:var(--z, 1)}.hib-rack__link{display:block;height:100%;color:inherit;pointer-events:none;-webkit-tap-highlight-color:transparent}.hib-rack__hit{position:absolute;z-index:5;top:0;left:6%;right:6%;height:calc(var(--piece) * .88);pointer-events:auto;cursor:pointer}.hib-rack__item:not(.is-active) .hib-rack__hit{left:50%;right:auto;width:var(--slot);transform:translate(-50%)}.hib-rack__item:after{content:"";position:absolute;top:calc(var(--piece) * .79);left:50%;width:calc(var(--piece) * .18);height:1.6rem;background:radial-gradient(closest-side,rgba(0,0,0,.3),transparent);transform:translate(calc(-50% + var(--side, 0) * var(--push, 0px)));transition:width .8s var(--ease-rack),transform .8s var(--ease-rack),opacity .6s ease;pointer-events:none;opacity:.7}.hib-rack__item.is-active:after{width:calc(var(--piece) * .78);opacity:1}.hib-rack__link:focus-visible{outline:none}.hib-rack__link:focus-visible .hib-rack__garment{outline:.2rem solid currentColor;outline-offset:.4rem;border-radius:1rem}.hib-rack__piece{position:absolute;top:0;left:50%;display:block;width:var(--piece);margin-left:calc(var(--piece) / -2);transform-origin:50% .6rem;transform:translate(calc(var(--side, 0) * var(--push, 0px))) scale(var(--scale, .86));transition:transform .8s var(--ease-rack);pointer-events:none}.hib-rack__item.is-active{--scale: 1;--side: 0}@property --turn{syntax: "<number>"; inherits: true; initial-value: 90;}.hib-rack__item{--face: -1;--ease-turn: cubic-bezier(.45, .05, .55, .95)}.hib-rack__piece{--turn: 90;transition:transform .8s var(--ease-rack),--turn 1s var(--ease-turn)}.hib-rack__item.is-active .hib-rack__piece{--turn: 0}.hib-rack__model{position:absolute;z-index:1;top:calc(var(--piece) * -.005);left:50%;width:calc(var(--piece) * .81);height:calc(var(--piece) * .91);margin-left:calc(var(--piece) * -.405);transform:scaleX(var(--face, -1));transform-origin:50% 0;opacity:clamp(0,calc((var(--turn) - 74) / 8),1);filter:drop-shadow(.6rem 1rem 1rem rgba(0,0,0,.22));transition:transform .45s var(--ease-turn)}.hib-rack__frame{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate}.hib-rack__model-color,.hib-rack__model-shade,.hib-rack__model-knit{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--tee) center / contain no-repeat;mask:var(--tee) center / contain no-repeat}.hib-rack__model-color{background:var(--cloth, #1c1c1c)}.hib-rack__model-shade{background:var(--tee) center / contain no-repeat;mix-blend-mode:hard-light;opacity:var(--shade-o, .8)}.hib-rack__model-knit{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15 0.75' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,rgba(0,0,0,.05) 1px 2px,transparent 2px 3px);background-size:160px 160px,auto;mix-blend-mode:overlay;opacity:.32}.hib-rack__model-hook{position:absolute;z-index:2;top:0;left:50%;width:calc(var(--piece) * .035);margin-left:calc(var(--piece) * -.0175);color:#2b2b2b}.hib-rack__front{position:relative;display:block;opacity:clamp(0,calc((88 - var(--turn)) / 8),1)}.hib-rack__spin{--d: calc(var(--piece) * .09);position:relative;display:block;transform:perspective(1600px) rotateY(calc(var(--face, -1) * var(--turn) * 1deg));transform-origin:50% 0;transform-style:preserve-3d}.hib-rack__hanger{position:relative;z-index:0;display:block;width:34%;margin:0 auto;color:#2b2b2b}.hib-rack__garment{position:relative;z-index:1;display:block;width:100%;aspect-ratio:1;margin-top:calc((var(--collar, .15) + .091) * -100%);scale:var(--fit-s, 1);translate:0 calc((1 - var(--fit-s, 1)) * var(--collar, .15) * 100%);transform:perspective(1200px) rotateX(4deg);transform-origin:50% 0;transform-style:preserve-3d}.hib-rack__img{position:relative;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:translateZ(calc(var(--d) / 2));backface-visibility:hidden}.hib-rack__img--placeholder{background:#0000000a}.hib-rack__body{position:absolute;top:0;right:0;bottom:0;left:0;display:none;transform-style:preserve-3d;pointer-events:none}.hib-rack__item.is-active .hib-rack__body,.hib-rack__item.is-leaving .hib-rack__body{display:block}.hib-rack__body i{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--mask) center / contain no-repeat;mask:var(--mask) center / contain no-repeat;background:linear-gradient(rgba(0,0,0,var(--dark)),rgba(0,0,0,var(--dark))),var(--cloth, #1c1c1c);transform:translateZ(calc(var(--d) * var(--z-layer))) scale(var(--lw, 1),var(--lh, 1));transform-origin:50% 40%}.hib-rack__shade,.hib-rack__folds,.hib-rack__shine{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--mask) center / contain no-repeat;mask:var(--mask) center / contain no-repeat;pointer-events:none}.hib-rack__shade{transform:translateZ(calc(var(--d) / 2 + .5px));background:linear-gradient(90deg,rgba(0,0,0,.14) 0%,transparent 16%,transparent 84%,rgba(0,0,0,.14) 100%),linear-gradient(180deg,rgba(0,0,0,.1) 13%,transparent 24%,transparent 70%,rgba(0,0,0,.1) 86%)}.hib-rack__shade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0000008c,#0003 50%,#00000073);opacity:calc(var(--turn) / 90)}.hib-rack__shade:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 14% 5% at 50% calc(var(--collar, .15) * 100% + 1%),rgba(0,0,0,.45),transparent 100%)}.hib-rack__folds{transform:translateZ(calc(var(--d) / 2 + 1px));opacity:calc(1 - var(--turn) / 90)}.hib-rack__folds:before,.hib-rack__folds:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(180deg,transparent 22%,rgba(0,0,0,.55) 48%,#000 88%);mask:linear-gradient(180deg,transparent 22%,rgba(0,0,0,.55) 48%,#000 88%)}.hib-rack__folds:before{background:linear-gradient(90deg,transparent 6%,rgba(0,0,0,.22) 13%,transparent 19%,transparent 30%,rgba(0,0,0,.17) 37%,transparent 43%,transparent 57%,rgba(0,0,0,.18) 63%,transparent 69%,transparent 79%,rgba(0,0,0,.22) 86%,transparent 93%)}.hib-rack__folds:after{background:linear-gradient(90deg,transparent 9%,rgba(255,255,255,.12) 16%,transparent 23%,transparent 46%,rgba(255,255,255,.1) 51%,transparent 56%,transparent 73%,rgba(255,255,255,.12) 80%,transparent 87%)}.hib-rack__shine{transform:translateZ(calc(var(--d) / 2 + 1.5px));background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 62%) no-repeat;background-size:260% 100%;background-position:calc(var(--turn) * 1.25%) 0;opacity:clamp(0,calc(min(var(--turn),80 - var(--turn)) / 22),1)}.hib-rack__item.is-active .hib-rack__garment{animation:hib-rack-breathe 6s ease-in-out 1.4s infinite}@keyframes hib-rack-breathe{0%,to{transform:perspective(1200px) rotateX(4deg) rotateY(0)}35%{transform:perspective(1200px) rotateX(5.2deg) rotateY(2.5deg)}70%{transform:perspective(1200px) rotateX(3.6deg) rotateY(-2deg)}}.hib-rack__item.is-swinging .hib-rack__piece{animation:hib-rack-swing 1.2s var(--ease-rack)}@keyframes hib-rack-swing{0%{rotate:0deg}22%{rotate:-2.6deg}48%{rotate:1.5deg}74%{rotate:-.6deg}to{rotate:0deg}}@media screen and (max-width:989px){.hib-rack__list{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:calc(50% - var(--slot) / 2);overscroll-behavior-x:contain}.hib-rack__list::-webkit-scrollbar{display:none}.hib-rack__item{scroll-snap-align:center;scroll-snap-stop:always}}@media screen and (min-width:750px)and (max-width:989px){hib-rack{--piece: 46vw;--slot: 7vw}}@media screen and (min-width:990px){hib-rack{--piece: 40rem;--slot: 5.8rem;--open: 40rem;--push: 0px;max-width:150rem;margin:0 auto;padding:0 5rem}.hib-rack__rail{left:5rem;right:5rem}.hib-rack__list{justify-content:center}.hib-rack__item{transition:flex-basis .8s var(--ease-rack)}.hib-rack__item.is-active{flex-basis:var(--open)}}@media screen and (min-width:1440px){hib-rack{--piece: 48rem;--slot: 7.2rem;--open: 48rem}}.hib-rack__caption{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:.8rem 2rem 3rem;text-align:center}.hib-rack__caption-text{min-height:4.6rem;transition:opacity .25s ease,transform .25s ease}.hib-rack__caption-text.is-changing{opacity:0;transform:translateY(.6rem)}.hib-rack__name{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hib-rack__price{margin:.4rem 0 0;font-size:1.4rem;opacity:.7}.hib-rack__controls{display:flex;align-items:center;gap:1.2rem}.hib-rack__arrow{display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:.15rem solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.hib-rack__arrow svg{width:1.8rem;height:1.8rem}.hib-rack__arrow:hover{background:var(--rack-fg);color:var(--rack-bg)}.hib-rack__arrow:active{transform:scale(.92)}.hib-rack__cta{display:inline-flex;align-items:center;min-height:4.4rem;padding:0 2.8rem;border-radius:99rem;background:var(--rack-fg);color:var(--rack-bg);font-size:1.3rem;font-weight:700;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,opacity .2s ease}.hib-rack__cta:hover{opacity:.85}.hib-rack__cta:active{transform:scale(.97)}.hib-rack__ticker{overflow:hidden;background:var(--ticker-bg);color:var(--ticker-fg)}.hib-rack__ticker-track{display:flex;align-items:center;gap:2.4rem;width:max-content;padding:1.1rem 0;font-size:1.2rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;animation:hib-rack-ticker 38s linear infinite}.hib-rack__ticker-dot{opacity:.6}@keyframes hib-rack-ticker{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.hib-rack__piece,.hib-rack__front,.hib-rack__model,.hib-rack__frame,.hib-rack__item,.hib-rack__garment,.hib-rack__shade:after,.hib-rack__caption-text{transition:none}.hib-rack__item.is-swinging .hib-rack__piece,.hib-rack__item.is-active .hib-rack__garment,.hib-rack__ticker-track{animation:none}}@media screen and (max-width:749px){.hib-rack__header{flex-direction:column;align-items:flex-start;gap:1.2rem}.hib-rack__title{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-hib-rack.css.map */