/* Shared card treatment. No layout, copy or click targets are changed. */
.sd-hover-card{position:relative;isolation:isolate}
.sd-hover-card.sd-hover-card{transition:transform .38s ease-out,border-color .25s ease,box-shadow .25s ease;transition-delay:0s}
.sd-hover-card>.sd-card-glow{position:absolute;inset:0;z-index:2;display:block;margin:0;padding:0;border:0;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease}
.sd-card-glow:before{content:"";position:absolute;top:0;left:0;width:500px;height:500px;background:radial-gradient(circle,color-mix(in srgb,var(--sd-blue) 20%,transparent),transparent 68%);transform:translate(calc(var(--mouse-x,0px) - 250px),calc(var(--mouse-y,0px) - 250px));pointer-events:none}
.sd-hover-card.sd-hover-card:focus-within{border-color:var(--sd-blue-light);box-shadow:0 18px 38px #0005}
@media(hover:hover) and (pointer:fine){
 .sd-hover-card.sd-hover-card:hover{border-color:var(--sd-blue-light);box-shadow:0 22px 44px #0006,0 0 18px color-mix(in srgb,var(--sd-blue) 12%,transparent)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .sd-hover-card.sd-hover-card:not(.sd-reveal),.sd-reveal-ready .sd-hover-card.sd-hover-card.is-visible{transform:perspective(1000px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg))}
 .sd-hover-card.sd-hover-card.is-card-tracking{will-change:transform;transition-duration:.1s,.25s,.25s}
 .sd-hover-card.is-card-tracking>.sd-card-glow{opacity:1}
}
/* Override earlier card lift/zoom rules as well as this enhancement. */
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){
 .sd-hover-card.sd-hover-card,.sd-reveal-ready .sd-hover-card.sd-hover-card.is-visible{transform:none;will-change:auto}
 .sd-hover-card>.sd-card-glow{display:none}
 .sd-hover-card.sd-hover-card:after,.sd-hover-card.sd-hover-card .sd-blog-card__image{transform:none;transition:none}
}