.about-ref-page {
  --ar-navy: #062f4a;
  --ar-deep: #032337;
  --ar-teal: #078e8c;
  --ar-teal-dark: #056b6a;
  --ar-mist: #e7f1f0;
  --ar-paper: #f7f8f6;
  --ar-warm: #f1f0e9;
  --ar-ink: #102e3e;
  --ar-muted: #687881;
  --ar-line: #dfe5e4;
  --ar-white: #fff;
  --ar-sans: -apple-system, system-ui, "Segoe UI", Arial, sans-serif;
  --ar-heading: "Avenir Next", Inter, "Segoe UI", Arial, sans-serif;
  --ar-shadow: 0 18px 52px rgba(4, 44, 66, .11);
  background: var(--ar-paper);
  color: var(--ar-ink);
  font-family: var(--ar-sans);
  line-height: 1.65;
}

.about-ref-page main { overflow: hidden; }
.about-ref-page a:focus-visible { outline: 3px solid #32b8b2; outline-offset: 4px; }
.ar-shell { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.ar-section { padding: 108px 0; }
.ar-section h2,
.ar-closing h2 {
  max-width: 820px;
  margin: 0;
  color: var(--ar-deep);
  font-family: var(--ar-heading);
  font-size: clamp(40px, 4.2vw, 60px);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -.035em;
}

.ar-section p { color: var(--ar-muted); }
.about-ref-page .ar-eyebrow {
  margin: 0 0 20px;
  color: #056b6a;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  line-height: 1.4;
}
.about-ref-page .ar-eyebrow::before { content: "✦"; margin-right: 9px; }
.about-ref-page .ar-eyebrow-light { color: #8fd5d0; }

.ar-hero {
  position: relative;
  width: 100%;
  min-height: 720px;
  margin-top: 0;
  overflow: hidden;
  border-radius: 0;
  background: var(--ar-deep);
  color: var(--ar-white);
}
.ar-hero-image,
.ar-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.ar-hero-image { object-fit: cover; object-position: center 52%; }
.ar-hero-shade {
  background:
    linear-gradient(90deg, rgba(3,35,55,.86) 0%, rgba(3,35,55,.66) 42%, rgba(3,35,55,.15) 74%, rgba(3,35,55,.30) 100%),
    linear-gradient(0deg, rgba(3,35,55,.86), transparent 52%, rgba(3,35,55,.08));
}
.ar-hero-copy {
  position: absolute;
  z-index: 2;
  top: 150px;
  left: max(32px, calc((100% - 1400px) / 2));
  width: min(1280px, calc(100% - 64px));
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.ar-hero h1 {
  width: 1280px;
  max-width: 100%;
  margin: 25px 0 22px;
  color: var(--ar-white);
  font-family: var(--ar-heading);
  font-size: clamp(52px, 5vw, 68px);
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: .98;
}
.ar-hero h1 em { color: #8fd5d0; font-style: normal; }
.ar-hero-copy > p:not(.ar-eyebrow) {
  width: 790px;
  max-width: 100%;
  margin: 0;
  color: #fff;
  font-family: "Inter Variable", Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: -.035em;
  line-height: 1.4;
  text-wrap: balance;
}
.ar-hero-copy a,
.ar-closing a { color: inherit; }
.ar-actions {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: min(520px, 100%);
  margin-top: 28px;
  padding: 5px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 999px;
  background: rgba(255,255,255,.55);
  box-shadow: 0 14px 35px rgba(2,27,43,.2);
  backdrop-filter: blur(18px) saturate(135%);
}
.ar-button {
  display: grid;
  min-height: 54px;
  padding: 0 16px;
  border-radius: 999px;
  place-items: center;
  font-family: var(--ar-heading);
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}
.ar-button-light { background: var(--ar-navy); color: #fff !important; }
.ar-button span { display: inline; width: auto; height: auto; margin-left: 8px; border-radius: 0; background: transparent; color: inherit; }
.ar-text-link { display: grid; min-height: 54px; padding: 0 16px; place-items: center; color: var(--ar-navy) !important; font-family: var(--ar-heading); font-size: 18px; font-weight: 600; text-align: center; text-decoration: none; }
.about-ref-page .ar-hero .ar-eyebrow { display: inline-flex; width: fit-content; margin: 0; padding: 7px 12px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; background: rgba(255,255,255,.12); color: #fff; font-size: 10px; font-weight: 500; letter-spacing: .08em; backdrop-filter: blur(12px); }
.ar-positioning {
  position: absolute;
  z-index: 2;
  right: 32px;
  bottom: 32px;
  width: 280px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 22px;
  background: rgba(255,255,255,.94);
  box-shadow: var(--ar-shadow);
  color: var(--ar-deep);
}
.ar-positioning span { display: block; margin-bottom: 8px; color: var(--ar-teal-dark); font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }

.ar-overview { display: grid; grid-template-columns: 1fr; grid-template-areas: "overview-head" "overview-lower"; gap: 34px; padding: 90px 0 108px; border-bottom: 1px solid var(--ar-line); }
.ar-overview-head { grid-area: overview-head; width: 100%; max-width: none; text-align: left; }
.ar-overview h2 { max-width: 680px; margin: 0 0 24px; color: var(--ar-deep); font-family: "Avenir Next", Inter, "Segoe UI", Arial, sans-serif; font-size: 55px; font-weight: 500; line-height: .98; }
.ar-overview-copy { width: 100%; max-width: none; margin: 0; color: #315b68; font-family: "Avenir Next", Inter, "Segoe UI", Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.65; text-align: left; }
.ar-overview-contact { display: inline-flex; width: max-content; min-height: 48px; align-items: center; gap: 28px; padding: 6px 7px 6px 22px; border-radius: 999px; background: #062f4a; color: #fff; font-size: 14px; font-weight: 600; line-height: 1; text-decoration: none; transition: transform 160ms ease, background-color 160ms ease; }
.ar-overview-contact:hover { background: #087d7a; transform: translateY(-2px); }
.ar-overview-contact span { display: grid; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%; place-items: center; background: #fff; color: #061f31; font-size: 18px; }
.ar-overview-lower { grid-area: overview-lower; display: grid; width: 100%; min-width: 0; grid-template-columns: minmax(430px, .78fr) minmax(0, 1.22fr); gap: 30px; align-items: stretch; }
.ar-overview-left { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; }
.ar-video-placeholder { width: 100%; height: 440px; min-width: 0; min-height: 440px; overflow: hidden; border: 0; border-radius: 28px; background: var(--ar-deep); box-shadow: var(--ar-shadow); }
.ar-video-placeholder iframe { display: block; width: 100%; height: 100%; border: 0; }

.ar-summary { display: grid; width: 100%; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: auto; padding: 0; }
.ar-summary article { display: flex; min-width: 0; min-height: 268px; padding: 22px 20px 20px; flex-direction: column; border: 0; border-radius: 26px; background: #f2f2f2; box-shadow: none; }
.ar-summary article:nth-child(2) { background: #f2f2f2; }
.ar-summary-icon { display: grid; width: 48px; height: 48px; margin-bottom: auto; border-radius: 50%; place-items: center; background: #fff; color: #061f31; }
.ar-summary-icon svg { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.ar-summary .ar-summary-title { color: var(--ar-deep); font-family: var(--ar-heading); font-weight: 600; letter-spacing: -.02em; line-height: 1.18; }
.ar-summary article:nth-child(1) .ar-summary-title { margin: 0 0 5px; padding: 5px 0 1px; font-size: 23px; }
.ar-summary article:nth-child(2) .ar-summary-title { margin: 0 0 26px; padding-top: 3px; font-size: 22px; }
.ar-summary .ar-summary-title a { color: inherit; text-decoration: none; }
.ar-summary article p:not(.ar-summary-title) { margin: 0; color: var(--ar-muted); font-size: 14px; line-height: 1.5; }

.ar-split-head { display: block; margin-bottom: 62px; text-align: left; }
.ar-split-head > div { max-width: 800px; }
.ar-split-head > div > p { max-width: 734px; margin: 24px 0 0; font-size: 16px; line-height: 1.72; }
.ar-approach-head { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: stretch; }
.ar-approach-head > div { display: flex; max-width: none; flex-direction: column; justify-content: center; }
.ar-approach-head figure { min-height: 100%; margin: 0; overflow: hidden; border-radius: 24px; }
.ar-approach-head img { width: 100%; height: 100%; min-height: 540px; object-fit: cover; }
.ar-method { display: flex; flex-wrap: wrap; gap: 8px 12px; margin-top: 30px; color: var(--ar-navy); font-size: 20px; }
.ar-method i { color: var(--ar-teal); font-style: normal; }
.ar-approach { background: white; }
.ar-approach-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: stretch; }
.ar-feature-image { position: relative; min-height: 690px; margin: 0; overflow: hidden; border-radius: 28px; background: var(--ar-mist); }
.ar-feature-image img { width: 100%; height: 100%; object-fit: cover; }
.ar-number-list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ar-number-list article { padding: 24px 18px 24px 24px; border: 1px solid var(--ar-line); border-radius: 22px; background: var(--ar-paper); }
.ar-number-list span,
.ar-steps span { display: grid; width: 43px; height: 43px; margin-bottom: 38px; border-radius: 14px; place-items: center; background: var(--ar-mist); color: var(--ar-teal-dark); font-weight: 600; }
.ar-number-list h3,
.ar-pill-list h3,
.ar-evidence-cards h3,
.ar-steps h3 { margin: 0 0 11px; color: var(--ar-deep); font-family: var(--ar-heading); font-size: 22px; font-weight: 600; line-height: 1.22; }
.ar-number-list p,
.ar-pill-list p,
.ar-evidence-cards p,
.ar-steps p { margin: 0; font-size: 14px; line-height: 1.68; }
.ar-number-list p { font-size: 15px; }

.ar-audience { background: #fff; }
.ar-audience-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 70px; align-items: center; }
.ar-audience-grid > div > p:not(.ar-eyebrow) { width: min(100%, 565px); max-width: 565px; margin: 27px 0 0; padding-right: 10px; font-size: 21px; line-height: 1.58; }
.ar-audience-grid figure { height: 560px; margin: 0; overflow: hidden; border-radius: 28px; }
.ar-audience-grid img { width: 100%; height: 100%; object-fit: cover; }
.ar-pill-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-top: 48px; }
.ar-pill-list article { min-width: 0; height: 330px; }
.ar-pill-list article:last-child { grid-column: auto; }
.ar-pill-card { position: relative; display: flex; height: 100%; overflow: hidden; padding: 24px 22px 22px; flex-direction: column; border-radius: 26px; box-shadow: 0 16px 38px rgba(4,44,66,.12); color: #fff; text-decoration: none; isolation: isolate; }
.ar-pill-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 350ms ease; z-index: -3; }
.ar-pill-list article:nth-child(2) .ar-pill-bg { object-fit: cover; object-position: 50% center; }
.ar-pill-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,35,55,.98) 0%, rgba(3,35,55,.92) 13%, rgba(3,35,55,.68) 21%, rgba(3,35,55,.24) 28%, rgba(3,35,55,0) 34%); z-index: -2; }
.ar-pill-card::after { position: absolute; inset: 0; border: 1px solid rgba(143,213,208,.3); border-radius: inherit; content: ""; pointer-events: none; z-index: -1; }
.ar-pill-card:hover .ar-pill-bg,
.ar-pill-card:focus-visible .ar-pill-bg { transform: scale(1.045); }
.ar-pill-card:focus-visible { outline: 3px solid var(--ar-teal); outline-offset: 4px; }
.ar-pill-list h3 { position: relative; width: calc(100% - 10px); margin: auto 0 -56px; color: #fff; font-family: var(--ar-heading); font-size: 20px; font-weight: 600; line-height: 1.17; text-wrap: balance; z-index: 1; }
.ar-pill-list article:nth-child(1) h3 { width: min(156px, 100%); }
.ar-pill-list article:nth-child(2) h3 { width: min(156px, 100%); margin-left: -8px; }
.ar-pill-list article:nth-child(3) h3 { width: min(163px, 100%); margin-left: -8px; transform: translateY(-2px); }
.ar-pill-list article:nth-child(4) h3 { width: calc(100% - 42px); margin-right: 42px; margin-left: 5px; }
.ar-pill-list article:nth-child(5) h3 { width: min(173px, 100%); margin-left: -10px; }
.ar-pill-toggle { position: relative; display: grid; width: 38px; height: 38px; margin: 18px 0 0 auto; border: 1px solid rgba(255,255,255,.58); border-radius: 50%; place-items: center; background: rgba(255,255,255,.12); color: #fff; font: 600 18px/1 var(--ar-sans); cursor: pointer; transition: background-color 180ms ease, color 180ms ease, transform 180ms ease; z-index: 3; }
.ar-pill-toggle:hover,
.ar-pill-card:focus-visible .ar-pill-toggle { border-color: var(--ar-teal); background: var(--ar-teal); color: var(--ar-deep); transform: rotate(45deg); }
.ar-pill-card > p { position: absolute; inset: 18px 18px 78px; display: flex; margin: 0; padding: 20px; align-items: center; border: 1px solid rgba(143,213,208,.18); border-radius: 20px; background: rgba(3,35,55,.96); box-shadow: 0 16px 36px rgba(3,35,55,.28); color: #fff; font-size: 13px; line-height: 1.58; opacity: 0; pointer-events: none; transform: translateY(14px); transition: opacity 200ms ease, transform 200ms ease; z-index: 2; }
.ar-pill-toggle:hover + p,
.ar-pill-card:focus-visible > p { opacity: 1; transform: translateY(0); }

.ar-evidence { background: #fff; color: var(--ar-deep); }
.ar-evidence-layout { display: grid; grid-template-columns: minmax(280px, .62fr) minmax(0, 1.38fr); gap: 54px; align-items: start; }
.ar-evidence-intro { position: sticky; top: 128px; }
.ar-evidence-intro h2 { max-width: 480px; margin-top: 16px; color: var(--ar-deep); font-size: clamp(40px, 3.2vw, 54px); line-height: 1.04; }
.ar-evidence-intro > p:not(.ar-eyebrow) { width: min(100%, 394px); max-width: 394px; margin: 22px 0 0; color: var(--ar-muted); font-size: 19px; line-height: 1.68; }
.ar-credential-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: start; }
.ar-credential-card { min-width: 0; }
.ar-credential-card figure { height: 350px; margin: 0 0 18px; overflow: hidden; border-radius: 24px; background: var(--ar-mist); box-shadow: 0 16px 34px rgba(4,44,66,.08); }
.ar-credential-card img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.ar-credential-awards img { object-position: center 86%; transform: scale(1.16); }
.ar-credential-card > span { display: inline-flex; padding: 7px 11px; border-radius: 999px; background: var(--ar-mist); color: var(--ar-teal-dark); font-size: 10px; font-weight: 600; letter-spacing: .12em; line-height: 1; }
.ar-credential-card h3 { margin: 14px 0 8px; color: var(--ar-deep); font-family: var(--ar-heading); font-size: 19px; font-weight: 600; line-height: 1.2; }
.ar-credential-card p { margin: 0; color: var(--ar-muted); font-size: 13px; line-height: 1.5; }

.ar-why { background: #fff; }
.ar-why-head { margin-bottom: 56px; }
.ar-why-head h2 { margin-top: 14px; }
.ar-why-head > p:not(.ar-eyebrow) { width: min(100%, 985px); margin: 22px 0 0; color: var(--ar-muted); font-size: 18px; line-height: 1.65; }
.ar-why-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 72px; align-items: stretch; }
.ar-why-grid figure { min-height: 760px; margin: 0; overflow: hidden; border-radius: 28px; background: var(--ar-mist); }
.ar-why-grid figure img { width: 100%; height: 100%; object-fit: cover; }
.ar-why-list { display: flex; flex-direction: column; }
.ar-why-list article { display: grid; grid-template-columns: 58px 1fr; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--ar-line); }
.ar-why-list article:first-child { padding-top: 4px; }
.ar-why-list article > span { display: grid; width: 48px; height: 48px; border-radius: 50%; place-items: center; background: var(--ar-deep); color: #fff; font-family: var(--ar-heading); font-size: 16px; font-weight: 600; }
.ar-why-list h3 { margin: 0 0 8px; color: var(--ar-deep); font-family: var(--ar-heading); font-size: 20px; font-weight: 600; line-height: 1.25; }
.ar-why-list p { margin: 0; color: var(--ar-muted); font-size: 16px; line-height: 1.58; }

.ar-team { padding-top: 110px; background: #fff; }
.ar-team-head { display: flex; flex-direction: column; align-items: center; text-align: center; }
.ar-team-head .ar-eyebrow { justify-content: center; }
.ar-team-head h2 { width: 100%; max-width: none; margin: 14px 0 0; text-align: center; }
.ar-team-head > p:not(.ar-eyebrow) { width: max-content; max-width: 100%; margin: 18px auto 0; color: var(--ar-muted); font-size: 17px; line-height: 1.6; text-align: center; white-space: nowrap; }
.ar-team-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 52px; }
.ar-team-grid article { overflow: hidden; border: 1px solid var(--ar-line); border-radius: 26px; background: #fff; box-shadow: 0 16px 38px rgba(4,44,66,.07); }
.ar-team-placeholder { position: relative; display: grid; height: 485px; overflow: hidden; place-items: center; background: linear-gradient(145deg, #dfeceb, #b9d4d2); }
.ar-team-placeholder::before { position: absolute; width: 190px; height: 190px; border: 2px solid rgba(255,255,255,.64); border-radius: 50%; content: ""; }
.ar-team-placeholder::after { position: absolute; right: -12%; bottom: -35%; width: 124%; height: 66%; border-radius: 50% 50% 0 0; background: rgba(6,47,74,.12); content: ""; }
.ar-team-placeholder span { position: relative; color: var(--ar-deep); font-family: var(--ar-heading); font-size: 54px; font-weight: 600; letter-spacing: -.04em; z-index: 1; }
.ar-team-placeholder-stella { background: linear-gradient(145deg, #d5e9e7, #8fd5d0); }
.ar-team-placeholder-tali { background: linear-gradient(145deg, #e8eff0, #b8cbd1); }
.ar-team-photo { display: block; width: 100%; height: 515px; margin-top: -30px; object-fit: cover; object-position: center top; }
.ar-team-meta { display: flex; min-height: 122px; padding: 24px 26px; align-items: center; justify-content: space-between; gap: 20px; }
.ar-team-meta h3 { margin: 0 0 6px; color: var(--ar-deep); font-family: var(--ar-heading); font-size: 24px; font-weight: 600; }
.ar-team-meta p { margin: 0; color: var(--ar-muted); font-size: 15px; }
.ar-team-linkedin { display: grid; width: 42px; height: 42px; flex: 0 0 auto; border: 1px solid rgba(6,47,74,.22); border-radius: 50%; place-items: center; color: var(--ar-teal-dark); }
.ar-team-linkedin svg { width: 19px; height: 19px; fill: currentColor; }

.ar-closing { width: min(1178px, calc(100% - 48px)); margin-bottom: 96px; padding: 61px 188px; overflow: hidden; border-radius: 28px; background: var(--ar-deep); color: white; }
.ar-closing h2 { width: min(100%, 837px); max-width: 837px; color: white; font-size: 40px; }
.ar-closing > p:not(.ar-eyebrow) { max-width: 790px; margin: 26px 0 0; color: rgba(255,255,255,.78); font-size: 17px; line-height: 1.72; }
.ar-closing > strong { display: block; width: min(100%, 903px); max-width: 903px; margin-top: 30px; color: #8fd5d0; font-family: var(--ar-heading); font-size: 22px; font-weight: 600; line-height: 1.35; }
.ar-text-link-light { color: white !important; }

@media (max-width: 1040px) {
  .ar-hero-copy { width: 64%; }
  .ar-positioning { width: 250px; }
  .ar-approach-grid,
  .ar-audience-grid,
  .ar-why-grid { grid-template-columns: 1fr; gap: 48px; }
  .ar-approach-head { grid-template-columns: 1fr; }
  .ar-overview-lower { grid-template-columns: 1fr; }
  .ar-overview-left { gap: 30px; }
  .ar-summary { margin-top: 0; }
  .ar-video-placeholder { height: 500px; min-height: 500px; }
  .ar-feature-image { min-height: 560px; }
  .ar-audience-grid figure { height: 500px; }
  .ar-why-grid figure { min-height: 560px; }
  .ar-closing { padding-inline: 72px; }
  .ar-pill-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ar-evidence-layout { grid-template-columns: 1fr; }
  .ar-evidence-intro { position: static; }
  .ar-evidence-intro h2,
  .ar-evidence-intro > p:not(.ar-eyebrow) { max-width: 760px; }
  .ar-credential-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
  .ar-shell { width: min(100% - 32px, 720px); }
  .ar-section { padding: 82px 0; }
  .ar-hero { min-height: 720px; }
  .ar-hero-copy { top: 112px; right: 18px; bottom: auto; left: 18px; width: auto; padding: 0; }
  .ar-hero h1 { font-size: clamp(46px, 8vw, 66px); }
  .ar-positioning { right: 24px; bottom: 24px; left: 24px; width: auto; }
  .ar-summary { grid-template-columns: 1fr; }
  .ar-summary article { min-height: 250px; }
  .ar-number-list,
  .ar-evidence-cards { grid-template-columns: 1fr; }
  .ar-team-grid { grid-template-columns: 1fr; }
  .ar-team-placeholder { height: 485px; }
  .ar-team-photo { height: 515px; }
  .ar-pill-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ar-steps { grid-template-columns: repeat(2, 1fr); }
  .ar-pill-list article:last-child { grid-column: 1 / -1; }
  .ar-photo-grid { grid-template-columns: 1fr 1fr; height: auto; }
  .ar-photo-grid figure { height: 300px; }
  .ar-photo-grid .ar-photo-wide { grid-column: 1 / -1; height: 390px; }
  .ar-why-head { margin-bottom: 42px; }
  .ar-team-head > p:not(.ar-eyebrow) { width: auto; white-space: normal; }
}

@media (min-width: 1280px) {
  .ar-hero { margin-top: 0; }
}

@media (max-width: 560px) {
  .ar-hero { min-height: 690px; border-radius: 0; }
  .ar-hero-image { object-position: 62% center; }
  .ar-hero-copy { top: 70px; padding: 0; border-radius: 0; }
  .ar-hero h1 { font-size: 43px; }
  .ar-hero-copy > p:not(.ar-eyebrow) { font-size: 16px; }
  .ar-actions { width: 100%; }
  .ar-button,
  .ar-text-link { min-height: 50px; padding-inline: 10px; font-size: 15px; }
  .ar-positioning { padding: 20px; }
  .ar-overview { padding-top: 62px; }
  .ar-overview-copy { font-size: 16px; }
  .ar-section h2,
  .ar-closing h2 { font-size: 39px; }
  .ar-feature-image { min-height: 410px; }
  .ar-audience-grid figure { height: 420px; }
  .ar-photo-grid { grid-template-columns: 1fr; }
  .ar-photo-grid .ar-photo-wide { grid-column: auto; }
  .ar-photo-grid figure,
  .ar-photo-grid .ar-photo-wide { height: 300px; }
  .ar-why-grid figure { min-height: 440px; }
  .ar-why-list article { grid-template-columns: 48px 1fr; gap: 14px; }
  .ar-why-list article > span { width: 42px; height: 42px; font-size: 14px; }
  .ar-team { padding-top: 82px; }
  .ar-team-grid { margin-top: 38px; }
  .ar-team-placeholder { height: 485px; }
  .ar-team-photo { height: 515px; margin-top: -30px; }
  .ar-team-meta { min-height: 108px; padding: 20px; }
  .ar-team-meta h3 { font-size: 22px; }
  .ar-pill-list { grid-template-columns: 1fr; }
  .ar-pill-list article,
  .ar-pill-list article:last-child { grid-column: auto; height: 300px; }
  .ar-steps { grid-template-columns: 1fr; }
  .ar-steps article,
  .ar-steps article:last-child { min-height: 0; }
  .ar-evidence .ar-split-head h2 { font-size: 39px; white-space: normal; }
  .ar-credential-grid { grid-template-columns: 1fr; }
  .ar-credential-card figure { height: 360px; }
  .ar-closing { width: calc(100% - 32px); margin-bottom: 64px; padding: 58px 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .about-ref-page * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}