/* A light editorial team mosaic, scoped to the About page. */
.about-page .abx-editorial-media {
  display: grid; grid-template-columns: .85fr 1.4fr; align-items: stretch;
  gap: clamp(28px,4vw,64px); width: 100%; max-width: 1400px;
  margin: 64px auto 0; padding: clamp(24px,3vw,48px);
  background: #fff; border: 1px solid #e8e8e8; border-radius: 28px;
}
.about-page .abx-editorial-cta { grid-column: auto; display: flex; flex-direction: column; align-items: flex-start; padding: 10px 0; }
.about-page .abx-editorial-cta > p { margin: 0 0 26px; color: #737773; font: 600 10px/1.4 var(--font-main); letter-spacing: .14em; }
.about-page .abx-editorial-cta h3 { margin: 0 0 48px; font: 450 clamp(36px,3.8vw,60px)/1.04 var(--font-main); letter-spacing: -.055em; color: #141815; }
.about-page .abx-editorial-cta h3 em { font-style: normal; color: #ff2900; font-weight: 500; }
.about-page .abx-team-intro { margin-top: auto; max-width: 320px; }
.about-page .abx-team-intro > p { margin: 0 0 22px; color: #616963; font-size: 14px; line-height: 1.65; }
.about-page .abx-editorial-cta a { display: inline-flex; align-items: center; gap: 20px; padding: 10px 10px 10px 20px; min-height: 48px; background: #171c19; color: white; border-radius: 99px; font-size: 13px; text-decoration: none; }
.about-page .abx-editorial-cta a span { display: grid; place-items: center; background: #fff; color: #171c19; width: 30px; height: 30px; border-radius: 50%; }
.about-page .abx-team-intro small { display: block; margin-top: 22px; color: #808780; font-size: 11px; }
.about-page .abx-team-list { grid-column: auto; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 0; border: 0; }
.about-page .abx-team-column { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.about-page .abx-team-slot { perspective: 1000px; min-width: 0; }
.about-page .abx-team-list article,
.about-page .abx-team-list article + article,
.about-page .abx-team-list article:nth-child(3) {
  position: relative; min-width: 0; margin: 0; padding: 0; overflow: hidden; border: 0;
  border-radius: 16px; background: #edece8;
  transform: translateY(var(--team-y,0px)) rotate(var(--team-r,0deg)) rotateX(var(--team-rx,0deg)) rotateY(var(--team-ry,0deg));
}
.about-page .abx-team-photo { width: 100%; aspect-ratio: 3 / 4.4; margin: 0; border-radius: 0; overflow: hidden; }
.about-page .abx-team-photo img { display: block; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center 22%; border-radius: 0; filter: none; transition: transform .5s ease; }
.about-page .abx-team-list article h4 { position: absolute; left: 8px; right: 8px; bottom: 34px; margin: 0; padding: 9px 10px 5px; border-radius: 10px 10px 0 0; background: #fffffff0; color: #18201a; font: 550 12px/1.25 var(--font-main); letter-spacing: -.025em; }
.about-page .abx-team-list article > p { position: absolute; left: 8px; right: 8px; bottom: 8px; height: 26px; box-sizing: border-box; margin: 0; padding: 0 10px 7px; border-radius: 0 0 10px 10px; background: #fffffff0; color: #747c75; font: 400 9px/1.2 var(--font-main); }
.about-page .abx-team-column:last-child .abx-team-photo { aspect-ratio: 3 / 3.75; }
.about-page .abx-team-note { flex: 1; position: relative; overflow: hidden; min-height: 180px; padding: 18px 14px; border-radius: 16px; display: flex; flex-direction: column; justify-content: space-between; gap: 32px; }
.about-page .abx-team-note--lilac { background: #FF2900; }
.about-page .abx-team-note--green { background: #111719; }
.about-page .abx-team-note h4 { position: relative; z-index: 1; margin: 0; font: 500 clamp(16px,1.5vw,21px)/1.1 var(--font-main); letter-spacing: -.035em; color: #252d25; }
.about-page .abx-team-note p { position: relative; z-index: 1; margin: 0; color: #424a40; font-size: 11px; line-height: 1.5; }
.about-page .abx-team-note > span { position: absolute; right: -10px; top: -20px; margin: 0; font-size: 130px; line-height: 1; color: #2835260c; }
@media(hover:hover) and (pointer:fine) { .about-page .abx-team-list article:hover .abx-team-photo img { transform: scale(1.04); } }
@media(max-width:1000px) { .about-page .abx-editorial-media { grid-template-columns: 1fr; } .about-page .abx-editorial-cta { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 32px; } .about-page .abx-editorial-cta > p { grid-column: 1 / -1; margin: 0; } .about-page .abx-editorial-cta h3 { margin: 0; } .about-page .abx-team-intro { align-self: end; } }
@media(max-width:600px) {
  .about-page .abx-editorial-media { padding: 24px 14px; margin-top: 40px; gap: 28px; border-radius: 20px; }
  .about-page .abx-editorial-cta { display: flex; gap: 0; padding: 0 6px; }
  .about-page .abx-editorial-cta > p { margin-bottom: 20px; }
  .about-page .abx-editorial-cta h3 { font-size: 42px; margin-bottom: 24px; }
  .about-page .abx-team-intro { align-self: auto; }
  .about-page .abx-team-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .about-page .abx-team-column { gap: 12px; }
  .about-page .abx-team-column:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-page .abx-team-note { padding: 16px 12px; min-height: 174px; }
  .about-page .abx-team-list article h4 { font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) { .about-page .abx-team-list article { transform: none; } .about-page .abx-team-list article .abx-team-photo img { transform: none; transition: none; } }

/* ANIDAM brand colours for the mosaic information cards. */
.about-page .abx-team-note h4 { color: #fff; }
.about-page .abx-team-note p { color: rgba(255,255,255,.88); }
.about-page .abx-team-note > span { color: rgba(255,255,255,.12); }
.about-page .abx-team-note--green > span { color: rgba(255,41,0,.26); }

/* Readable labels: one opaque surface that grows with wrapped names. */
.about-page .abx-team-nameplate {
  position: absolute; left: 10px; right: 10px; bottom: 10px;
  padding: 12px; background: #fff; border: 1px solid #e7e7e7;
  border-radius: 12px; box-shadow: 0 4px 16px #0000000d;
}
.about-page .abx-team-list article .abx-team-nameplate h4 {
  position: static; margin: 0 0 6px; padding: 0; background: none;
  border-radius: 0; color: #111719; font: 650 14px/1.3 var(--font-main);
  letter-spacing: -.02em;
}
.about-page .abx-team-list article .abx-team-nameplate p {
  position: static; margin: 0; padding: 0; height: auto; background: none;
  color: #4b5350; font: 450 12px/1.45 var(--font-main);
}
.about-page .abx-team-intro > p { color: #444d48; font-size: 16px; line-height: 1.65; }
.about-page .abx-team-intro small { color: #59615c; font-size: 12px; }
.about-page .abx-team-note p { font-size: 14px; line-height: 1.55; font-weight: 500; color: #fff; }
.about-page .abx-team-note h4 { font-weight: 600; }
.about-page .abx-team-note--lilac h4,
.about-page .abx-team-note--lilac p { color: #111719; }
.about-page .abx-team-note > span { opacity: .45; }
@media(max-width:600px) {
  .about-page .abx-team-nameplate { left: 6px; right: 6px; bottom: 6px; padding: 10px 8px; }
  .about-page .abx-team-list article .abx-team-nameplate h4 { font-size: 13px; }
  .about-page .abx-team-list article .abx-team-nameplate p { font-size: 11px; }
  .about-page .abx-team-note p { font-size: 13px; }
}

/* Liquid glass treatment shared with the impact section. */
.about-page .abx-editorial-media {
 position: relative; isolation: isolate;
 background: radial-gradient(ellipse at 92% 5%,#ff29000b,transparent 48%),linear-gradient(135deg,#ffffffdc,#ffffff85);
 border: 1px solid #ffffffec;
 box-shadow: inset 0 1px 0 #fff,inset 0 -1px 2px #adb4bd25,0 18px 50px #252b3408,0 0 0 1px #b6bdc52b;
 backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
}
.about-page .abx-team-note {
 isolation: isolate; border: 1px solid #ffffffce;
 backdrop-filter: blur(24px) saturate(1.15); -webkit-backdrop-filter: blur(24px) saturate(1.15);
 box-shadow: inset 0 1px 0 #fff,inset 1px 0 0 #ffffff80,inset 0 -2px 3px #adb4bd30,0 8px 22px #252b3410;
}
.about-page .abx-team-note--lilac { background: radial-gradient(ellipse at 90% 0%,#ff916a70,transparent 70%),linear-gradient(140deg,#fff5efeb,#ffe0d4c2); }
.about-page .abx-team-note--green { background: radial-gradient(ellipse at 90% 0%,#ff290018,transparent 70%),linear-gradient(140deg,#ffffffee,#dce1e5bf); }
.about-page .abx-team-note h4,
.about-page .abx-team-note--lilac h4 { color: #111719; }
.about-page .abx-team-note p,
.about-page .abx-team-note--lilac p { color: #37423b; }
.about-page .abx-team-note > span,
.about-page .abx-team-note--green > span { color: #ff2900; opacity: .13; }
.about-page .abx-team-note::after {
 content: ''; position: absolute; inset: -60% -80%; z-index: -1; pointer-events: none;
 background: linear-gradient(115deg,transparent 40%,#ffffff80 50%,transparent 60%);
 animation: team-glass-sheen 10s ease-in-out infinite alternate; animation-play-state: paused;
}
.about-page .abx-editorial-media.is-glass-visible .abx-team-note::after { animation-play-state: running; }
.about-page .abx-team-note--green::after { animation-delay: -5s; }
.about-page .abx-team-nameplate {
 background: linear-gradient(135deg,#fffffff5,#ffffffe8); border-color: #ffffffeb;
 backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
 box-shadow: inset 0 1px 0 #fff,0 6px 18px #11171914;
}
@keyframes team-glass-sheen { from { transform: translateX(-18%); } to { transform: translateX(18%); } }
@media(prefers-reduced-motion:reduce) { .about-page .abx-team-note::after { animation: none; } }