/* Every Step Pathways V080. Founder layout based on the approved reference.
   Scoped to homepage founder. No changes to other sections or SEO markup. */
.home-page #founder {
  background:#fff;
  overflow:hidden;
  scroll-margin-top:95px;
  padding-block:clamp(60px,6vw,108px) clamp(65px,6vw,108px);
}
.home-page #founder .founder-intro {
  position:relative;
  margin-bottom:clamp(27px,4vw,68px);
}
.home-page #founder .founder-intro .founder-section-title {
  display:block;
  margin:0 0 clamp(15px,1.6vw,24px);
  font-family:'DM Sans','HK Grotesk',Arial,sans-serif;
  font-size:clamp(15px,1.2vw,19px);
  font-weight:850;
  line-height:1.4;
  letter-spacing:.055em;
  text-transform:uppercase;
  color:#365563;
}
.home-page #founder .founder-intro h2 {
  margin:0;
  max-width:none;
  font-family:'DM Sans','HK Grotesk',Arial,sans-serif;
  font-size:clamp(37px,4.15vw,78px);
  font-weight:900;
  line-height:1.055;
  letter-spacing:-.06em;
  text-wrap:balance;
  overflow-wrap:normal;
  color:#073747;
}
.home-page #founder .founder-intro h2 span {color:#168e94;}
.home-page #founder .founder-full-grid {
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  align-items:center;
  column-gap:clamp(42px,7.3vw,140px);
  row-gap:24px;
  min-width:0;
}
.home-page #founder .founder-full-grid > *{min-width:0;}
.home-page #founder .founder-portrait {
  position:relative;
  width:100%;
  max-width:600px;
  min-height:0;
  justify-self:start;
  display:flex;
  flex-direction:column;
  align-items:center;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
  padding:0;
}
.home-page #founder .founder-photo-art {
  position:relative;
  width:100%;
  padding:clamp(35px,4vw,65px) 12px 0;
  overflow:visible;
  isolation:isolate;
}
.home-page #founder .founder-photo-art img {
  position:relative;
  display:block;
  width:88%;
  max-width:535px;
  height:auto;
  margin:0 auto;
  object-fit:contain;
  object-position:center bottom;
  aspect-ratio:1143 / 1376;
  border-radius:48% 48% 11% 11% / 28% 28% 7% 7%;
  background:#f7f5f6;
  filter:none;
  box-shadow:none;
  transform:none;
  z-index:2;
}
.home-page #founder .founder-photo-art .founder-shape {border-radius:50%;pointer-events:none;}
.home-page #founder .founder-shape-teal {width:clamp(42px,4.4vw,74px);top:0;right:5%;}
.home-page #founder .founder-shape-orange {width:clamp(52px,5vw,88px);top:19%;left:0;}
.home-page #founder .founder-shape-blue {width:clamp(36px,3.8vw,62px);bottom:17%;left:0;}
.home-page #founder .founder-shape-yellow {width:clamp(48px,5vw,80px);right:0;bottom:8%;}
.home-page #founder .founder-photo-caption {
  padding:clamp(17px,2vw,28px) 10px 0;
  text-align:center;
}
.home-page #founder .founder-photo-caption h3 {font-size:clamp(26px,2.2vw,36px);}
.home-page #founder .founder-photo-caption p {font-size:clamp(13px,1.1vw,16px);}
.home-page #founder .founder-longcopy {
  align-self:center;
  padding:0;
  background:transparent;
  max-width:720px;
}
.home-page #founder .founder-longcopy p {
  font-size:clamp(17px,1.35vw,22px);
  line-height:1.7;
  color:#365762;
  max-width:690px;
  margin:0 0 clamp(20px,2.1vw,33px);
}
.home-page #founder .founder-longcopy .button {margin-top:clamp(0px,.6vw,9px);}
@media(max-width:980px){
  .home-page #founder .founder-full-grid {
    grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
    column-gap:clamp(25px,4vw,45px);
  }
  .home-page #founder .founder-intro h2 {font-size:clamp(36px,4.5vw,52px);}
  .home-page #founder .founder-photo-art {padding-top:44px;}
  .home-page #founder .founder-longcopy p {font-size:clamp(16px,1.75vw,18px);}
}
@media(max-width:900px){
  .home-page #founder {padding-block:clamp(54px,8vw,75px);}
  .home-page #founder .founder-intro {margin-bottom:clamp(20px,5vw,38px);}
  .home-page #founder .founder-intro h2 {font-size:clamp(35px,6.7vw,51px);line-height:1.08;letter-spacing:-.052em;}
  .home-page #founder .founder-full-grid {grid-template-columns:minmax(0,1fr);gap:clamp(23px,5vw,36px);}
  .home-page #founder .founder-portrait {justify-self:center;max-width:min(100%,470px);}
  .home-page #founder .founder-photo-art {padding-top:clamp(36px,6vw,52px);}
  .home-page #founder .founder-photo-art img {width:84%;max-width:405px;}
  .home-page #founder .founder-longcopy {width:100%;max-width:640px;justify-self:center;}
  .home-page #founder .founder-longcopy p {font-size:clamp(16px,2.4vw,18px);line-height:1.68;}
}
@media(max-width:430px){
  .home-page #founder .founder-intro .founder-section-title{font-size:14px;letter-spacing:.055em;margin-bottom:12px;}
  .home-page #founder .founder-intro h2 {font-size:clamp(33px,9.0vw,39px);line-height:1.09;letter-spacing:-.052em;}
  .home-page #founder .founder-photo-art {padding:34px 2px 0;}
  .home-page #founder .founder-portrait {max-width:min(100%,355px);}
  .home-page #founder .founder-photo-art img {width:84%;}
  .home-page #founder .founder-photo-caption {padding:16px 8px 0;}
  .home-page #founder .founder-photo-caption h3 {font-size:28px;}
  .home-page #founder .founder-longcopy p {font-size:16px;line-height:1.65;margin-bottom:20px;}
  .home-page #founder .founder-full-grid {gap:25px;}
  .home-page #founder .founder-shape-teal{right:6%;width:40px;}
  .home-page #founder .founder-shape-orange{left:0;width:48px;}
  .home-page #founder .founder-shape-blue{width:34px;}
  .home-page #founder .founder-shape-yellow{width:48px;}
}
@media(min-width:1600px){
  .home-page #founder .container {
    width:calc(100% - clamp(84px,7vw,140px));
    max-width:1780px;
  }
  .home-page #founder .founder-intro h2 {font-size:clamp(72px,4.0vw,80px);}
  .home-page #founder .founder-portrait {max-width:640px;}
}
@media(min-width:2600px){
  .home-page #founder .container {max-width:1880px;}
  .home-page #founder .founder-intro h2{font-size:86px;}
  .home-page #founder .founder-longcopy p{font-size:24px;}
}
@media(prefers-reduced-motion:reduce){
 .home-page #founder .founder-portrait,.home-page #founder .founder-photo-art img {transition:none!important;animation:none!important;}
}
