/* The glyph follows the portrait, with only a narrow overlap at its outer edge. */
.about .portrait-anchor{position:relative;overflow:visible}.about .portrait-signature{position:absolute;width:192px;height:192px;left:-154px;top:-115px;z-index:3;pointer-events:none}.about .about-reading-start{border-top:0!important}
@media(min-width:761px) and (max-width:1100px){.about .portrait-signature{width:120px;height:120px;left:-96px;top:-80px}}
@media(max-width:760px){.about .about-portrait{margin-top:108px}.about .portrait-signature{width:96px;height:96px;left:0;top:-108px}}

/* Editorial career timeline — Figma PT/EN, desktop/mobile. */
.about .career-timeline{list-style:none;margin:0;padding:0;width:100%}
.about .career-milestone{display:grid;grid-template-columns:116px 10px minmax(0,1fr);column-gap:24px;margin:0;padding:0;min-width:0}
.about .career-rail{display:flex;flex-direction:column;align-items:center;padding-top:10px}
.about .career-rail img{display:block;width:10px;height:10px;max-width:none;flex:none}
.about .career-rail>span{width:1px;flex:1;background:rgba(242,239,231,.22)}
.about .career-card-wrap{min-width:0;padding-bottom:32px}
.about .career-milestone:last-child .career-card-wrap{padding-bottom:0}
.about .career-experience{display:flex;flex-direction:column;gap:20px;min-width:0;padding:28px;background:#1c1819;box-shadow:inset 0 0 0 1px #3e3538;border-radius:12px}
.about .career-timeline p,.about .career-timeline h3{margin:0;max-width:none;width:auto}
.about .career-period{font:500 20px/30px var(--va-font-family-technical);letter-spacing:.3px;color:var(--lime)}
.about .career-period span{display:block}
.about .career-heading h3{font:500 32px/40px var(--va-font-family-product);letter-spacing:0}
.about .career-description{font:400 17px/28px var(--va-font-family-product)}
.about .career-context{display:flex;flex-direction:column;gap:8px;padding-top:20px;box-shadow:inset 0 1px #3e3538}
.about .career-context p,.about .career-bio{font:400 15px/24px var(--va-font-family-product)}
.about .career-context .career-context-label{font:500 11px/18px var(--va-font-family-technical);letter-spacing:1.2px;color:var(--lime)}
@media(max-width:760px){
 .about .career-milestone{grid-template-columns:10px minmax(0,1fr);column-gap:16px}
 .about .career-period{grid-column:2;grid-row:1;font-size:14px;line-height:22px;letter-spacing:1px;padding-bottom:12px}
 .about .career-period span{display:inline;margin-left:.6em}
 .about .career-rail{grid-column:1;grid-row:1/3;padding-top:6px}
 .about .career-card-wrap{grid-column:2;grid-row:2}
 .about .career-experience{padding:20px}
 .about .career-heading h3{font-size:28px;line-height:36px}
}

.about .about-profile-meta{width:100%;padding-top:16px;box-shadow:inset 0 1px rgba(242,239,231,.22)}
.about .about-profile-meta p{margin:0;font:400 15px/24px var(--va-font-family-product);opacity:.78}

/* Separate chronology from the editorial cards. */
.about .career-date{display:flex;flex-direction:column;gap:12px;min-width:0}
.about .career-date-detail{font:400 12px/18px var(--va-font-family-product);opacity:.7;white-space:pre-line}
.about .career-role{font:400 17px/26px var(--va-font-family-product);color:var(--lime);white-space:pre-line}
.about .career-heading h3{font-size:36px;line-height:44px}
.about .career-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.about .career-context-cell{padding:12px;display:flex;flex-direction:column;gap:6px;background:rgba(242,239,231,.035);border-radius:6px;min-width:0}
.about .career-context-cell p{font:400 15px/22px var(--va-font-family-product)}
.about .career-cell-detail{opacity:.75}
@media(max-width:760px){
 .about .career-date{grid-column:2;grid-row:1;padding-bottom:12px}
 .about .career-date .career-period{padding-bottom:0}
 .about .career-heading h3{font-size:30px;line-height:38px}
 .about .career-context-grid{grid-template-columns:minmax(0,1fr)}
}

/* Client/Brand Badge: same original marks and layout as the Figma component. */
.about .career-context-wide{grid-column:1/-1}
.about .client-brands{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;min-width:0}
.about .client-brand{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:216px;max-width:100%;min-height:52px;padding:8px;border:1px solid rgba(242,239,231,.12);border-radius:4px}
.about .client-brand-logo{display:flex;align-items:center;justify-content:center;flex:0 0 64px;width:64px;height:36px;border-radius:4px;background:#f2efe7}
.about .client-brand-logo.is-dark{background:#343031}
.about .client-brand-logo img{display:block;position:static;width:52px;height:24px;object-fit:contain;max-width:none;filter:grayscale(1)}
.about .client-brand-name{display:block;min-width:0;font:400 13px/20px var(--va-font-family-product);color:#f2efe7}
.about a.about-context-link{display:inline;width:auto;color:inherit;font:inherit;letter-spacing:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.about a.about-context-link:hover{color:var(--lime)}
.about a.about-context-link:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:2px}