.av8-families__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.av8-families__grid[data-count="2"],.av8-families__grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.av8-family{position:relative;display:block;min-width:0;aspect-ratio:1;overflow:hidden;border-radius:18px;background:#dfe5ee;color:#fff;text-decoration:none;isolation:isolate;box-shadow:0 1px #fff9;transition:box-shadow .5s ease}.av8-family:hover,.av8-family:focus-visible{box-shadow:0 18px 40px #11182024}.av8-family:focus-visible{outline:2px solid var(--av-blue);outline-offset:4px}.av8-family__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.av-site.av-homepage .av8-family__media img,.av8-family__media img{display:block;width:100%;height:100%;max-width:none;max-height:none;min-height:0;min-width:0;padding:0;object-fit:cover;object-position:var(--av8-family-focus, center);mix-blend-mode:normal;transform:scale(1.001);transition:transform 1.1s cubic-bezier(.2,.7,.2,1);will-change:transform}.av8-family:hover img,.av8-family:focus-visible img{transform:scale(1.05)}.av8-family__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#090f1bbd,#090f1b80 22%,#090f1b33 42%,#090f1b00 60%);transition:opacity .5s ease}.av8-family--symbol{background:#edf3ff;color:var(--av-ink)}.av8-family--symbol .av8-family__media{display:grid;place-items:center}.av8-family--symbol .av8-family__media:after{content:none}.av8-family__symbol{display:block;width:96px;height:96px;color:var(--av-blue);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.av8-family__copy{position:absolute;left:24px;right:74px;bottom:22px;z-index:1;padding:0}.av8-family__copy h3{margin:0 0 8px;color:inherit;font-size:clamp(21px,1.7vw,25px);line-height:1.1;letter-spacing:-.025em;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;text-wrap:balance;text-shadow:0 1px 2px rgb(9 15 27 / .25)}.av8-family__copy p{max-width:34ch;margin:0;color:#ffffffd6;font-size:15px;line-height:1.4;text-wrap:pretty}.av8-family--symbol .av8-family__copy p{color:#475568}.av8-family__arrow{position:absolute;bottom:24px;right:24px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(255 255 255 / .55);border-radius:50%;background:#ffffff24;color:#fff;font-size:23px;line-height:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .4s ease,color .4s ease,border-color .4s ease,transform .4s ease}.av8-family:hover .av8-family__arrow,.av8-family:focus-visible .av8-family__arrow{background:#fff;border-color:#fff;color:var(--av-blue);transform:translate(2px,-2px)}.av8-family--symbol .av8-family__arrow{border-color:#c2d0e5;background:transparent;color:var(--av-blue)}@media(max-width:1100px){.av8-families__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.av8-families__grid,.av8-families__grid[data-count="2"],.av8-families__grid[data-count="4"]{display:flex;gap:12px;margin-inline:-24px;padding:4px 24px 14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.av8-families__grid::-webkit-scrollbar{display:none}.av8-family{display:block;flex:0 0 min(78vw,320px);grid-template-columns:none;aspect-ratio:1;min-height:0;padding:0;border-radius:16px;scroll-snap-align:start}.av8-family:last-child{margin-right:24px}.av8-family__media{aspect-ratio:auto;height:100%;padding:0}.av8-family__media:after{background:linear-gradient(to top,#090f1bc2,#090f1b80 24%,#090f1b2e 46%,#090f1b00 62%)}.av8-family__copy{left:20px;right:72px;bottom:18px;padding:0}.av8-family__copy h3{font-size:23px;line-height:1.1;letter-spacing:-.02em;margin-bottom:6px;overflow-wrap:normal}.av8-family__copy p{font-size:14px;line-height:1.4}.av8-family__arrow{display:grid;width:38px;height:38px;right:18px;bottom:18px;font-size:20px}}@media(prefers-reduced-motion:reduce){.av8-family,.av8-family img,.av8-family__arrow{transition:none}.av8-family:hover img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/av8-families-v2.css.map */