@media (width > 767px) {

  .profile-page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    height: auto;
    background-color: #F5E7CD;
  }

  .profile-header {
    flex-shrink: 0;
    z-index: 0;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
  }

  .profile__breadcrumbs {
    align-self: stretch;
    z-index: 1;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
    text-align: left;
    color: #0B889B;
    font-family: "Archivo";
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.6;
    font-size: min(0.9375rem, 1.04167vw);
  }

  .profile-breadcrumbs__back {
    display: block;
    flex-shrink: 0;
    z-index: 0;
    width: max-content;
    height: auto;
    position: relative;
  }

  .profile__profile {
    overflow: clip;
    align-self: stretch;
    flex-shrink: 0;
    z-index: 2;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
  }

  .profile__profile-inner {
    display: grid;
    grid-template-columns: repeat(1, max-content) auto;
    grid-auto-flow: column;
    align-items: start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440.0px;
    height: auto;
  }

  /* One sticky container keeps the navigation and photo moving together. */
  .profile__sidebar {
    position: sticky;
    top: min(141px, 9.79167vw);
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    margin: min(32px, 2.22222vw) 0 min(80px, 5.55556vw) min(140px, 9.72222vw);
    width: 34.0278vw;
    max-width: 490px;
  }

  .profile__aside {
    margin-left: 0;
    margin-top: min(40px, 2.77778vw);
    margin-bottom: 0;
    border-radius: 10.0px;
    display: flex;
    flex-direction: column;
    gap: min(32px, 2.22222vw);
    align-items: flex-start;
    padding: min(30px, 2.08333vw) min(30px, 2.08333vw);
    z-index: 1;
    width: 100%;
    max-width: 490.0px;
    height: auto;
    position: relative;
    background-color: #FFFFFF;
  }

  .profile__portrait {
    overflow: hidden;
    flex-shrink: 0;
    z-index: 0;
    width: 29.7917vw;
    max-width: 429.0px;
    height: 34.7222vw;
    max-height: 500.0px;
    position: relative;
    min-height: min(500px, 34.7222vw);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .profile__photo {
    background-image: linear-gradient(#FAF5EC, #FAF5EC);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-blend-mode: normal;
    overflow: hidden;
    isolation: isolate;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    grid-column: 1;
    grid-row: 1;
    min-width: 0px;
    min-height: 0px;
    align-self: stretch;
    justify-self: stretch;
    contain: size;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    filter: var(--image-filter, none);
    --image-exposure: 0;
    --image-contrast: 0;
    --image-saturation: 0;
    --image-temperature: 0;
    --image-tint: 0;
    --image-highlights: 0;
    --image-shadows: 0;
    opacity: 1;
  }

  .profile__social {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    align-items: stretch;
    flex-shrink: 0;
    z-index: 1;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
    text-align: left;
    color: #FFFFFF;
    font-family: "Archivo";
    font-weight: 500;
    letter-spacing: min(0.065625rem, 0.0729167vw);
    text-transform: uppercase;
    line-height: 1.6;
    min-height: min(56px, 3.88889vw);
    font-size: min(0.9375rem, 1.04167vw);
  }

  .profile__social > .site-button {
    width: 100%;
    height: 100%;
    min-height: inherit;
  }

  .profile__copy {
    margin-left: min(78px, 5.41667vw);
    margin-top: min(96px, 6.66667vw);
    grid-column: 2;
    grid-row: 1;
    margin-bottom: min(40px, 2.77778vw);
    display: flex;
    flex-direction: column;
    gap: min(40px, 2.77778vw);
    align-items: flex-start;
    z-index: 0;
    width: 41.1111vw;
    max-width: 592.0px;
    height: auto;
    position: relative;
  }

  .profile__heading {
    display: flex;
    flex-direction: column;
    gap: min(12px, 0.833333vw);
    align-items: flex-start;
    align-self: stretch;
    z-index: 0;
    width: 41.1111vw;
    max-width: 592.0px;
    height: auto;
    position: relative;
  }

  .profile__role {
    display: block;
    align-self: stretch;
    z-index: 0;
    width: 41.1111vw;
    max-width: 592.0px;
    height: auto;
    position: relative;
    text-align: left;
    color: #0B889B;
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    letter-spacing: 0rem;
    line-height: 1.4;
  }

  .profile__name {
    color: #16181B;
    display: block;
    align-self: stretch;
    z-index: 1;
    width: 41.1111vw;
    max-width: 592.0px;
    height: auto;
    position: relative;
    text-align: left;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 3.875rem;
    letter-spacing: 0rem;
    text-transform: uppercase;
    line-height: 1.1;
  }

  .profile__divider {
    align-self: stretch;
    flex-shrink: 0;
    z-index: 2;
    width: 41.1111vw;
    max-width: 592.0px;
    height: 0.0694444vw;
    max-height: 1.0px;
    position: relative;
    background-color: #C9B599;
    min-height: min(1px, 0.0694444vw);
  }

  .profile__bio {
    color: #343543;
    display: flex;
    flex-direction: column;
    gap: min(28px, 1.94444vw);
    align-items: flex-start;
    align-self: stretch;
    z-index: 1;
    width: 41.1111vw;
    max-width: 592.0px;
    height: auto;
    position: relative;
    text-align: left;
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    letter-spacing: 0rem;
    line-height: 1.4;
  }

  .profile-bio__intro {
    display: block;
    align-self: stretch;
    z-index: 0;
    width: 41.1111vw;
    max-width: 592.0px;
    height: auto;
    position: relative;
  }

  .profile-bio__experience {
    display: block;
    align-self: stretch;
    z-index: 1;
    width: 41.1111vw;
    max-width: 592.0px;
    height: auto;
    position: relative;
  }

  .profile-bio__leadership {
    display: block;
    align-self: stretch;
    z-index: 2;
    width: 41.1111vw;
    max-width: 592.0px;
    height: auto;
    position: relative;
  }

  .profile-bio__background {
    display: block;
    align-self: stretch;
    z-index: 3;
    width: 41.1111vw;
    max-width: 592.0px;
    height: auto;
    position: relative;
  }

  .profile-bio__education {
    display: block;
    align-self: stretch;
    z-index: 4;
    width: 41.1111vw;
    max-width: 592.0px;
    height: auto;
    position: relative;
  }

  .profile-bio__personal {
    display: block;
    align-self: stretch;
    z-index: 5;
    width: 41.1111vw;
    max-width: 592.0px;
    height: auto;
    position: relative;
  }


}

@media (max-width: 767px) {
.profile-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  background: var(--color-cream);
  color: var(--color-dark);
  font-family: "Archivo";
}

.profile__aside {
  display: flex;
  flex-direction: column;
  background: var(--color-white);
  /* padding: 2.1vw; */
  width: 34vw;
  height: fit-content;
}

.profile__header {
  width: 41vw;
  max-width: 46.6667em;
}

.profile__role {
  color: var(--color-teal);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.45;
}

.profile__name {
  font-family: "txc-pearl";
  font-weight: 400;
  line-height: 1.05;
}

.profile__bio {
  width: 41vw;
  max-width: 46.6667em;
}

.profile__bio p {
  font-size: 1.66666rem;
  line-height: 1.4;
}
  .profile-breadcrumbs {
    display: flex;
    align-items: center;
    width: 100%;
    height: max-content;
    color: var(--color-teal);
    font-weight: 600;
    min-height: 14vw;
    padding: 4.1vw 6.4vw;
    font-size: 0.8rem;
  }

  .profile {
    grid-template-columns: auto auto;
    align-items: start;
    width: 100%;
    height: max-content;
    display: flex;
    flex-direction: column;
    gap: 9.2vw;
    padding: 0vw 6.4vw 15.4vw;
  }

  .profile__aside {
    align-items: flex-start;
    width: 87.1795vw;
    max-width: 21.25em;
    height: max-content;
    min-height: 120.0718vw;
    padding: 4.1026vw;
    gap: 6.1538vw;
    border-radius: 3.0769vw;
    margin: auto;
  }

  .profile__photo {
    aspect-ratio: 0.858;
    object-fit: cover;
    width: 100%;
    height: 91.6103vw;
    padding: 0;
    border-radius: 2.0513vw;
  }

  .profile__linkedin {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    background: var(--color-teal);
    color: var(--color-white);
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    min-height: 14.1026vw;
    padding: 5.1282vw 6.1538vw;
    letter-spacing: 0.07em;
    font-size: 0.875rem;
  }

  .profile__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 7.2vw;
  }

  .profile__header,
  .profile__bio {
    width: 87vw;
    max-width: 35em;
  }

  .profile__header {
    display: flex;
    flex-direction: column;
    padding-bottom: 0.83vw;
    border-bottom: solid 1px #c9b599;
    gap: 3.1vw;
  }

  .profile__role,
  .profile__bio p {
    font-size: 1.25rem;
  }

  .profile__name {
    text-transform: uppercase;
    font-size: clamp(2.3rem, calc(1.4rem + 4.7vw), 3.6rem);
  }

  .profile__bio {
    display: flex;
    flex-direction: column;
    gap: 5.1vw;
  }


}