/* Team trust section: editorial portraits, no card chrome. */
.alt-team {
  --alt-team-column-gap: clamp(16px, 1.7vw, 28px);
  --alt-team-rule: color-mix(in srgb, var(--alt-color-text) 20%, transparent);
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: clamp(96px, 9vw, 152px) var(--alt-page-gutter) clamp(112px, 11vw, 184px);
  color: var(--alt-color-text);
  background: var(--alt-color-surface);
  font-family: "Onest", Arial, sans-serif;
}

.alt-team *,
.alt-team *::before,
.alt-team *::after { box-sizing: border-box; }

.alt-team__header {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--alt-team-column-gap);
  align-items: end;
  margin-bottom: clamp(64px, 7vw, 112px);
}

.alt-team__heading {
  grid-column: 1 / 6;
  margin: 0;
  font: 450 var(--alt-type-h2) / var(--alt-leading-display) "Onest", Arial, sans-serif;
  letter-spacing: -.03em;
  overflow-wrap: anywhere;
}

.alt-team__intro {
  grid-column: 8 / 13;
  max-width: 37ch;
  margin: 0;
  color: var(--alt-color-text-secondary);
  font: 350 var(--alt-type-body-large) / var(--alt-leading-body) "Onest", Arial, sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
}

.alt-team__members {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--alt-team-column-gap);
  row-gap: clamp(80px, 8vw, 136px);
  align-items: start;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alt-team__member { min-width: 0; }
.alt-team__member.is-variant-1 { grid-column: 1 / 7; }
.alt-team__member.is-variant-2 { grid-column: 9 / 13; margin-block-start: clamp(80px, 9vw, 144px); }
.alt-team__member.is-variant-3 { grid-column: 2 / 6; }
.alt-team__member.is-variant-4 { grid-column: 7 / 12; margin-block-start: clamp(48px, 6vw, 96px); }
.alt-team__members.has-members-1 .alt-team__member { grid-column: 5 / 12; margin-block-start: 0; }

.alt-team__media {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: var(--alt-color-surface-secondary);
}

.alt-team__member.is-variant-2 .alt-team__media { aspect-ratio: 3 / 4; }
.alt-team__member.is-variant-3 .alt-team__media { aspect-ratio: 5 / 6; }
.alt-team__member.is-variant-4 .alt-team__media { aspect-ratio: 4 / 5; }

.alt-team__visual,
.alt-team__image,
.alt-team__placeholder {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.alt-team__image {
  max-width: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  object-fit: cover;
  object-position: 50% var(--alt-team-focal-y, 50%);
}

.alt-team__placeholder {
  display: grid;
  place-items: center;
  padding: 24px;
  color: var(--alt-color-text-secondary);
  background: var(--alt-color-surface-secondary);
  font-size: var(--alt-type-label);
  letter-spacing: .1em;
  text-align: center;
  text-transform: uppercase;
}

.alt-team__member.is-variant-2 .alt-team__placeholder {
  background: color-mix(in srgb, var(--alt-color-surface-secondary) 82%, var(--alt-color-background));
}

.alt-team__member.is-variant-3 .alt-team__placeholder {
  background: color-mix(in srgb, var(--alt-color-surface-secondary) 86%, var(--alt-color-text-muted));
}

.alt-team__caption {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(8rem, .72fr);
  column-gap: 24px;
  row-gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--alt-team-rule);
}

.alt-team__name {
  min-width: 0;
  margin: 0;
  font: 450 var(--alt-type-h3) / var(--alt-leading-heading) "Onest", Arial, sans-serif;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}

