/* kitten grid */
.kitten-grid { max-width: 1200px; margin: 0 auto; padding: 0; }
.kitten-group { display: grid; height: 582px; margin-bottom: 20px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 20px; }
.kitten-group .kitten-item:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 3; }
.kitten-group .kitten-item:nth-child(2) { height: 345px; grid-column: 2 / 3; grid-row: 1 / 2; }
.kitten-group .kitten-subgrid { display: flex; grid-column: 2 / 3; grid-row: 2 / 3; gap: 20px; }
.kitten-group .kitten-subgrid .kitten-item { width: 100%; height: 213px; }
.kitten-group .kitten-subgrid .kitten-item { flex: 1; }
.kitten-item { line-height: 1; position: relative; overflow: hidden; box-sizing: border-box; padding: 0; text-align: left; border-radius: 8px; }
.kitten-item img, .kitten-image { width: 100%; max-width: 100%; height: auto; height: 100%; border-radius: 8px; object-fit: cover; aspect-ratio: 380 / 581; }
.kitten-group .kitten-item:nth-child(2) img.kitten-image.wp-post-image { aspect-ratio: 380 / 345; }
.kitten-group .kitten-subgrid .kitten-image.wp-post-image { aspect-ratio: 180 / 213; }
.kitten-item-meta { position: absolute; z-index: 2; bottom: 10px; width: 100%; padding: 20px; }
.kitten-item h3 { font-family: 'Inter', sans-serif; font-size: 1.6em; font-weight: 700; margin-bottom: 7px; color: #fff; }
.kitten-item p { font-size: 1em; line-height: 1; margin: 0; color: #fff; }
.kitten-item::after { position: absolute; z-index: 1; bottom: 0; display: block; width: 100%; height: 30%; content: ''; opacity: .6; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); }
a.cat-cta-link { position: absolute; z-index: 1; top: 0; right: 0; left: 0; display: block; width: 100%; height: 100%; cursor: pointer; }
.kitten-group .kitten-subgrid .kitten-item-meta-details { position: absolute; top: -9999rem; left: -9999rem; }
.kitten-item-meta { position: absolute; z-index: 2; bottom: 28px; display: flex; width: 100%; height: auto; padding: 10px 10px 10px 30px; align-items: flex-end; column-gap: 10px; }
.kitten-item-meta-details-icon { position: relative; top: 7px; margin: 0 20px 0 auto; transition: .3s ease-out; transform: rotate(0deg); flex: 0 0 48px; }
.kitten-item:hover .kitten-item-meta-details-icon { transition: .3s ease-out; transform: rotate(45deg); }
@media (max-width:768px) {
    .kitten-group { grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; }
    .kitten-group .kitten-item:nth-child(1), .kitten-group .kitten-item:nth-child(2), .kitten-subgrid { grid-column: 1 / 2; grid-row: auto; }
    .kitten-subgrid { flex-direction: column; }
}