.categories-grid .section-heading.heading-font-custom{font-size:var(--fontSize)}.categories-grid-items{column-gap:var(--columnGap)}.categories-grid-item:not(.categories-grid-item-text){flex:var(--flexWidth) 1 0%;min-height:90px;min-width:100px;height:var(--textSize);transition:var(--animation-default)}.categories-grid-outer+.categories-grid-outer{margin-top:var(--rowGap)}.categories-grid-item.categories-grid-item-text{text-align:center}.categories-grid-text{font-size:var(--textSize);white-space:nowrap;line-height:1;color:rgb(var(--textColor));height:100%}.categories-grid-media-wrapper{overflow:hidden;position:relative}.categories-grid-media-wrapper .categories-grid-media{grid-column-start:1;grid-row-start:1}.categories-grid-media{height:100%;width:100%;position:relative;overflow:hidden}.categories-grid-title{padding:1rem;white-space:normal}.background-video-categories-grid{transform:scale(.94,.92)}.clip-with-brightness .categories-grid-media-wrapper [data-category-image]:first-child{transform-origin:50% 50%;transform:skew(15deg) scale(2);filter:brightness(0%)}.clip-with-brightness .categories-grid-media-wrapper [data-category-image]:last-child{will-change:clip-path;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.clip-with-blur .categories-grid-media-wrapper [data-category-image]:first-child{transform-origin:50% 50%;transform:skew(15deg) scale(2);filter:blur(0px) brightness(0%)}.clip-with-blur .categories-grid-media-wrapper [data-category-image]:last-child{will-change:clip-path;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.categories-grid-media img{height:100%;width:100%;position:absolute;object-fit:cover;backface-visibility:hidden}.text-background-dark .categories-grid-text{background:#000;mix-blend-mode:multiply}.text-background-light .categories-grid-text{background:#fff;mix-blend-mode:screen}@media(hover:hover)and (pointer:fine){.normal-blur .categories-grid-media-wrapper [data-category-image]{transition:filter .35s cubic-bezier(.16,1,.3,1);filter:blur(0px)}.normal-blur .categories-grid-item:hover [data-category-image]{filter:blur(2px)}.categories-grid-item .categories-grid-media img,.categories-grid-item .categories-grid-media svg{transition:var(--animation-default)}.categories-grid:not(.none) .categories-grid-item:hover .categories-grid-media img,.categories-grid:not(.none) .categories-grid-item:hover .categories-grid-media svg{transform:scale(1.1)}.categories-grid:not(.none) .categories-grid-media.media-overlay:after,.categories-grid:not(.none) .categories-grid-title{opacity:0;visibility:hidden;transition:var(--animation-default)}.categories-grid:not(.none) .categories-grid-title{transform:scale(2)}.categories-grid-item:hover .categories-grid-media.media-overlay:after,.categories-grid-item:hover .categories-grid-title{opacity:1;visibility:visible}.categories-grid-item:hover .categories-grid-title{transform:scale(1)}}@media(min-width:1025px){.categories-grid-title{padding:2rem}.categories-grid-item:not(.categories-grid-item-text){min-height:150px}}@media(max-width:767px){.categories-grid-outer{overflow:hidden;overflow-x:auto;margin-inline-end:-15px}.categories-grid-items{flex-wrap:nowrap;white-space:nowrap;width:1200px;padding-inline-end:15px}}.categories-grid--bento .section-heading{font-family:var(--hos-font-display, "Inter", sans-serif);font-weight:900;font-size:var(--hos-h2, clamp(3.4rem, 3.5vw, 6.2rem));line-height:.92;letter-spacing:-.045em}.categories-grid--bento .section-heading :is(.heading-font,.word){font-family:inherit;font-weight:inherit;letter-spacing:inherit}.categories-grid--bento .section-heading .highlight-text-color,.categories-grid--bento .section-heading .highlight-text-color *{color:rgb(var(--highlightColor))!important}.hos-bento{--bentoGap: var(--columnGap, 12px);--bentoRadius: var(--blockRadius, 16px);--bentoGrey: var(--hos-grey, #f2f2f4);--bentoInk: var(--hos-ink, #111);--bentoEase: cubic-bezier(.7, 0, .2, 1);display:grid;grid-template-columns:1fr 1fr;gap:var(--bentoGap)}.hos-bento .hos-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--hos-font-display, "Inter", sans-serif);font-size:var(--hos-link, 1.4rem);font-weight:600;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--bentoInk)}.hos-bento .hos-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--hos-orange, #ff5421)}.hos-bento a.hos-link:hover,.hos-bento-tile:is(:hover,:focus-visible) .hos-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}.hos-bento-word-tile{position:relative;overflow:hidden;border-radius:var(--bentoRadius);background:var(--bentoGrey);container-type:size;min-height:100%;isolation:isolate}.hos-ch-media{filter:brightness(.93)}.hos-ch-media,.hos-ch-layer,.hos-ch-word,.hos-ch-wordset{position:absolute;top:0;right:0;bottom:0;left:0}.hos-ch-layer{opacity:0;transition:opacity .9s ease}.hos-ch-layer.is-active{opacity:1}.hos-ch-layer :is(.hos-ch-poster,.hos-ch-video){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hos-ch-video{opacity:0;transition:opacity .4s ease}.hos-ch-video.is-playing{opacity:1}.hos-ch-word{background:var(--bentoGrey);color:#000;mix-blend-mode:lighten}.hos-ch-wordset{display:grid;place-content:center;justify-items:start;font-family:var(--hos-font-display, "Inter", sans-serif);font-weight:900;font-size:min(calc(var(--wordScale, 29) * .88cqw),70cqh);line-height:.86;letter-spacing:-.015em;text-transform:uppercase;white-space:nowrap}.hos-ch-wordset--stacked{font-size:min(calc(var(--wordScale, 23) * .88cqw),54cqh)}.hos-ch-main,.hos-ch-prefix{display:block;transform:translate(-.03em)}.hos-ch-prefix{font-size:.36em;letter-spacing:-.01em;margin-bottom:.06em}.hos-ch-l{display:inline-block;clip-path:inset(0 -.2em)}.hos-ch-l>span{display:block;transform:translateY(108%)}.hos-ch-wordset.is-active .hos-ch-l>span{transform:none;transition:transform .55s var(--bentoEase) calc(.2s + var(--i, 0) * 35ms)}.hos-ch-wordset.is-leaving .hos-ch-l>span{transform:translateY(-108%);transition:transform .42s cubic-bezier(.6,0,.8,.4) calc(var(--i, 0) * 30ms)}.hos-ch-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;gap:1.6rem;padding:2rem 2.4rem 2.4rem;pointer-events:none}.hos-ch-copy{position:relative;flex:1}.hos-ch-copyset{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.hos-ch-copyset.is-active{animation:hosChFade .6s ease .3s both}.hos-ch-copyset[hidden]{display:none}@keyframes hosChFade{0%{opacity:0;transform:translateY(6px)}}.hos-bento-eyebrow{margin:0;font-family:var(--hos-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:var(--hos-eyebrow, 1.2rem);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--bentoInk);opacity:.7}.hos-bento-cta{pointer-events:auto}.hos-ch-progress{display:flex;gap:1rem;pointer-events:auto}.hos-ch-bar{display:flex;flex:1;align-items:center;gap:.8rem;min-height:2.4rem;padding:0;border:0;background:none;color:var(--bentoInk);cursor:pointer;font-family:var(--hos-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:1.1rem;font-weight:500;letter-spacing:.12em}.hos-ch-bar-num{opacity:.45;transition:opacity .3s ease}.hos-ch-bar.is-active .hos-ch-bar-num{opacity:1}.hos-ch-bar-track{position:relative;flex:1;height:2px;overflow:hidden;border-radius:2px;background:#11111124}.hos-ch-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bentoInk);transform:scaleX(0);transform-origin:left center}.hos-ch-bar.is-done .hos-ch-bar-fill{transform:scaleX(1)}.hos-bento.is-running .hos-ch-bar.is-active .hos-ch-bar-fill{animation:hosChFill var(--chapterDuration, 7s) linear forwards}.hos-bento.is-paused .hos-ch-bar.is-active .hos-ch-bar-fill{animation-play-state:paused}.hos-ch-bar:focus-visible{outline:2px solid var(--hos-orange, #ff5421);outline-offset:4px}@keyframes hosChFill{to{transform:scaleX(1)}}.hos-bento-tiles{display:grid;min-width:0}.hos-bento-tileset{grid-area:1 / 1;display:grid;grid-template-columns:1fr 1fr;gap:var(--bentoGap);min-width:0;pointer-events:none}.hos-bento-tileset.is-active{z-index:1;pointer-events:auto}.hos-bento-tile{position:relative;display:block;overflow:hidden;aspect-ratio:1 / 1;border-radius:var(--bentoRadius);background:var(--bentoGrey);color:var(--bentoInk);text-decoration:none;isolation:isolate;clip-path:inset(100% 0 0 0 round var(--bentoRadius))}.hos-bento-tileset.is-active .hos-bento-tile{clip-path:inset(0 0 0 0 round var(--bentoRadius));transition:clip-path .7s var(--bentoEase) calc(.12s + var(--t, 0) * .1s)}.hos-bento-tileset.is-leaving .hos-bento-tile{clip-path:inset(0 0 100% 0 round var(--bentoRadius));transition:clip-path .55s var(--bentoEase) calc(var(--t, 0) * .1s)}.hos-bento-tile-media{position:absolute;top:0;right:0;bottom:0;left:0;scale:var(--imgZoom, 1);transform-origin:var(--imgPos, center)}.hos-bento-tile-media :is(img,svg){width:100%;height:100%;object-fit:cover;object-position:var(--imgPos, center);transform:scale(1.12);transition:transform .8s cubic-bezier(.16,1,.3,1)}.hos-bento-tileset.is-active .hos-bento-tile-media :is(img,svg){transform:none;transition:transform 1.1s cubic-bezier(.16,1,.3,1) calc(.12s + var(--t, 0) * .1s)}.hos-bento--graded :is(.hos-bento-tile-media,.hos-ch-layer) img{filter:saturate(.82) contrast(1.03) brightness(1.02)}.hos-bento--graded .hos-bento-tile-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f2ece41f,#3c302624);mix-blend-mode:multiply;pointer-events:none}.hos-bento-tile-label{position:absolute;inset-inline:10px;bottom:10px;z-index:1;display:flex;align-items:center;gap:1.2rem;padding:.8rem 1.4rem .8rem .8rem;border-radius:calc(var(--bentoRadius) - 4px);background:#fffffff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s ease}.hos-bento-tile-cutout{flex:none;width:8.4rem;aspect-ratio:4 / 3;overflow:hidden;border-radius:calc(var(--bentoRadius) - 8px);background:#fff;transition:transform .5s cubic-bezier(.16,1,.3,1) .06s,opacity .4s ease .06s}.hos-bento-tile-cutout img{width:100%;height:100%;object-fit:cover;transform:scale(1.18);mix-blend-mode:multiply}.hos-bento-tile-text{display:flex;flex:1;flex-direction:column;gap:.3rem;min-width:0}.hos-bento-tile-name{font-family:var(--hos-font-display, "Inter", sans-serif);font-size:var(--hos-card-name, 1.5rem);font-weight:700;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hos-bento-tile-colour{font-family:var(--hos-font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:1.1rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#6b6b6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hos-bento-tile-shop{flex:none}@media(hover:hover)and (pointer:fine){.hos-bento-tile-label{opacity:0;transform:translateY(calc(100% + 12px))}.hos-bento-tile-cutout{opacity:0;transform:translate(-1.6rem)}.hos-bento-tile:is(:hover,:focus-visible) .hos-bento-tile-label{opacity:1;transform:none}.hos-bento-tile:is(:hover,:focus-visible) .hos-bento-tile-cutout{opacity:1;transform:none}.hos-bento-tileset.is-active .hos-bento-tile:is(:hover,:focus-visible) .hos-bento-tile-media :is(img,svg){transform:scale(1.05);transition-delay:0s}}.hos-bento-spot-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#080808a8;opacity:0;pointer-events:none;transition:opacity .45s ease}.hos-bento-tile-media img.hos-bento-spot-shoes{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.hos-bento-spot-info{display:none}@media(hover:hover)and (pointer:fine){.hos-bento-tile--spot .hos-bento-tile-label{display:none}.hos-bento-spot-info{position:absolute;inset-inline:1.8rem;top:1.8rem;z-index:1;display:grid;grid-template-columns:1fr auto;grid-template-areas:"text pack" "shop pack";align-items:start;gap:1.2rem 1.4rem;color:#fff;opacity:0;transform:translateY(.8rem);pointer-events:none;transition:opacity .35s ease,transform .5s cubic-bezier(.16,1,.3,1)}.hos-bento-tile--info-bottom .hos-bento-spot-info{top:auto;bottom:1.8rem;align-items:end;transform:translateY(-.8rem)}.hos-bento-spot-text{grid-area:text;display:flex;flex-direction:column;gap:.6rem;min-width:0}.hos-bento-spot-name{font-family:var(--hos-font-display, "Inter", sans-serif);font-size:clamp(1.8rem,1.5vw,2.6rem);font-weight:900;line-height:.92;letter-spacing:-.035em;text-transform:uppercase;overflow-wrap:anywhere}.hos-bento-spot-colour,.hos-bento-spot-price{font-family:var(--hos-font-mono, "JetBrains Mono", ui-monospace, monospace);font-weight:500;text-transform:uppercase}.hos-bento-spot-colour{font-size:1.1rem;letter-spacing:.12em;opacity:.72}.hos-bento-spot-price{font-size:1.4rem}.hos-bento .hos-bento-spot-shop{grid-area:shop;color:#fff}.hos-bento-spot-pack{grid-area:pack;width:6.4rem;aspect-ratio:4 / 3;overflow:hidden;border-radius:calc(var(--bentoRadius) - 8px);background:#fff}.hos-bento-spot-pack img{width:100%;height:100%;object-fit:cover;transform:scale(1.18);mix-blend-mode:multiply}.hos-bento-tile--spot:is(:hover,:focus-visible) :is(.hos-bento-spot-dim,.hos-bento-tile-media img.hos-bento-spot-shoes){opacity:1}.hos-bento-tile--spot:is(:hover,:focus-visible) .hos-bento-spot-info{opacity:1;transform:none;transition-delay:.08s}.hos-bento-tileset.is-active .hos-bento-tile--spot .hos-bento-tile-media img.hos-bento-spot-shoes{transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s ease,filter .5s ease}.hos-bento-tileset.is-active .hos-bento-tile--spot:is(:hover,:focus-visible) .hos-bento-tile-media :is(img,svg){transition:transform .5s cubic-bezier(.16,1,.3,1)}.hos-bento-tileset.is-active .hos-bento-tile--spot:is(:hover,:focus-visible) .hos-bento-tile-media img.hos-bento-spot-shoes{transform:translateY(-1.2%) scale(1.075);filter:drop-shadow(0 1.4rem 1.4rem rgba(0,0,0,.45));transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s ease,filter .5s ease}}@media(min-width:768px)and (max-width:1199px){.hos-bento-tile-cutout,.hos-bento-spot-pack{display:none}.hos-bento-spot-info{grid-template-areas:"text" "shop";inset-inline:1.4rem}.hos-bento-tile-label{padding-inline-start:1.2rem}}@media(max-width:767px){.hos-bento{display:block}.hos-bento-word-tile{aspect-ratio:5 / 4;min-height:0;margin-bottom:var(--bentoGap)}.hos-ch-ui{padding:1.4rem 1.6rem 1.6rem}.hos-bento .hos-link{font-size:1.3rem}.hos-bento-tiles{margin-inline:-1.5rem}.hos-bento-tileset{display:flex;gap:var(--bentoGap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:1.5rem;scroll-padding-inline:1.5rem}.hos-bento-tileset::-webkit-scrollbar{display:none}.hos-bento-tile{flex:0 0 76%;aspect-ratio:4 / 5;scroll-snap-align:start}.hos-bento-tile-label{gap:1rem}.hos-bento-tile-cutout{width:6.4rem}}@media(min-width:990px){.hos-bento{height:clamp(48rem,calc((100vw - 12rem) / 2.35),84rem)}.hos-bento-word-tile,.hos-bento-tiles,.hos-bento-tileset{min-height:0}.hos-bento-tileset{grid-template-rows:1fr 1fr}.hos-bento-tile{aspect-ratio:auto;min-height:0}}@media(prefers-reduced-motion:reduce){.hos-ch-layer,.hos-ch-video,.hos-ch-l>span,.hos-bento-tile,.hos-bento-tile-media :is(img,svg),.hos-bento-tile-label,.hos-bento-tile-cutout,.hos-bento-tileset :is(.hos-bento-tile,.hos-bento-tile-media img){transition:none!important}.hos-ch-copyset.is-active{animation:none}.hos-ch-bar.is-active .hos-ch-bar-fill{transform:scaleX(1)}.hos-bento .hos-bento-tile--spot .hos-bento-tile-media :is(img,svg){transform:none!important}.hos-bento .hos-bento-tile--spot :is(.hos-bento-spot-dim,.hos-bento-spot-info,.hos-bento-tile-media img.hos-bento-spot-shoes){transform:none!important;transition:opacity .3s ease!important}}@media(min-width:990px){.hos-bento{height:clamp(48rem,calc((100vw - var(--scrollbarWidth, 0px) - 2 * var(--hos-page-pad, 3rem)) / 2.35),72rem)}}@media(max-width:767px){.hos-bento-tiles{margin-inline:calc(var(--pagePadding, 1.5rem) * -1)}.hos-bento-tileset{padding-inline:var(--pagePadding, 1.5rem);scroll-padding-inline:var(--pagePadding, 1.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/categories-grid.css.map */