/* =========================================================
   HOME — PEOPLE INTRO
   A restrained human section placed early in the page.
   Uses the site's matte editorial language without copying
   the surrounding section treatment.
   ========================================================= */

.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:58px 0 62px;
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
  gap:64px;
  align-items:center;
}
.home-people-copy{max-width:470px}
.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 14px;
  color:#17252B;
  font-size:clamp(32px,3.8vw,50px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.home-people-copy h2 em{
  color:#8C4B3D;
  font-style:normal;
}
.home-people-copy p{
  margin:0;
  color:#4D595E;
  font-size:14px;
  line-height:1.62;
  max-width:430px;
}
.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-photos{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  grid-template-rows:1fr 1fr;
  gap:10px;
  min-height:310px;
}
.home-person-slot{
  min-width:0;
}
.home-person-slot--large{
  grid-row:1 / span 2;
}
.home-person-placeholder{
  position:relative;
  height:100%;
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#D9D6CC;
  border:1px solid rgba(23,37,43,.12);
}
.home-person-slot--large .home-person-placeholder{min-height:310px}
.home-person-placeholder:before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px dashed rgba(23,37,43,.18);
}
.home-person-placeholder span{
  position:relative;
  color:#6B706C;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}
.home-person-caption{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:10px;
  padding:7px 2px 0;
}
.home-person-caption strong{
  color:#17252B;
  font-size:10px;
  font-weight:800;
}
.home-person-caption small{
  color:#697174;
  font-size:9px;
}

@media(max-width:900px){
  .home-people-inner{
    width:calc(100% - 32px);
    padding:50px 0 54px;
    grid-template-columns:1fr;
    gap:34px;
  }
  .home-people-copy{max-width:650px}
  .home-people-photos{min-height:280px}
  .home-person-slot--large .home-person-placeholder{min-height:280px}
}
@media(max-width:560px){
  .home-people-inner{padding:44px 0 48px}
  .home-people-copy h2{font-size:36px}
  .home-people-photos{
    grid-template-columns:1fr 1fr;
    grid-template-rows:1.2fr .8fr;
    min-height:330px;
  }
  .home-person-slot--large{
    grid-column:1 / span 2;
    grid-row:auto;
  }
  .home-person-slot--large .home-person-placeholder{min-height:210px}
  .home-person-placeholder{min-height:105px}
  .home-person-caption{display:block}
  .home-person-caption small{display:block;margin-top:2px}
}