.alt-team__role {
  min-width: 0;
  margin: .42em 0 0;
  color: var(--alt-color-text-secondary);
  font: 500 var(--alt-type-label) / var(--alt-leading-label) "Onest", Arial, sans-serif;
  letter-spacing: .08em;
  text-align: end;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.alt-team__description {
  grid-column: 1 / -1;
  max-width: 42ch;
  margin: 12px 0 0;
  color: var(--alt-color-text-secondary);
  font: 350 var(--alt-type-body) / var(--alt-leading-body) "Onest", Arial, sans-serif;
  overflow-wrap: anywhere;
}

@media (max-width: 1023px) {
  .alt-team { padding-block: 88px 120px; }
  .alt-team__heading { grid-column: 1 / 7; }
  .alt-team__intro { grid-column: 7 / 13; }
  .alt-team__member.is-variant-1 { grid-column: 1 / 8; }
  .alt-team__member.is-variant-2 { grid-column: 9 / 13; margin-block-start: 112px; }
  .alt-team__member.is-variant-3 { grid-column: 2 / 7; }
  .alt-team__member.is-variant-4 { grid-column: 7 / 13; margin-block-start: 56px; }
  .alt-team__members.has-members-1 .alt-team__member { grid-column: 4 / 11; }
  .alt-team__caption { grid-template-columns: minmax(0, 1fr); }
  .alt-team__role { margin-top: 0; text-align: start; }
}

@media (max-width: 767px) {
  .alt-team { padding: 72px var(--alt-page-gutter) 96px; }
  .alt-team__header { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-bottom: 48px; }
  .alt-team__heading,
  .alt-team__intro { grid-column: 1; }
  .alt-team__heading { font-size: 32px; }
  .alt-team__intro { max-width: 34ch; }
  .alt-team__members { display: block; }
  .alt-team__member,
  .alt-team__member.is-variant-1,
  .alt-team__member.is-variant-2,
  .alt-team__member.is-variant-3,
  .alt-team__member.is-variant-4,
  .alt-team__members.has-members-1 .alt-team__member { margin-block-start: 0; }
  .alt-team__member + .alt-team__member { margin-top: 64px; }
  .alt-team__member.is-variant-1 { width: 100%; }
  .alt-team__member.is-variant-2 { width: 82%; margin-inline-start: auto; }
  .alt-team__member.is-variant-3 { width: 90%; }
  .alt-team__member.is-variant-4 { width: 86%; margin-inline-start: auto; }
  .alt-team__media,
  .alt-team__member.is-variant-2 .alt-team__media,
  .alt-team__member.is-variant-3 .alt-team__media,
  .alt-team__member.is-variant-4 .alt-team__media { aspect-ratio: 4 / 5; }
  .alt-team__caption { margin-top: 12px; padding-top: 12px; row-gap: 5px; }
  .alt-team__name { font-size: 22px; }
  .alt-team__role { font-size: 12px; }
  .alt-team__description { margin-top: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .alt-team__heading,
  .alt-team__intro,
  .alt-team__media,
  .alt-team__visual,
  .alt-team__name,
  .alt-team__role,
  .alt-team__description {
    clip-path: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Gutenberg editing surface: clear ownership and predictable controls. */
.alt-team-editor {
  padding: 24px;
  color: var(--alt-color-text, #181716);
  background: var(--alt-color-surface, #eeeae5);
  font-family: "Onest", Arial, sans-serif;
}

.alt-team-editor__intro { margin-bottom: 32px; }
.alt-team-editor__intro h2 { margin: 0; font-size: 38px; font-weight: 450; }
.alt-team-editor__intro p { max-width: 48ch; margin: 16px 0 0; }
.alt-team-editor__member { margin-bottom: 24px; padding-top: 16px; border-top: 1px solid var(--alt-color-border, #aaa); }
.alt-team-editor__member-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.alt-team-editor__member-grid { display: grid; grid-template-columns: minmax(160px, .42fr) minmax(0, 1fr); gap: 24px; }
.alt-team-editor__media-field { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.alt-team-editor__preview,
.alt-team-editor__placeholder { display: grid; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; place-items: center; background: var(--alt-color-surface-secondary, #d8d3cd); }
.alt-team-editor__fields { min-width: 0; }
@media (max-width: 782px) { .alt-team-editor__member-grid { grid-template-columns: minmax(0, 1fr); } }