/* =============================================================
   ARADEL PEOPLE CARDS
   File: /wp-content/mu-plugins/aradel-people.css
   Uses .ar-card--people — does not touch other card variants
   ============================================================= */


/* ─────────────────────────────────────────────
   PEOPLE CARD  .ar-card--people
───────────────────────────────────────────── */

.ar-card--people {
  --people-radius: 20px;
  --people-easing: cubic-bezier(0.19, 1, 0.22, 1);
  --people-dur: 0.42s;

  position: relative;   /* anchor for absolute inner link */
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--people-radius);
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(1, 48, 58, 0.08);
  cursor: pointer;
  transition:
    transform var(--people-dur) var(--people-easing),
    border-color var(--people-dur) var(--people-easing),
    box-shadow var(--people-dur) var(--people-easing);
}

.ar-card--people:hover {
  transform: translateY(-3px);
  border-color: rgba(1, 48, 58, 0.12);
  box-shadow: 0 10px 24px rgba(1, 48, 58, 0.06);
}

/* ── Invisible full-card link overlay ── */
.ar-card--people .ar-card__inner {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: var(--people-radius);
  outline: none;
}

.ar-card--people .ar-card__inner:focus-visible {
  outline: 2px solid var(--ads-brand-red, #C1000F);
  outline-offset: 2px;
}

/* CTA sits above the overlay so it's independently clickable */
.ar-card__people-cta {
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding-top: 24px;
}


/* ─────────────────────────────────────────────
   PHOTO ZONE
───────────────────────────────────────────── */

.ar-card--people .ar-card__img-wrap {
  position: relative;
  width: 100%;
  height: 360px;
  overflow: hidden;
  border-radius: var(--people-radius) var(--people-radius) 0 0;
  background: #f0ede8;
  flex-shrink: 0;
}

.ar-card--people .ar-card__people-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.55s cubic-bezier(0.25, 1, 0.5, 1);
}

.ar-card--people:hover .ar-card__people-img {
  transform: scale(1.04);
}

.ar-card__people-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0ede8;
}

.ar-card__people-placeholder svg {
  width: 64px;
  height: 64px;
  opacity: 0.4;
}


/* ─────────────────────────────────────────────
   BODY
───────────────────────────────────────────── */

.ar-card--people .ar-card__body {
  padding: 28px 28px 30px;
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1 1 auto;
  background: #fff;
  box-sizing: border-box;
}

