/* ── 03 About — see sections/03-about/brief.md ──
   Figma 1:1016 / 1:1014 / 1:1015 / 1:1064 / 1:1066 / 1:1065 / 1:1063 / 1:1021 / 1:1125
   text col 955w @ x118 · portrait 341×510 right-aligned to 1800 · 1px black divider at the bottom */

.about {
    background: var(--skin-canvas);
    border-bottom: 1px solid var(--skin-black);   /* full-bleed divider (Figma line 1:1125) */
    overflow: clip;                                /* asterisk bleeds past the right edge */
}
.about__inner {
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: calc(126.5 * var(--u)) 0 calc(70 * var(--u));
}

.about__text { width: calc(955 / 1684 * 100%); }
.about__title { line-height: normal; max-width: calc(935 / 955 * 100%); }
.about__eyebrow {
    margin-top: calc(76 * var(--u));
    line-height: normal;
    color: var(--skin-coral);
}
.about__body {
    margin-top: calc(50 * var(--u));
    text-align: justify;
}

.about__person {
    width: calc(341 / 1684 * 100%);
    margin-top: calc(8.5 * var(--u));
    text-align: right;
}
.about__portrait {
    width: 100%;
    transform: scaleX(-1);   /* Figma mirrors the source (-scaleY + rotate 180) */
}
.about__person figcaption { margin-top: calc(9.5 * var(--u)); }
.about__name,
.about__role { display: block; white-space: nowrap; }
.about__name { font-size: var(--fs-sub);  line-height: calc(31 / 42); }   /* Figma: 31px leading on both lines */
.about__role { font-size: var(--fs-body); line-height: calc(31 / 26); color: var(--skin-text-muted); }
.about__more { display: inline-block; margin-top: calc(36.5 * var(--u)); }

/* Decoratives */
.about__bird {
    position: absolute;
    top: calc(105 * var(--u));
    left: calc(1045 / 1684 * 100%);
    width: calc(64 * var(--u));
}
.about__asterisk {
    top: calc(22 * var(--u));
    right: calc(-157.8 * var(--u));
    width: calc(284 * var(--u));
    rotate: 29.51deg;
}