/* A person's voice within the company story. The original photograph is unaltered. */
.company-origin{--company-rule:#cfcfca;padding-bottom:clamp(92px,10vw,150px);scroll-margin-top:calc(var(--header) + 24px)}
.company-origin-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"heading portrait" "copy portrait";column-gap:clamp(48px,7vw,112px);row-gap:40px;align-items:start;margin-top:62px}
.company-origin-heading{grid-area:heading;min-width:0}
.company-origin-heading h2{font-family:var(--sans);font-size:clamp(36px,3.7vw,56px);line-height:1.58;font-weight:400;letter-spacing:.01em;font-feature-settings:"palt" 1}
.company-origin-portrait{grid-area:portrait;position:sticky;top:calc(var(--header) + 28px);margin:10px 0 0;min-width:0;align-self:start}
.company-origin-photo{overflow:hidden;background:#262626;aspect-ratio:4/5}
.company-origin-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:grayscale(1)}
.company-origin-portrait figcaption{display:grid;justify-items:start;gap:10px;margin-top:22px;color:var(--ink)}
.company-origin-titles{display:grid;gap:3px;max-width:100%}
.company-origin-role,.company-origin-credential{font-size:12px;line-height:1.8;letter-spacing:.05em}
.company-origin-copy{grid-area:copy;min-width:0;max-width:34em}
.company-origin-copy>p{font-size:var(--type-body);font-weight:400;line-height:2.1;letter-spacing:var(--type-tracking);color:#444;overflow-wrap:break-word}
.company-origin-copy>p+p{margin-top:26px}
.company-origin-copy>.company-origin-closing{color:var(--ink);margin-top:32px}
.company-origin-closing>span{display:block;margin-bottom:14px;font-weight:500}
@media(max-width:1100px) and (min-width:761px){
 .company-origin-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:36px;row-gap:30px;margin-top:48px}
 .company-origin-heading h2{font-size:clamp(32px,3.8vw,42px)}
 .company-origin-portrait figcaption{gap:8px 16px}
}
@media(min-width:761px) and (max-height:790px){
 .company-origin-portrait{position:static}
}
@media(max-width:760px){
 .company-origin{padding-bottom:76px}
 .company-origin-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "portrait" "copy";gap:32px;margin-top:36px}
 .company-origin-heading h2{font-size:clamp(32px,8.5vw,48px);line-height:1.65}
 .company-origin-portrait{position:static;width:86%;max-width:390px;justify-self:end;margin:0}
 .company-origin-portrait figcaption{margin-top:16px;gap:10px 18px}
 .company-origin-role,.company-origin-credential{font-size:11px}
 .company-origin-copy{max-width:none}
 .company-origin-copy>p{line-height:2.05}
 .company-origin-copy>p+p{margin-top:24px}
 .company-origin-copy>.company-origin-closing{margin-top:30px}
 .company-page-index{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .company-page-index a{min-height:52px;gap:14px;padding-block:13px;font-size:12px}
 .company-page-index .company-index-number{min-width:20px}
 .company-page-index svg{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.company-origin *{animation:none!important;transition:none!important}}
@media print{
 .company-origin{padding-block:30px}
 .company-origin-portrait{position:static}
 .company-origin *{animation:none!important}
 .company-origin-heading,.company-origin-portrait,.company-origin-copy>p{break-inside:avoid}
}

/* The handwritten signature is the sole name beneath the portrait titles. */
.company-origin-portrait .company-origin-caption--signed{
 grid-template-columns:minmax(0,1fr);
 gap:12px;
}
.company-origin-caption--signed .company-origin-signature{
 display:block;
 width:clamp(168px,16vw,208px);
 max-width:100%;height:auto;
 justify-self:start;
}
@media(max-width:760px){
 .company-origin-portrait .company-origin-caption--signed{gap:10px}
 .company-origin-caption--signed .company-origin-signature{width:168px}
}