.ar-card--people .ar-card__name {
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
  font-size: clamp(22px, 1.6vw, 26px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--ads-brand-blue, #01303A);
  margin: 0 0 12px;
  text-wrap: balance;
}

.ar-card--people .ar-card__name::after {
  display: none !important;
}

.ar-card--people .ar-card__job-title {
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.45;
  color: rgba(1, 48, 58, 0.76);
  margin: 0;
}

/* ── CTA ── */
.ar-card__people-cta {
  margin-top: auto;
  padding-top: 28px;
}

.ar-card--people .ar-action[data-tone="sherpa"] {
  color: var(--ads-brand-blue, #01303A);
}


/* ─────────────────────────────────────────────
   FADE-IN ON PAGE LOAD
───────────────────────────────────────────── */

.ar-card--people.ar-card--reveal-ready {
  opacity: 0;
  transform: translate3d(0, 36px, 0);
  will-change: transform, opacity;
}

.ar-card--people.ar-card--reveal-ready.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition:
    opacity 1s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: var(--people-reveal-delay, 0ms);
}

@media (prefers-reduced-motion: reduce) {
  .ar-card--people.ar-card--reveal-ready,
  .ar-card--people.ar-card--reveal-ready.is-visible {
    opacity: 1;
    transform: none;
    will-change: auto;
    transition: none;
  }
}


/* ─────────────────────────────────────────────
   GRID
   align-items: stretch makes all cards same height.
   Cards use display:flex internally so name/title/cta
   rows align via equal total height.
───────────────────────────────────────────── */

.ar-people-section {
  padding: 0;
  box-sizing: border-box;
}

.ar-people-grid {
  display: grid;
  gap: 28px;
  align-items: stretch;
}

.ar-people-grid--3 { grid-template-columns: repeat(3, 1fr); }
.ar-people-grid--2 { grid-template-columns: repeat(2, 1fr); }

/*
  Grid stretch makes all cells same height.
  Card is flex so inner link fills it via flex: 1.
*/


/* =============================================================
   LEADERSHIP WRAPPER
   .ar-leadership
   ============================================================= */

.ar-leadership {
  --leadership-accent: var(--ads-brand-blue, #01303A);
  --leadership-shell: 1440px;
  background:
    linear-gradient(180deg, #eef2f3 0%, #f6f3ef 52%, #eff2f2 100%);
  padding: 48px 0 110px;
  position: relative;
  overflow-x: clip;
}

.ar-leadership__inner {
  max-width: var(--leadership-shell);
  margin: 0 auto;
  padding: 0 112px;
  box-sizing: border-box;
}

.ar-leadership__surface {
  position: relative;
  border-radius: 32px;
  overflow: clip;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(1, 48, 58, 0.06);
  padding: 28px 28px 40px;
}

.ar-leadership__rail {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  width: 100%;
  margin-bottom: 52px;
  padding: 4px;
  gap: 0;
  border-radius: 20px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(1, 48, 58, 0.08);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.ar-leadership__rail::-webkit-scrollbar {
  display: none;
}

.ar-leadership__tab {
  flex: 1 1 0;
  min-height: 64px;
  padding: 0 24px;
  border: none;
  border-radius: 16px;
  background: transparent;
  color: var(--leadership-accent);
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: normal;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    background 200ms cubic-bezier(.2, .9, .2, 1),
    color 200ms cubic-bezier(.2, .9, .2, 1),
    box-shadow 200ms cubic-bezier(.2, .9, .2, 1);
}

.ar-leadership__tab-label {
  display: block;
  max-width: 100%;
  line-height: 1.25;
  text-wrap: balance;
}

.ar-leadership__tab:focus {
  outline: none;
}

.ar-leadership__tab:focus-visible {
  outline: 2px solid var(--leadership-accent);
  outline-offset: 2px;
}

.ar-leadership__tab[aria-selected="true"] {
  color: #fff;
  background: linear-gradient(135deg, #C1000F 0%, #01303A 100%);
  box-shadow: none;
}

.ar-leadership__tab:hover:not([aria-selected="true"]) {
  background: rgba(1, 48, 58, 0.08);
}

.ar-leadership__panels {
  position: relative;
  z-index: 1;
}

.ar-leadership__panel[hidden] {
  display: none;
}

.ar-leadership__panel-shell {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.ar-leadership__panel-intro {
  width: 100%;
  max-width: 100%;
}

.ar-leadership__heading {
  margin: 0 0 18px;
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
  font-size: 48px;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.03em;
  color: var(--ads-brand-blue, #01303A);
  text-wrap: balance;
}

.ar-leadership__copy {
  width: 100%;
  max-width: 1100px;
  margin: 0;
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
  color: rgba(1, 48, 58, 0.8);
}

.ar-leadership__empty {
  padding: 36px 32px;
  border-radius: 20px;
  background: #f7f7f5;
  color: rgba(1, 48, 58, 0.78);
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
}


/* ─────────────────────────────────────────────
   RESPONSIVE — People Grid
───────────────────────────────────────────── */

@media (max-width: 1024px) {
  .ar-people-grid--3 { grid-template-columns: repeat(2, 1fr); }
  .ar-people-grid--2 { grid-template-columns: repeat(2, 1fr); }

  .ar-leadership {
    padding-top: 32px;
    padding-bottom: 88px;
  }

  .ar-leadership__inner {
    padding: 0 64px;
  }

  .ar-leadership__surface {
    border-radius: 28px;
    padding: 22px 22px 34px;
  }

  .ar-leadership__rail {
    margin-bottom: 42px;
  }

  .ar-leadership__heading {
    font-size: 28px;
  }

  .ar-leadership__copy {
    font-size: 17px;
    line-height: 1.6;
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .ar-people-grid--3,
  .ar-people-grid--2 { grid-template-columns: 1fr; }
  .ar-card--people .ar-card__img-wrap  { height: 280px; }
  .ar-card--people .ar-card__job-title { font-size: 16px; }
  .ar-card--people .ar-card__body      { padding: 22px 20px 24px; }
  .ar-card__people-cta                 { padding-top: 22px; }

  .ar-leadership {
    padding-top: 20px;
    padding-bottom: 64px;
  }

  .ar-leadership__inner {
    padding: 0 24px;
  }

  .ar-leadership__surface {
    border-radius: 24px;
    padding: 16px 16px 28px;
  }

  .ar-leadership__rail {
    margin-bottom: 32px;
    border-radius: 16px;
  }

  .ar-leadership__tab {
    min-height: 56px;
    padding: 0 16px;
    font-size: 12px;
    flex: 0 0 auto;
  }

  .ar-leadership__panel-shell {
    gap: 28px;
  }

  .ar-leadership__heading {
    font-size: 24px;
    margin-bottom: 14px;
  }

  .ar-leadership__copy {
    font-size: 16px;
    line-height: 1.55;
  }

}


/* =============================================================
   BOARD OF DIRECTORS LISTING
   .ar-board-section / .ar-board-list / .ar-board-row
   Alternating editorial layout — not a card grid.
   ============================================================= */

/* ─────────────────────────────────────────────
   SECTION WRAPPER
───────────────────────────────────────────── */

.ar-board-section {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 112px;
  padding-right: 112px;
  padding-top: 120px;
  padding-bottom: 120px;
  box-sizing: border-box;
}

.ar-board-list {
  display: flex;
  flex-direction: column;
  gap: 146px;
}

/* ─────────────────────────────────────────────
   ROW
───────────────────────────────────────────── */

.ar-board-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 112px;
  align-items: center;
}

/*
  Default (odd rows): text left, image right.
  .ar-board-row__text  → column 1
  .ar-board-row__media → column 2
*/
.ar-board-row--text-first .ar-board-row__text  { order: 1; }
.ar-board-row--text-first .ar-board-row__media { order: 2; }

/*
  Even rows: image left, text right.
  Achieved by reversing the order values.
*/
.ar-board-row--image-first .ar-board-row__media { order: 1; }
.ar-board-row--image-first .ar-board-row__text  { order: 2; }

/* ─────────────────────────────────────────────
   TEXT COLUMN
───────────────────────────────────────────── */

.ar-board-row__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ar-board-row__name {
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
  font-size: 36px;
  font-weight: 400;
  line-height: 64px;
  letter-spacing: 0.011px;
  color: #000;
  margin: 0 0 4px;
}

.ar-board-row__title {
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.006px;
  color: #000;
  margin: 0 0 24px;
}

.ar-board-row__summary {
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: #000;
  margin: 0 0 32px;
}

.ar-board-row__cta {
  /* inherits ar-action styles */
}

/* Read more link override for board listing */
.ar-board-row__cta .ar-action {
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.001px;
  color: var(--ads-brand-red, #C1000F);
}

/* ─────────────────────────────────────────────
   IMAGE COLUMN
───────────────────────────────────────────── */

.ar-board-row__media {
  border-radius: 20px;
  overflow: hidden;
  background: #f0ede8;
  /* Aspect ratio maintains visual balance across varying image heights */
  aspect-ratio: 4 / 5;
  max-height: 580px;
}

.ar-board-row__img-link {
  display: block;
  width: 100%;
  height: 100%;
}

.ar-board-row__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.55s cubic-bezier(0.25, 1, 0.5, 1);
}

.ar-board-row__media:hover .ar-board-row__img {
  transform: scale(1.03);
}

.ar-board-row__img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ─────────────────────────────────────────────
   BOARD ROW FADE-IN ANIMATION
───────────────────────────────────────────── */

@keyframes ar-board-row-fadein {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

.ar-board-row--animate {
  opacity: 0;
  animation: ar-board-row-fadein 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.ar-board-list .ar-board-row--animate:nth-child(1)  { animation-delay: 0.05s; }
.ar-board-list .ar-board-row--animate:nth-child(2)  { animation-delay: 0.15s; }
.ar-board-list .ar-board-row--animate:nth-child(3)  { animation-delay: 0.25s; }
.ar-board-list .ar-board-row--animate:nth-child(4)  { animation-delay: 0.35s; }
.ar-board-list .ar-board-row--animate:nth-child(5)  { animation-delay: 0.45s; }
.ar-board-list .ar-board-row--animate:nth-child(6)  { animation-delay: 0.55s; }
.ar-board-list .ar-board-row--animate:nth-child(7)  { animation-delay: 0.65s; }
.ar-board-list .ar-board-row--animate:nth-child(8)  { animation-delay: 0.70s; }
.ar-board-list .ar-board-row--animate:nth-child(9)  { animation-delay: 0.75s; }
.ar-board-list .ar-board-row--animate:nth-child(10) { animation-delay: 0.80s; }
.ar-board-list .ar-board-row--animate:nth-child(11) { animation-delay: 0.85s; }
.ar-board-list .ar-board-row--animate:nth-child(12) { animation-delay: 0.90s; }

@media (prefers-reduced-motion: reduce) {
  .ar-board-row--animate {
    animation: none;
    opacity: 1;
  }
}

/* ─────────────────────────────────────────────
   RESPONSIVE — Board Listing
───────────────────────────────────────────── */

@media (max-width: 1024px) {
  .ar-board-section {
    padding-left: 64px;
    padding-right: 64px;
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .ar-board-list {
    gap: 96px;
  }
  .ar-board-row {
    column-gap: 64px;
  }
  .ar-board-row__name  { font-size: 28px; line-height: 40px; }
  .ar-board-row__title { font-size: 22px; line-height: 28px; }
  .ar-board-row__summary { font-size: 16px; line-height: 24px; }
}

@media (max-width: 768px) {
  /* Stack: image always on top, text beneath */
  .ar-board-row {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
  .ar-board-row--text-first .ar-board-row__text,
  .ar-board-row--image-first .ar-board-row__text  { order: 2; }
  .ar-board-row--text-first .ar-board-row__media,
  .ar-board-row--image-first .ar-board-row__media { order: 1; }

  .ar-board-row__media {
    aspect-ratio: 3 / 4;
    max-height: none;
  }
  .ar-board-row__name  { font-size: 26px; line-height: 36px; }
  .ar-board-row__title { font-size: 20px; line-height: 26px; }
}

@media (max-width: 640px) {
  .ar-board-section {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .ar-board-list {
    gap: 72px;
  }
  .ar-board-row__media {
    aspect-ratio: 3 / 4;
    max-height: none;
  }
  .ar-board-row__name  { font-size: 22px; line-height: 30px; }
  .ar-board-row__title { font-size: 18px; line-height: 24px; }
  .ar-board-row__summary { font-size: 15px; line-height: 22px; margin-bottom: 24px; }
}


/* =============================================================
   SINGLE PERSON PAGE
   .ar-single-people
   Variants: --management | --board
   ============================================================= */

/* ─────────────────────────────────────────────
   SHARED FADE-IN
───────────────────────────────────────────── */

@keyframes ar-single-fadein {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

.ar-single-people {
  position: relative;
  overflow-x: clip; /* contain ornament horizontally; allow vertical bleed into adjacent rows */
}

/*
   Bottom-positioned ornament: do NOT bleed below the section on people pages.
   The global --orn-ty: 58% rule is designed for module sections where the next
   row catches the downward bleed. On people pages the footer sits immediately
   below with nothing to catch it, so the ornament would vanish behind the footer.
   Resetting --orn-ty to 0 keeps the ornament's bottom edge flush with the
   section's bottom padding area — visible below the content, never behind the footer.
*/
.ar-single-people .ar-pm-ornament--vp-bottom {
  --orn-ty: 0;
}

.ar-single-people--animate {
  opacity: 0;
  animation: ar-single-fadein 0.65s cubic-bezier(0.4, 0, 0.2, 1) 0.1s forwards;
}

@media (prefers-reduced-motion: reduce) {
  .ar-single-people--animate {
    animation: none;
    opacity: 1;
  }
}

/* ─────────────────────────────────────────────
   SHARED TYPOGRAPHY TOKENS
   Used by both variants.
───────────────────────────────────────────── */

.ar-single-people__name {
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
  font-size: 48px;
  font-weight: 400;
  line-height: 64px;
  letter-spacing: 0.014px;
  color: #000;
  margin: 0 0 12px;
}

.ar-single-people__job-title {
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.006px;
  color: #000;
  margin: 0 0 40px;
}

/* ── Biography prose ── */
.ar-single-people__bio--prose {
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: #000;
}

.ar-single-people__bio--prose p {
  margin: 0 0 20px;
}

.ar-single-people__bio--prose p:last-child {
  margin-bottom: 0;
}

/* ─────────────────────────────────────────────
   MANAGEMENT SINGLE
   Two-column: portrait ~46% left, content right.
───────────────────────────────────────────── */

.ar-single-people--management {
  /* Full-width outer so ornament can bleed freely off the right edge.
     Max-width + padding live on __inner, same pattern as board + page modules. */
  position: relative;
  overflow-x: clip; /* allow ornament vertical bleed; prevent horizontal scroll */
  width: 100%;
  /* Generous bottom padding so ornament clears the last paragraph */
  padding-bottom: 200px;
}

.ar-single-people--management .ar-single-people__inner {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 112px;
  padding-right: 112px;
  padding-top: 80px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 40fr 60fr;
  column-gap: 80px;
  align-items: start;
}

/* Portrait */
.ar-single-people--management .ar-single-people__media {
  position: sticky;
  top: 40px;
}

.ar-single-people--management .ar-single-people__portrait {
  display: block;
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
  object-position: center top;
  aspect-ratio: 3 / 4;
}

.ar-single-people--management .ar-single-people__portrait-placeholder {
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: 20px;
  background: #f0ede8;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Content */
.ar-single-people--management .ar-single-people__content {
  padding-top: 8px;
}

/* ─────────────────────────────────────────────
   BOARD SINGLE
   Header band (name + title, full-width, tinted bg)
   + Body: image ~40% left / bio ~60% right.
───────────────────────────────────────────── */

/* Header band */
.ar-single-people--board .ar-single-people__board-header {
  background: #F7F7F5;
  width: 100%;
  padding-top: 0;
  padding-bottom: 72px;
}

.ar-single-people--board .ar-single-people__board-header-inner {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 112px;
  padding-right: 112px;
  box-sizing: border-box;
}

/* Breadcrumb sits top-left inside header band */
.ar-single-people--board .ar-single-people__breadcrumb {
  padding-top: 36px;
  padding-bottom: 40px;
  margin-bottom: 0;
}

/* Name + title block is centred independently, with breathing room below breadcrumb */
.ar-single-people--board .ar-single-people__board-header-text {
  text-align: center;
  padding-top: 48px;
}

/* Override shared name/title to centre in header */
.ar-single-people--board .ar-single-people__board-header .ar-single-people__name {
  margin-bottom: 8px;
}

.ar-single-people--board .ar-single-people__board-header .ar-single-people__job-title {
  margin-bottom: 0;
  color: var(--ads-brand-blue, #01303A);
}

/* Body */
.ar-single-people--board .ar-single-people__board-body {
  padding-top: 80px;
  padding-bottom: 200px; /* generous bottom so ornament clears last paragraph */
}

.ar-single-people--board .ar-single-people__board-body-inner {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 112px;
  padding-right: 112px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 40fr 60fr;
  column-gap: 80px;
  align-items: start;
}

/* Image column */
.ar-single-people--board .ar-single-people__board-media {
  position: sticky;
  top: 40px;
}

.ar-single-people--board .ar-single-people__portrait--board {
  display: block;
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
  object-position: center top;
  aspect-ratio: 3 / 4;
}

.ar-single-people--board .ar-single-people__portrait-placeholder--board {
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: 20px;
  background: #f0ede8;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Biography column */
.ar-single-people--board .ar-single-people__board-content {
  padding-top: 4px;
}

/* Divider accent above board bio */
.ar-single-people--board .ar-single-people__board-content::before {
  content: '';
  display: block;
  width: 48px;
  height: 3px;
  background: var(--ads-brand-red, #C1000F);
  border-radius: 2px;
  margin-bottom: 32px;
}

/* ─────────────────────────────────────────────
   RESPONSIVE — Single Pages
───────────────────────────────────────────── */

/* Tablet */
@media (max-width: 1024px) {

  /* Management */
  .ar-single-people--management {
    padding-bottom: 160px;
  }
  .ar-single-people--management .ar-single-people__inner {
    padding-left: 64px;
    padding-right: 64px;
    grid-template-columns: 40fr 60fr;
    column-gap: 56px;
  }
  .ar-single-people__name      { font-size: 40px; line-height: 52px; }
  .ar-single-people__job-title { font-size: 22px; line-height: 28px; }

  .ar-single-people--board .ar-single-people__board-header {
    padding-top: 0;
    padding-bottom: 56px;
  }
  .ar-single-people--board .ar-single-people__board-header-inner {
    padding-left: 64px;
    padding-right: 64px;
  }
  .ar-single-people--board .ar-single-people__breadcrumb {
    padding-top: 28px;
    padding-bottom: 32px;
  }
  /* Board body */
  .ar-single-people--board .ar-single-people__board-body {
    padding-top: 64px;
    padding-bottom: 160px;
  }
  .ar-single-people--board .ar-single-people__board-body-inner {
    padding-left: 64px;
    padding-right: 64px;
    column-gap: 56px;
  }
}

/* Mobile landscape / small tablet */
@media (max-width: 768px) {

  /* Management: stack portrait on top */
  .ar-single-people--management .ar-single-people__inner {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .ar-single-people--management .ar-single-people__media {
    position: static;
    max-width: 340px;
  }
  .ar-single-people--management .ar-single-people__portrait {
    aspect-ratio: 3 / 3.5;
  }

  /* Board body: stack */
  .ar-single-people--board .ar-single-people__board-body-inner {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .ar-single-people--board .ar-single-people__board-media {
    position: static;
    max-width: 340px;
  }
  .ar-single-people--board .ar-single-people__portrait--board {
    aspect-ratio: 3 / 3.5;
  }

  .ar-single-people__name      { font-size: 34px; line-height: 44px; }
  .ar-single-people__job-title { font-size: 20px; line-height: 26px; margin-bottom: 28px; }
}

/* Mobile */
@media (max-width: 640px) {

  .ar-single-people--management {
    padding-bottom: 120px;
  }
  .ar-single-people--management .ar-single-people__inner {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 48px;
  }
  .ar-single-people--management .ar-single-people__media {
    max-width: 100%;
  }

  .ar-single-people--board .ar-single-people__board-header {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .ar-single-people--board .ar-single-people__board-header-inner {
    padding-left: 24px;
    padding-right: 24px;
  }
  .ar-single-people--board .ar-single-people__breadcrumb {
    padding-top: 24px;
    padding-bottom: 28px;
  }
  .ar-single-people--board .ar-single-people__board-body {
    padding-top: 48px;
    padding-bottom: 120px;
  }
  .ar-single-people--board .ar-single-people__board-body-inner {
    padding-left: 24px;
    padding-right: 24px;
  }
  .ar-single-people--board .ar-single-people__board-media {
    max-width: 100%;
  }

  .ar-single-people__name      { font-size: 28px; line-height: 36px; }
  .ar-single-people__job-title { font-size: 18px; line-height: 24px; margin-bottom: 24px; }
  .ar-single-people__bio--prose { font-size: 16px; line-height: 24px; }
}


/* =============================================================
   PEOPLE SINGLE — BREADCRUMB
   Scoped to .ar-single-people__breadcrumb
   Uses coloured Aradel icon (not white) — light bg context.
   ============================================================= */

.ar-single-people__breadcrumb {
  margin-bottom: 32px;
}

.ar-single-people__bc-list {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.ar-single-people__bc-home {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}

.ar-single-people__bc-home:hover,
.ar-single-people__bc-home:focus-visible {
  opacity: 1;
}

.ar-single-people__bc-icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.ar-single-people__bc-icon svg {
  width: 16px;
  height: auto;
  display: block;
}

.ar-single-people__bc-sep {
  font-size: 13px;
  line-height: 1;
  color: rgba(0,0,0,0.3);
  user-select: none;
}

.ar-single-people__bc-item {
  font-family: var(--ads-font, 'Nunito Sans', sans-serif);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.01em;
  color: rgba(0,0,0,0.5);
  line-height: 1;
}

.ar-single-people__bc-item--current {
  color: rgba(0,0,0,0.75);
  font-weight: 500;
}

.ar-single-people__bc-link {
  color: rgba(0,0,0,0.5);
  text-decoration: none;
  transition: color 0.2s ease;
}

.ar-single-people__bc-link:hover,
.ar-single-people__bc-link:focus-visible {
  color: var(--ads-brand-blue, #01303A);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Board header variant — breadcrumb on tinted bg, still uses coloured icon */
.ar-single-people--board .ar-single-people__breadcrumb {
  margin-bottom: 0;
  padding-top: 36px;
  padding-bottom: 0;
}

.ar-single-people--board .ar-single-people__bc-sep {
  color: rgba(0,0,0,0.25);
}


/* =============================================================
   PEOPLE SINGLE — ORNAMENT
   Ornament placement is now fully controlled by the vertical position
   system (.ar-pm-ornament--vp-top/middle/bottom) inherited from the
   page modules system. No position overrides needed here.
   ============================================================= */