.collection-hero__text-wrapper--family,.collection-hero__description--family{width:100%}.collection-hero__description--family{max-width:none!important}.collection-hero__title--family{font-size:var(--gg-font-size-page-title);line-height:var(--gg-line-height-tight)}.gg-family-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gg-space-10);width:100%;margin-block:0 var(--gg-space-10)}.gg-family-nav--4{grid-template-columns:repeat(2,minmax(0,1fr))}.gg-family-nav__item{position:relative;display:block;min-width:0;overflow:hidden;aspect-ratio:2 / 1;border-radius:var(--gg-radius-standard);background:var(--gg-color-image-surface);box-shadow:var(--gg-family-nav-shadow);color:var(--gg-color-on-image)!important;text-decoration:none!important;isolation:isolate;transition:transform var(--gg-motion-duration-fast) var(--gg-motion-easing-standard),box-shadow var(--gg-motion-duration-fast) var(--gg-motion-easing-standard)}.gg-family-nav__item.is-current{box-shadow:var(--gg-family-nav-shadow-active)}.gg-family-nav__item:focus-visible{outline:var(--gg-focus-ring-width) solid var(--gg-color-nav-accent);outline-offset:var(--gg-space-1)}.gg-family-nav__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.035);transition:transform var(--gg-motion-duration-default) var(--gg-motion-easing-standard)}.gg-family-nav__item--art .gg-family-nav__image{right:auto;width:78%;object-position:center center;transform:none}.gg-family-nav__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,var(--gg-color-image-scrim-soft) 0%,var(--gg-color-image-scrim-soft) 34%,var(--gg-color-image-scrim-mid) 54%,var(--gg-color-image-scrim-strong) 100%)}.gg-family-nav__item--art:after{background:linear-gradient(90deg,var(--gg-color-image-scrim-soft) 0%,var(--gg-color-image-scrim-soft) 36%,var(--gg-color-image-scrim-mid) 54%,var(--gg-color-image-scrim-strong) 76%,var(--gg-color-image-scrim-strong) 100%)}.gg-family-nav__copy{position:absolute;top:50%;right:var(--gg-space-4);width:55%;padding:var(--gg-space-4);transform:translateY(-50%);text-align:center;line-height:var(--gg-line-height-tight)}.gg-family-nav__logo{display:block;width:min(92%,16rem);height:auto;margin:0 auto var(--gg-space-3);filter:drop-shadow(0 var(--gg-space-1) var(--gg-space-3) var(--gg-color-image-shadow))}.gg-family-nav__eyebrow,.gg-family-nav__label{display:block;color:var(--gg-color-on-image);text-shadow:0 var(--gg-space-1) var(--gg-space-3) var(--gg-color-image-shadow);word-break:keep-all;overflow-wrap:anywhere}.gg-family-nav__eyebrow{margin-bottom:var(--gg-space-3);color:var(--gg-color-on-image-muted);font-family:var(--gg-font-body);font-size:var(--gg-font-size-family-eyebrow);font-weight:var(--gg-font-weight-semibold);letter-spacing:.04em}.gg-family-nav__label{font-family:var(--gg-font-body);font-size:var(--gg-font-size-family-label);font-weight:var(--gg-font-weight-bold)}@media(hover:hover)and (pointer:fine){.gg-family-nav__item:hover{transform:translateY(calc(var(--gg-space-1) * -1));box-shadow:var(--gg-family-nav-shadow-active)}.gg-family-nav__item:hover .gg-family-nav__image{transform:scale(1.065)}.gg-family-nav__item--art:hover .gg-family-nav__image{transform:scale(1.025)}}@media screen and (max-width:749px){.collection-hero__title--family{font-size:var(--gg-font-size-page-title-mobile)}.gg-family-nav,.gg-family-nav--4{display:flex;gap:var(--gg-space-6);margin-inline:calc(var(--gg-space-9) * -1);padding:0 var(--gg-space-9) var(--gg-space-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.gg-family-nav__item{flex:0 0 82vw;min-width:28rem;max-width:44rem;scroll-snap-align:start}.gg-family-nav__copy{right:var(--gg-space-2);width:56%}.gg-family-nav__logo{width:min(92%,14.5rem)}}@media(prefers-reduced-motion:reduce){.gg-family-nav__item,.gg-family-nav__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-collection-family-nav.css.map */