.representatives-page {
    background: #faf5e9;
    color: #163b2e;
}

.representatives-hero {
    padding: 72px 0 64px;
    color: #fff2d0;
    text-align: center;
    background: linear-gradient(rgba(0, 46, 34, .93), rgba(0, 46, 34, .93)), url('../images/hero-osmanli.jpg') center/cover;
    border-bottom: 2px solid #d7ad58;
}

.representatives-hero span {
    color: #e5bd67;
    font: 700 12px 'Roboto Condensed', Arial, sans-serif;
    letter-spacing: 2px;
}

.representatives-hero h1 {
    margin: 9px 0 12px;
    font: 600 clamp(42px, 5vw, 64px) 'Cormorant Garamond', Georgia, serif;
}

.representatives-hero p {
    max-width: 610px;
    margin: 0 auto;
    line-height: 1.55;
}

.representatives-section {
    min-height: 320px;
    padding: 54px 0 66px;
}

.representatives-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.representative-card {
    min-height: 190px;
    padding: 28px;
    text-align: center;
    background: #fffdf7;
    border: 1px solid #dbc17f;
}

.representative-icon {
    display: grid;
    width: 46px;
    height: 46px;
    margin: 0 auto 18px;
    place-items: center;
    color: #bd8a2c;
    font-size: 23px;
    border: 1px solid #d8bb76;
    border-radius: 50%;
}

.representative-card h2 {
    margin: 0 0 7px;
    font: 600 28px 'Cormorant Garamond', Georgia, serif;
}

.representative-card p,
.representatives-empty {
    margin: 0;
    color: #4c5d52;
}

.representative-card p + p {
    margin-top: 7px;
}

.representative-card a {
    color: inherit;
}

.representatives-empty {
    padding: 30px;
    text-align: center;
    background: #fffdf7;
    border: 1px solid #dbc17f;
}

@media (max-width: 767px) {
    .representatives-hero { padding: 52px 0; }
    .representatives-grid { grid-template-columns: 1fr; }
}