.hn-brand-family__track{margin-inline:calc(var(--hn-section-px) * -1);padding:var(--hn-space-2) var(--hn-section-px) var(--hn-space-5);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--hn-section-px);scrollbar-width:none;-webkit-overflow-scrolling:touch}.hn-brand-family__track::-webkit-scrollbar{display:none}.hn-brand-family__track:focus-visible{outline:2px solid var(--hn-brand);outline-offset:-2px}.hn-section--dark .hn-brand-family__track:focus-visible{outline-color:var(--hn-white)}.hn-brand-family__list{display:flex;gap:var(--hn-space-4);margin:0;padding:0;list-style:none}.hn-brand-family__item{display:flex;flex:0 0 calc((100% - var(--hn-space-4)) / 1.15);min-width:0;scroll-snap-align:start}@media screen and (min-width:750px){.hn-brand-family__list{gap:var(--hn-space-6)}.hn-brand-family__item{flex-basis:calc((100% - var(--hn-space-6)) / 2.2)}}@media screen and (min-width:990px){.hn-brand-family__track{margin-inline:0;padding:0;overflow:visible;scroll-snap-type:none}.hn-brand-family__track:focus-visible{outline-offset:var(--hn-space-2)}.hn-brand-family__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.hn-brand-family__item{flex:none}}.hn-brand-family__card{--brand-family-fill: var(--hn-brand);position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;aspect-ratio:4 / 5;padding:var(--hn-space-6);overflow:hidden;isolation:isolate;border-radius:var(--hn-radius-xl);background:var(--brand-family-fill);box-shadow:var(--hn-shadow-md);color:var(--hn-white);text-decoration:none;transition:transform var(--hn-duration) var(--hn-ease),box-shadow var(--hn-duration) var(--hn-ease)}@media screen and (min-width:990px){.hn-brand-family__card{padding:var(--hn-space-7)}}.hn-brand-family__card--curves{--brand-family-fill: var(--hn-brand-dark)}.hn-brand-family__card--soles{--brand-family-fill: var(--hn-ink)}.hn-brand-family__card--link:hover{transform:translateY(-.4rem);box-shadow:var(--hn-shadow-lg)}.hn-brand-family__card--link:focus-visible{outline:2px solid var(--hn-brand);outline-offset:2px}.hn-section--dark .hn-brand-family__card--link:focus-visible{outline-color:var(--hn-white)}.hn-brand-family__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--hn-surface-blush)}.hn-brand-family__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s var(--hn-ease)}.hn-brand-family__card--link:hover .hn-brand-family__image{transform:scale(1.04)}.hn-brand-family__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(var(--hn-brand-rgb),0),rgba(var(--hn-brand-rgb),.2) 35%,rgba(var(--hn-brand-rgb),.82) 68%,rgba(var(--hn-brand-rgb),.95))}.hn-brand-family__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--hn-space-2)}.hn-brand-family__content>*{margin:0}.hn-brand-family__eyebrow{font-size:var(--hn-micro);font-weight:var(--hn-semibold);line-height:1.3;letter-spacing:var(--hn-ls-label);text-transform:uppercase;color:var(--hn-brand-tint)}.hn-brand-family__wordmark{font-family:var(--hn-font-body);font-size:var(--hn-heading-lg);font-weight:var(--hn-bold);line-height:var(--hn-heading-lh);letter-spacing:var(--hn-ls-display);color:var(--hn-white)}.hn-brand-family__tagline{max-width:32rem;font-size:var(--hn-body-md);line-height:1.5;color:var(--hn-gray-200)}.hn-brand-family__link{display:inline-flex;align-items:center;gap:var(--hn-space-2);margin-top:var(--hn-space-3);font-size:var(--hn-body-md);font-weight:var(--hn-semibold);line-height:1.2;letter-spacing:var(--hn-ls-cta);color:var(--hn-white)}.hn-brand-family__arrow{flex:0 0 auto;transition:transform var(--hn-duration) var(--hn-ease)}.hn-brand-family__card--link:hover .hn-brand-family__link{text-decoration:underline;text-underline-offset:.3rem}.hn-brand-family__card--link:hover .hn-brand-family__arrow{transform:translate(.3rem)}.hn-brand-family__status{position:absolute;top:var(--hn-space-4);right:var(--hn-space-4);padding:var(--hn-space-1) var(--hn-space-3);border-radius:var(--hn-radius-pill);background:var(--hn-white);box-shadow:var(--hn-shadow-md);font-size:var(--hn-micro);font-weight:var(--hn-semibold);line-height:1.4;letter-spacing:var(--hn-ls-label);text-transform:uppercase;color:var(--hn-brand)}@media(prefers-reduced-motion:reduce){.hn-brand-family__card,.hn-brand-family__image,.hn-brand-family__arrow{transition:none}.hn-brand-family__card--link:hover,.hn-brand-family__card--link:hover .hn-brand-family__image,.hn-brand-family__card--link:hover .hn-brand-family__arrow{transform:none}}@media(forced-colors:active){.hn-brand-family__card{border:1px solid CanvasText}.hn-brand-family__media:after{display:none}.hn-brand-family__track:focus-visible,.hn-brand-family__card--link:focus-visible{outline-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hn-brand-family.css.map */