.hover-card{--hover-card-scoop:clamp(22px,6.67cqh,28px);--hover-card-shadow:clamp(5px,1.67cqh,7px);--hover-card-scoop-radius:calc(var(--hover-card-scoop) * 18 / 28);--hover-card-btn-radius:16px;--hover-card-btn-bg:var(--color-white);--hover-card-btn-text:var(--color-ink);position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:24px;overflow:hidden;cursor:pointer;container-type:size;text-decoration:none}.hover-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.hover-card__image{object-fit:cover;transition:transform .4s ease}.hover-card__overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:none;color:var(--color-white);text-align:center;padding:var(--space-4);pointer-events:none}.hover-card__title{font-family:var(--font-sans);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1;margin:0;color:var(--color-white)}.hover-card__subtitle{font-size:var(--text-base);margin:.5rem 0 0;line-height:1.2;color:var(--color-white)}.hover-card__btn{position:absolute;right:0;bottom:-2px;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:clamp(2.75rem,14cqh,3.25rem);padding:.625rem 1rem .625rem 1.125rem;background-color:var(--hover-card-btn-bg);border-top-left-radius:var(--hover-card-btn-radius);opacity:0;transform:translateY(1.25rem);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.hover-card__btn:before{left:calc(-1 * var(--hover-card-scoop));bottom:0}.hover-card__btn:after,.hover-card__btn:before{content:"";position:absolute;width:var(--hover-card-scoop);height:var(--hover-card-scoop);background:transparent;border-bottom-right-radius:var(--hover-card-scoop-radius);box-shadow:var(--hover-card-shadow) var(--hover-card-shadow) 0 var(--hover-card-btn-bg)}.hover-card__btn:after{top:calc(-1 * var(--hover-card-scoop));right:0}.hover-card__btn span{font-family:var(--font-sans);font-size:.875rem;font-weight:var(--font-semibold);line-height:1;white-space:nowrap}.hover-card__arrow,.hover-card__btn span{position:relative;z-index:1;color:var(--hover-card-btn-text)}.hover-card__arrow{flex-shrink:0;width:1rem;height:1rem}@media (hover:hover){.hover-card:hover .hover-card__btn{opacity:1;transform:translateY(0)}.hover-card:hover .hover-card__image{transform:scale(1.05)}}.hover-card:focus-visible .hover-card__btn,.hover-card:focus-within .hover-card__btn{opacity:1;transform:translateY(0)}@media (hover:none){.hover-card__btn{opacity:1;transform:translateY(0)}}@supports not (height:1cqh){.hover-card{--hover-card-scoop:28px;--hover-card-shadow:7px;--hover-card-scoop-radius:18px;--hover-card-btn-radius:30px}}@media (prefers-reduced-motion:reduce){.hover-card__btn,.hover-card__image{transition:none}.hover-card:hover .hover-card__image{transform:none}.hover-card__btn{opacity:1;transform:translateY(0)}}