.ep3b-grid{

  display:grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 0px;

}



/* Box base */

.ep3b-item{

  position: relative;

  overflow: hidden;

  display:block;

  text-decoration:none !important;

  color: inherit;

  -webkit-tap-highlight-color: transparent;

  outline: none;

}



/* Backgrounds via pseudo layers */

.ep3b-item::before,

.ep3b-item::after{

  content:"";

  position:absolute;

  inset:0;

  background-image: var(--ep3b-bg);

  background-size: cover;

  background-position: center;

  transform: scale(1.01);

  transition: opacity .35s ease, transform .6s ease;

  z-index: 0;

}



.ep3b-item::after{

  background-image: var(--ep3b-bg-hover);

  opacity: 0;

}



.ep3b-item:hover::after,

.ep3b-item:focus-visible::after{

  opacity: 1;

}



.ep3b-item:hover::before,

.ep3b-item:focus-visible::before{

  transform: scale(1.04);

}



/* Overlay only on hover */

.ep3b-overlay{

  position:absolute;

  inset:0;

  opacity: 0;

  transition: opacity .25s ease;

  z-index: 1;

}



.ep3b-item:hover .ep3b-overlay,

.ep3b-item:focus-visible .ep3b-overlay{

  opacity: 1;

}



/* Content hidden until hover */

.ep3b-content{

  position:absolute;

  inset:0;

  display:flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 14px;

  opacity: 0;

  transform: translateY(6px);

  transition: opacity .25s ease, transform .25s ease;

  z-index: 2;

  text-align: center;

}



.ep3b-item:hover .ep3b-content,

.ep3b-item:focus-visible .ep3b-content{

  opacity: 1;

  transform: translateY(0);

}



.ep3b-title{

  letter-spacing: 0.08em;

  text-transform: uppercase;

}



.ep3b-button{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  border: 1px solid rgba(255,255,255,0.35);

  user-select: none;

}



/* Layout positions */

.ep3b-item--bottom{

  grid-column: 1 / -1; /* span both columns */

}



.ep3b-item--top,

.ep3b-item--bottom{

  height: 320px; /* overridden via Elementor controls */

}



/* Mobile: stack */

@media (max-width: 767px){

  .ep3b-grid{

    grid-template-columns: 1fr;

  }

  .ep3b-item--bottom{

    grid-column: auto;

  }

}