.openpop {float: left;padding: 2%;display: block;}

@media (min-width: 768px){
    .openpop {width: 25%;}
    .openpop:nth-child(4n+1) {clear: left;}    
}
@media (max-width: 768px){
    .openpop {width: 33.33%;}
    .openpop:nth-child(3n+1) {clear: left;}    
}
@media (max-width: 640px){
    .openpop {width: 50%;}
    .openpop:nth-child(3n+1) {clear: none;}  
    .openpop:nth-child(2n+1) {clear: left;}    
}


.image-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 across */
  gap: 16px;
}

/* Each image container */
.grid-item {
  position: relative;
  overflow: hidden;
  min-height: 220px;
}

/* Image fits and scales on hover */
.grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s cubic-bezier(.2,.9,.2,1);
  will-change: transform;
}
.grid-item:hover img { transform: scale(1.06); }

.grid-item::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,0.04), rgba(0,0,0,0.04));
}

@media (max-width: 720px) {
  .image-grid { grid-template-columns: 1fr; }
}

.bottom-top-story {
    margin-top: 100px;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}
.bottom-top-story .box {flex: 1 1 45%;display: flex;align-items: center;justify-content: center;}

.feature-text h4 {
    font-size: 28px;margin-bottom: 40px;
}
@media (max-width: 700px) {
    .bottom-top-story .box {
        flex: 1 1 100%;
    }
    .bottom-top-story .box {
        display: block;
    }
}




.top-story {
    max-width: 821px;
}

.top-story .top-img {
    margin: 30px 0;
}

.top-story p {
    margin-bottom: 35px;
}
.box.textsection .feature-text {
    max-width: 450px;
}
.feature-text a.btn-outline {
    margin-top: 30px;
}