.about-page .entry-title {
font-family: var( --font-heading );
font-weight: 700;
font-size: clamp( 2.25rem, 5vw, 3.75rem );
color: var( --color-dark );
}
.about-duo {
display: grid;
grid-template-columns: 1fr 1.1fr 1fr;
gap: 40px;
align-items: center;
margin-block: 40px 60px;
}
.about-duo__media img,
.about-duo__placeholder {
width: 100%;
aspect-ratio: 3 / 4;
object-fit: cover;
display: block;
}
.about-duo__placeholder {
background: var( --color-primary-light );
}
.about-duo__text {
color: var( --color-text );
}
.about-duo__text > *:first-child {
margin-top: 0;
}
.about-duo__text > *:last-child {
margin-bottom: 0;
} @media (max-width: 1024px) {
.about-duo {
gap: 24px;
}
} @media (max-width: 767px) {
.about-duo {
grid-template-columns: 1fr;
margin-block: 24px 40px;
}
.about-duo__media img,
.about-duo__placeholder {
aspect-ratio: 4 / 3;
}
}