.hbr-bf-brands{--brands-lime: #b4bd00;display:block;width:100%;overflow:clip;container-type:inline-size;background:#000;color:#fff;font-family:dm-sans,sans-serif}.hbr-bf-brands *,.hbr-bf-brands *:before,.hbr-bf-brands *:after{box-sizing:border-box}.hbr-bf-brands [hidden]{display:none!important}.hbr-bf-brands__heading-wrap{max-width:1440px;margin:0 auto;padding:48px 40px 12px}.hbr-bf-brands .hbr-bf-brands__eyebrow{margin:0 0 14px;color:var(--brands-lime);font:600 12px/1.35 dm-sans,sans-serif;letter-spacing:.24em;text-transform:uppercase}.hbr-bf-brands .hbr-bf-brands__heading{margin:0;padding:0;color:#fff;font:700 clamp(25px,3.5cqw,54px)/1.05 eurostile-extended,sans-serif;font-synthesis:weight;letter-spacing:-.04em;word-spacing:.28em;text-transform:uppercase}.hbr-bf-brands__heading>span{color:var(--brands-lime);font:inherit;letter-spacing:inherit}.hbr-bf-brands .hbr-bf-brands__intro{margin:16px 0 0;color:#aaa;font:400 14px/1.5 dm-sans,sans-serif}.hbr-bf-brands__panel{position:relative;isolation:isolate;width:100%;background:#000}.hbr-bf-brands.is-ready .hbr-bf-brands__panel{height:var(--explorer-height, 520px);overflow:clip}.hbr-bf-brands__field{width:100%;height:100%;overflow:clip}.hbr-bf-brands.is-ready :is(.hbr-bf-brands__field,.hbr-bf-brands__card){touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hbr-bf-brands.is-ready .hbr-bf-brands__field{cursor:grab;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 82%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 82%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.hbr-bf-brands.is-dragging .hbr-bf-brands__field,.hbr-bf-brands.is-dragging .hbr-bf-brands__card{cursor:grabbing}.hbr-bf-brands .hbr-bf-brands__track{position:relative;display:flex;flex-wrap:wrap;gap:28px;justify-content:center;margin:0;padding:24px;list-style:none}.hbr-bf-brands.is-ready .hbr-bf-brands__track{display:block;width:100%;height:100%;padding:0;-webkit-user-select:none;user-select:none;transition:opacity .28s,filter .28s}.hbr-bf-brands__item{width:var(--brand-card-width, var(--card-width, 184px));margin:0;padding:0;list-style:none}.hbr-bf-brands.is-ready .hbr-bf-brands__item{position:absolute;top:0;left:0;will-change:transform}.hbr-bf-brands .hbr-bf-brands__card{position:relative;display:block;width:100%;height:var(--brand-card-height, auto);aspect-ratio:1.84;padding:12px 16px;border:1px solid #dedede;border-radius:5px;background:#fff;color:#121212;box-shadow:0 14px 32px #0009;cursor:pointer;transform:rotate(var(--card-angle, 0deg)) scale(var(--card-scale, 1));transition:transform .22s,border-color .22s,box-shadow .22s}.hbr-bf-brands .hbr-bf-brands__card:hover,.hbr-bf-brands .hbr-bf-brands__card:focus-visible{opacity:1;border-color:var(--brands-lime);box-shadow:0 0 0 1px var(--brands-lime),0 16px 36px #000;transform:rotate(0) scale(1.035)}.hbr-bf-brands.is-dragging .hbr-bf-brands__card{transition:none;transform:rotate(var(--card-angle)) scale(var(--card-scale))}.hbr-bf-brands__logo{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden}.hbr-bf-brands__logo-fallback{display:block;max-width:100%;color:#111;font:600 15px/1.15 eurostile-extended,sans-serif;text-align:center;overflow-wrap:anywhere}.hbr-bf-brands__logo-image,.hbr-bf-brands__logo-fit{position:absolute;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:scale(clamp(.7,var(--logo-scale, 1),1));pointer-events:none}.hbr-bf-brands__logo-image{opacity:0}.hbr-bf-brands__logo.has-logo .hbr-bf-brands__logo-image{opacity:1}.hbr-bf-brands__logo.has-logo.is-fitted .hbr-bf-brands__logo-image{opacity:0}.hbr-bf-brands__logo.has-logo .hbr-bf-brands__logo-fallback{visibility:hidden}.hbr-bf-brands__offer{position:absolute;right:-7px;bottom:-10px;display:flex;align-items:baseline;gap:3px;padding:6px 9px;border-radius:2px;background:var(--brands-lime);color:#000;font:600 10px/1 dm-sans,sans-serif}.hbr-bf-brands__offer strong{font:700 17px/1 dm-sans,sans-serif}.hbr-bf-brands__offer small{font:500 8px/1 dm-sans,sans-serif}.hbr-bf-brands__toolbar{position:absolute;z-index:2;inset:auto max(24px,4cqw) 12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.hbr-bf-brands .hbr-bf-brands__hint{display:flex;align-items:center;gap:7px;margin:0;color:#999;font:400 11px/1.4 dm-sans,sans-serif}.hbr-bf-brands__hint>span{font:inherit}.hbr-bf-brands__drag-icon{display:block;flex:0 0 24px;width:24px;height:24px;color:var(--brands-lime)}.hbr-bf-brands.is-selected .hbr-bf-brands__track{opacity:.16;filter:blur(4px)}.hbr-bf-brands.is-selected .hbr-bf-brands__toolbar{visibility:hidden}.hbr-bf-brands__detail{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:auto;padding:68px 24px 24px;background:#0006;animation:hbr-brand-focus .28s ease both}.hbr-bf-brands__detail-inner{position:relative;z-index:1;display:grid;grid-template-columns:260px minmax(0,340px);align-items:center;gap:48px;width:min(100%,648px);pointer-events:none}.hbr-bf-brands__detail-inner>*{pointer-events:auto}.hbr-bf-brands__detail-copy h3:focus{outline:none}.hbr-bf-brands__focus-logo{position:relative;width:260px;height:154px;padding:22px;border-radius:6px;background:#fff;box-shadow:0 20px 70px #000}.hbr-bf-brands__detail-copy h3{margin:0 0 20px;padding:0;color:#fff;font:600 25px/1.1 eurostile-extended,sans-serif;letter-spacing:-.035em}.hbr-bf-brands .hbr-bf-brands__specialty{margin:0;font:400 16px/1.4 dm-sans,sans-serif}.hbr-bf-brands__specialty>span{display:block;margin-bottom:6px;color:var(--brands-lime);font:400 9px/1.4 dm-sans,sans-serif;letter-spacing:.2em}.hbr-bf-brands__specialty>strong{font:inherit}.hbr-bf-brands .hbr-bf-brands__description{margin:14px 0 0;color:#aaa;font:400 14px/1.5 dm-sans,sans-serif}.hbr-bf-brands .hbr-bf-brands__offer-note{margin:10px 0 0;color:var(--brands-lime);font:400 12px/1.4 dm-sans,sans-serif}.hbr-bf-brands .hbr-bf-brands__explore{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;margin-top:22px;padding:10px 14px;border:1px solid var(--brands-lime);color:#fff;background:#000;font:500 12px/1.3 dm-sans,sans-serif;text-decoration:none}.hbr-bf-brands__explore-arrow{display:block;flex:0 0 24px;width:24px;height:24px}.hbr-bf-brands .hbr-bf-brands__close{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer}.hbr-bf-brands__footer{display:flex;justify-content:center;padding:18px 24px 44px}.hbr-bf-brands__button{display:inline-flex;align-items:stretch;width:max-content;max-width:100%;border:1px solid var(--brands-lime);color:#fff;background:transparent;text-decoration:none}.hbr-bf-brands__button>span:first-child{display:flex;align-items:center;padding:12px 18px;font:400 13px/1.2 eurostile-extended,sans-serif}.hbr-bf-brands__button-arrow{display:grid;place-items:center;flex:0 0 48px;width:48px;min-height:48px;border-left:1px solid var(--brands-lime)}.hbr-bf-brands__button-arrow svg{width:30px;height:30px}.hbr-bf-brands .hbr-bf-brands__button:hover,.hbr-bf-brands .hbr-bf-brands__explore:hover{background:var(--brands-lime);color:#000;text-decoration:none;opacity:1}.hbr-bf-brands :is(a,button):focus-visible{outline:2px solid var(--brands-lime);outline-offset:4px}@keyframes hbr-brand-focus{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:1023px){.hbr-bf-brands__heading-wrap{padding-inline:24px}}@media(max-width:767px){.hbr-bf-brands__heading-wrap{padding-inline:20px}}@media(max-width:749px){.hbr-bf-brands__heading-wrap{padding-block:32px 6px}.hbr-bf-brands .hbr-bf-brands__eyebrow{font-size:10px}.hbr-bf-brands .hbr-bf-brands__heading{font-size:clamp(22px,5.8cqw,40px)}.hbr-bf-brands .hbr-bf-brands__intro{margin-top:12px;font-size:13px}.hbr-bf-brands.is-ready .hbr-bf-brands__panel{height:var(--explorer-mobile-height, 400px)}.hbr-bf-brands__item{width:var(--brand-card-width, var(--card-mobile-width, 136px))}.hbr-bf-brands .hbr-bf-brands__card{padding:9px 12px}.hbr-bf-brands__logo-fallback{font-size:11px}.hbr-bf-brands__desktop-hint,.hbr-bf-brands__hint-extra{display:none}.hbr-bf-brands__toolbar{inset:auto 20px 8px}.hbr-bf-brands__detail{padding:54px 20px 16px}.hbr-bf-brands__detail-inner{grid-template-columns:1fr;justify-items:center;gap:16px;text-align:center}.hbr-bf-brands__focus-logo{width:166px;height:90px;padding:12px}.hbr-bf-brands__detail-copy h3{font-size:18px;margin-bottom:10px}.hbr-bf-brands .hbr-bf-brands__specialty{font-size:14px}.hbr-bf-brands__specialty>span{margin-bottom:3px}.hbr-bf-brands .hbr-bf-brands__description{font-size:12px;margin-top:8px;max-width:300px}.hbr-bf-brands .hbr-bf-brands__explore{margin-top:14px}.hbr-bf-brands__footer{padding-bottom:32px}}@media(prefers-reduced-motion:reduce){.hbr-bf-brands *,.hbr-bf-brands *:before,.hbr-bf-brands *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/163/assets/hbr-bf-brands.css.map */