.card-stack {
  --wdg-card-stack-intro-offset: 3rem;
  --wdg-card-stack-outro-offset: calc( var( --wdg-card-stack-intro-offset ) * -1 );
  display: grid;
  grid-template-areas: "stack";
  position: relative;
  row-gap: var(--wdg-gap-block);
}
.card-stack__trigger {
  aspect-ratio: 2/3;
  display: block;
  grid-area: stack;
  margin: auto;
  max-width: 50%;
  opacity: 0;
  position: relative;
  width: 100%;
  z-index: 6;
}
@media (max-width: 61.9375em) {
  .card-stack__trigger {
    display: none;
  }
}
@media (min-width: 62em) {
  .card-stack__trigger {
    max-width: 33.333%;
  }
}
.card-stack:not(.card-stack--introduced) .card-stack__trigger {
  pointer-events: none;
}
.card-stack__intro, .card-stack__outro {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  opacity: 0;
  position: relative;
  transition: all 300ms ease-out;
  z-index: 5;
}
@media (min-width: 62em) {
  .card-stack__intro, .card-stack__outro {
    height: 100%;
    position: absolute;
    width: 25%;
  }
}
.card-stack__intro.is-vertically-aligned-center, .card-stack__outro.is-vertically-aligned-center {
  justify-content: center;
}
.card-stack__intro.is-vertically-aligned-bottom, .card-stack__outro.is-vertically-aligned-bottom {
  justify-content: flex-end;
}
.card-stack__intro .wp-block-button, .card-stack__outro .wp-block-button {
  align-self: flex-start;
}
@media (max-width: 61.9375em) {
  .card-stack__intro {
    margin-block-start: var(--wdg-gap-medium);
    opacity: 1;
  }
}
@media (min-width: 62em) {
  .card-stack__intro {
    left: 0;
    top: 0;
    transform: translateY(var(--wdg-card-stack-intro-offset));
  }
}
@media (max-width: 61.9375em) {
  .card-stack__outro {
    opacity: 1;
  }
}
@media (min-width: 62em) {
  .card-stack__outro {
    bottom: 0;
    right: 0;
    transform: translateY(var(--wdg-card-stack-outro-offset));
  }
}
.card-stack__cards {
  align-items: center;
  display: flex;
  grid-area: stack;
  height: 100%;
  justify-content: center;
  margin: auto;
  position: relative;
  width: 100%;
}
@media (max-width: 61.9375em) {
  .card-stack__cards {
    flex-wrap: wrap;
    margin-block: var(--wdg-gap-medium);
  }
}
.card-stack__card {
  aspect-ratio: 3/4;
  background-color: var(--wdg-color-primary);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  color: var(--wdg-color-white);
  display: grid;
  grid-template-areas: "item";
  margin: auto;
  overflow: hidden;
  place-items: end stretch;
  position: absolute;
  width: 50%;
  --wdg-color-heading: currentColor;
}
@media (max-width: 61.9375em) {
  .card-stack__card {
    position: relative;
    width: calc(50% - var(--wdg-gap-block));
  }
}
@media (min-width: 62em) {
  .card-stack__card {
    aspect-ratio: 2/3;
    max-width: 33.333%;
  }
}
.card-stack__card::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.93%, rgba(0, 0, 0, 0.7) 81.73%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 500ms var(--wdg-ease-out-quad);
}
@media (max-width: 61.9375em) {
  .card-stack__card::before {
    opacity: 1;
  }
}
@media (min-width: 62em) {
  .card-stack__card::before {
    opacity: 0;
  }
}
.card-stack__card[href] {
  text-decoration: none;
}
.card-stack__card[href]:hover {
  color: var(--wdg-color-white);
}
.card-stack__card[href] .card-stack__card-content::after {
  background-color: var(--wdg-color-accent, var(--wdg-color-white));
  content: "";
  height: 1.5em;
  inset-block-end: 0;
  inset-inline-start: 1.5em;
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m21.25 11.38-2.365-2.364L19.901 8 24 12.1l-4.1 4.098-1.015-1.015 2.365-2.366H0v-1.436h21.25Z" clip-rule="evenodd"/></svg>');
          mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m21.25 11.38-2.365-2.364L19.901 8 24 12.1l-4.1 4.098-1.015-1.015 2.365-2.366H0v-1.436h21.25Z" clip-rule="evenodd"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  opacity: 0;
  position: absolute;
  transition: opacity 300ms var(--wdg-ease-out-quad);
  width: 1.5em;
}
.card-stack__card img {
  aspect-ratio: inherit;
  grid-area: item;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  width: 100%;
}
.card-stack__card-content {
  color: inherit;
  grid-area: item;
  overflow: hidden;
  padding: 1em;
  position: relative;
  transition: transform 300ms var(--wdg-ease-out-quad);
  z-index: 2;
}
@media (max-width: 61.9375em) {
  .card-stack__card-content {
    transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 62em) {
  .card-stack__card-content {
    padding: 1.5em;
    transform: translate3d(0, 100%, 0);
  }
}
.card-stack__placeholder {
  aspect-ratio: 2/3;
  width: 25%;
}
@media (min-width: 62em) {
  .card-stack--expanding {
    pointer-events: none;
  }
  .card-stack--expanding .card-stack__trigger {
    pointer-events: none;
    visibility: hidden;
  }
  .card-stack--expanded .card-stack__trigger {
    pointer-events: none;
    visibility: hidden;
  }
  .card-stack--expanded .card-stack__intro {
    opacity: 0;
    pointer-events: none;
    transform: translateY(var(--wdg-card-stack-intro-offset));
  }
  .card-stack--expanded .card-stack__outro {
    opacity: 0;
    pointer-events: none;
    transform: translateY(var(--wdg-card-stack-outro-offset));
  }
  .card-stack--expanded:not(.card-stack--expanding) .card-stack__card::before {
    opacity: 1;
  }
  .card-stack--expanded:not(.card-stack--expanding) .card-stack__card .card-stack__card-content {
    transform: translate3d(0, 0, 0);
  }
  .card-stack--expanded:not(.card-stack--expanding) .card-stack__card:hover .card-stack__card-content {
    transform: translate3d(0, -1em, 0);
  }
  .card-stack--expanded:not(.card-stack--expanding) .card-stack__card:hover .card-stack__card-content::after {
    opacity: 1;
  }
  .card-stack:not(.card-stack--introduced) .card-stack__trigger, .card-stack:not(.card-stack--introduced) .card-stack__card {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .card-stack--introduced:not(.card-stack--expanding):not(.card-stack--expanded) .card-stack__intro, .card-stack--introduced:not(.card-stack--expanding):not(.card-stack--expanded) .card-stack__outro {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
  }
}
@media (max-width: 61.9375em) {
  .card-stack--introduced .card-stack__intro, .card-stack--introduced .card-stack__outro {
    opacity: 1;
    pointer-events: all;
    transform: none;
  }
}

/*# sourceMappingURL=style.css.map */