/* Approved president character C: actual alpha transparency, 2026-10-07. */
.st-portrait:has(img[src*="president-character-c-"]) {
  background: transparent; position: relative; width: 100%; max-width: 40rem;
}
.st-portrait img[src*="president-character-c-"] {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: contain; object-position: center bottom;
}
.msg--character .msg__ph {
  right: max(3vw, calc((100vw - 1240px) / 2));
  width: 34%; top: 4rem; bottom: 0;
}
.msg--character .msg__ph img { object-fit: contain; object-position: center bottom; }
.msg--character .msg__ph::after { display: none; }
.msg--character .msg__col { width: min(56%, 660px); }
@media screen and (max-width: 1023px) {
  .msg--character .msg__ph {
    position: relative; right: auto; top: auto; bottom: auto;
    width: min(54vw, 240px); height: auto;
    aspect-ratio: 843 / 1492;
    margin: 4rem auto 0; opacity: 1;
  }
  .msg--character .msg__in { padding-top: 3rem; }
  .msg--character .msg__col { width: 100%; }
}

/* President video thumbnails use the approved illustration. */
.st-vcard__thumb img[src*="president-character-c-"] {
  object-fit: contain; object-position: center; background: #102b61;
}
/* Colleagues are UI crops of the untouched original group photo. */
.kv__people.kv__people--character-row { aspect-ratio: 1140 / 594; }
.kv__people--character-row .kv__person {
  position: absolute; top: 0; bottom: 0; overflow: hidden;
}
.kv__people--character-row .kv__person img {
  position: absolute; top: 0; height: 100%; max-width: none;
  width: calc(1040 / var(--person-source-width) * 100%);
  left: calc(-1 * var(--person-source-x) / var(--person-source-width) * 100%);
}
.kv__people--character-row .kv__person--1 { left:0; width:15.7895%; }
.kv__people--character-row .kv__person--2 { left:15.7895%; width:11.2281%; }
.kv__people--character-row .kv__person--3 { left:27.0176%; width:9.3860%; }
.kv__people--character-row .kv__person--president { left:36.4036%; width:24.5614%; }
.kv__people--character-row .kv__person--5 { left:60.9650%; width:9.4737%; }
.kv__people--character-row .kv__person--6 { left:70.4387%; width:14.6491%; }
.kv__people--character-row .kv__person--7 { left:85.0878%; width:14.9122%; }
.kv__people--character-row .kv__person--president img {
  left:0; top:0; width:100%; height:100%; object-fit:contain; object-position:center bottom;
}
@media (max-width:1000px) {
  .kv__people.kv__people--character-row { aspect-ratio: 588 / 1029; }
  .kv__people--character-row .kv__person {
    bottom:auto; height:54%;
    width:calc(var(--person-source-width) / 594 * 54% * 1029 / 588);
  }
  .kv__people--character-row .kv__person--2 { left:0; }
  .kv__people--character-row .kv__person--3 { left:23%; }
  .kv__people--character-row .kv__person--5 { left:45%; }
  .kv__people--character-row .kv__person--7 { left:69%; }
  .kv__people--character-row .kv__person--1 { left:0; top:auto; bottom:0; height:66%; width:calc(180 / 594 * 66% * 1029 / 588); z-index:2; }
  .kv__people--character-row .kv__person--6 { left:auto; right:0; top:auto; bottom:0; height:66%; width:calc(167 / 594 * 66% * 1029 / 588); z-index:2; }
  .kv__people--character-row .kv__person--president { left:18%; top:auto; bottom:0; height:58%; width:64%; z-index:3; }
}

@media (max-width:1000px) {
  .kv__lead.kv__lead--character-safe { top:28vh; }
}
