/* Approved About portrait. The attribution wrapper joins the existing motion observer. */

.w-about.s-about-portrait { grid-template-columns: 7fr 5fr; }
.s-about-portrait > .w-about__text { grid-column: 1; grid-row: 1; }
.s-about-profile { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; gap: 0; align-items: center; text-align: center; width: 100%; }
.s-about-profile__photo { display: block; width: 256px; max-width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; object-position: 50% 50%; border-radius: 50%; }
.s-about-profile__identity { margin-top: 28px; }
.s-about-profile__name { margin: 0; font-size: var(--w-h3); font-weight: 700; line-height: 1.25; letter-spacing: var(--w-tracking-h3); color: var(--af-ink); }
.s-about-profile__role { margin: 8px 0 0; font: 400 var(--w-data)/1.5 var(--af-mono); letter-spacing: var(--w-tracking-data); color: var(--af-ink-62); }
.s-about-profile__linkedin { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 4px; font-family: var(--af-mono); font-size: var(--w-data); letter-spacing: var(--w-tracking-data); }
.s-about-profile > .w-btn { margin-top: 24px; }
@media (max-width: 1023px) {
  .w-about.s-about-portrait { grid-template-columns: 1fr; row-gap: 48px; }
  .s-about-profile { grid-column: 1; grid-row: 1; }
  .s-about-portrait > .w-about__text { display: block; grid-column: 1; grid-row: 2; }
  .s-about-portrait .w-about__text > .s-about-topic + .s-about-topic { margin-top: 32px; }
}
@media (max-width: 639px) {
  .s-about-profile__photo { width: 224px; }
  .s-about-profile__identity { margin-top: 24px; }
}