/* Corrections from Correcion Images.docx: value imagery, copy layout and animated colour glow. */
body[data-page="about"] .value-image-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  align-items:stretch;
}
body[data-page="about"] .value-image-card{
  min-height:100%;
  padding:18px 18px 28px;
  overflow:visible;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.017));
}
body[data-page="about"] .value-image-card h3{
  margin:0 8px 0;
  font-size:clamp(21px,1.45vw,25px);
  line-height:1.18;
  font-weight:400;
  letter-spacing:-.035em;
}
body[data-page="about"] .value-image-card p{
  margin:15px 8px 0;
  color:var(--text-muted);
  line-height:1.65;
}
body[data-page="about"] .value-visual{
  --glow-a:rgba(103,63,255,.88);
  --glow-b:rgba(255,91,31,.78);
  position:relative;
  isolation:isolate;
  width:100%;
  aspect-ratio:1/1;
  margin:0 0 27px;
}
body[data-page="about"] .value-visual::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:7%;
  right:7%;
  top:8%;
  bottom:2%;
  border-radius:30px;
  background:
    radial-gradient(circle at 20% 18%,rgba(255,255,255,.34),transparent 24%),
    linear-gradient(128deg,var(--glow-a),var(--glow-b));
  filter:blur(22px) saturate(1.35);
  opacity:.72;
  transform:translate3d(-2%,2%,0) scale(.94);
  animation:valueGlowShift 7.5s ease-in-out infinite alternate;
}
body[data-page="about"] .value-visual::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:10%;
  right:10%;
  bottom:1%;
  height:18%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--glow-a),var(--glow-b));
  filter:blur(25px) saturate(1.45);
  opacity:.52;
  animation:valueGlowFlow 6.5s ease-in-out infinite alternate;
}
body[data-page="about"] .value-image-card:nth-child(2) .value-visual,
body[data-page="about"] .value-image-card:nth-child(5) .value-visual{
  --glow-a:rgba(45,101,255,.88);
  --glow-b:rgba(20,231,205,.72);
}
body[data-page="about"] .value-image-card:nth-child(3) .value-visual{
  --glow-a:rgba(53,135,255,.88);
  --glow-b:rgba(125,63,255,.78);
}
body[data-page="about"] .value-image-card:nth-child(4) .value-visual{
  --glow-a:rgba(114,47,255,.86);
  --glow-b:rgba(255,110,34,.74);
}
body[data-page="about"] .value-visual img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 24px 48px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);
}
@keyframes valueGlowShift{
  0%{transform:translate3d(-3%,3%,0) scale(.92);opacity:.55;filter:blur(24px) saturate(1.2)}
  50%{transform:translate3d(3%,-1%,0) scale(.98);opacity:.82;filter:blur(18px) saturate(1.55)}
  100%{transform:translate3d(-1%,-3%,0) scale(.95);opacity:.66;filter:blur(22px) saturate(1.38)}
}
@keyframes valueGlowFlow{
  from{transform:translateX(-8%) scaleX(.86);opacity:.38}
  to{transform:translateX(8%) scaleX(1.04);opacity:.66}
}
@media(max-width:1080px){
  body[data-page="about"] .value-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  body[data-page="about"] .value-image-grid{grid-template-columns:1fr;gap:24px}
  body[data-page="about"] .value-image-card{padding:15px 15px 25px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="about"] .value-visual::before,
  body[data-page="about"] .value-visual::after{animation:none}
}