/* =========================================================
   HOME — PEOPLE / LEADERSHIP
   Single CEO portrait + substantial bio. Matte editorial language.
   ========================================================= */

.home-people{
  background:#E8E5DD;
  border-top:1px solid rgba(23,37,43,.08);
  border-bottom:1px solid rgba(23,37,43,.09);
  color:#17252B;
}
.home-people-inner{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:64px 0 68px;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(220px,.58fr);
  gap:48px;
  align-items:center;
}
.home-people-copy{max-width:560px}
.home-people-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  color:#5D6F3C;
  font-size:10px;
  line-height:1;
  letter-spacing:.15em;
  font-weight:800;
}
.home-people-kicker span{
  width:26px;
  height:1px;
  background:#5D6F3C;
}
.home-people-copy h2{
  margin:17px 0 10px;
  color:#17252B;
  font-size:clamp(30px,3.6vw,46px);
  line-height:1.05;
  letter-spacing:-.045em;
}
.home-people-copy h2 em{
  color:#8C4B3D;
  font-style:normal;
}
.home-people-role{
  margin:0 0 16px;
  font-size:13px;
  font-weight:700;
  color:#3E7D82;
  letter-spacing:.01em;
}
.home-people-copy p{
  margin:0 0 12px;
  color:#4D595E;
  font-size:14px;
  line-height:1.65;
  max-width:520px;
}
.home-people-copy p:last-of-type{margin-bottom:0}
.home-people-copy a{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:22px;
  color:#315E78;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}
.home-people-copy a span{
  font-size:16px;
  line-height:1;
  transition:transform .2s ease;
}
.home-people-copy a:hover span{transform:translateX(3px)}

.home-people-portrait{
  min-width:0;
  justify-self:end;
}
.home-people-portrait figure{
  margin:0;
  max-width:280px;
}
.home-people-portrait img{
  display:block;
  width:100%;
  max-width:280px;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
  object-position:center 15%;
  border:0;
  border-radius:4px;
  background:#E0DDD5;
  box-shadow:
    0 1px 2px rgba(23,37,43,.06),
    0 8px 24px rgba(23,37,43,.10);
}
.home-people-portrait figcaption{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:12px 2px 0;
}
.home-people-portrait figcaption strong{
  color:#17252B;
  font-size:13px;
  font-weight:700;
  letter-spacing:-.01em;
}
.home-people-portrait figcaption small{
  color:#697174;
  font-size:12px;
  font-weight:500;
}

@media(max-width:900px){
  .home-people-inner{
    width:calc(100% - 32px);
    padding:52px 0 56px;
    grid-template-columns:1fr;
    gap:32px;
  }
  .home-people-copy{max-width:650px}
  .home-people-portrait{order:-1;justify-self:center;max-width:240px;margin:0 auto}
  .home-people-portrait figure{max-width:240px}
  .home-people-portrait img{max-width:100%}
}
@media(max-width:560px){
  .home-people-inner{padding:44px 0 48px}
  .home-people-copy h2{font-size:32px}
  .home-people-portrait{max-width:200px}
  .home-people-portrait figure{max-width:200px}
}


/* Keep photon canvas active site-wide, but never show photons on CEO portrait */
.home-people{
  position: relative;
  z-index: 5;
  isolation: isolate;
}
.home-people-portrait,
.home-people-portrait figure,
.home-people-portrait img{
  position: relative;
  z-index: 6;
}
.home-people-portrait figure{
  background: #E8E5DD;
  isolation: isolate;
}
.home-people-portrait img{
  background: #D9D6CC;
  /* solid pixels so screen-blend photons cannot show through */
  mix-blend-mode: normal;
}