.catband{-webkit-text-size-adjust:100%;text-size-adjust:100%;padding:var(--catband-pad, 72px) 0;background-color:var(--catband-bg, #fff)}.catband__head{max-width:var(--page-width, 1600px);margin:0 auto;padding:0 clamp(16px,1.8vw,30px) 30px}.catband__heading{margin:0;font-size:clamp(24px,2.4vw,34px);line-height:1.1;letter-spacing:-.8px;font-weight:700;color:var(--catband-fg, var(--nd-ink))}.catband__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:var(--page-width, 1600px);margin:0 auto;padding:0 clamp(16px,1.8vw,30px);list-style:none;background:none}.catband__cell{min-width:0}.catband__link{position:relative;display:block;height:clamp(96px,6.8vw,116px);border-radius:12px;overflow:hidden;background-color:#e9e9ee;text-decoration:none;color:#fff;isolation:isolate}.catband__link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.catband__img,.catband__img--empty{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.catband__link:hover .catband__img{transform:scale(1.05)}.catband__wash{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(to right,#000000ad,#00000075 38%,#00000029 72%,#0000);pointer-events:none}.catband__copy{position:absolute;z-index:2;top:50%;left:0;right:52px;transform:translateY(-50%);display:flex;flex-direction:column;padding:0 26px;pointer-events:none}.catband__title{font-family:var(--nd-font-heading);font-size:clamp(19px,1.55vw,26px);font-weight:700;line-height:1.12;letter-spacing:-.4px;color:#fff}.catband__sub{margin-top:5px;font-size:12.5px;line-height:1.25;letter-spacing:.005em;color:#ffffffd6}.catband__price{margin-top:7px;font-family:var(--nd-font);font-size:11.5px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:#ffffffd1}.catband__chev{position:absolute;z-index:2;right:18px;top:50%;width:18px;height:18px;transform:translateY(-50%) rotate(-90deg);color:#ffffffd1;transition:color .18s ease,transform .18s ease;pointer-events:none}.catband__link:hover .catband__chev{color:#fff;transform:translateY(-50%) rotate(-90deg) translateY(3px)}@media screen and (max-width:989px){.catband__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media screen and (max-width:749px){.catband{--catband-pad: 48px}.catband__head{padding:0 16px 20px}.catband__grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px;gap:10px}.catband__link{height:80px;border-radius:10px}.catband__wash{background:linear-gradient(to right,#000000b3,#00000070 42%,#0000001f 74%,#0000)}.catband__copy{right:52px;padding:0 10px}.catband__title{font-size:14px}.catband__sub{margin-top:4px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catband__price{margin-top:6px;font-size:11px}.catband__chev{right:16px;width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.catband__img,.catband__chev{transition:none}.catband__link:hover .catband__img{transform:none}.catband__link:hover .catband__chev{transform:translateY(-50%) rotate(-90deg)}}@media screen and (max-width:749px){.catband--m2 .catband__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px}.catband--m2 .catband__link{height:148px}.catband--m2 .catband__wash{background:linear-gradient(to top,#000000d6,#000000b8 28%,#00000075,#00000024,#0000)}.catband--m2 .catband__copy{top:auto;bottom:0;right:0;transform:none;padding:0 14px 13px}.catband--m2 .catband__title{font-size:16px;line-height:1.15}.catband--m2 .catband__sub{display:none}.catband--m2 .catband__price{margin-top:4px;font-size:10.5px}.catband--m2 .catband__chev{display:block;right:12px;top:auto;bottom:12px;width:16px;height:16px;transform:rotate(-90deg)}.catband--m2 .catband__link:hover .catband__chev{transform:rotate(-90deg) translateY(2px)}.catband--m2 .catband__copy{right:34px}}.catband__head,.catband .collection_btn,.catband .btn_text_information{color:var(--catband-fg, var(--nd-ink))}.catband .collection_btn{border-color:currentColor}.catband--below .catband__link{height:auto;display:flex;flex-direction:column;gap:14px;border-radius:0;overflow:visible;background:none;color:var(--nd-ink, #000000)}.catband--below .catband__media{position:relative;display:block;aspect-ratio:4 / 3;border-radius:var(--nd-radius, 14px);overflow:hidden;background-color:var(--nd-surface, #fff);border:1px solid var(--nd-hairline, #e2e6e1)}.catband--below .catband__img,.catband--below .catband__img--empty{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.catband--below .catband__body{display:flex;flex-direction:column;gap:3px}.catband--below .catband__row{display:flex;align-items:center;gap:6px}.catband--below .catband__title{font-size:var(--nd-body, 15px);font-weight:var(--nd-w-medium, 600);line-height:1.3;letter-spacing:-.01em;color:var(--nd-ink, #000000)}.catband--below .catband__sub,.catband--below .catband__price{font-size:var(--nd-small, 13px);font-weight:var(--nd-w-regular, 400);line-height:1.4;color:var(--nd-ink-muted, #5e6b65)}.catband--below .catband__chev{position:static;width:14px;height:14px;flex:none;color:var(--nd-ink-muted, #5e6b65);transition:transform .3s var(--nd-ease, cubic-bezier(.22, .61, .36, 1))}.catband--below .catband__link:hover .catband__chev{transform:translate(3px)}.catband--below .catband__link:hover .catband__img{transform:scale(1.04)}.catband--below .catband__link:focus-visible{outline:2px solid var(--nd-ink, #000000);outline-offset:4px;border-radius:var(--nd-radius, 14px)}@media(prefers-reduced-motion:reduce){.catband--below .catband__chev,.catband--below .catband__img{transition:none}.catband--below .catband__link:hover .catband__chev,.catband--below .catband__link:hover .catband__img{transform:none}}@media screen and (max-width:749px){.catband--below .catband__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.catband--below .catband__media{aspect-ratio:1 / 1}}.catband--below .catband__link{position:relative;display:block;gap:0}.catband--below .catband__media{aspect-ratio:4 / 5;border-radius:var(--nd-band-radius, 8px)}.catband--below .catband__body{display:none}.catband--below .catband__glass{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--nd-glass-bg);-webkit-backdrop-filter:var(--nd-glass-blur);backdrop-filter:var(--nd-glass-blur);color:var(--nd-glass-ink)}.catband--below .catband__glasstext{display:flex;flex-direction:column;gap:2px;min-width:0}.catband--below .catband__title{font-size:14.4px;font-weight:600;line-height:1.25;letter-spacing:-.005em;color:var(--nd-glass-ink)}.catband--below .catband__count{font-size:9.5px;font-weight:500;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--nd-glass-ink-dim)}.catband--below .catband__ord{flex:none;font-family:var(--nd-font-display),Georgia,serif;font-style:italic;font-weight:400;font-size:26px;line-height:1;letter-spacing:normal;color:#fff9}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.catband--below .catband__glass{background:#141416d1}}.catband__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.catband__eyebrow{margin:0 0 8px;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--nd-ink-muted)}.catband__all{flex:none;padding-bottom:2px;border-bottom:1px solid currentColor;font-size:13px;font-weight:500;line-height:1.3;color:var(--catband-fg, var(--nd-ink));text-decoration:none;transition:opacity .2s var(--nd-ease, ease)}.catband__all:hover{opacity:.6}@media screen and (max-width:749px){.catband--below .catband__grid{grid-template-columns:minmax(0,1fr);gap:10px}.catband--below .catband__cell+.catband__cell{border-top:0}.catband--below .catband__link{display:block;position:relative;padding:0;min-height:0}.catband--below .catband__media{width:100%;height:auto;aspect-ratio:3 / 1;border-radius:var(--nd-band-radius, 16px)}.catband--below .catband__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background-color:rgba(0,0,0,var(--catband-overlay, .34));pointer-events:none}.catband--below .catband__glass{position:absolute;top:50%;left:16px;right:16px;bottom:auto;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:flex-start;gap:8px;max-width:none;padding:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff}.catband--below .catband__glasstext{flex:0 1 auto;display:flex;align-items:baseline;gap:8px;min-width:0}.catband--below .catband__title{font-size:17px;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:#fff}.catband--below .catband__count{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#ffffffd1}.catband--below .catband__chev{display:block;flex:none;width:16px;height:16px;color:#fff;transform:rotate(-90deg)}}@media screen and (min-width:750px){.catband--below .catband__chev{display:none}}.catband--below .catband__link{display:flex;flex-direction:column;gap:12px}.catband--below .catband__media:after{content:none}.catband--below .catband__glass{position:static;transform:none;z-index:auto;display:flex;align-items:center;justify-content:flex-start;gap:8px;max-width:none;padding:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--nd-ink)}.catband--below .catband__glasstext{flex:0 1 auto;display:flex;align-items:baseline;gap:8px;min-width:0}.catband--below .catband__title{font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--nd-ink)}.catband--below .catband__count,.catband--below .catband__sub{color:var(--nd-ink-muted)}.catband--below .catband__chev{position:static;transform:rotate(-90deg);width:14px;height:14px;flex:none;color:var(--nd-ink-muted);transition:transform .3s var(--nd-ease, cubic-bezier(.22, .61, .36, 1))}.catband--below .catband__link:hover .catband__chev{transform:rotate(-90deg) translateY(3px)}.catband--below .catband__media{aspect-ratio:4 / 3}.catband--below .catband__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}@media screen and (min-width:750px){.catband--below .catband__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/pdp-catband.css.map */