/* About Us: composition follows the supplied company-profile reference (screen 7). */
.about-page { background: var(--brand-navy-deep); color: var(--white); }.about-page main { margin-top:45px; }.about-content { width:100%; max-width:var(--site-width); margin-inline:auto; padding-inline:var(--edge-pad); }.about-page main h1,.about-page main h2,.about-page main h3 { font-family:"Roboto",Arial,Helvetica,sans-serif; font-weight:600; }.about-page main h2 { letter-spacing:-.02em; }

.about-hero { position: relative; display: grid; grid-template-columns: 34% 66%; min-height: clamp(268px,25.6vw,393px); overflow: hidden; isolation: isolate; background: #081d27; }.about-hero__meeting,.about-hero__operations,.about-hero__overlay { position: absolute; inset-block: 0; }.about-hero__meeting { z-index: -3; left: 0; width: 42%; background: linear-gradient(90deg,rgba(3,16,24,.12),rgba(3,16,24,.72)),image-set(url("../images/css-backgrounds/960/contact-command-centre-960.2bca96a025d9.webp") 1x, url("../images/css-backgrounds/1672/contact-command-centre-1672.ade093ffb820.webp") 2x) 34% center / cover no-repeat; filter: saturate(.75) brightness(.77); }.about-hero__operations { z-index: -3; right: 0; width: 69%; background: linear-gradient(90deg,rgba(4,18,25,.9),rgba(4,18,25,.1) 42%),linear-gradient(0deg,rgba(5,18,24,.18),rgba(5,18,24,.12)),image-set(url("../images/css-backgrounds/960/hero-1-960.650747f798f8.webp") 1x, url("../images/css-backgrounds/1920/hero-1-1920.f64bc459a06e.webp") 2x) center 58% / cover no-repeat; filter: saturate(.8) contrast(1.02); }.about-hero__overlay { z-index: -2; inset: 0; background: radial-gradient(circle at 48% 55%,rgba(19,48,60,.62),rgba(3,14,20,.05) 32%,transparent 48%),linear-gradient(90deg,rgba(3,15,23,.1) 0%,rgba(3,15,23,.42) 37%,rgba(3,15,23,.02) 100%); }.about-hero__overlay::after { position: absolute; top: -24%; left: 29%; width: min(36vw,530px); aspect-ratio: 1; border: 1px solid rgba(214,188,124,.17); border-radius: 50%; box-shadow: 0 0 0 46px rgba(214,188,124,.025); content: ""; }.about-hero__content { display: grid; position: relative; z-index: 1; grid-column: 1 / -1; align-content: center; min-height: inherit; padding-top: 30px; padding-bottom: 32px; font-family:"Roboto",Arial,Helvetica,sans-serif; text-align:left; }.about-hero h1 { margin: 0 0 13px; color: #f6f2e9; font-family:"Roboto",Arial,Helvetica,sans-serif; font-size: clamp(35px,3.5vw,58px); font-style:normal; font-weight:600; letter-spacing: -.025em; line-height: 1; }.about-hero h1 span { color: var(--gold-2); }.about-hero__content > p { margin: 0; color: rgba(255,255,255,.9); font-size: clamp(13px,1.15vw,17px); line-height: 1.55; }.about-breadcrumb { display: flex; gap: 10px; margin-top: 20px; color: rgba(255,255,255,.72); font-size: 11px; }.about-breadcrumb a:hover { color: var(--gold-2); }.about-breadcrumb span:nth-child(2) { color: var(--gold-2); }

.about-who { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); min-height: clamp(265px,28vw,420px); color: #1d2b31; background: #f5f2eb; }.about-who__copy { display: grid; place-items: center; }.about-copy-inner { width: min(100%,570px); padding: clamp(41px,4.7vw,69px) clamp(30px,4.3vw,72px); }.about-who h2,.about-approach h2,.about-core-values h2 { position: relative; margin: 0 0 28px; font-size: clamp(23px,1.84vw,31px); }.about-who h2::after,.about-approach h2::after,.about-core-values h2::after { position: absolute; bottom: -13px; left: 0; width: 33px; height: 2px; content: ""; background: var(--gold); }.about-who p { margin: 0 0 16px; color: #25343a; font-size: clamp(12px,.83vw,14px); line-height: 1.68; }.about-who p:last-child { margin-bottom: 0; }.about-who__image { position: relative; overflow: hidden; min-height: 100%; margin: 0; background: linear-gradient(90deg,rgba(4,18,25,.25),rgba(4,18,25,.1)),image-set(url("../images/css-backgrounds/960/hero-18-960.cf128b8f5a29.webp") 1x, url("../images/css-backgrounds/1920/hero-18-1920.b415604205ff.webp") 2x) center / cover no-repeat; }.about-who__image::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg,rgba(5,19,26,.2),rgba(5,19,26,.42)); }.about-who__image img { position: absolute; z-index: 1; top: 8%; right: -8%; width: 105%; height: 84%; opacity: .35; filter: sepia(.5) saturate(.72) brightness(1.25); }

.about-purpose { overflow: hidden; background: linear-gradient(113deg,#071a23,#0b2935); }.about-purpose__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(22px,3.2vw,48px); padding-top: clamp(27px,3vw,48px); padding-bottom: clamp(27px,3vw,48px); }.about-purpose-card { display: grid; grid-template-columns: 70px minmax(0,1fr); gap: 17px; align-items: start; min-height: 112px; padding: 20px 22px; border: 1px solid rgba(205,164,80,.63); background: linear-gradient(135deg,rgba(255,255,255,.018),rgba(255,255,255,.005)); }.about-purpose-card svg { align-self: start; width: 60px; height: 60px; margin-top: 4px; fill: none; stroke: #c7953c; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }.about-purpose-card h2 { margin: 0 0 8px; color: #fff; font-size: clamp(17px,1.45vw,23px); }.about-purpose-card p { margin: 0; color: rgba(255,255,255,.77); font-size: clamp(11px,.79vw,13px); line-height: 1.5; }

.about-values { display: grid; grid-template-columns: .92fr 1.08fr; color: #1c2a30; background: #f4f1eb; }.about-core-values,.about-approach { min-width: 0; }.about-values-inner { padding: clamp(32px,3.8vw,57px) clamp(24px,3.3vw,56px) clamp(27px,3.4vw,50px); }.about-values-list { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); }.about-values-list article { min-width: 0; padding: 0 clamp(7px,.65vw,11px); border-right: 1px solid rgba(36,51,57,.2); text-align: center; }.about-values-list article:first-child { padding-left: 0; }.about-values-list article:last-child { padding-right: 0; border-right: 0; }.about-values-list svg { width: 34px; height: 34px; margin-bottom: 9px; fill: none; stroke: #1d2c32; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }.about-values-list h3 { min-height: 24px; margin: 0 0 6px; font-size: clamp(8px,.63vw,10px); letter-spacing: .015em; line-height: 1.24; }.about-values-list p { margin: 0; color: #526064; font-size: clamp(8px,.58vw,9.5px); line-height: 1.44; }.about-approach { display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,.74fr); overflow: hidden; border-left: 1px solid rgba(36,51,57,.28); }.about-approach__copy { padding: clamp(32px,3.8vw,57px) 20px clamp(27px,3.4vw,50px) clamp(27px,3.2vw,54px); }.about-approach h2 { margin-bottom: 28px; }.about-approach p { margin: 0 0 12px; color: #344348; font-size: clamp(11px,.76vw,13px); line-height: 1.57; }.about-gold-button { display: inline-flex; margin-top: 5px; padding: 11px 16px; color: #fff; background: linear-gradient(100deg,#a87628,#d2af65); font-size: 9px; font-weight: 600; letter-spacing: .02em; transition: transform .18s ease,filter .18s ease; }.about-gold-button:hover { filter: brightness(1.1); transform: translateY(-2px); }.about-approach__image { min-height: 100%; background: linear-gradient(90deg,#f4f1eb 0%,transparent 45%),image-set(url("../images/css-backgrounds/960/hero-4-960.38b9fd365226.webp") 1x, url("../images/css-backgrounds/1920/hero-4-1920.b55fcf9c7cc5.webp") 2x) 61% center / cover no-repeat; }

.about-strengths { background: linear-gradient(110deg,#071b25,#0b2934); }.about-strengths__grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); padding-top: clamp(21px,2.2vw,34px); padding-bottom: clamp(21px,2.2vw,34px); }.about-strengths article { display: grid; grid-template-columns: 47px minmax(0,1fr); gap: 12px; align-items: center; min-width: 0; padding: 1px clamp(12px,1.5vw,25px); border-right: 1px solid rgba(212,186,120,.45); }.about-strengths article:first-child { padding-left: 0; }.about-strengths article:last-child { padding-right: 0; border-right: 0; }.about-strengths svg { width: 37px; height: 37px; fill: none; stroke: #c99942; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }.about-strengths h2 { margin: 0 0 5px; color: #f4f1e9; font-size: clamp(8px,.7vw,11px); letter-spacing: .015em; line-height: 1.22; }.about-strengths p { margin: 0; color: rgba(255,255,255,.67); font-size: clamp(8px,.61vw,10px); line-height: 1.38; }

@media (max-width: 1080px) { .about-hero__meeting { width: 34%; }.about-hero__operations { width: 76%; }.about-values { grid-template-columns: 1fr; }.about-approach { min-height: 260px; border-top: 1px solid rgba(36,51,57,.28); border-left: 0; } }
@media (max-width: 900px) { .about-page main { margin-top: 0; }.about-who { grid-template-columns: 1fr; }.about-who__image { min-height: 290px; }.about-strengths__grid { grid-template-columns: repeat(3,minmax(0,1fr)); row-gap: 21px; }.about-strengths article:nth-child(3) { border-right: 0; }.about-strengths article:nth-child(4) { padding-left: 0; } }
@media (max-width: 700px) { .about-content { padding-inline: 22px; }.about-hero { display: block; min-height: 380px; }.about-hero__meeting { width: 100%; background-position: center; opacity: .45; }.about-hero__operations { width: 100%; background-position: 68% center; }.about-hero__overlay { background: linear-gradient(90deg,rgba(3,15,23,.83),rgba(3,15,23,.58)),linear-gradient(0deg,rgba(3,15,23,.4),transparent); }.about-hero__content { min-height: 380px; padding: 95px 22px 42px; }.about-hero h1 { font-size: 40px; }.about-hero__content > p { max-width: 320px; font-size: 14px; }.about-who__copy { display: block; }.about-copy-inner { padding: 43px 22px; }.about-who__image { min-height: 230px; }.about-purpose__grid { grid-template-columns: 1fr; padding-inline: 22px; }.about-purpose-card { grid-template-columns: 60px minmax(0,1fr); min-height: 0; padding: 19px 16px; }.about-purpose-card svg { width: 50px; height: 50px; margin-top: 3px; }.about-values-list { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 19px 0; }.about-values-list article:nth-child(3) { border-right: 0; }.about-values-list article:nth-child(4) { padding-left: 0; }.about-values-list article { min-height: 116px; }.about-approach { grid-template-columns: 1fr; }.about-approach__copy { padding: 42px 22px 31px; }.about-approach__image { min-height: 190px; background: linear-gradient(90deg,rgba(244,241,235,.9),transparent),image-set(url("../images/css-backgrounds/960/hero-4-960.38b9fd365226.webp") 1x, url("../images/css-backgrounds/1920/hero-4-1920.b55fcf9c7cc5.webp") 2x) center / cover no-repeat; }.about-strengths__grid { grid-template-columns: 1fr; gap: 0; padding-block: 15px; }.about-strengths article,.about-strengths article:first-child,.about-strengths article:nth-child(4),.about-strengths article:last-child { min-height: 66px; padding: 12px 0; border-right: 0; border-bottom: 1px solid rgba(212,186,120,.35); }.about-strengths article:last-child { border-bottom: 0; }.about-strengths h2 { font-size: 10px; }.about-strengths p { font-size: 10px; } }
@media (prefers-reduced-motion: reduce) { .about-gold-button { transition: none; } }

.about-purpose-card p span { display:block; }
.about-purpose-card > div { align-self:start; }

/* Tighten the Core Values rhythm and give the strength strip a clear title/icon row. */
.about-values-inner { padding-top: clamp(25px, 2.9vw, 42px); padding-bottom: clamp(20px, 2.5vw, 35px); }
.about-core-values h2 { margin-bottom: 20px; }
.about-values-list svg { margin-bottom: 5px; }
.about-values-list h3 { min-height: 0; margin-bottom: 4px; }
.about-values-list p { line-height: 1.3; }
.about-strengths__grid { padding-top: clamp(13px, 1.45vw, 21px); padding-bottom: clamp(13px, 1.45vw, 21px); }
.about-strengths article { display: block; padding-top: 0; padding-bottom: 0; }
.about-strength-title { display: flex; align-items: center; gap: 11px; min-height: 42px; }
.about-strengths svg { flex: 0 0 auto; width: 40px; height: 40px; }
.about-strengths h2 { margin: 0; }
.about-strengths article > p { margin: 7px 0 0 51px; }
@media (max-width: 700px) {
  .about-values-inner { padding-top: 34px; padding-bottom: 27px; }
  .about-values-list { gap: 13px 0; }
  .about-strengths article > p { margin-left: 51px; }
}

/* Final inner-page hero invariant. */
.about-hero { min-height:var(--inner-hero-height); }
.about-hero__content { min-height:var(--inner-hero-height); }

/* Shared inner-page hero height. */
.about-hero { min-height:var(--inner-hero-height); }
@media (max-width:700px) {
  .about-hero,.about-hero__content { min-height:var(--inner-hero-height); }
}

/* Hero blend: a restrained SC mark sits exactly where both scenes merge. */
.about-hero__meeting { background-image:linear-gradient(90deg,rgba(3,16,24,.14),rgba(3,16,24,.72)),url("../images/news/2/news-partnership.f807ac35403e.jpg"); background-position:49% center; }
.about-hero__mark { position:absolute; z-index:-1; top:50%; left:41%; width:clamp(155px,17vw,285px); aspect-ratio:1; background:#d7c59d; opacity:.12; -webkit-mask:url("../images/branding/logo-mark.22cc8c195e04.svg") center / contain no-repeat; mask:url("../images/branding/logo-mark.22cc8c195e04.svg") center / contain no-repeat; transform:translate(-50%,-50%); pointer-events:none; }

/* Both sides of the values/approach panel share one deliberate desktop height. */
.about-values { min-height:clamp(270px,17vw,335px); align-items:stretch; }
.about-core-values,.about-approach { min-height:inherit; }
.about-core-values { display:flex; }
.about-values-inner { display:flex; flex:1; flex-direction:column; justify-content:center; }
.about-values-list { align-items:center; }
.about-values-list svg { width:40px; height:40px; margin-bottom:8px; }
.about-values-list h3 { font-size:clamp(8.5px,.67vw,11px); line-height:1.2; }
.about-values-list p { font-size:clamp(8px,.61vw,10px); line-height:1.38; }
.about-approach__copy { display:flex; flex-direction:column; justify-content:center; }

/* Keep the footer-adjacent strength band compact while preserving readable titles. */
.about-strengths__grid { padding-top:10px; padding-bottom:10px; }
.about-strengths article { padding-inline:clamp(8px,1vw,18px); }
.about-strength-title { gap:9px; min-height:34px; }
.about-strengths svg { width:34px; height:34px; }
.about-strengths h2 { font-size:clamp(7.5px,.57vw,10px); line-height:1.15; }
.about-strengths article > p { margin-top:5px; margin-left:43px; font-size:clamp(7.5px,.55vw,9.5px); line-height:1.28; }
@media (max-width:1080px) { .about-values,.about-core-values,.about-approach { min-height:0; } }
@media (max-width:700px) { .about-hero__mark { left:54%; width:180px; opacity:.09; }.about-strengths article > p { margin-left:43px; } }

/* Full-bleed section backgrounds with the original boxed content geometry. */
.about-who,
.about-values { display:block; }
.about-section-frame { width:100%; max-width:var(--site-width); margin-inline:auto; }
.about-who__frame { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); min-height:inherit; }
.about-values__frame { display:grid; grid-template-columns:.92fr 1.08fr; min-height:inherit; }
@media (max-width:1080px) { .about-values__frame { grid-template-columns:1fr; } }
@media (max-width:900px) { .about-who__frame { grid-template-columns:1fr; } }
@media (max-width:700px) { .about-values__frame { grid-template-columns:1fr; } }

/* About imagery: full-bleed right panel with a soft editorial fade. */
.about-hero__meeting {
  background-image:
    linear-gradient(90deg,rgba(3,16,24,.18),rgba(3,16,24,.78)),
    image-set(url("../images/css-backgrounds/960/about-ballistic-lab-960.0d3b6a8c5696.webp") 1x, url("../images/css-backgrounds/1920/about-ballistic-lab-1920.7eaf0d1afe30.webp") 2x);
  background-position: 58% center;
}

.about-hero__operations {
  background-image:
    linear-gradient(90deg,rgba(4,18,25,.94) 0%,rgba(4,18,25,.26) 46%,rgba(4,18,25,.12) 100%),
    linear-gradient(0deg,rgba(5,18,24,.24),rgba(5,18,24,.08)),
    image-set(url("../images/css-backgrounds/960/about-uav-hangar-960.5d734dc3d75e.webp") 1x, url("../images/css-backgrounds/1920/about-uav-hangar-1920.4acd903d5490.webp") 2x);
  background-position: 56% center;
}

.about-who__image {
  overflow: visible;
  width: calc(100% + max(0,(100vw - var(--site-width)) / 2));
  background:
    linear-gradient(90deg,#f5f2eb 0%,rgba(245,242,235,.9) 8%,rgba(245,242,235,.24) 31%,transparent 56%),
    linear-gradient(90deg,rgba(5,19,26,.12),rgba(5,19,26,.34)),
    image-set(url("../images/css-backgrounds/960/about-global-operations-960.59db008e97fb.webp") 1x, url("../images/css-backgrounds/1920/about-global-operations-1920.ab5f9ccadc5c.webp") 2x) 54% center / cover no-repeat;
}

.about-who__image::after {
  background: linear-gradient(90deg,transparent 8%,rgba(5,19,26,.08) 46%,rgba(5,19,26,.25) 100%);
}

.about-who__image img {
  top: 4%;
  right: 29%;
  width: 112%;
  height: 91%;
  opacity: .7;
  filter: sepia(.62) saturate(.9) brightness(1.42) contrast(1.08);
  pointer-events: none;
}

@media (max-width:900px) {
  .about-who__image {
    overflow: hidden;
    width: 100%;
    background-position: 58% center;
  }
  .about-who__image img { right:-3%; width:101%; }
}

@media (max-width:700px) {
  .about-hero__meeting { background-position: 63% center; }
  .about-hero__operations { background-position: 62% center; }
  .about-who__image {
    background:
      linear-gradient(90deg,rgba(245,242,235,.5),transparent 38%),
      linear-gradient(0deg,rgba(5,19,26,.22),rgba(5,19,26,.08)),
      image-set(url("../images/css-backgrounds/960/about-global-operations-960.59db008e97fb.webp") 1x, url("../images/css-backgrounds/1920/about-global-operations-1920.ab5f9ccadc5c.webp") 2x) 61% center / cover no-repeat;
  }
  .about-who__image img { right:-8%; width:112%; opacity:.52; }
}

/* Reference-matched About hero and viewport-anchored editorial imagery. */
.about-hero {
  min-height:clamp(340px,22.4vw,458px);
  background:#06151d;
}

.about-hero__meeting {
  left:0;
  width:100%;
  background:
    linear-gradient(90deg,rgba(2,13,20,.18) 0%,rgba(2,13,20,.05) 31%,rgba(2,13,20,.2) 52%,rgba(2,13,20,.08) 100%),
    url("../images/about/about-hero-defence-panorama-v3.764916a94181.jpg") center / cover no-repeat;
  filter:saturate(.82) brightness(.84);
}

.about-hero__operations { display:none; }

.about-hero__overlay {
  background:
    radial-gradient(ellipse at 47% 53%,rgba(3,18,27,.72) 0%,rgba(3,18,27,.48) 17%,rgba(3,18,27,.08) 38%,transparent 56%),
    linear-gradient(90deg,rgba(2,13,20,.06),rgba(2,13,20,.2) 47%,rgba(2,13,20,.02));
}

.about-hero__overlay::after { display:none; }

.about-hero__mark {
  top:auto;
  bottom:0;
  left:47%;
  width:clamp(500px,39vw,720px);
  background:#456177;
  opacity:.07;
  transform:translateX(-50%);
}

.about-hero__content {
  padding-left:clamp(22px,32.5%,520px);
  padding-top:34px;
  padding-bottom:34px;
}

.about-hero h1 {
  margin-bottom:22px;
  font-size:clamp(42px,3.05vw,62px);
  letter-spacing:.015em;
  text-shadow:0 2px 8px rgba(0,0,0,.48);
}

.about-hero__content > p {
  font-size:clamp(15px,1.15vw,22px);
  font-weight:500;
  line-height:1.55;
  text-shadow:0 2px 7px rgba(0,0,0,.68);
}

.about-breadcrumb {
  gap:13px;
  margin-top:34px;
  font-size:clamp(12px,.78vw,16px);
  text-shadow:0 2px 6px rgba(0,0,0,.66);
}

.about-breadcrumb span:nth-child(2) { color:#fff; }

.about-who__image,
.about-approach__image {
  width:calc(100% + max(0px,(100vw - var(--site-width)) / 2));
  background-position:right center;
  background-size:cover;
}

.about-who__image {
  background-image:
    linear-gradient(90deg,rgba(5,19,26,.04),rgba(5,19,26,.14)),
    url("../images/about/who-we-are-global-network-v2.37dfbbef2839.jpg");
}

.about-who__image img {
  display:none;
}

.about-approach { overflow:visible; }

.about-approach__image {
  position:relative;
  background:url("../images/about/our-approach-military-logistics-v6.e55aa9b5b65c.png") center / cover no-repeat;
}

.about-approach__image::before {
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(90deg,#f4f1eb 0%,rgba(244,241,235,.95) 8%,rgba(244,241,235,.68) 22%,rgba(244,241,235,.25) 37%,transparent 57%);
  content:"";
  pointer-events:none;
}

@media (max-width:1080px) {
  .about-approach { overflow:hidden; }
  .about-approach__image { width:100%; background-position:right center; }
}

@media (max-width:900px) {
  .about-who__image { width:100%; background-position:right center; }
  .about-who__image img { right:0; width:100%; object-position:right center; }
}

.about-page .about-hero,
.about-page .about-hero__content { min-height:var(--inner-hero-height); }

/* Exact half-and-half editorial divisions and reference-matched Approach copy. */
@media (min-width:1081px) {
  .about-who__frame {
    grid-template-columns:calc(50% - clamp(11px,1.6vw,24px)) minmax(0,1fr);
  }

  .about-values__frame {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }

  .about-approach {
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  }

  .about-approach__copy {
    padding-left:clamp(32px,3.2vw,54px);
    padding-right:clamp(24px,2vw,34px);
  }

  .about-approach__copy p span { display:block; }

  .about-gold-button {
    width:142px;
    min-height:46px;
    margin-top:10px;
    padding:0 14px;
    align-items:center;
    justify-content:center;
    font-size:11px;
  }

  .about-values-list h3 {
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }
}

/* Keep the opening composition within one desktop viewport: hero, Who We Are,
   and the complete Mission / Vision band. */
@media (min-width:901px) {
  .about-who {
    min-height:clamp(420px,25vw,520px);
  }

  .about-copy-inner {
    padding:clamp(34px,2.8vw,48px) clamp(30px,4.3vw,72px);
  }

  .about-who h2 {
    margin-bottom:23px;
  }

  .about-who p {
    margin-bottom:9px;
    font-size:clamp(11px,.76vw,13px);
    line-height:1.48;
  }

  .about-copy-inner {
    width:min(100%,720px);
  }

  .about-who p span { display:block; }

  .about-purpose__grid {
    padding-top:clamp(18px,1.45vw,24px);
    padding-bottom:clamp(18px,1.45vw,24px);
  }

  .about-purpose-card {
    min-height:102px;
    padding-top:15px;
    padding-bottom:15px;
  }

  .about-who__image {
    background-position:center center;
    background-size:cover;
  }

  .about-values {
    min-height:330px;
  }

  .about-values-inner,
  .about-approach__copy {
    padding-top:34px;
    padding-bottom:34px;
  }

  .about-approach__image {
    background-size:cover;
    background-position:center;
  }
}

@media (min-width:901px) {
.about-strengths__grid {
  padding-top:26px;
  padding-bottom:26px;
}

.about-strengths article {
  --strength-title-line:16px;
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  grid-template-rows:calc(var(--strength-title-line) * 2.5) auto;
  column-gap:14px;
  align-content:start;
  min-height:0;
  padding-top:0;
  padding-bottom:0;
}

.about-strength-title { display:contents; }

.about-strengths svg {
  grid-column:1;
  grid-row:1;
  width:48px;
  height:calc(var(--strength-title-line) * 3);
  margin:0;
  align-self:start;
  justify-self:center;
  overflow:visible;
  transform-box:fill-box;
  transform-origin:center top;
}

.about-strengths h2 {
  grid-column:2;
  grid-row:1;
  display:block;
  min-height:calc(var(--strength-title-line) * 2);
  margin:0;
  padding:0;
  align-self:start;
  font-size:clamp(10px,.75vw,13px);
  line-height:var(--strength-title-line);
}

.about-strengths article > p {
  grid-column:2;
  grid-row:2;
  min-height:0;
  margin:0;
  padding:0;
  align-self:start;
  font-size:clamp(9px,.68vw,12px);
  line-height:16px;
}

.about-strengths h2 span,
.about-strengths article > p span { display:block; }

.about-strengths article svg { transform:scale(1.18); }
}

@media (max-width:700px) {
  .about-hero,
  .about-hero__content { min-height:var(--inner-hero-height); }
  .about-hero__meeting { background-position:62% center; opacity:1; }
  .about-hero__content { padding:92px 22px 38px; }
  .about-hero__mark { left:57%; width:190px; }
  .about-hero h1 { margin-bottom:18px; font-size:40px; }
  .about-hero__content > p { max-width:330px; font-size:14px; }
  .about-breadcrumb { margin-top:26px; font-size:12px; }
  .about-who__image,
  .about-approach__image { background-position:right center; }
  .about-who__image img { right:0; width:100%; object-position:right center; }
}

/* About Us refinements: requested alignment, rhythm and hero-mark treatment. */
.about-hero__mark {
  top:-8%;
  bottom:auto;
  width:clamp(460px,36vw,670px);
  background:linear-gradient(90deg,rgba(0,18,31,0) 0%,#00121f 26%,#00121f 100%);
  opacity:.28;
  transform:translateX(-53%);
}

.about-hero__content > p {
  margin-left:clamp(27px,2.05vw,35px);
}

.about-breadcrumb {
  margin-left:clamp(27px,2.05vw,35px);
}

.about-values-list article {
  border-right-color:#a4772c;
}

/* Keep every Core Values separator on the same shared row height. */
.about-values-list {
  align-items:stretch;
  grid-auto-rows:1fr;
}
.about-values-list article {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-self:stretch;
}
.about-values-list svg {
  flex:0 0 auto;
  align-self:center;
}

@media (min-width:901px) {
  .about-who {
    min-height:clamp(455px,29vw,540px);
  }

  .about-who__copy {
    place-items:start center;
  }

  .about-copy-inner {
    display:flex;
    height:100%;
    flex-direction:column;
    justify-content:space-between;
    width:100%;
    padding-left:var(--edge-pad);
    padding-right:clamp(32px,3.3vw,56px);
  }

  .about-who h2 {
    margin-bottom:0;
  }

  .about-who p {
    margin-bottom:0;
    font-size:clamp(12px,.83vw,14px);
    line-height:2.05;
  }

  .about-values-inner {
    padding-left:var(--edge-pad);
  }

  .about-values-list {
    flex:1;
    margin-top:24px;
  }

  .about-values-list article {
    position:relative;
    padding-right:6px;
    padding-left:6px;
    border-right:0;
  }

  .about-values-list article:not(:last-child)::after {
    position:absolute;
    top:14px;
    right:0;
    width:1px;
    height:170px;
    background:#a4772c;
    content:"";
  }

  .about-values-list svg {
    width:48px;
    height:48px;
    margin-bottom:10px;
  }

  .about-values-list h3 {
    margin-bottom:10px;
    font-size:clamp(9.5px,.67vw,11px);
    text-align:center;
  }

  .about-values-list p {
    font-size:clamp(9px,.67vw,11px);
    line-height:1.8;
  }

  .about-values-inner,
  .about-approach__copy {
    justify-content:flex-start;
    padding-top:clamp(42px,3.2vw,50px);
  }

  .about-approach__copy > p {
    margin:0;
    line-height:2.05;
  }

  .about-approach__copy > p + p {
    margin-top:16px;
  }

  .about-approach__copy .about-gold-button {
    margin-top:12px;
  }

  .about-values-inner,
  .about-approach__copy {
    padding-top:34px;
  }

  .about-values-inner {
    padding-bottom:30px;
  }

  .about-strengths__grid {
    padding-top:18px;
    padding-bottom:26px;
  }

  .about-strengths article {
    grid-template-rows:calc(var(--strength-title-line) * 2) auto;
    row-gap:8px;
  }
}

@media (max-width:700px) {
  .about-hero__mark {
    width:180px;
  }
}

@media (min-width:1081px) and (max-width:1180px) {
  .about-values-list article {
    padding-right:2px;
    padding-left:2px;
  }

  .about-values-list h3 {
    font-size:8.5px;
  }
}

/* Reserve underline clearance when window/zoom reflow consumes free space. */
@media (min-width:901px) {
  .about-page .about-who h2 {
    flex-shrink:0;
    margin-bottom:24px;
  }
}


/* 22 October 2026 — operator visual review candidate; not published. */

@media (max-width:900px) {
  .about-page .about-who p span { display:inline; white-space:normal; }
}
@media (max-width:760px) {
  .about-page .about-purpose-card { grid-template-columns:48px minmax(0,1fr); gap:14px; align-items:center; }
  .about-page .about-purpose-card svg { width:46px; height:46px; margin:0; align-self:center; }
  .about-page .about-purpose-card > div { align-self:center; }
  .about-page .about-purpose-card p { font-size:13px; line-height:1.65; }
  .about-page .about-purpose-card p span,.about-page .about-approach__copy p span { display:inline; white-space:normal; }
  .about-page .about-values-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 0; }
  .about-page .about-values-list article { padding:0 12px; }
  .about-page .about-values-list article:nth-child(2n) { border-right:0; }
  .about-page .about-values-list p { font-size:12px; line-height:1.55; }
  .about-page .about-values-list h3 { font-size:12px; line-height:1.35; }
  .about-page .about-strengths__grid { grid-template-columns:1fr; gap:0; padding-block:14px; }
  .about-page .about-strengths article { display:grid; grid-template-columns:48px minmax(0,1fr); grid-template-rows:auto auto; column-gap:16px; row-gap:6px; padding:18px 0; align-content:center; border-right:0; border-bottom:1px solid rgba(181,142,72,.25); }
  .about-page .about-strengths article:last-child { border-bottom:0; }
  .about-page .about-strength-title { display:contents; }
  .about-page .about-strengths svg { grid-column:1; grid-row:1/3; width:44px; height:44px; margin:0; align-self:center; justify-self:center; transform:none; }
  .about-page .about-strengths h2 { grid-column:2; grid-row:1; margin:0; min-height:0; font-size:13px; line-height:1.4; }
  .about-page .about-strengths article > p { grid-column:2; grid-row:2; margin:0; font-size:12px; line-height:1.55; }
  .about-page .about-strengths h2 span,.about-page .about-strengths p span { display:inline; white-space:normal; }
  .about-page .about-strengths h2 span + span::before,.about-page .about-strengths p span + span::before { content:' '; }
}
@media (max-width:350px) {
  .about-page .about-who__image { background-position:left center; }
}