/* Official identities remain editable images inside a shared visual language. */
.ua-approved .brand-relationship .wp-block-image {
 width: 100%; height: 148px; padding: 28px; margin-bottom: 24px;
 display: flex; align-items: center; justify-content: center;
 border-radius: 10px;
 background: color-mix(in srgb, var(--navy) 5%, var(--paper));
}
.ua-approved .personal-brand .wp-block-image {
 background: color-mix(in srgb, var(--yellow) 18%, var(--paper));
}
.ua-approved .personal-brand .wp-block-image img {
 width: 270px; max-width: 100%; height: auto;
}
.ua-approved .execution-brand .wp-block-image img {
 width: 230px; max-width: 100%; height: auto;
}
.ua-approved .brand-connector { padding-top: 102px; }

.ua-refined-pages .ua-page-partner figure {
 width: 100%; height: 112px; padding: 20px 18px; margin-bottom: 22px;
 display: flex; align-items: center; justify-content: center;
 border-radius: 8px;
 background: color-mix(in srgb, var(--ua-navy) 5%, var(--ua-paper));
}
.ua-refined-pages .ua-page-partner-primary figure {
 background: color-mix(in srgb, var(--ua-yellow) 18%, var(--ua-paper));
}
.ua-refined-pages .ua-page-partner figure img {
 max-width: 100%; height: auto; object-fit: contain; object-position: center;
}
.ua-refined-pages .ua-page-umar-logo img { width: 210px; }
.ua-refined-pages .ua-page-storm-logo img { width: 180px; }
.ua-refined-pages .ua-page-connector {
 display: flex; align-items: center; justify-content: center;
 height: 112px; margin: 0;
}

@media (max-width: 1000px) {
 .ua-approved .brand-relationship .wp-block-image { height: 128px; padding: 24px; }
 .ua-approved .personal-brand .wp-block-image img { width: 230px; }
 .ua-approved .execution-brand .wp-block-image img { width: 200px; }
 .ua-approved .brand-connector { padding-top: 92px; }
 .ua-refined-pages .ua-page-partner figure { height: 96px; padding: 16px; }
 .ua-refined-pages .ua-page-connector { height: 96px; }
}
@media (max-width: 650px) {
 .ua-approved .brand-relationship .wp-block-image { height: 132px; margin-bottom: 22px; }
 .ua-approved .personal-brand .wp-block-image img { width: 250px; }
 .ua-approved .execution-brand .wp-block-image img { width: 215px; }
 .ua-approved .brand-connector { padding-top: 0; }
 .ua-refined-pages .ua-page-partners {
  grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr); gap: 10px;
 }
 .ua-refined-pages .ua-page-partner figure { height: 90px; padding: 12px; margin-bottom: 18px; }
 .ua-refined-pages .ua-page-connector { height: 90px; }
}