/* Neutral, illustrative covers: profile data remains readable HTML, not image text. */
.representative-profile-page > .profile-cover { height: auto; background: #092f45; }
.representative-profile-page > .profile-cover > .profile-cover-pattern { display: none; }
.representative-banner { position: relative; isolation: isolate; min-height: 340px; display: grid; align-items: center; overflow: hidden; background: #092f45; color: #fff; }
.representative-banner-image, .representative-banner-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.representative-banner-image { z-index: -2; object-fit: cover; object-position: center; }
.representative-banner-shade { z-index: -1; background: linear-gradient(90deg, rgba(4,30,42,.92), rgba(4,30,42,.7) 36%, rgba(4,30,42,.08) 78%), linear-gradient(0deg, rgba(4,30,42,.35), transparent 45%); }
.representative-banner-content { padding-top: 48px; padding-bottom: 60px; }
.representative-banner-role { margin: 0 0 12px; color: #b8eee5; font-size: .72rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.representative-banner-title { display: block; max-width: 730px; font: 600 clamp(2rem, 3.5vw, 3.3rem)/1.12 Georgia, serif; letter-spacing: -.025em; overflow-wrap: anywhere; text-wrap: balance; }
.representative-banner-jurisdiction { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 22px; max-width: 670px; }
.representative-banner-jurisdiction > span { padding: 7px 12px; border: 1px solid #b6d5d0; border-radius: 6px; background: #113f49; color: #fff; font-size: .78rem; font-weight: 800; }
.representative-banner-jurisdiction p { margin: 0; font-size: .83rem; color: #f0f5f3; }
.representative-banner-disclosure { position: absolute; top: 12px; right: 14px; max-width: calc(100% - 28px); min-width: 26px; padding: 4px 8px; border-radius: 4px; background: #092f45; color: #e9f3f0; font-size: .63rem; font-weight: 800; line-height: 1.5; text-align: center; }
.representative-card-cover { position: relative; }
.representative-banner-thumb { position: relative; height: 100%; overflow: hidden; background: #092f45; }
.representative-banner-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.representative-banner-thumb .representative-banner-disclosure { top: 8px; right: 8px; max-width: calc(100% - 16px); padding: 3px 6px; }
.representative-card-photo { position: relative; z-index: 1; }
@media (max-width: 680px) {
  .representative-banner { min-height: 300px; }
  .representative-banner-content { padding: 48px 0 82px; }
  .representative-banner-image { object-position: 65% center; }
  .representative-banner-shade { background: linear-gradient(90deg, rgba(4,30,42,.88), rgba(4,30,42,.54)), linear-gradient(0deg, rgba(4,30,42,.45), transparent); }
  .representative-banner-role { font-size: .65rem; letter-spacing: .09em; }
  .representative-banner-title { font-size: clamp(1.8rem, 7vw, 2.5rem); }
  .representative-banner-jurisdiction { margin-top: 16px; gap: 10px; }
  .representative-banner-jurisdiction p { width: 100%; font-size: .78rem; }
  .representative-banner-disclosure { top: 10px; bottom: auto; right: 14px; font-size: .6rem; }
}