.ao-social{padding-block:clamp(6rem,9vw,11rem);background:var(--ao-ivory);color:var(--ao-oud);overflow:hidden}.ao-social.color-scheme-2{background:var(--ao-beige)}.ao-social.color-scheme-5{background:var(--ao-ink);color:var(--ao-ivory)}.ao-social__head{margin-inline:auto;margin-bottom:clamp(3.6rem,5vw,5.6rem)}.ao-social__handle{text-decoration:none;color:var(--ao-orange)}.ao-social.color-scheme-5 .ao-social__handle{color:var(--ao-gold-light)}.ao-social__title{margin-top:.4rem}.ao-social.color-scheme-5 .ao-social__title{color:var(--ao-ivory)}.ao-social__caption{margin-inline:auto}.ao-social.color-scheme-5 .ao-social__caption{color:#fbf7f1b8}.ao-social__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,1.4vw,1.6rem)}.ao-social__tile{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;background:var(--ao-cream);border:1px solid var(--ao-line)}.ao-social.color-scheme-5 .ao-social__tile{border-color:#c79a4b38}.ao-social__img{transition:transform 1.1s var(--ao-ease)}.ao-social__tile:hover .ao-social__img{transform:scale(1.07)}.ao-social__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a151200 30%,#1a15128c);opacity:0;transition:opacity .5s var(--ao-ease)}.ao-social__tile:hover .ao-social__scrim{opacity:1}.ao-social__glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ao-ivory);opacity:0;transform:scale(.86);transition:opacity .5s var(--ao-ease),transform .5s var(--ao-ease)}.ao-social__tile:hover .ao-social__glyph{opacity:1;transform:scale(1)}.ao-social__cta{margin-top:clamp(3.4rem,5vw,5rem)}.ao-social.color-scheme-5 .ao-social__link{color:var(--ao-gold-light)}@media screen and (max-width:989px){.ao-social__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:749px){.ao-social__grid{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:calc(-1*clamp(2rem,5vw,6rem));padding-inline:clamp(2rem,5vw,6rem);scrollbar-width:none}.ao-social__grid::-webkit-scrollbar{display:none}.ao-social__tile{flex:0 0 70%;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ao-social.css.map */