.gm-grid {
position: relative;
width: 100%;
}
.gm-tile {
position: relative;
display: flex;
overflow: hidden;
min-height: 0;
min-width: 0;
text-decoration: none;
color: inherit;
border-radius: 4px;
}
a.gm-tile {
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
a.gm-tile:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
} .gm-tile__media {
position: relative;
min-height: 0;
min-width: 0;
overflow: hidden;
}
.gm-tile__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .gm-tile__content {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.4em;
padding: clamp(16px, 4%, 40px);
box-sizing: border-box;
min-width: 0;
}
.gm-tile__heading {
font-size: clamp(1.6rem, 3vw, 2.6rem);
font-weight: 700;
line-height: 1.1;
}
.gm-tile__text {
font-size: 1rem;
line-height: 1.5;
}
.gm-tile__text p {
margin: 0 0 0.6em;
}
.gm-tile__text p:last-child {
margin-bottom: 0;
} .gm-tile--image {
flex-direction: column;
}
.gm-tile--image .gm-tile__media {
flex: 1;
width: 100%;
} .gm-tile--text {
flex-direction: column;
}
.gm-tile--text .gm-tile__content {
flex: 1;
} .gm-tile--split {
align-items: stretch;
} .gm-tile--img-left {
flex-direction: row;
} .gm-tile--img-right {
flex-direction: row-reverse;
} .gm-tile--img-top {
flex-direction: column;
} .gm-tile--img-bottom {
flex-direction: column-reverse;
} .gm-tile--img-left .gm-tile__media,
.gm-tile--img-right .gm-tile__media {
flex: 0 0 var(--gm-img-w, 50%);
width: var(--gm-img-w, 50%);
height: auto;
align-self: stretch;
}
.gm-tile--img-left .gm-tile__content,
.gm-tile--img-right .gm-tile__content {
flex: 1 1 0;
} .gm-tile--img-top .gm-tile__media,
.gm-tile--img-bottom .gm-tile__media {
flex: 1;
width: 100%;
min-height: 0;
}
.gm-tile--img-top .gm-tile__content,
.gm-tile--img-bottom .gm-tile__content {
flex: 0 0 auto;
} @media (max-width: 600px) {
.gm-tile--img-left,
.gm-tile--img-right {
flex-direction: column;
}
.gm-tile--img-left .gm-tile__media,
.gm-tile--img-right .gm-tile__media {
flex: 1;
width: 100%;
}
}