/* Founder biography. */
.designer-section {
  position: relative;
  padding-top: 80px;
}
.designer-portrait {
  position: absolute;
  inset: 80px auto 0 0;
  width: 40.7%;
}
.designer-portrait__frame {
  position: sticky;
  top: 80px;
  height: calc(100svh - 80px);
  overflow: hidden;
}
.designer-portrait__frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.designer-copy {
  margin-left: 51%;
  padding: calc(50svh - 80px) 3% 120px 0;
}
.designer-copy h1 {
  font-size: 84px;
  line-height: 0.95;
  font-weight: 900;
  letter-spacing: -0.03em;
  padding-bottom: 12px;
}
.designer-copy .eyebrow {
  margin-top: 20px;
}
.designer-intro {
  margin-top: 55px;
  font-size: 31.5px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.designer-asterisk {
  margin-top: 45px;
}
.designer-biography {
  margin-top: 38px;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 400;
}
.designer-biography p + p {
  margin-top: 25px;
}
@media (min-width: 700px) and (max-width: 1079px) {
  .designer-copy h1 {
    font-size: 64px;
  }
  .designer-intro {
    font-size: 27px;
  }
}
@media (max-width: 699px) {
  .designer-portrait {
    position: relative;
    inset: auto;
    width: calc(100% + 2 * var(--gutter));
    margin-inline: calc(-1 * var(--gutter));
  }
  .designer-portrait__frame {
    position: static;
    height: 115vw;
  }
  .designer-copy {
    margin-left: 0;
    padding: 75px 0 90px;
  }
  .designer-copy h1 {
    font-size: 54px;
  }
  .designer-intro {
    margin-top: 45px;
    font-size: 26px;
  }
  .designer-biography {
    font-size: 18px;
  }
}