.hp-audiences{background-color:var(--hp-snow);padding:var(--hp-section-padding) 0}.hp-audiences__header{text-align:center;margin-bottom:48px}.hp-audiences__headline{font-size:42px;margin-bottom:16px;color:var(--hp-onyx)}.hp-audiences__subtitle{max-width:560px;margin:0 auto}.hp-audiences__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.hp-audiences__card{position:relative;border-radius:var(--hp-radius);overflow:hidden;aspect-ratio:3 / 4;cursor:pointer;transition:transform .3s ease}.hp-audiences__card:hover{transform:translateY(-4px)}.hp-audiences__card-image{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hp-cloud)}.hp-audiences__card-image img{width:100%;height:100%;object-fit:cover}.hp-audiences__card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#ffffff4d;font-family:var(--heading-font-regular);font-size:13px;text-align:center;padding:16px}.hp-audiences__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(13,13,13,.9) 0%,rgba(13,13,13,.4) 40%,transparent 70%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:var(--hp-snow)}.hp-audiences__card-label{font-family:var(--heading-font);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.hp-audiences__card-title{font-family:var(--heading-font);font-size:22px;font-weight:900;text-transform:uppercase;margin-bottom:8px;line-height:1.1;color:#fff}.hp-audiences__card-quote{font-family:var(--heading-font-regular);font-size:14px;line-height:1.4;opacity:.8;color:#fff;margin-bottom:0}@media(max-width:1024px){.hp-audiences__grid{grid-template-columns:repeat(2,1fr)}.hp-audiences__headline{font-size:36px}}@media(max-width:767px){.hp-audiences{padding:var(--hp-section-padding-mobile) 0}.hp-audiences__grid{grid-template-columns:repeat(2,1fr);gap:12px}.hp-audiences__headline{font-size:32px}.hp-audiences__card-title{font-size:18px}.hp-audiences__card-overlay{padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/208/assets/hp-audiences.css.map */