.erc-reveal-card{
  display:block;
  text-decoration:none;
}

/* -----------------------------
   LAYOUT
------------------------------ */

.erc-reveal-card__layout[data-text-layout="below"]{
  display:block;
}

.erc-reveal-card__layout[data-text-layout="right"]{
  display:flex;
  align-items:stretch;
  gap:16px;
}

.erc-reveal-card__media{
  position:relative;
  overflow:hidden;
  width:100%;
  flex:1 1 auto;
}

.erc-reveal-card__media-inner{
  position:absolute;
  inset:0;
  will-change:transform;
}

/* Ken Burns layer */
.erc-reveal-card__media-kb{
  position:absolute;
  inset:0;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  will-change:transform;
}

/* overlay + curtain */
.erc-reveal-card__overlay,
.erc-reveal-card__curtain{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.erc-reveal-card__curtain{
  transform:translate3d(0,0,0);
  will-change:transform;
}

/* TEXT */

.erc-reveal-card__text{
  margin-top:10px;
}

.erc-reveal-card__layout[data-text-layout="right"] .erc-reveal-card__text{
  margin-top:0;
  flex:1 1 auto;
  align-self:center;
}

.erc-reveal-card__text-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
}

.erc-reveal-card__text1,
.erc-reveal-card__text2{
  margin:0;
  padding:0;
  white-space:nowrap;
}

.erc-reveal-card__layout[data-text-layout="right"] .erc-reveal-card__text1,
.erc-reveal-card__layout[data-text-layout="right"] .erc-reveal-card__text2{
  white-space:normal;
}

.erc-reveal-card__layout[data-text-layout="right"] .erc-reveal-card__text2{
  margin-top:6px;
}

/* Mobile stacking */
@media (max-width: 767px){
  .erc-reveal-card__text-row{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .erc-reveal-card__text1,
  .erc-reveal-card__text2{
    width:100%;
  }

  .erc-reveal-card__text2{
    margin-top:6px;
  }
}


/* -----------------------------
   REVEAL MODES
------------------------------ */

/* CLIP */
.erc-reveal-card.reveal-mode-clip .erc-reveal-card__media-inner{
  clip-path: inset(100% 0 0 0);
  transition: clip-path var(--erc-reveal-duration, 900ms) ease-out;
}

.erc-reveal-card.reveal-mode-clip[data-reveal-origin="top"] .erc-reveal-card__media-inner{
  clip-path: inset(0 0 100% 0);
}

.erc-reveal-card.reveal-mode-clip.is-visible .erc-reveal-card__media-inner{
  clip-path: inset(0 0 0 0);
}

/* CURTAIN */
.erc-reveal-card.reveal-mode-curtain.is-visible .erc-reveal-card__curtain{
  animation: ercCurtainUp ease-out forwards;
}

.erc-reveal-card.reveal-mode-curtain.is-visible[data-reveal-origin="top"] .erc-reveal-card__curtain{
  animation-name: ercCurtainDown;
}

@keyframes ercCurtainUp{
  from { transform: translateY(0); }
  to   { transform: translateY(-105%); }
}

@keyframes ercCurtainDown{
  from { transform: translateY(0); }
  to   { transform: translateY(105%); }
}

/* SCALE */
.erc-reveal-card.reveal-mode-scale .erc-reveal-card__media-inner{
  transform: scaleY(0);
  transform-origin: bottom;
}

.erc-reveal-card.reveal-mode-scale[data-reveal-origin="top"] .erc-reveal-card__media-inner{
  transform-origin: top;
}

.erc-reveal-card.reveal-mode-scale.is-visible .erc-reveal-card__media-inner{
  animation: ercScaleReveal ease-out forwards;
}

@keyframes ercScaleReveal{
  from { transform: scaleY(0); }
  to   { transform: scaleY(1); }
}

/* Ken Burns hover */
.erc-reveal-card.has-kenburns .erc-reveal-card__media-kb{
  transition: transform 2500ms ease-in-out;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .erc-reveal-card__media-inner,
  .erc-reveal-card__media-kb,
  .erc-reveal-card__curtain{
    animation:none !important;
    transition:none !important;
    transform:none !important;
  }
}