.audience-card{position:relative;display:flex;align-items:flex-end;min-height:300px;border-radius:24px;overflow:hidden;text-decoration:none}.audience-card img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease}.audience-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#0a0a0cd1 0,#0a0a0c52 55%,#0a0a0c0d)}.audience-card:hover img{transform:scale(1.04)}.audience-card:hover .audience-card__arrow{color:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-text-opacity),transparent);transform:translate(4px)}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.audience-card:hover .audience-card__arrow{color:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-text-opacity),transparent)}}.audience-card__content{position:relative;z-index:2;padding:clamp(16px,1.8vw,28px)}.audience-card__group{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#fff9}.audience-card__name{font-family:var(--font-octo-cond);--un-font-weight:600;font-weight:600;text-transform:uppercase;margin-top:6px;font-size:clamp(19px,1.7vw,27px);line-height:1.1;color:#fff}.audience-card__text{margin:8px 0 0;max-width:52ch;font-size:clamp(12px,1vw,14px);line-height:1.5;color:#ffffffc7}.audience-card__arrow{position:absolute;top:clamp(14px,1.6vw,24px);right:clamp(14px,1.6vw,24px);z-index:2;font-size:20px;color:#ffffffb3;transition:color .2s,transform .2s}