/* ===========================================================
   STORY GRID
   =========================================================== */

.uagb-post-grid .uagb-post-grid__inner{
gap:2.2rem !important
}

@media (max-width:782px){
.uagb-post-grid .uagb-post-grid__inner{
gap:1.25rem !important
}
}


/* ===========================================================
   CARD
   =========================================================== */

.uagb-post-grid .uagb-post__inner-wrap{
background:#fff;
border-radius:18px;
box-shadow:0 6px 18px rgba(0,0,0,.06);
overflow:hidden;
padding:0;

display:flex;
flex-direction:column;

transition:
transform .28s cubic-bezier(.22,.61,.36,1),
box-shadow .28s cubic-bezier(.22,.61,.36,1);
}

.uagb-post-grid .uagb-post__inner-wrap:hover{
transform:translateY(-6px);
box-shadow:0 16px 40px rgba(0,0,0,.12);
}


/* ===========================================================
   CARD IMAGE
   =========================================================== */

.uagb-post-grid .uagb-post__image{
overflow:hidden;
}

.uagb-post-grid .uagb-post__image img{
width:100%;
aspect-ratio:3/2;
object-fit:cover;
object-position:center 35%;
border-radius:18px 18px 0 0;

transition:transform .6s ease;
}

.uagb-post-grid .uagb-post__inner-wrap:hover .uagb-post__image img{
transform:scale(1.04);
}


/* ===========================================================
   CARD TEXT
   =========================================================== */

.uagb-post-grid .uagb-post__text{
padding:1.25rem 1.4rem 1.5rem;

display:flex;
flex-direction:column;
flex:1;
}

.byd-grid-stories .uagb-post__text{
padding-top:1.15rem
}


/* ===========================================================
   TITLE
   =========================================================== */

.uagb-post-grid .uagb-post__title{
font-family:var(--byd-font-serif);
font-size:1.25rem;
line-height:1.3;
margin:0 0 .6rem
}

.uagb-post-grid .uagb-post__title a{
color:var(--byd-text);
text-decoration:none;
transition:color .18s ease;
}

.uagb-post-grid .uagb-post__title a:hover{
color:var(--byd-hover);
}


/* ===========================================================
   EXCERPT
   =========================================================== */

.uagb-post-grid .uagb-post__excerpt{
margin-top:.45rem;
margin-bottom:.9rem;
max-width:32ch;
line-height:1.75;
}


/* ===========================================================
   CTA ALIGNMENT
   =========================================================== */

.uagb-post-grid .uagb-post__cta{
margin-top:auto;
display:flex;
justify-content:center;
}

.uagb-post-grid .uagb-post__cta a{
width:auto;
}