.hos-layers{--e: 1;--hl-mono: var(--hos-font-mono, "JetBrains Mono", ui-monospace, monospace);--hl-display: var(--hos-font-display, "Inter", sans-serif);--hl-pad: var(--hos-page-pad, 16px);--hl-line: color-mix(in srgb, var(--hl-ink) 22%, transparent);--hl-w: min(calc(100vw - 2 * var(--hl-pad)), 64rem, calc((100svh - 34rem)*1.5875) );position:relative;color:var(--hl-ink);background:radial-gradient(ellipse 70% 55% at 50% 42%,var(--hl-bg-2),transparent 72%),var(--hl-bg);overflow:clip}.hl__track{position:relative}.hl__sticky{position:relative;display:flex;flex-direction:column;gap:2rem;padding:var(--hos-section-y, 4rem) var(--hl-pad)}@media(prefers-reduced-motion:no-preference){.hl__track{height:var(--hl-len, 280vh)}.hl__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}}.hl__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.2rem 3.2rem;position:relative;z-index:3}.hl__eyebrow{margin:0 0 var(--hos-eyebrow-gap, 1.2rem);font-family:var(--hl-mono);font-size:var(--hos-eyebrow, 1.2rem);font-weight:500;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.hl__heading,.hl__pick-heading{margin:0;font-family:var(--hl-display);font-weight:900;font-size:var(--hos-h2, clamp(3.4rem, 3.2vw, 5.6rem));line-height:.92;letter-spacing:-.045em;color:inherit}.hl__pick-heading{font-size:var(--hos-h3, clamp(2.2rem, 1.9vw, 3.2rem));letter-spacing:-.035em}.hl__heading em,.hl__pick-heading em{font-style:normal;color:var(--hl-accent)}.hl__intro{max-width:34rem;margin:0;font-family:var(--hl-display);font-size:var(--hos-body, 1.6rem);line-height:1.45;opacity:.72}.hl__stage{position:relative;flex:1 1 auto;min-height:0;display:grid;place-items:center}.hl__stage:before{content:"";position:absolute;inset:-4rem calc(-1 * var(--hl-pad));background-image:linear-gradient(to right,color-mix(in srgb,var(--hl-ink) 5%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--hl-ink) 5%,transparent) 1px,transparent 1px);background-size:6.4rem 6.4rem;background-position:center;-webkit-mask-image:radial-gradient(ellipse 55% 60% at 50% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 55% 60% at 50% 50%,#000 20%,transparent 75%);pointer-events:none}.hl__art{position:relative;width:var(--hl-w);aspect-ratio:1016 / 640}.hl__ghost,.hl__layer{position:absolute;left:0;top:18.75%;width:100%;height:70.3125%}.hl__ghost{fill:none;stroke:var(--hl-ink);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;opacity:calc(var(--e) * .28);pointer-events:none}.hl__ghost path{vector-effect:non-scaling-stroke}.hl__layer{will-change:transform}.hl__layer--upper{z-index:3;transform:translate3d(0,calc(var(--e) * -28.9%),0)}.hl__layer--footbed{z-index:2;transform:translate3d(0,calc(var(--e) * -4.4%),0)}.hl__layer--sole{z-index:1;transform:translate3d(0,calc(var(--e) * 17.8%),0)}.hos-layers--five .hl__ghost,.hos-layers--five .hl__layer{top:15.2%}.hos-layers--five .hl__layer--upper{z-index:5;transform:translate3d(0,calc(var(--e) * -20.4%),0)}.hos-layers--five .hl__layer--footbed{z-index:4;transform:translate3d(0,calc(var(--e) * -11.3%),0)}.hl__layer--cage{z-index:3;transform:translate3d(0,calc(var(--e) * 2.4%),0)}.hl__layer--midsole{z-index:2;transform:translate3d(0,calc(var(--e) * 10.9%),0)}.hl__layer--outsole{z-index:1;transform:translate3d(0,calc(var(--e) * 20.2%),0)}.hl__layer--cage .hl__img,.hl__layer--midsole .hl__img,.hl__layer--outsole .hl__img{filter:drop-shadow(0 1.2rem 1.6rem rgba(0,0,0,calc(var(--e) * .45)))}.hl__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.hl__layer--upper:after{content:"";position:absolute;left:10%;right:8%;bottom:18%;height:10%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);filter:blur(10px);opacity:var(--e);transform:translate3d(0,2.4rem,0);z-index:-1;pointer-events:none}.hl__layer--sole .hl__img{filter:drop-shadow(0 1.8rem 2.4rem rgba(0,0,0,.45))}.hl__img--placeholder{fill:color-mix(in srgb,var(--hl-ink) 30%,transparent);filter:none}.hl__floor{position:absolute;left:6%;right:4%;bottom:-5%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent);filter:blur(6px)}.hl__footbed-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;opacity:clamp(0,calc(var(--e) * 1.8 - .3),1);filter:drop-shadow(0 1rem 1.6rem rgba(0,0,0,.5))}.hl__footbed-border{fill:none;stroke:var(--hl-footbed-edge, #e3d7bf);stroke-width:3;stroke-linecap:round}.hl__dim path{fill:none;stroke:var(--hl-accent);stroke-width:1.5;vector-effect:non-scaling-stroke}.hl__dim-label{position:absolute;left:calc(100% + .4rem);top:59%;transform:translateY(-50%);font-family:var(--hl-mono);font-size:1.1rem;font-weight:500;letter-spacing:.1em;white-space:nowrap;color:var(--hl-accent);opacity:clamp(0,calc(var(--e) * 2 - 1),1)}.hl__callout{--o: 1;position:absolute;top:var(--y);display:flex;align-items:center;height:0;pointer-events:none}.hl__pin{position:absolute;top:0;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--hl-accent);box-shadow:0 0 0 .4rem color-mix(in srgb,var(--hl-accent) 25%,transparent);transform:translate(-50%,-50%) scale(var(--o))}.hl__pin span,.hl__line,.hl__label{display:none}.hl__num{display:block;font-family:var(--hl-mono);font-size:var(--hos-eyebrow, 1.2rem);font-weight:500;letter-spacing:.12em;color:var(--hl-accent)}.hl__title{display:block;margin-top:.2rem;font-family:var(--hl-display);font-size:1.8rem;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase}.hl__text{display:block;margin-top:.4rem;font-family:var(--hl-display);font-size:1.4rem;line-height:1.4;opacity:.68}.hl__loupe{position:relative;flex:none;width:8.8rem;height:8.8rem;border-radius:50%;overflow:hidden;background:#f2f2f4;box-shadow:0 0 0 1px color-mix(in srgb,var(--hl-ink) 30%,transparent),0 0 0 .5rem color-mix(in srgb,var(--hl-bg) 80%,transparent),0 0 0 calc(.5rem + 1px) color-mix(in srgb,var(--hl-ink) 12%,transparent)}.hl__loupe img{display:block;width:100%;height:100%;object-fit:cover}.hl__loupe--sm{width:4.8rem;height:4.8rem;box-shadow:0 0 0 1px color-mix(in srgb,var(--hl-ink) 28%,transparent)}.hl__pin{left:0}.hl__callout--left,.hl__callout--right{left:var(--x)}@media(max-width:1023px){.hl__pin{width:2.2rem;height:2.2rem;display:grid;place-items:center;box-shadow:0 0 0 .3rem color-mix(in srgb,var(--hl-accent) 28%,transparent)}.hl__pin span{display:block;font-family:var(--hl-mono);font-size:1rem;font-weight:600;line-height:1;color:#111}}.hl__list{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem;position:relative;z-index:3}.hl__item{--o: 1;display:flex;align-items:center;gap:1.2rem;opacity:calc(.32 + var(--o) * .68);transition:opacity .2s linear}.hl__item .hl__num{display:inline;margin-right:.6rem;font-size:1.1rem}.hl__item .hl__title{display:inline;font-size:1.5rem}.hl__item .hl__text{margin-top:.2rem;font-size:1.3rem}.hl__hud{position:absolute;left:0;bottom:0;display:none;align-items:center;gap:1.2rem;margin:0;font-family:var(--hl-mono);font-size:1.1rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;opacity:.55;z-index:3}.hl__hud-sep{position:relative;width:8rem;height:1px;background:var(--hl-line)}.hl__hud-sep:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hl-accent);transform-origin:left;transform:scaleX(var(--e))}@media(min-width:1024px){.hos-layers{--hl-w: min(52vw, 84rem, calc((100svh - 24rem)*1.5875) );--hl-out: min(30rem, calc((100vw - var(--hl-w)) / 2 - var(--hl-pad) - 1.2rem))}.hl__sticky{gap:1.2rem}.hl__list{display:none}.hl__hud,.hl__line,.hl__label{display:flex}.hl__callout--right{left:var(--x);width:calc(100% - var(--x) + var(--hl-out))}.hl__callout--left{left:auto;right:calc(100% - var(--x));width:calc(var(--x) + var(--hl-out));flex-direction:row-reverse}.hl__callout--left .hl__pin{left:auto;right:0;transform:translate(50%,-50%) scale(var(--o))}.hl__line{flex:1 1 auto;min-width:2.4rem;height:1px;margin:0 1.2rem;background:linear-gradient(to right,var(--hl-accent),color-mix(in srgb,var(--hl-ink) 45%,transparent));transform-origin:left center;transform:scaleX(var(--o))}.hl__callout--left .hl__line{background:linear-gradient(to left,var(--hl-accent),color-mix(in srgb,var(--hl-ink) 45%,transparent));transform-origin:right center}.hl__label{flex:0 0 auto;width:calc(var(--hl-out) - 3.6rem);max-width:27rem;align-items:center;gap:1.4rem;opacity:var(--o);transform:translate3d(calc((1 - var(--o)) * 1.6rem),0,0)}.hl__callout--left .hl__label{flex-direction:row-reverse;text-align:right;transform:translate3d(calc((1 - var(--o)) * -1.6rem),0,0)}.hl__label-text{min-width:0}}@media(min-width:1024px)and (max-width:1599px){.hl__loupe{width:6.4rem;height:6.4rem}.hl__title{font-size:1.6rem}.hl__text{font-size:1.3rem}}@media(max-width:1023px){.hl__intro{font-size:1.4rem}.hl__sticky{justify-content:center}.hl__stage{flex:0 0 auto}.hl__dim-label{left:auto;right:0;top:54%;transform:translateY(-100%);font-size:1rem}}@media(max-width:767px){.hl__sticky{gap:1.6rem}.hl__intro{display:none}}.hl__pick{display:grid;gap:var(--hos-head-gap, 2rem);padding:var(--hos-section-y-tight, 2.4rem) var(--hl-pad) calc(var(--hos-section-y, 4rem) * 1.25)}.hl__pick-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.6rem 3.2rem}.hl__link,.hl__card-shop{color:inherit}.hl__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.hl__card-link{display:block;color:inherit;text-decoration:none}.hl__card-media{position:relative;display:block;aspect-ratio:1 / 1;border-radius:1.2rem;overflow:hidden;background:var(--hos-grey, #f2f2f4)}.hl__card-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.hl__badge{position:absolute;top:1.2rem;left:1.2rem;padding:.5rem .9rem .4rem;border-radius:99rem;background:#111;color:#f2f2f4;font-family:var(--hl-mono);font-size:1.1rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.hl__card-text{display:grid;gap:.4rem;padding-top:1.4rem}.hl__card-name{font-family:var(--hl-display);font-size:var(--hos-card-name, 1.5rem);font-weight:800;letter-spacing:-.01em;text-transform:uppercase}.hl__card-colour{font-family:var(--hl-mono);font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;opacity:.6}.hl__card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1.2rem;margin-top:.4rem}.hl__card-price{font-family:var(--hl-display);font-size:var(--hos-price, 1.4rem);font-weight:600}@media(hover:hover){.hl__card-link:hover .hl__card-img{transform:scale(1.04)}}@media(min-width:1024px){.hl__pick{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:3.2rem}.hl__pick-head{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2.4rem}.hl__cards{gap:1.6rem}.hl__card-media{aspect-ratio:4 / 3}}@media(prefers-reduced-motion:reduce){.hl__hud{position:static;justify-self:start;margin-top:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/hos-layers.css.map */