.sp-brand-dir{--sp-bd-content: 1429px;--sp-bd-tint: #dac4a9;display:block}.sp-brand-dir__band{background:var(--sp-color-cream, #f8f5f2);padding-inline:var(--sp-space-section-pad-x, 24px);padding-block:var(--sp-space-14, 96px) var(--sp-space-10, 48px);text-align:center}.sp-brand-dir__intro{max-width:923px;margin-inline:auto}.sp-brand-dir,.sp-brand-dir :is(h1,h2,p,a,button){font-family:var(--sp-font-family, "Manrope", sans-serif)}.sp-brand-dir__eyebrow{margin:0 0 32px;font-size:14px;font-weight:var(--sp-weight-medium, 500);line-height:1.365;letter-spacing:.1429em;text-transform:uppercase;color:#101010}.sp-brand-dir__heading{margin:0;font-size:clamp(32px,22.8576px + 2.3438vw,56px);font-weight:var(--sp-weight-light, 300);line-height:1.15;letter-spacing:-.0089em;color:var(--sp-color-ink, #000);text-transform:none;text-wrap:balance}.sp-brand-dir__subcopy{margin:18px auto 0;max-width:720px;font-size:clamp(16px,14.5008px + .3906vw,19px);font-weight:var(--sp-weight-regular, 400);line-height:1.6;color:#2d2d2d;text-wrap:pretty}.sp-brand-dir__stage{max-width:1285px;margin:var(--sp-space-10, 48px) auto 0;aspect-ratio:1285 / 363;background:#fff;border-radius:2px;overflow:hidden;box-shadow:0 1px 2px #1010100a,0 12px 32px -20px #10101047}.sp-brand-dir__stage-img{width:100%;height:100%;object-fit:cover;display:block}.sp-brand-dir__grid{list-style:none;margin:var(--sp-space-14, 96px) auto 0;padding-inline:var(--sp-space-section-pad-x, 24px);max-width:calc(var(--sp-bd-content) + (2 * var(--sp-space-section-pad-x, 24px)));display:grid;grid-template-columns:1fr;gap:48px 41px}.sp-brand-dir__card{display:flex;flex-direction:column;gap:30px}.sp-brand-dir__art{background:var(--sp-bd-tint);aspect-ratio:1 / 1;overflow:hidden;border-radius:2px}.sp-brand-dir__art-img{width:100%;height:100%;object-fit:cover;display:block}.sp-brand-dir__body{display:flex;flex-direction:column;gap:27px;flex:1 1 auto}.sp-brand-dir__id{display:flex;flex-direction:column;gap:5.648px;margin-bottom:-10.064px}.sp-brand-dir__name{margin:0;font-size:24px;font-weight:var(--sp-weight-regular, 400);line-height:1.2;letter-spacing:0;color:var(--sp-color-ink, #000);text-transform:none}.sp-brand-dir__origin{margin:0;font-size:12px;font-weight:var(--sp-weight-bold, 700);line-height:1.2;letter-spacing:.125em;text-transform:uppercase;color:#565656}.sp-brand-dir__copy{margin:0;font-size:15.0512px;font-weight:var(--sp-weight-regular, 400);line-height:1.5;color:#323232;text-wrap:pretty;flex:1 1 auto}.sp-brand-dir__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:45px;padding:14.08px 23.52px;font-size:12px;font-weight:var(--sp-weight-bold, 700);letter-spacing:.157em;text-transform:uppercase;text-align:center;margin-top:auto}.sp-brand-dir__closing{margin:var(--sp-space-14, 96px) auto 0;padding-inline:var(--sp-space-section-pad-x, 24px);padding-bottom:var(--sp-space-10, 48px);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:8px 18px;text-align:center}.sp-brand-dir__closing-text{margin:0;font-size:var(--sp-fs-body-lg, 18px);line-height:1.5;color:var(--sp-color-ink, #000)}.sp-brand-dir__closing-cta{font-size:var(--sp-fs-body-lg, 18px);font-weight:var(--sp-weight-semibold, 600);line-height:1.5;color:var(--sp-color-ink, #000);text-underline-offset:.25em}@media screen and (min-width:750px){.sp-brand-dir__grid{grid-template-columns:repeat(2,1fr);gap:64px 41px}}@media screen and (min-width:1200px){.sp-brand-dir__band{padding-block:120px var(--sp-space-14, 96px)}.sp-brand-dir__grid{grid-template-columns:repeat(3,1fr);gap:64px 41px}.sp-brand-dir__closing{padding-bottom:var(--sp-space-14, 96px)}}@media(prefers-reduced-motion:reduce){.sp-brand-dir *{animation:none!important;transition:none!important}}.sp-brand-dir__cta.btn{background:transparent;color:var(--sp-color-ink, #101010);border:1px solid var(--sp-color-ink, #101010)}.sp-brand-dir__cta.btn:hover,.sp-brand-dir__cta.btn:focus-visible{background:var(--sp-color-ink, #101010);color:var(--sp-color-paper, #fff);border-color:var(--sp-color-ink, #101010)}.sp-brand-dir__switch{display:flex;justify-content:center;gap:14px;margin:var(--sp-space-14, 96px) auto 0}.sp-brand-dir__switch~.sp-brand-dir__grid{margin-top:44px}.sp-brand-dir__grid[hidden]{display:none}.sp-brand-dir__tab{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid var(--sp-color-ink, #101010);border-radius:50%;background:transparent;color:var(--sp-color-ink, #101010);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.sp-brand-dir__tab[aria-selected=true]{background:var(--sp-color-ink, #101010);color:var(--sp-color-paper, #fff)}.sp-brand-dir__tab:focus-visible{outline:2px solid var(--sp-color-ink, #101010);outline-offset:3px}.sp-brand-dir__icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.sp-brand-dir__tab[aria-selected=true] .sp-brand-dir__icon path:first-child{fill:currentColor}.sp-brand-dir__switch{justify-content:flex-end;gap:4px;padding-inline:var(--sp-space-section-pad-x, 24px);max-width:calc(var(--sp-bd-content) + (2 * var(--sp-space-section-pad-x, 24px)))}.sp-brand-dir__switch~.sp-brand-dir__grid{margin-top:20px}.sp-brand-dir__tab,.sp-brand-dir__tab[aria-selected=true]{width:44px;height:44px;border:0;border-radius:0;background:transparent}.sp-brand-dir__tab{color:#10101061}.sp-brand-dir__tab[aria-selected=true]{color:var(--sp-color-ink, #101010)}.sp-brand-dir__icon{width:24px;height:24px}@media(hover:hover){.sp-brand-dir__tab:not([aria-selected=true]):hover{color:var(--sp-color-ink, #101010);transform:none}}.sp-brand-dir__switch{position:relative}.sp-brand-dir__switch-inner{padding-top:18.4px}.sp-brand-dir__switch-label{position:absolute;top:0;left:50%;transform:translate(-50%);margin:0;font-size:12px;font-weight:var(--sp-weight-semibold, 600);letter-spacing:.12em;line-height:1.2;text-transform:uppercase;white-space:nowrap;color:var(--sp-color-ink, #101010)}.sp-brand-dir__tabs{display:flex;gap:4px}.sp-brand-dir__switch-inner{padding-top:0;display:flex;align-items:center;justify-content:flex-end;width:100%;min-height:44px}.sp-brand-dir__switch-label{top:50%;transform:translate(-50%,-50%);font-size:clamp(22px,17.6px + .9vw,30px);font-weight:var(--sp-weight-light, 300);letter-spacing:-.005em;line-height:1.2;text-transform:none}@media(max-width:767.98px){.sp-brand-dir__switch-inner{justify-content:space-between;gap:12px}.sp-brand-dir__switch-label{position:static;transform:none;white-space:normal;min-width:0}}.sp-brand-dir__tab{position:relative}.sp-brand-dir__tip{position:absolute;left:50%;bottom:calc(100% + 6px);padding:6px 10px;border-radius:4px;background:var(--sp-color-ink, #101010);color:var(--sp-color-paper, #fff);font-size:12px;font-weight:var(--sp-weight-medium, 500);letter-spacing:.04em;line-height:1.2;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,6px);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.7,.2,1);z-index:2}.sp-brand-dir__tip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--sp-color-ink, #101010)}.sp-brand-dir__tab:last-child .sp-brand-dir__tip{left:auto;right:0;transform:translateY(6px)}.sp-brand-dir__tab:last-child .sp-brand-dir__tip:after{left:auto;right:17px;margin-left:0}@media(hover:hover){.sp-brand-dir__tab:hover .sp-brand-dir__tip{opacity:1;transform:translate(-50%)}.sp-brand-dir__tab:last-child:hover .sp-brand-dir__tip{transform:none}}.sp-brand-dir__tab:focus-visible .sp-brand-dir__tip{opacity:1;transform:translate(-50%)}.sp-brand-dir__tab:last-child:focus-visible .sp-brand-dir__tip{transform:none}@media(prefers-reduced-motion:reduce){.sp-brand-dir__tip{transition:opacity .15s linear}}.sp-brand-dir__shortcuts{max-width:923px;margin:32px auto 0}.sp-brand-dir__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sp-brand-dir__filter{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 10px;border:1px solid var(--sp-brand-linen, #d3cbbf);border-radius:999px;background:var(--sp-brand-linen, #d3cbbf);color:var(--sp-brand-walnut-1200, #29221d);font-family:var(--sp-font-family);font-size:14px;font-weight:var(--sp-weight-medium, 500);letter-spacing:.02em;line-height:1.2;text-transform:none;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.sp-brand-dir__filter[aria-pressed=false]{border-color:var(--sp-brand-parchment-400, #cfc7bd);background:transparent;color:var(--sp-brand-walnut-1200, #29221d)}.sp-brand-dir__filter:hover{border-color:var(--sp-brand-walnut-400, #bcb0a4)}.sp-brand-dir__filter[aria-pressed=true]:hover{border-color:var(--sp-brand-linen-800, #b6afa5);background:var(--sp-brand-linen-800, #b6afa5)}.sp-brand-dir__filter:focus-visible{outline:2px solid var(--sp-brand-walnut-1000, #4a3c30);outline-offset:2px}.sp-brand-dir__check{position:relative;flex:none;width:18px;height:18px;border:1.5px solid var(--sp-brand-walnut-400, #bcb0a4);border-radius:50%}.sp-brand-dir__filter[aria-pressed=true] .sp-brand-dir__check{border-color:var(--sp-brand-walnut, #7b634c);background:var(--sp-brand-walnut, #7b634c)}.sp-brand-dir__filter[aria-pressed=true] .sp-brand-dir__check:after{content:"";position:absolute;left:50%;top:45%;width:5px;height:9px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:translate(-50%,-50%) rotate(45deg)}.sp-brand-dir__group-head{margin:var(--sp-space-14, 96px) auto 44px;padding-inline:var(--sp-space-section-pad-x, 24px);font-family:var(--sp-font-family);font-size:clamp(22px,17.6px + .9vw,30px);font-weight:var(--sp-weight-light, 300);letter-spacing:-.005em;line-height:1.2;text-align:center;text-transform:none;color:var(--sp-color-ink, #101010)}.sp-brand-dir__group-head[hidden]{display:none}.sp-brand-dir{--sp-space-10: 48px;--sp-space-14: 96px;--sp-space-section-pad-x: 24px;--sp-fs-body-lg: clamp(16px, 14.2864px + .4396vw, 20px);--sp-brand-linen: #d3cbbf;--sp-brand-linen-800: #b6afa5;--sp-brand-parchment-400: #cfc7bd;--sp-brand-walnut: #7b634c;--sp-brand-walnut-400: #bcb0a4;--sp-brand-walnut-1000: #4a3c30;--sp-brand-walnut-1200: #29221d}@media(min-width:992px){.sp-brand-dir{--sp-space-section-pad-x: 48px}}@media(min-width:1300px){.sp-brand-dir{--sp-space-section-pad-x: 152px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/sp-brand-directory.css.map */