.oh-area{aspect-ratio:4/5;background:var(--oh-dark-bg);border-radius:var(--oh-radius);isolation:isolate;overflow:hidden;position:relative}.oh-area img{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .7s ease;width:100%}.oh-area:after{background:linear-gradient(180deg,rgba(14,22,40,0) 40%,rgba(14,22,40,.82));content:"";inset:0;position:absolute}.oh-area:hover img{transform:scale(1.05)}.oh-area__body{bottom:20px;color:#fff;left:22px;position:absolute;right:22px;z-index:1}.oh-area__name{color:#fff;font-size:1.5rem;margin:0}.oh-area__link{color:inherit;text-decoration:none}.oh-area__link:after{content:"";inset:-1000px;position:absolute}.oh-area__link:focus-visible{outline:none}.oh-area:has(.oh-area__link:focus-visible){outline:2px solid var(--oh-primary);outline-offset:3px}.oh-area__caption{color:hsla(0,0%,100%,.85);font-size:.875rem;margin:4px 0 0}.oh-area__arrow{align-items:center;background:hsla(0,0%,100%,.92);border-radius:50%;color:#14213d;display:inline-flex;height:40px;justify-content:center;opacity:0;position:absolute;right:16px;top:16px;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease;width:40px;z-index:1}.oh-area:focus-within .oh-area__arrow,.oh-area:hover .oh-area__arrow{opacity:1;transform:none}.oh-area__arrow .oh-icon{height:18px;width:18px}