.card{position:relative}.card--hoverable .card__media{overflow:hidden}.card--hoverable .card__media-animation{cursor:zoom-in;transition:transform var(--vp-semantic-motion-duration-moderate);transform:scale(1)}.card--hoverable:hover .card__media-animation{transform:scale(1.05)}.card--dim-55 .card__media-animation:after{background:rgba(0,0,0,.55)}.card--dim-75 .card__media-animation:after{background:linear-gradient(12deg,rgba(0,0,0,.55) 33.86%,transparent 67.71%)}.card__media-animation{position:relative}.card__media-animation:after{background:linear-gradient(18deg,rgba(0,0,0,.55),transparent 50%);opacity:1}.card__media-animation:after,.card__media-animation:before{position:absolute;right:0;bottom:0;left:0;top:0;z-index:2;pointer-events:none;content:"";transition-timing-function:var(
        --vp-semantic-motion-easing-expressive-ease-in-out
      );transition-duration:var(--vp-semantic-motion-duration-quick);transition-property:opacity}.card__media-animation:before{background:rgba(0,0,0,.55);opacity:0}.card__content{position:absolute;top:0;right:0;bottom:0;left:0}.card--open .card__media:after{opacity:0}.card--open .card__media:before{opacity:1}@media (min-width:1200px){.card--variant-hero .media>.aspect-ratio{padding-top:calc(var(--vp-core-aspect-ratio-9-16) * 100%)}}.card--parallax .card__media{overflow:hidden}.card--parallax .card__media-animation{transform:scale(1.2)}