/* Owner-selected site palette. Employer and product identity accents stay local. */
:root{--bg:#171717;--panel:#222222;--ink:#f4f4f4;--muted:#b2b2b2;--accent:#21F1A8;--line:#3b3b3b;background:var(--bg);color:var(--ink)}
.header,.career-page .header,.saas-page .header{background:#171717f5}
.home-results,.expertise{background:#1c1c1c}
.pill:hover{background:#6bf8c6}
.contact{background:var(--accent);color:var(--bg)}
.contact .pill{background:var(--bg);color:var(--ink)}
.contact .pill:hover{background:#303030}
.product-selector>a[aria-selected=true]{background:#1c3028}
.role-metrics>div{background:#1b1b1b}
.role-metrics>div:hover{background:color-mix(in srgb,var(--chapter-accent) 7%,#1b1b1b)}
.role-gallery,.career-photo-dialog{background:#171717}
.role-copy .tags span{background:#171717}
.workflow-panel{background:#191919}
.workflow-step:hover{background:#292929}
.workflow-step[aria-selected=true]{background:color-mix(in srgb,var(--product-accent) 10%,#171717)}
.product-footer .pill:hover{filter:brightness(1.08)}

/* Circular owner portraits on Home and Career. */
.hero-profile>img,.career-portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 20%;border-radius:50%}
.hero-profile figcaption{border:0;background:transparent;text-align:center;padding:22px 0 0}

/* Typeset the caption along the actual circumference of each portrait. */
.portrait-frame{position:relative;width:100%;aspect-ratio:1}
.portrait-frame>img,.career-portrait .portrait-frame>img{position:absolute;top:10%;left:10%;display:block;width:80%;height:80%;margin:0;aspect-ratio:1;object-fit:cover;object-position:center 20%;border-radius:50%}
.portrait-lettering{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.portrait-lettering text{font-family:var(--font);font-size:25px;font-weight:450;letter-spacing:2.2px;fill:var(--muted)}
.career-portrait .portrait-caption-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){.career-editorial{grid-template-columns:minmax(0,1fr) 260px}.career-portrait{width:260px}.career-portrait .portrait-frame>img{height:80%;width:80%}}
@media(max-width:650px){.career-editorial{grid-template-columns:1fr}.career-portrait{display:block;width:min(100%,300px);justify-self:center}.hero-profile .portrait-frame{max-width:400px;margin:auto}}

/* Consistent signature across headers and footers. */
.wordmark span{color:var(--accent)}

/* Consistent upright typography throughout the site. */
em{font-family:inherit;font-style:normal}