.phg-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
  max-width:1200px;
  margin:0 auto;
}

.phg-card{
  position:relative;
  height:340px;
  background-size:110%;
  background-position:center;
  border-radius:28px;
  overflow:hidden;
  transition:background-position 1.2s ease,
             background-size 1.2s ease;
}

/* Hover animation */
.phg-card:hover{
  background-position:top right;
  background-size:120%;
}

.phg-info{
  position:absolute;
  top:24px;
  right:24px;
  max-width:354px;
  background:#f8f5ee;
  padding:22px;
  border-radius:16px;
  box-shadow:0 12px 35px rgba(0,0,0,.12);
  transition:transform .4s ease, box-shadow .4s ease;
}

.phg-card:hover .phg-info{
  transform:translateY(-6px);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.phg-info h3{
  margin:0 0 8px;
  font-size:24px;
  font-weight:700;
}

.phg-info p{
  margin:0;
  font-size:15px;
  line-height:1.5;
}

/* Responsive */
@media(max-width:900px){
  .phg-grid{
    grid-template-columns:1fr;
  }
}