/* An editorial portrait of the person behind the implementation. */
.agent-flow-site .founder-editorial-hero {
  position: relative;
  padding-block: 58px 86px;
  background: transparent;
}
.agent-flow-site .founder-editorial-grid {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 96px;
  align-items: center;
}
.agent-flow-site .founder-editorial-copy { max-width: 650px; padding-block: 25px; }
.agent-flow-site .founder-editorial-copy h1 {
  font-size: clamp(3.4rem, 5.6vw, 5.8rem);
  font-weight: 550;
  line-height: 1.08;
  letter-spacing: -.04em;
  max-width: 12ch;
  color: #eff2ff;
  margin: 0;
}
.agent-flow-site .founder-editorial-lead {
  font-size: 19px;
  line-height: 1.8;
  max-width: 43ch;
  margin-top: 32px;
  color: #c6d1e4;
}
.agent-flow-site .founder-editorial-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 28px;
  margin-top: 35px;
}

/* The primary portrait returns to its earlier arched crop and organic surround.
   The desk photograph below retains its complete, natural composition. */
.agent-flow-site .atelier-portrait.founder-portrait-stage {
  position: relative;
  width: 100%;
  max-width: 570px;
  margin: 0;
  padding: 24px 64px 0;
  justify-self: center;
  isolation: isolate;
}
.agent-flow-site .founder-portrait-stage .portrait-window {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-inline: auto;
  overflow: hidden;
  border-radius: 45% 45% 10px 10px;
  background: #bac1bd;
  box-shadow: 0 28px 56px #010710a6;
}
.agent-flow-site .founder-portrait-stage .portrait-window img {
  display: block;
  width: 100% !important;
  height: 455px !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center 38% !important;
  transform: none !important;
  border-radius: 0;
}
.agent-flow-site .founder-documentary > img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  border-radius: 2px;
}
.agent-flow-site .founder-portrait-stage .aperture-portrait-field {
  position: absolute;
  inset: -14px -7% auto;
  z-index: 1;
  width: 114%;
  height: calc(100% - 36px);
  max-width: none;
  overflow: visible;
  fill: none;
  stroke: url(#portrait-aperture);
  stroke-width: .75;
  stroke-linecap: round;
  opacity: 1;
  pointer-events: none;
  transform-origin: center;
}
.agent-flow-site .founder-portrait-stage .portrait-orbits { z-index: 0; opacity: .45; }
.agent-flow-site .founder-portrait-stage .resonance-portrait-sheet {
  fill: url(#portrait-aperture);
  stroke: #b6d4f1;
  stroke-width: .5;
  opacity: .62;
}
.agent-flow-site .founder-portrait-stage .resonance-portrait-sheet--back { opacity: .3; stroke: #8ccbd6; }
.agent-flow-site .founder-photo-credit {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 8px;
  padding-top: 25px;
  margin-inline: 0;
  text-align: left;
}
.agent-flow-site .founder-photo-credit strong {
  font-size: clamp(22px, 1.9vw, 28px);
  font-weight: 550;
  line-height: 1.25;
  letter-spacing: -.025em;
  color: #c7c9ff;
}
.agent-flow-site .founder-photo-credit span { color: #b3c2da; font-size: 13px; line-height: 1.6; }

.agent-flow-site .agent-founder.founder-feature {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 115px;
  align-items: center;
}
.agent-flow-site .founder-feature .atelier-portrait.founder-portrait-stage { max-width: 500px; padding: 35px 44px 0; }
.agent-flow-site .founder-feature .founder-portrait-stage .portrait-window img { height: 450px !important; }
.agent-flow-site .founder-feature-copy { max-width: 600px; }
.agent-flow-site .founder-feature-copy h2,
.agent-flow-site .founder-working-copy h2 {
  font-size: clamp(2.5rem, 3.4vw, 3.7rem);
  line-height: 1.14;
  font-weight: 500;
  letter-spacing: -.035em;
  margin: 0 0 29px;
  color: #edf1ff;
}
.agent-flow-site .founder-feature-lead {
  font-size: 21px;
  line-height: 1.65;
  color: #c7c9ff;
  letter-spacing: -.015em;
  max-width: 45ch;
}
.agent-flow-site .founder-feature-copy > p:not(.founder-feature-lead),
.agent-flow-site .founder-working-copy > p:not(.founder-feature-lead) {
  color: #bdcae0;
  font-size: 16px;
  line-height: 1.85;
  max-width: 53ch;
  margin-top: 21px;
}
.agent-flow-site .founder-feature-copy > .text-link { margin-top: 27px; }
.agent-flow-site .founder-working-section { background: transparent; }
.agent-flow-site .founder-working-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 128px;
  align-items: center;
}
.agent-flow-site .founder-working-copy { max-width: 580px; }
.agent-flow-site .founder-documentary {
  position: relative;
  width: min(100%, 430px);
  justify-self: end;
  margin: 0;
}
.agent-flow-site .founder-documentary figcaption {
  border-top: 1px solid #b5b8ff40;
  padding-top: 17px;
  margin-top: 19px;
  font-size: 13px;
  line-height: 1.7;
  color: #b5c5de;
}
.agent-flow-site .founder-conversation { background: transparent; }

.agent-flow-site .founder-about-intro { padding-block: 95px 82px; }
.agent-flow-site .founder-about-intro-grid {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 95px;
  align-items: end;
}
.agent-flow-site .founder-about-intro h1 {
  font-size: clamp(3.4rem, 5.2vw, 5.4rem);
  line-height: 1.1;
  letter-spacing: -.04em;
  max-width: 16ch;
  color: #edf1ff;
}
.agent-flow-site .founder-about-intro p { font-size: 18px; line-height: 1.8; max-width: 37ch; }
.agent-flow-site .founder-about-intro p:first-child { color: #c7c9ff; }
.agent-flow-site .founder-about-person { background: transparent; }
.agent-flow-site .founder-about-approach .agent-copy { max-width: 55ch; }

@media (max-width: 1100px) {
  .agent-flow-site .founder-editorial-grid,
  .agent-flow-site .agent-founder.founder-feature,
  .agent-flow-site .founder-working-grid { gap: 60px; }
  .agent-flow-site .atelier-portrait.founder-portrait-stage { padding-inline: 45px; }
  .agent-flow-site .founder-portrait-stage .portrait-window img { height: 420px !important; }
  .agent-flow-site .founder-feature .founder-portrait-stage .portrait-window img { height: 400px !important; }
  .agent-flow-site .founder-about-intro-grid { gap: 50px; }
  .agent-flow-site .founder-about-intro p { font-size: 16px; }
}
@media (max-width: 800px) {
  .agent-flow-site .founder-editorial-hero { padding-block: 50px 68px; }
  .agent-flow-site .founder-editorial-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .agent-flow-site .founder-editorial-copy h1 { font-size: clamp(2.7rem, 6.6vw, 4rem); }
  .agent-flow-site .founder-editorial-lead { font-size: 16px; margin-top: 23px; }
  .agent-flow-site .founder-editorial-actions { gap: 13px; margin-top: 26px; }
  .agent-flow-site .founder-photo-credit strong { font-size: 22px; }
  .agent-flow-site .atelier-portrait.founder-portrait-stage { padding-inline: 24px; }
  .agent-flow-site .founder-portrait-stage .portrait-window img { height: 400px !important; }
  .agent-flow-site .agent-founder.founder-feature { grid-template-columns: .85fr 1.15fr; gap: 34px; }
  .agent-flow-site .founder-feature .atelier-portrait.founder-portrait-stage { padding-inline: 20px; }
  .agent-flow-site .founder-feature .founder-portrait-stage .portrait-window img { height: 360px !important; }
  .agent-flow-site .founder-feature-copy h2,
  .agent-flow-site .founder-working-copy h2 { font-size: 34px; }
  .agent-flow-site .founder-feature-lead { font-size: 18px; }
  .agent-flow-site .founder-feature-copy > p:not(.founder-feature-lead),
  .agent-flow-site .founder-working-copy > p:not(.founder-feature-lead) { font-size: 15px; }
  .agent-flow-site .founder-working-grid { gap: 40px; }
  .agent-flow-site .founder-about-intro { padding-block: 60px; }
  .agent-flow-site .founder-about-intro-grid { grid-template-columns: 1fr; gap: 28px; }
  .agent-flow-site .founder-about-intro h1 { font-size: clamp(3rem, 7vw, 4.5rem); }
  .agent-flow-site .founder-about-intro-grid > div { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
  .agent-flow-site .founder-about-intro p + p { margin: 0; }
}
@media (max-width: 600px) {
  .agent-flow-site .founder-editorial-grid,
  .agent-flow-site .agent-founder.founder-feature,
  .agent-flow-site .founder-working-grid { grid-template-columns: 1fr; gap: 45px; }
  .agent-flow-site .founder-editorial-copy { padding: 0; }
  .agent-flow-site .founder-editorial-copy h1 { font-size: clamp(3rem, 11vw, 4rem); }
  .agent-flow-site .founder-editorial-lead { max-width: 43ch; }
  .agent-flow-site .atelier-portrait.founder-portrait-stage,
  .agent-flow-site .founder-feature .atelier-portrait.founder-portrait-stage { width: min(100%, 390px); padding: 26px 34px 0; }
  .agent-flow-site .founder-portrait-stage .portrait-window img,
  .agent-flow-site .founder-feature .founder-portrait-stage .portrait-window img { height: 370px !important; }
  .agent-flow-site .founder-photo-credit { padding-top: 23px; }
  .agent-flow-site .founder-portrait-stage .aperture-portrait-field { inset: -10px -3% auto; width: 106%; height: calc(100% - 48px); }
  .agent-flow-site .founder-portrait-stage .resonance-portrait-sheet { opacity: .45; }
  .agent-flow-site .founder-portrait-stage .resonance-portrait-sheet--back { display: none; }
  .agent-flow-site .founder-feature-copy h2,
  .agent-flow-site .founder-working-copy h2 { font-size: 34px; margin-bottom: 23px; }
  .agent-flow-site .founder-documentary { width: min(100%, 430px); justify-self: center; }
  .agent-flow-site .founder-about-intro { padding-block: 48px 56px; }
  .agent-flow-site .founder-about-intro h1 { font-size: clamp(2.8rem, 10.4vw, 3.7rem); }
  .agent-flow-site .founder-about-intro-grid > div { grid-template-columns: 1fr; gap: 18px; }
}
@media (min-width: 1600px) {
  .agent-flow-site .founder-editorial-hero .founder-portrait-stage .portrait-window img { height: 490px !important; }
}
@media (max-width: 350px) {
  .agent-flow-site .founder-portrait-stage .portrait-window img,
  .agent-flow-site .founder-feature .founder-portrait-stage .portrait-window img { height: 330px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .agent-flow-site .founder-orbit { transform: none !important; }
}