/** Team profiles: one set of editable GenerateBlocks, at every viewport width. */
.pd-profile {
  --pd-profile-outer: max(0px, calc((100% - 1120px) / 2));
  display: grid;
  grid-template-columns: 45px minmax(0, 1fr) 45px;
  grid-template-rows: auto auto auto;
  padding-top: 20px;
  position: relative;
  isolation: isolate;
}
.pd-profile::before {
  content: "";
  grid-column: 1 / -1;
  grid-row: 3;
  margin-left: 45px;
  background: rgba(224, 235, 237, .2);
  z-index: -1;
  pointer-events: none;
}
.pd-profile > .pd-profile__portrait {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  padding-bottom: 30px;
  align-self: start;
}
.pd-profile .pd-profile__portrait figure { margin: 0; }
.pd-profile .pd-profile__portrait img {
  display: block;
  width: 300px;
  max-width: 100%;
  height: auto;
}
.pd-profile .pd-profile__portrait picture { display: block; }
.pd-profile > .pd-profile__identity {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  padding-bottom: 20px;
}
.pd-profile > .pd-profile__bio {
  grid-column: 2;
  grid-row: 3;
  min-width: 0;
  padding: 40px 0 60px 40px;
}
.pd-profile__identity, .pd-profile__bio { overflow-wrap: break-word; }
.pd-profile__bio > :last-child { margin-bottom: 0; }
.pd-profile__bio .gb-button-wrapper { gap: 14px 20px; flex-wrap: wrap; }
.pd-profile__bio .gb-button { margin-right: 0; }
.pd-profile .pd-profile__unpublished { display: none !important; }
@media (min-width: 768px) {
  .pd-profile {
    grid-template-columns: calc(var(--pd-profile-outer) + 60px) minmax(0, 1fr) 50px minmax(0, 1fr) calc(var(--pd-profile-outer) + 20px);
    grid-template-rows: auto minmax(0, 1fr);
    padding-top: 0;
  }
  .pd-profile::before {
    grid-row: 2;
    margin-left: max(45px, var(--pd-profile-outer));
  }
  .pd-profile > .pd-profile__portrait {
    grid-column: 2;
    grid-row: 1 / 3;
    padding: 0 0 80px;
  }
  .pd-profile .pd-profile__portrait img { width: 100%; height: auto; }
  .pd-profile > .pd-profile__identity {
    grid-column: 4;
    grid-row: 1;
    margin-left: 10px;
    margin-right: calc(-1 * min(45px, var(--pd-profile-outer)));
    padding-bottom: 40px;
  }
  .pd-profile > .pd-profile__bio {
    grid-column: 4;
    grid-row: 2;
    padding: 40px 0 80px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pd-profile {
    grid-template-columns: 60px minmax(0, 1fr) 40px minmax(0, 1fr) 20px;
    padding-top: 40px;
  }
  .pd-profile > .pd-profile__bio { padding-bottom: 60px; }
  .pd-profile > .pd-profile__portrait { padding-bottom: 60px; }
}
/* Preserve an easy editing flow even if the editor adds extra wrapper elements. */
.editor-styles-wrapper .pd-profile { display: block; padding: 20px; }
.editor-styles-wrapper .pd-profile::before { display: none; }
.editor-styles-wrapper .pd-profile__portrait,
.editor-styles-wrapper .pd-profile__identity,
.editor-styles-wrapper .pd-profile__bio { margin: 0; padding: 0 0 24px; }
.editor-styles-wrapper .pd-profile__portrait img { width: 300px; max-width: 100%; height: auto; }

@media (min-width: 1210px) { .pd-profile > .pd-profile__identity { margin-right: -45px; } }