.blog-section {
padding: 40px 0;
}
.blog-section .section-header {
max-width: 820px;
margin: 0 auto 40px;
text-align: center;
}
.blog-section .section-header .section-kicker {
text-transform: uppercase;
letter-spacing: 0.18em;
color: #0b4f6c;
font-weight: 700;
margin-bottom: 0.75rem;
}
.blog-section .section-header h2 {
font-size: clamp(2rem, 2.5vw, 3rem);
margin-bottom: 1rem;
}
.blog-section .section-header p {
color: #475569;
line-height: 1.75;
margin: 0 auto;
max-width: 680px;
}
.blog-grid .wp-block-columns {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
align-items: stretch;
}
.blog-grid .wp-block-column {
display: grid;
gap: 24px;
}
.blog-card {
border-radius: 30px;
overflow: hidden;
background: #ececec; transition: transform 0.25s ease, box-shadow 0.25s ease;
display: flex;
flex-direction: column;
min-height: 460px;
height: 100%;
}
.blog-card:hover {
transform: translateY(-6px);
box-shadow: 0 26px 52px rgba(9, 30, 66, 0.12);
}
.blog-card .wp-block-image {
margin: 0;
overflow: hidden;
max-width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.blog-card .wp-block-image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.blog-card-content {
flex: 1;
padding: 24px 22px 32px;
text-align: center;
background-color: #ececec;
}
.blog-card[style="background-color:#ffffff00"] {
border: 1px solid #575656 !important;
}
.blog-card-content h4 {
margin: 0;
font-size: 1.1rem;
line-height: 1.3;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #1f2937;
}
.blog-card-content h4 + * {
margin-top: 12px;
}
@media (max-width: 1100px) {
.blog-grid .wp-block-columns {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
.blog-section {
padding: 30px 0;
}
.blog-grid .wp-block-columns {
grid-template-columns: 1fr;
}
}