.oc__page-template__person {
  background: var(--oc--color--hope-light-blue);
}

/* Override default wave layout spacing. */
.oc__page-template__person
.oc__block.oc__block__wave-layout-section.oc__page-template__person__hero
.oc__block__wave-layout-section__content
> .oc__block:last-child {
  padding: 0;
}

.oc__page_template__person__profile-container {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.oc__page-template__person__hero {
  display: grid;
  place-items: center;

  background-image: url('/wp-content/uploads/2023/10/whale-bg-fade-scaled.jpg');
  background-size: cover;
  background-position: 50% 70%;
  height: 60vw;
  min-height: 350px;
  max-height: 700px;
}

.oc__page-template__person__hero
h1 {
  font-size: 60px !important;
}

@media (min-width: 960px) {
  .oc__page-template__person__hero
  h1 {
    position: relative;
    top: -50px;
    font-size: 100px !important;
  }
}

.oc__page_template__person__profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--oc--spacing--15);
}

@media (min-width: 1280px) {
  .oc__page_template__person__profile {
    flex-direction: row;
    align-self: flex-start;

    margin-bottom: var(--oc--spacing--20);
  }
}

.oc__page_template__person__profile__avatar {
  width: 180px;
  height: 180px;
  min-height: 180px;
  min-width: 180px;
}

.oc__page_template__person__profile__avatar
img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}

.oc__block
.oc__page_template__person__profile__details-container {
  width: 100%;
}

.oc__block
.oc__page_template__person__profile__details {
  padding: 0 var(--oc--spacing--10);
  text-align: center;
}

@media (min-width: 1280px) {
  .oc__block
  .oc__page_template__person__profile__details {
    text-align: left;
  }
}

.oc__block
.oc__page_template__person__profile__details__name {
  margin-bottom: var(--oc--spacing--03);
  overflow-wrap: break-word;

  color: var(--oc--color--navy-text);
  font-family: var(--oc--font-family--base);
  font-size: 38px;
  font-weight: 900;
  line-height: 112%;
}

.oc__block
.oc__page_template__person__profile__details__title {
  margin-bottom: var(--oc--spacing--10);

  color: var(--oc--color--navy-text);
  font-family: var(--oc--font-family--base);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 168%;
}

.oc__page_template__person__profile__social {
  margin-bottom: var(--oc--spacing--10);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--oc--spacing--10);
}

@media (min-width: 1280px) {
  .oc__page_template__person__profile__social {
    justify-content: unset;
    padding-left: var(--oc--spacing--10);
  }
}

.oc__page_template__person__profile__social
> a {
  display: grid;
  place-items: center;
  position: relative;
  top: 0px;
  transition: top 0.25s;
  width: 48px;
  height: 48px;

  background: white;
  border-radius: 100%;
}

.oc__page_template__person__profile__social
> a:hover {
  top: -2px;
}

.oc__page_template__person__quote {
  margin-bottom: var(--oc--spacing--10);

  text-align: center;
}

@media (min-width: 1280px) {
  .oc__page_template__person__quote {
    position: relative;
    display: grid;
    place-items: center;

    text-align: left;

    margin-bottom: var(--oc--spacing--40);
  }
}

.oc__page_template__person__quote
svg {
  margin: 0 auto var(--oc--spacing--10);
}

@media (min-width: 1280px) {
  .oc__page_template__person__quote
  svg {
    position: absolute;
    left: -60px;
  }
}

.oc__page_template__person__quote__content {
  color: var(--oc--color--navy-text);
  font-family: 'Noticia Text', 'Roboto', serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 160%
}

.oc__block
.oc__page-template__person__featured-reference-section-title {
  display: block;
  text-align: center;
  margin-bottom: var(--oc--spacing--20);

  color: var(--oc--color--navy-text) !important;
  font-family: var(--oc--font-family--base) !important;
  font-size: clamp(2.375rem, 2.083rem + 1.458vw, 3.250rem) !important; /* 38px @ 320px - 52px @ 1280px */
  font-weight: 900 !important;
  line-height: 106% !important;
}

.oc__page_template__person__featured_posts {
  padding: var(--oc--spacing--30) 0;
}

@media (min-width: 960px) {
  .oc__page_template__person__featured_posts {
    padding-bottom: 8rem;
  }
}

.oc__page_template__person__featured_posts__intro {
  display: flex;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto var(--oc--spacing--15);
  padding: 0 var(--oc--spacing--10);
  text-align: center;
}

@media (min-width: 960px) {
  .oc__page_template__person__featured_posts__intro {
    text-align: left;
  }
}

.oc__page_template__person__featured_posts__intro a {
  display: none !important;
}

@media (min-width: 960px) {
  .oc__page_template__person__featured_posts__intro a {
    display: inherit !important;
  }
}

.oc__page_template__person__featured_posts__intro h2 {
  flex: 1;

  color: var(--oc--color--navy-text);
  font-family: var(--oc--font-family--base);
  font-size: 38px;
  font-weight: 900;
  line-height: 112%;
}

.oc__page_template__person__featured_posts__outro {
  display: grid;
  place-items: center;
  margin: var(--oc--spacing--20) 0;
}

@media (min-width: 960px) {
  .oc__page_template__person__featured_posts__outro a {
    display: none !important;
  }
}