.pc-team-story {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: .8rem;
}
.pc-page #team-story { scroll-margin-block-start: 7.5rem; }
.pc-team-story .pc-panel { margin: 0; }
.pc-story-history {
  position: relative;
  display: grid;
  align-content: start;
  gap: .75rem;
  border-block-start: 3px solid var(--sc-gold);
  background: radial-gradient(ellipse at top right,var(--sc-wash),transparent 60%),var(--sc-panel);
}
.pc-story-title { display: flex; gap: .6rem; align-items: center; }
.pc-story-title h2 { min-inline-size: 0; font-size: clamp(1.1rem,2.6vw,1.65rem); }
.pc-story-title > img { flex: none; }
.pc-story-title > .pc-team-art { margin-inline-start: auto; inline-size: 42px; block-size: 42px; }
.pc-story-history > p { max-inline-size: 62ch; line-height: 1.65; }
.pc-team-story > .pc-world-note {
  align-content: start;
  align-items: start;
  background: var(--sc-inset);
  border-inline-start: 3px solid var(--sc-red);
}
.pc-team-story .pc-world-note blockquote { font-size: clamp(.98rem,1.6vw,1.15rem); line-height: 1.65; }
.pc-story-lesson {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  grid-column: 1/-1;
  gap: .75rem;
  padding: clamp(.8rem,2vw,1.2rem);
  border: 1px solid var(--sc-green);
  background: var(--sc-inset);
}
.pc-story-lesson > img { inline-size: 48px; block-size: 48px; }
.pc-story-lesson h3 { color: var(--sc-green); font-size: 1rem; }
.pc-story-lesson p { margin-block-start: .3rem; max-inline-size: 72ch; }
.pc-team-story .pc-button { min-block-size: 44px; display: inline-flex; align-items: center; white-space: normal; }
.pc-team-card .pc-team-card-intro {
  margin-block: .35rem;
  color: var(--sc-muted);
  font-size: .84rem;
  line-height: 1.6;
}
@media (max-width: 760px) {
  .pc-team-story { grid-template-columns: minmax(0,1fr); }
  .pc-story-lesson { grid-template-columns: auto minmax(0,1fr); }
  .pc-story-lesson .pc-button { grid-column: 1/-1; justify-self: start; }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .pc-team-card:hover .pc-team-art { transform: translateY(-2px); }
  .pc-team-card .pc-team-art { transition: transform 140ms ease; }
}

.pc-team-timeline { list-style: none; padding: 0; margin-block-start: .7rem !important; }
.pc-team-timeline > li {
  position: relative;
  display: grid;
  grid-template-columns: 54px minmax(0,1fr);
  gap: .8rem;
  padding-block: .8rem;
}
.pc-team-timeline > li + li { border-block-start: 1px solid var(--sc-stroke); }
.pc-timeline-marker {
  display: grid;
  align-content: start;
  justify-items: center;
  gap: .2rem;
  color: var(--sc-gold);
  font-size: .85rem;
}
.pc-team-timeline .pc-meta { margin-block-start: .25rem; }
.pc-history-roster { display: flex; align-items: baseline; flex-wrap: wrap; gap: .3rem; }
.pc-history-roster a { display: inline-flex; min-block-size: 32px; align-items: center; padding-inline: .2rem; }

@media (max-width: 650px) {
  .pc-player-headline .pc-dossier-portrait { display: contents; }
  .pc-dossier-portrait > :is(.pc-insignia,.pc-dossier-face) { grid-column: 1; grid-row: 1; align-self: start; }
  .pc-player-headline .pc-player-identity > div { grid-column: 2; grid-row: 1; }
  .pc-player-headline .pc-player-hook { grid-column: 1/-1; grid-row: 2; }
  .pc-player-headline .pc-dossier-portrait > figcaption { grid-column: 1/-1; grid-row: 3; margin: 0; font-size: .7rem; line-height: 1.5; }
}