.home-people {
  --people-paper: #f4ede1;
  --people-ink: #f7f3ec;
  --people-muted: #aaa49c;
  --people-line: rgba(255, 255, 255, .17);
  --people-accent: #f45435;
  overflow: hidden;
  background: var(--people-paper);
  padding: 0 0 clamp(88px, 7vw, 122px);
}

.home-people__card {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(380px, 1.25fr) minmax(250px, .72fr) minmax(280px, .9fr) minmax(190px, .54fr);
  min-height: 410px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 22px;
  background:
    radial-gradient(circle at 76% 28%, rgba(244, 84, 53, .13), transparent 23%),
    radial-gradient(circle, rgba(255, 255, 255, .08) 1px, transparent 1px),
    #0d0c0b;
  background-size: auto, 20px 20px, auto;
  color: var(--people-ink);
}

.home-people__card::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgba(13, 12, 11, .97) 0%, rgba(13, 12, 11, .83) 34%, rgba(13, 12, 11, .18) 53%, rgba(13, 12, 11, .8) 70%, #0d0c0b 100%);
  content: "";
  pointer-events: none;
}

.home-people__story,
.home-people__founder,
.home-people__facts {
  position: relative;
  z-index: 2;
}

.home-people__story {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(42px, 4vw, 68px) 18px clamp(42px, 4vw, 68px) clamp(42px, 4vw, 68px);
}

.home-people__eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 28px;
  color: var(--people-ink);
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.home-people__eyebrow span {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--people-accent);
  box-shadow: 0 0 18px rgba(244, 84, 53, .62);
}

.home-people__story h2 {
  max-width: 610px;
  margin: 0;
  color: var(--people-ink);
  font-family: var(--sans);
  font-size: clamp(40px, 3.25vw, 56px);
  font-weight: 650;
  line-height: .98;
  letter-spacing: -.055em;
}

.home-people__intro {
  max-width: 510px;
  margin: 30px 0 0;
  color: var(--people-muted);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.48;
}

.home-people__portrait {
  position: relative;
  z-index: 1;
  align-self: stretch;
  min-width: 0;
  margin: 0;
}

.home-people__portrait::before,
.home-people__portrait::after {
  position: absolute;
  z-index: 2;
  inset: 0;
  content: "";
  pointer-events: none;
}

.home-people__portrait::before {
  background: linear-gradient(90deg, #0d0c0b 0, transparent 20%, transparent 78%, #0d0c0b 100%);
}

.home-people__portrait::after {
  background: linear-gradient(0deg, #0d0c0b 0, transparent 35%);
}

.home-people__portrait img {
  width: 100%;
  height: 100%;
  min-height: 410px;
  object-fit: cover;
  object-position: 50% 23%;
  filter: saturate(.82) contrast(1.04);
}

.home-people__founder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 54px 36px;
}

.home-people__name {
  margin: 0 0 6px;
  color: var(--people-ink);
  font-family: var(--sans);
  font-size: 27px;
  font-weight: 650;
  line-height: 1.1;
  letter-spacing: -.035em;
}

.home-people__role {
  margin: 0;
  color: var(--people-accent);
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.home-people__quote {
  max-width: 360px;
  margin: 44px 0 0;
  color: #d7d1c9;
  font-family: var(--serif);
  font-size: clamp(20px, 1.45vw, 25px);
  font-style: italic;
  line-height: 1.25;
}

.home-people__facts {
  display: grid;
  align-content: center;
  gap: 0;
  margin: 40px 0;
  padding: 0 clamp(28px, 2.4vw, 42px);
  border-left: 1px solid var(--people-line);
}

.home-people__facts div {
  padding: 17px 0;
  border-bottom: 1px solid var(--people-line);
}

.home-people__facts div:last-child {
  border-bottom: 0;
}

.home-people__facts dt,
.home-people__facts dd {
  margin: 0;
  font-family: var(--sans);
}

.home-people__facts dt {
  color: var(--people-ink);
  font-size: 22px;
  font-weight: 650;
  line-height: 1.05;
  letter-spacing: -.035em;
}

.home-people__facts dd {
  margin-top: 5px;
  color: var(--people-muted);
  font-size: 13px;
  line-height: 1.3;
}

@media (max-width: 1280px) {
  .home-people__card { grid-template-columns: 1.15fr .7fr .82fr; }
  .home-people__facts { grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0 34px 24px; border-top: 1px solid var(--people-line); border-left: 0; }
  .home-people__facts div { padding: 22px 18px 0; border-right: 1px solid var(--people-line); border-bottom: 0; }
  .home-people__facts div:last-child { border-right: 0; }
}

@media (max-width: 900px) {
  .home-people__card { grid-template-columns: 1fr 300px; }
  .home-people__story { padding: 48px 38px; }
  .home-people__portrait { grid-column: 2; grid-row: 1 / span 2; }
  .home-people__founder { padding: 0 38px 48px; }
  .home-people__quote { margin-top: 25px; }
  .home-people__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-people__facts div:nth-child(2) { border-right: 0; }
}

@media (max-width: 680px) {
  .home-people { padding-bottom: 78px; }
  .home-people__card { display: flex; flex-direction: column; min-height: 0; }
  .home-people__story { padding: 38px 25px 30px; }
  .home-people__eyebrow { margin-bottom: 22px; }
  .home-people__story h2 { font-size: clamp(38px, 11vw, 52px); }
  .home-people__portrait { width: 100%; height: 360px; }
  .home-people__portrait img { min-height: 360px; }
  .home-people__founder { padding: 30px 25px 38px; }
  .home-people__facts { width: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 18px 24px; }
}