@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700&display=swap";:root{--c21-red: #CE0E2D;--c21-red-dark: #A50B24;--c21-black: #000000;--c21-white: #FFFFFF;--c21-gray: #A7A8A9;--c21-gray-light: #F5F5F5;--c21-gray-200: #E5E5E5;--c21-gray-600: #666666;--c21-gold: #B47F00;--c21-font: "Montserrat", sans-serif;--c21-font-display: "Playfair Display", serif;--c21-max-width: 1200px;--c21-radius: 8px;--c21-transition: .2s ease}.c21-brands-page *,.c21-brands-page *:before,.c21-brands-page *:after{box-sizing:border-box;margin:0;padding:0}.c21-brands-page{font-family:var(--c21-font);color:var(--c21-black);line-height:1.6;-webkit-font-smoothing:antialiased}.c21-brands-page img{max-width:100%;height:auto;display:block}.c21-brands-page a{text-decoration:none;color:inherit}.c21-container{max-width:var(--c21-max-width);margin:0 auto;padding:0 24px}@media(max-width:768px){.c21-container{padding:0 20px}}@media(max-width:480px){.c21-container{padding:0 16px}}.c21-hero{display:grid;grid-template-columns:45% 55%;min-height:520px;background:var(--c21-white);max-width:var(--c21-max-width);margin:24px auto 0;border-radius:var(--c21-radius);overflow:hidden}.c21-hero__text{display:flex;flex-direction:column;justify-content:center;padding:64px 60px}.c21-hero__eyebrow{font-family:var(--c21-font);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--c21-red);margin-bottom:16px}.c21-hero__heading{font-family:var(--c21-font);font-size:38px;font-weight:800;line-height:1.12;color:var(--c21-black);margin-bottom:16px;letter-spacing:-.01em}.c21-hero__subtitle{font-family:var(--c21-font);font-size:15px;font-weight:400;line-height:1.55;color:var(--c21-black);margin-bottom:28px;max-width:400px}.c21-hero__cta,.c21-brands-page a.c21-hero__cta{display:inline-block;padding:14px 32px;font-family:var(--c21-font);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--c21-white)!important;background:var(--c21-black);border:2px solid var(--c21-black);transition:var(--c21-transition);align-self:flex-start}.c21-hero__cta:hover,.c21-brands-page a.c21-hero__cta:hover{background:#333;border-color:#333;color:var(--c21-white)!important}.c21-hero__image{position:relative;overflow:hidden;background:var(--c21-gray-light)}.c21-hero__image img,.c21-hero__img{width:100%;height:100%;object-fit:cover}.c21-hero__image-placeholder{width:100%;height:100%;background:linear-gradient(145deg,#e8e8e8,#d0d0d0,silver);display:flex;align-items:center;justify-content:center}.c21-hero__image-placeholder span{font-family:var(--c21-font);font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--c21-gray)}@media(max-width:1280px){.c21-hero{margin-left:24px;margin-right:24px;grid-template-columns:48% 52%}.c21-hero__text{padding:48px 36px}.c21-hero__heading{font-size:34px}}@media(max-width:768px){.c21-hero{grid-template-columns:1fr;min-height:auto;margin:16px 16px 0}.c21-hero__text{padding:28px 20px 24px;order:1}.c21-hero__eyebrow{font-size:10px;margin-bottom:12px}.c21-hero__heading{font-size:28px;margin-bottom:12px}.c21-hero__subtitle{font-size:14px;margin-bottom:20px}.c21-hero__cta{width:100%;text-align:center;padding:14px}.c21-hero__image{order:2;min-height:280px;border-radius:0 0 var(--c21-radius) var(--c21-radius)}}.c21-spotlight{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;background:var(--c21-white);min-height:520px;max-width:var(--c21-max-width);margin:32px auto 0;overflow:hidden;border-radius:var(--c21-radius)}.c21-spotlight__image{grid-column:1;grid-row:1 / 3;position:relative;overflow:hidden;background:var(--c21-gray-light)}.c21-spotlight__header{grid-column:2;grid-row:1;padding:0 60px 8px;display:flex;flex-direction:column;justify-content:flex-end}.c21-spotlight__body{grid-column:2;grid-row:2;padding:8px 60px 0;display:flex;flex-direction:column;justify-content:flex-start}.c21-spotlight__image img,.c21-spotlight__img{width:100%;height:100%;object-fit:cover}.c21-spotlight__image-placeholder{width:100%;height:100%;min-height:420px;background:linear-gradient(145deg,#e8e8e8,#d0d0d0,silver);display:flex;align-items:center;justify-content:center}.c21-spotlight__image-placeholder span{font-family:var(--c21-font);font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--c21-gray)}.c21-spotlight__label{font-family:var(--c21-font);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--c21-red);margin-bottom:12px}.c21-spotlight__brand-name{font-family:var(--c21-font-display);font-size:36px;font-weight:700;color:var(--c21-black);line-height:1.15;margin-bottom:0}.c21-spotlight__description{font-family:var(--c21-font);font-size:15px;font-weight:400;line-height:1.55;color:var(--c21-gray-600);margin-bottom:28px;max-width:400px;margin-top:16px}.c21-spotlight__cta,.c21-brands-page a.c21-spotlight__cta{display:inline-block;padding:14px 32px;font-family:var(--c21-font);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--c21-white)!important;background:var(--c21-black);border:2px solid var(--c21-black);transition:var(--c21-transition);align-self:flex-start}.c21-spotlight__cta:hover,.c21-brands-page a.c21-spotlight__cta:hover{background:#333;border-color:#333;color:var(--c21-white)!important}@media(max-width:1280px){.c21-spotlight{margin-left:24px;margin-right:24px}.c21-spotlight__header{padding:0 36px 8px}.c21-spotlight__body{padding:8px 36px 0}}@media(max-width:768px){.c21-spotlight{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:auto;margin:0 16px}.c21-spotlight__header{grid-column:1;grid-row:1;padding:24px 20px 16px}.c21-spotlight__image{grid-column:1;grid-row:2;min-height:280px;border-radius:var(--c21-radius)}.c21-spotlight__image-placeholder{min-height:280px;border-radius:var(--c21-radius)}.c21-spotlight__body{grid-column:1;grid-row:3;padding:20px 20px 28px}.c21-spotlight__brand-name{font-size:28px}.c21-spotlight__description{font-size:14px;margin-top:0}.c21-spotlight__cta{width:100%;text-align:center;padding:14px}}.c21-directory{padding:56px 0 80px;background:var(--c21-white)}.c21-search{max-width:560px;margin:0 auto 24px;position:relative}.c21-brands-page .c21-search__input{width:100%;padding:16px 44px 16px 48px!important;font-family:var(--c21-font);font-size:15px;font-weight:400;border:1px solid var(--c21-gray-200);background:var(--c21-gray-light);color:var(--c21-black);outline:none;transition:var(--c21-transition);border-radius:var(--c21-radius);-webkit-appearance:none;appearance:none;box-sizing:border-box}.c21-search__input:focus{border-color:var(--c21-red);background:var(--c21-white);box-shadow:0 0 0 3px #ce0e2d14}.c21-search__input::placeholder{color:var(--c21-gray);font-weight:300}.c21-brands-page .c21-search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--c21-gray);pointer-events:none;z-index:1}.c21-search__clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--c21-gray);transition:var(--c21-transition);border-radius:50%;padding:0}.c21-search__clear:hover{color:var(--c21-black);background:var(--c21-gray-200)}.c21-search__clear svg{width:16px;height:16px}.c21-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:800px;margin:0 auto 20px;padding:0 16px}.c21-filter-pill{padding:10px 20px;font-family:var(--c21-font);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border:1.5px solid var(--c21-gray-200);background:var(--c21-white);color:var(--c21-gray-600);cursor:pointer;transition:all .15s ease;white-space:nowrap}.c21-filter-pill:hover{border-color:var(--c21-black);color:var(--c21-black)}.c21-filter-pill--active{background:var(--c21-black);color:var(--c21-white);border-color:var(--c21-black)}.c21-filter-pill--active:hover{background:#333;border-color:#333;color:var(--c21-white)}@media(max-width:640px){.c21-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:6px;padding:0 16px;margin-bottom:16px}.c21-filters::-webkit-scrollbar{display:none}.c21-filter-pill{flex-shrink:0;padding:8px 14px;font-size:11px}}.c21-search__count{text-align:center;font-family:var(--c21-font);font-size:13px;font-weight:500;color:var(--c21-gray-600);margin-bottom:24px;min-height:18px;letter-spacing:.5px}.c21-alpha-nav{position:sticky;top:0;z-index:100;background:var(--c21-white);border-bottom:2px solid var(--c21-red);margin-bottom:48px;transition:box-shadow .2s ease}.c21-alpha-nav--shadow{box-shadow:0 4px 16px #00000014}.c21-alpha-nav__inner{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;padding:10px 0;max-width:var(--c21-max-width);margin:0 auto}.c21-alpha-nav__btn{padding:8px 9px;min-width:34px;font-family:var(--c21-font);font-size:12px;font-weight:600;text-transform:uppercase;background:none;color:var(--c21-gray-600);border:none;border-bottom:2px solid transparent;cursor:pointer;transition:var(--c21-transition);text-align:center}.c21-alpha-nav__btn:hover:not(:disabled){color:var(--c21-black)}.c21-alpha-nav__btn--active{color:var(--c21-red);border-bottom-color:var(--c21-red)}.c21-alpha-nav__btn:disabled{color:var(--c21-gray-200);cursor:default;opacity:.5}@media(max-width:640px){.c21-alpha-nav__inner{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 12px;justify-content:flex-start;gap:0}.c21-alpha-nav__inner::-webkit-scrollbar{display:none}.c21-alpha-nav__btn{flex-shrink:0;padding:6px 8px;min-width:30px;font-size:11px}}.c21-brand-list{display:flex;flex-direction:column;gap:48px}.c21-letter-group{scroll-margin-top:60px}.c21-letter-header-row{display:flex;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--c21-gray-200);margin-bottom:20px}.c21-letter-header{font-family:var(--c21-font);font-size:28px;font-weight:800;text-transform:uppercase;color:var(--c21-red);letter-spacing:-.01em}.c21-brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--c21-gray-200)}.c21-brand-card{display:flex;flex-direction:column;justify-content:center;padding:18px 20px;background:var(--c21-white);transition:background .15s ease;min-height:72px;cursor:default}.c21-brand-card:hover{background:var(--c21-gray-light)}.c21-brand-name{font-family:var(--c21-font);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--c21-black);line-height:1.3;transition:color .15s ease}.c21-brand-card:hover .c21-brand-name{color:var(--c21-red)}.c21-brand-cats{font-family:var(--c21-font);font-size:11px;font-weight:400;color:var(--c21-gray);margin-top:4px;letter-spacing:.3px}@media(max-width:1024px){.c21-brand-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.c21-brand-grid{grid-template-columns:repeat(2,1fr)}.c21-brand-card{padding:14px;min-height:60px}.c21-brand-name{font-size:11px}.c21-brand-cats{font-size:10px}}@media(max-width:400px){.c21-brand-grid{grid-template-columns:1fr}}.c21-no-results{display:none;flex-direction:column;align-items:center;padding:64px 20px;text-align:center}.c21-no-results__icon{width:48px;height:48px;color:var(--c21-gray-200);margin-bottom:16px}.c21-no-results__text{font-family:var(--c21-font);font-size:16px;font-weight:600;color:var(--c21-black);margin-bottom:4px}.c21-no-results__sub{font-family:var(--c21-font);font-size:14px;font-weight:300;color:var(--c21-gray-600);margin-bottom:24px}.c21-no-results__btn{padding:12px 28px;font-family:var(--c21-font);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:var(--c21-black);color:var(--c21-white);border:2px solid var(--c21-black);cursor:pointer;transition:var(--c21-transition)}.c21-no-results__btn:hover{background:#333;border-color:#333}.c21-back-top{position:fixed;bottom:28px;right:28px;width:48px;height:48px;background:var(--c21-red);color:var(--c21-white);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--c21-transition);z-index:99;box-shadow:0 2px 12px #00000026}.c21-back-top--visible{opacity:1;visibility:visible}.c21-back-top:hover{background:var(--c21-red-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.c21-back-top svg{width:20px;height:20px}.c21-store-cta{padding:80px 0;background:var(--c21-black);text-align:center}.c21-store-cta__heading{font-family:var(--c21-font);font-size:40px;font-weight:800;text-transform:uppercase;color:var(--c21-white);line-height:1.2;margin-bottom:12px}.c21-store-cta__sub{font-family:var(--c21-font);font-size:15px;font-weight:300;color:var(--c21-gray);margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}.c21-store-cta__address{font-family:var(--c21-font);font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--c21-white);margin-bottom:8px}.c21-store-cta__hours{font-family:var(--c21-font);font-size:13px;font-weight:300;color:var(--c21-gray);margin-bottom:36px}.c21-store-cta__btn,.c21-brands-page a.c21-store-cta__btn{display:inline-block;padding:16px 48px;font-family:var(--c21-font);font-size:13px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--c21-white)!important;background:var(--c21-red);border:2px solid var(--c21-red);transition:var(--c21-transition)}.c21-store-cta__btn:hover,.c21-brands-page a.c21-store-cta__btn:hover{background:var(--c21-red-dark);border-color:var(--c21-red-dark);color:var(--c21-white)!important}@media(max-width:768px){.c21-store-cta{padding:60px 0}.c21-store-cta__heading{font-size:30px}}@media(max-width:480px){.c21-store-cta__heading{font-size:24px}}@media(prefers-reduced-motion:reduce){.c21-brands-page *,.c21-brands-page *:before,.c21-brands-page *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/c21-brands.css.map */