.image-hover{background:#fff}.image-hover__row{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}@media(min-width:1200px){.image-hover__row{flex-direction:row}}.image-hover__card{aspect-ratio:360/400;overflow:hidden;position:relative}@media(min-width:768px){.image-hover__card{aspect-ratio:16/9}}@media(min-width:1200px){.image-hover__card{aspect-ratio:640/631;flex:1 1 0;min-width:0}}.image-hover__media{inset:0;padding:.7142857143rem;position:absolute;transition:padding .4s ease}.image-hover__img{border-radius:.5714285714rem;display:block;height:100%;object-fit:cover;width:100%}.image-hover__caption{align-items:flex-start;background:hsla(0,0%,100%,.92);border-radius:.5714285714rem;bottom:1.6428571429rem;display:flex;gap:.5714285714rem;left:50%;max-width:42.5rem;padding:.9285714286rem .7142857143rem;position:absolute;transform:translateX(-50%);width:calc(100% - 2.85714rem)}@media(min-width:1200px){.image-hover__caption{gap:1.4285714286rem;padding:1.4285714286rem 1.7857142857rem}}.image-hover__num{align-items:center;background:#fff;border:.5px solid #7dc5ef;border-radius:7.1428571429rem;color:#174f7a;display:flex;flex-shrink:0;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:1.4285714286rem;font-weight:600;justify-content:center;line-height:1.2;padding:.5714285714rem;text-transform:uppercase}.image-hover__body{display:flex;flex-direction:column;justify-content:center;min-width:0}.image-hover__title{color:#162a3e;font-size:1rem;font-weight:500;line-height:1.4285714286rem}.image-hover__text,.image-hover__title{font-family:IBM Plex Sans,sans-serif;margin:0}.image-hover__text{color:#1d364e;font-size:.8571428571rem;font-weight:400;line-height:1.3571428571rem}@media(min-width:1200px){.image-hover__caption{opacity:0;transform:translateX(-50%) translateY(calc(100% + 2.14286rem));transition:transform .4s ease,opacity .4s ease}.image-hover__card:focus-within .image-hover__media,.image-hover__card:hover .image-hover__media{padding:0}.image-hover__card:focus-within .image-hover__caption,.image-hover__card:hover .image-hover__caption{opacity:1;transform:translateX(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.image-hover__caption,.image-hover__media{transition:none}}
/*# sourceMappingURL=image-hover.css.map*/