.kdk-cards .grid {
align-items: stretch;
} .kdk-cards .grid.lg\:grid-cols-1 {
max-width: 680px;
margin-inline: auto;
}
.kdk-card {
height: 100%;
}
.kdk-card-flip {
height: 100%;
} .kdk-card__hover-sizer {
visibility: hidden;
pointer-events: none;
position: relative;
z-index: -1;
margin-top: 0.5rem;
}  .kdk-card-flip {
perspective: 800px;
border-radius: 0.5rem;
overflow: hidden;
}
.kdk-card-flip__inner {
position: relative;
width: 100%;
height: 100%;
min-height: inherit;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transform-style: preserve-3d;
}
.kdk-card-flip:hover .kdk-card-flip__inner {
transform: rotateY(180deg);
}
.kdk-card-flip__front,
.kdk-card-flip__back {
position: absolute;
inset: 0;
backface-visibility: hidden;
display: flex;
flex-direction: column;
}
.kdk-card-flip__front {
z-index: 2;
}
.kdk-card-flip__back {
transform: rotateY(180deg);
z-index: 1;
} .kdk-card--slide-up {
position: relative;
}
.kdk-card--slide-up .kdk-card__hover {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
background: inherit;
color: inherit;
border-radius: inherit;
transform: translateY(100%);
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 5;
}
.kdk-card--slide-up:hover .kdk-card__hover {
transform: translateY(0);
} .kdk-card--slide-up .kdk-card__front {
transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
}
.kdk-card--slide-up:hover .kdk-card__front {
transform: translateY(-10%);
opacity: 0;
} .kdk-card--fade {
position: relative;
}
.kdk-card--fade .kdk-card__hover {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
background: inherit;
color: inherit;
border-radius: inherit;
opacity: 0;
transition: opacity 0.35s ease;
z-index: 5;
}
.kdk-card--fade:hover .kdk-card__hover {
opacity: 1;
} .kdk-card--zoom-blur {
position: relative;
}
.kdk-card--zoom-blur .kdk-card__front {
transition: filter 0.4s ease, transform 0.4s ease;
}
.kdk-card--zoom-blur:hover .kdk-card__front {
filter: blur(4px);
transform: scale(1.04);
}
.kdk-card--zoom-blur .kdk-card__hover {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
color: inherit;
border-radius: inherit;
opacity: 0;
transform: scale(0.95);
transition: opacity 0.35s ease, transform 0.35s ease;
z-index: 5;
}
.kdk-card--zoom-blur:hover .kdk-card__hover {
opacity: 1;
transform: scale(1);
} .kdk-card__main-image {
width: 100%;
overflow: hidden;
margin-bottom: 0.5rem;
background: rgba(0, 0, 0, 0.04);
}
.kdk-card__main-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.kdk-card--img-square .kdk-card__main-image {
aspect-ratio: 1 / 1;
border-radius: 0.5rem;
}
.kdk-card--img-portrait .kdk-card__main-image {
aspect-ratio: 4 / 5;
border-radius: 0.5rem;
}
.kdk-card--img-circle .kdk-card__main-image {
aspect-ratio: 1 / 1;
border-radius: 9999px;
max-width: 70%;
margin-inline: auto;
}
.kdk-card__subtitle {
margin: -0.25rem 0 0;
font-family: var(--wp--preset--font-family--sans, inherit);
font-weight: 500;
letter-spacing: 0.01em;
} .kdk-card__desc p { margin: 0.4em 0; }
.kdk-card__desc p:first-child { margin-top: 0; }
.kdk-card__desc p:last-child { margin-bottom: 0; }
.kdk-card__desc a { color: inherit; text-decoration: underline; text-underline-offset: 0.15em; }
.kdk-card__desc a:hover { opacity: 0.7; } .kdk-card__hover-content p { margin: 0.4em 0; }
.kdk-card__hover-content a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.15em;
transition: opacity 150ms;
}
.kdk-card__hover-content a:hover { opacity: 0.7; }