.af-vp-tile{width:100%;color:var(--af-white);outline:none;font-size:19px;line-height:1.5;text-decoration:none;display:block;position:relative}.af-vp-tile__figure{clip-path:inset(0);width:100%;height:100%;margin:0;position:relative;overflow:hidden}.af-vp-tile__img{object-fit:cover;width:100%;height:100%;transition:transform .2s ease-in-out;display:block}.af-vp-tile__overlay{z-index:2;text-align:center;color:var(--af-white);background-color:var(--af-black);opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:2em;transition:opacity .2s ease-in-out,color .2s ease-in-out;display:flex;position:absolute;inset:0}.af-vp-tile__category,.af-vp-tile .af-vp-tile__title{opacity:0;max-width:100%;transition:opacity .25s cubic-bezier(.25,.46,.45,.94) 70ms,transform .25s cubic-bezier(.25,.46,.45,.94) 70ms;transform:translateY(10px)}.af-vp-tile__category{text-transform:uppercase;margin:0 0 1.5em;font-size:.9em;font-weight:500;line-height:1.5}.af-vp-tile__category span{opacity:.8;display:block}.af-vp-tile .af-vp-tile__title{letter-spacing:0;color:inherit;margin:0;font-size:1.3em;font-weight:600;line-height:1.3;transition-delay:.14s}.af-vp-tile .af-vp-tile__title:first-child{transition-delay:70ms}.af-vp-tile:hover .af-vp-tile__img,.af-vp-tile:focus-visible .af-vp-tile__img{transform:scale(1.05)}.af-vp-tile:hover .af-vp-tile__overlay,.af-vp-tile:focus-visible .af-vp-tile__overlay{opacity:1;color:var(--af-blue)}.af-vp-tile:hover .af-vp-tile__category,.af-vp-tile:hover .af-vp-tile__title,.af-vp-tile:focus-visible .af-vp-tile__category,.af-vp-tile:focus-visible .af-vp-tile__title{opacity:1;transform:translateY(0)}.af-vp-tile:focus-visible{outline:2px solid var(--af-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.af-vp-tile__img,.af-vp-tile__overlay,.af-vp-tile__category,.af-vp-tile .af-vp-tile__title{transition:none}.af-vp-tile:hover .af-vp-tile__img,.af-vp-tile:focus-visible .af-vp-tile__img,.af-vp-tile__category,.af-vp-tile .af-vp-tile__title{transform:none}}
