/* Oui Widgets - image overlay: a picture, a colour layer and a caption. Always visible, or on hover/focus (and always on touch screens). */
.ouiw-io{position:relative;overflow:hidden;margin:0;color:var(--io-text,#fff)}
.ouiw-io .ouiw-io__img{display:block;width:100%;height:var(--io-h,auto);max-width:100%;object-fit:cover;transition:transform .5s ease}
.ouiw-io__layer{position:absolute;inset:0;background:var(--io-color,#000);opacity:var(--io-opacity,.55);transition:opacity .3s ease;pointer-events:none}
.ouiw-io__caption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;transition:opacity .3s ease,transform .3s ease}
.ouiw-io--v-top .ouiw-io__caption{justify-content:flex-start}
.ouiw-io--v-middle .ouiw-io__caption{justify-content:center}
.ouiw-io--h-left .ouiw-io__caption{align-items:flex-start;text-align:left}
.ouiw-io--h-center .ouiw-io__caption{align-items:center;text-align:center}
.ouiw-io--h-right .ouiw-io__caption{align-items:flex-end;text-align:right}
.ouiw-io__title,.ouiw-io__subtitle,.ouiw-io__text{margin:0;color:inherit}
.ouiw-io__subtitle,.ouiw-io__text{margin-top:.35rem}
.ouiw-io__link{color:inherit;text-decoration:none}
.ouiw-io__link::after{content:"";position:absolute;inset:0}
.ouiw-io__link:focus-visible{outline:3px solid currentColor;outline-offset:-6px}
.ouiw-io--fx-zoom:hover .ouiw-io__img,.ouiw-io--fx-zoom:focus-within .ouiw-io__img{transform:scale(1.08)}
@media (hover:hover){
    .ouiw-io--layer-hover .ouiw-io__layer,.ouiw-io--text-hover .ouiw-io__caption{opacity:0}
    .ouiw-io--layer-hover:hover .ouiw-io__layer,.ouiw-io--layer-hover:focus-within .ouiw-io__layer{opacity:var(--io-opacity,.55)}
    .ouiw-io--text-hover:hover .ouiw-io__caption,.ouiw-io--text-hover:focus-within .ouiw-io__caption{opacity:1}
    .ouiw-io--text-hover.ouiw-io--fx-slide .ouiw-io__caption{transform:translateY(1rem)}
    .ouiw-io--text-hover.ouiw-io--fx-slide:hover .ouiw-io__caption,.ouiw-io--text-hover.ouiw-io--fx-slide:focus-within .ouiw-io__caption{transform:none}
}
@media (prefers-reduced-motion:reduce){.ouiw-io *{transition:none!important}.ouiw-io--fx-zoom:hover .ouiw-io__img{transform:none}}
