.editorialTeamPage {
  --harbor-team-ink: #111;
  --harbor-team-lime: #d6fb02;
  --harbor-team-paper: #fff;
  --harbor-team-muted: #f4f4ef;
  --harbor-team-line: #cecec6;
  color: var(--harbor-team-ink);
  background: var(--harbor-team-paper);
  font-size: clamp(17px, 1.2vw, 20px);
  line-height: 1.6;
}
.editorialTeamPage * { box-sizing: border-box; }
.editorialTeamPage h1,
.editorialTeamPage h2,
.editorialTeamPage h3,
.editorialTeamPage p { margin: 0; }
.editorialTeamPage h1,
.editorialTeamPage h2,
.editorialTeamPage h3 { color: var(--harbor-team-ink); line-height: 1.12; }
.editorialTeamPage h1 { max-width: 1000px; font-size: clamp(42px, 5.6vw, 88px); letter-spacing: -.045em; }
.editorialTeamPage h2 { font-size: clamp(30px, 3.2vw, 48px); letter-spacing: -.035em; }
.editorialTeamPage h3 { font-size: clamp(25px, 2vw, 30px); letter-spacing: -.025em; }
.editorialTeamPage a { color: inherit; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.editorialTeamPage a:focus-visible { outline: 3px solid #7438bf; outline-offset: 4px; }
.editorialTeamContent { width: min(1440px, calc(100% - 64px)); margin-inline: auto; padding-block: clamp(36px, 5vw, 80px) clamp(56px, 6vw, 96px); }
.editorialTeamPage .editorialEyebrow { font-size: 13px; line-height: 1.5; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.teamIntroduction { display: grid; gap: 24px; padding-bottom: clamp(44px, 5vw, 72px); border-bottom: 1px solid var(--harbor-team-ink); }
.teamIntroduction > p { max-width: 850px; }
.teamIntroduction .teamIntroductionLead { margin-top: 8px; font-size: clamp(23px, 2vw, 30px); line-height: 1.35; }
.teamProfilesSection,
.teamWorkflowSection { padding-block: clamp(40px, 5vw, 72px); }
.teamSectionIntroduction { display: grid; gap: 18px; max-width: 840px; margin-bottom: 32px; }
.editorialProfileGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18em), 1fr)); gap: 24px; }
.editorialProfileCard { min-width: 0; display: grid; align-content: start; gap: 22px; padding: clamp(22px, 2.4vw, 36px); border: 1px solid var(--harbor-team-line); border-radius: 20px; background: var(--harbor-team-muted); }
.editorialProfileCard .editorialRoleLabel { padding-bottom: 14px; border-bottom: 3px solid var(--harbor-team-lime); font-size: 15px; font-weight: 700; }
.teamWorkflowSection { border-top: 1px solid var(--harbor-team-line); }
.editorialWorkflowList { list-style: none; counter-reset: editorial-step; display: grid; gap: 0; margin: 0; padding: 0; }
.editorialWorkflowList li { counter-increment: editorial-step; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 14px 28px; padding-block: 28px; border-top: 1px solid var(--harbor-team-line); }
.editorialWorkflowList li::before { content: counter(editorial-step, decimal-leading-zero); grid-column: 1; grid-row: 1 / span 2; align-self: start; background: var(--harbor-team-lime); border-radius: 50%; width: 52px; height: 52px; display: grid; place-items: center; font-size: 16px; font-weight: 700; }
.editorialWorkflowList h3,
.editorialWorkflowList p { grid-column: 2; max-width: 1000px; min-width: min(100%, 8em); }
.editorialContactPanel { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22em), 1fr)); gap: 40px; padding: clamp(24px, 4vw, 56px); border: 1px solid var(--harbor-team-ink); border-radius: 24px; background: var(--harbor-team-lime); }
.editorialContactCopy { min-width: 0; display: grid; gap: 22px; }
.editorialContactDetails { min-width: 0; align-self: start; display: grid; gap: 16px; padding: clamp(20px, 2.5vw, 32px); background: var(--harbor-team-paper); border-radius: 16px; font-size: clamp(16px, 1.3vw, 20px); font-style: normal; }
.editorialContactDetails a { display: flex; align-items: center; min-height: 44px; }
@media (max-width: 70rem) {
  .editorialTeamContent { width: min(1440px, calc(100% - 48px)); }
}
@media (max-width: 46rem) {
  .editorialTeamContent { width: calc(100% - 40px); }
  .editorialContactPanel { gap: 28px; }
}
@media (max-width: 30rem) {
  .editorialTeamContent { width: calc(100% - 32px); }
  .editorialWorkflowList li { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .editorialWorkflowList li::before { grid-column: 1; grid-row: auto; }
  .editorialWorkflowList h3,
  .editorialWorkflowList p { grid-column: 1; }
}