/* About v8: company story expressed through the strategic intelligence system. */
.about-v8 { overflow: clip; }
.about-v8 .about-hero-grid,
.about-v8 .about-system-grid,
.about-v8 .about-brazil-grid,
.about-v8 .about-research-grid,
.about-v8 .about-proof-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr); gap:clamp(2.5rem,7vw,7rem); align-items:center; }
.about-v8 h1 { max-width:12ch; }
.about-v8 .about-kicker { max-width:62ch; }
.about-v8 .about-triad { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); margin-top:clamp(2.5rem,6vw,5rem); }
.about-v8 .about-triad span { padding:1rem 1rem 0 0; color:var(--ink-2); font-size:var(--fs-1); }
.about-v8 .about-triad span+span { border-left:1px solid var(--line); padding-left:1rem; }
.about-v8 .about-triad b { display:block; font:500 .7rem/1.4 var(--font-mono); letter-spacing:.1em; color:var(--ink-3); text-transform:uppercase; margin-bottom:.3rem; }

.about-system { position:relative; min-height:28rem; display:grid; place-items:center; isolation:isolate; }
.about-system::before { content:""; position:absolute; inset:9%; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--electric) 10%,transparent),transparent 65%); filter:blur(14px); }
.about-system-core { width:8rem; height:8rem; border-radius:50%; display:grid; place-content:center; text-align:center; background:var(--ink); color:var(--paper); z-index:4; box-shadow:0 0 0 1.2rem color-mix(in srgb,var(--meridian) 8%,transparent); }
.about-system-core b { font:600 1.8rem/1 var(--font-display); letter-spacing:-.04em; }
.about-system-core small { margin-top:.4rem; font:.62rem/1.3 var(--font-mono); text-transform:uppercase; letter-spacing:.1em; opacity:.72; }
.about-ring { position:absolute; left:50%; top:50%; translate:-50% -50%; border:1px solid color-mix(in srgb,var(--line-strong) 72%,transparent); border-radius:50%; transform-style:preserve-3d; }
.about-ring.r1 { width:88%; height:88%; rotate:-12deg; }
.about-ring.r2 { width:64%; height:64%; rotate:19deg; border-style:dashed; }
.about-ring.r3 { width:41%; height:41%; rotate:-29deg; }
.about-ring i { position:absolute; width:.55rem; height:.55rem; border-radius:50%; background:var(--electric); box-shadow:0 0 0 .35rem color-mix(in srgb,var(--electric) 10%,transparent); }
.about-ring.r1 i { left:18%; top:5%; }
.about-ring.r2 i { right:5%; bottom:23%; background:var(--meridian); }
.about-ring.r3 i { left:-1%; bottom:29%; background:var(--royal); }
.about-system-label { position:absolute; padding:.45rem .6rem; border:1px solid var(--line); background:color-mix(in srgb,var(--paper) 90%,transparent); font:.68rem/1.2 var(--font-mono); letter-spacing:.07em; text-transform:uppercase; z-index:6; }
.about-system-label.global { left:0; top:62%; }
.about-system-label.brazil { right:0; top:23%; }
.about-system-label.org { left:11%; bottom:10%; }
@media (prefers-reduced-motion:no-preference) {
  .about-ring.r1 { animation:about-spin-a 34s linear infinite; }
  .about-ring.r2 { animation:about-spin-b 26s linear infinite reverse; }
  .about-ring.r3 { animation:about-spin-c 19s linear infinite; }
  .about-ring i { animation:about-pulse 4.6s ease-in-out infinite; }
  @keyframes about-spin-a { to { rotate:348deg; } }
  @keyframes about-spin-b { to { rotate:379deg; } }
  @keyframes about-spin-c { to { rotate:331deg; } }
  @keyframes about-pulse { 50% { transform:scale(1.35); opacity:.65; } }
}

.about-services { border-top:1px solid var(--line-strong); }
.about-service { display:grid; grid-template-columns:4.5rem minmax(0,1.2fr) minmax(15rem,.8fr); gap:clamp(1.4rem,4vw,4rem); padding:clamp(2.2rem,5vw,4.6rem) 0; border-bottom:1px solid var(--line); align-items:start; }
.about-service-num { font:500 clamp(2.3rem,4vw,4.4rem)/.9 var(--font-mono); letter-spacing:-.08em; color:var(--line-strong); }
.about-service:nth-child(2) .about-service-num { color:var(--meridian); }
.about-service:nth-child(3) .about-service-num { color:var(--royal); }
.about-service h3 { font-size:clamp(1.65rem,3vw,3rem); letter-spacing:-.035em; margin:0 0 .8rem; }
.about-service p { color:var(--ink-2); }
.about-service-meta { border-left:1px solid var(--line); padding-left:1.4rem; display:grid; gap:1rem; }
.about-service-meta b { display:block; font:.66rem/1.4 var(--font-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); margin-bottom:.25rem; }

.about-flow { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:center; border-top:1px solid var(--line-strong); border-bottom:1px solid var(--line-strong); margin-top:2.5rem; }
.about-flow span { min-height:6rem; display:grid; place-items:center; text-align:center; padding:1rem; position:relative; font:500 .75rem/1.35 var(--font-mono); text-transform:uppercase; letter-spacing:.07em; }
.about-flow span+span { border-left:1px solid var(--line); }
.about-flow span:not(:last-child)::after { content:"→"; position:absolute; right:-.65rem; z-index:2; width:1.3rem; text-align:center; background:var(--paper); color:var(--electric); }

.about-dark { background:var(--ink); color:var(--paper); }
.about-dark h2,.about-dark h3 { color:var(--paper); }
.about-dark p { color:color-mix(in srgb,var(--paper) 76%,transparent); }
.about-data-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid color-mix(in srgb,var(--paper) 25%,transparent); border-left:1px solid color-mix(in srgb,var(--paper) 16%,transparent); }
.about-data-grid span { min-height:5rem; padding:1rem; display:flex; align-items:center; border-right:1px solid color-mix(in srgb,var(--paper) 16%,transparent); border-bottom:1px solid color-mix(in srgb,var(--paper) 16%,transparent); font:500 .72rem/1.35 var(--font-mono); letter-spacing:.05em; }

.about-proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line-strong); border-left:1px solid var(--line); }
.about-proof a { min-height:14rem; display:flex; flex-direction:column; padding:1.5rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--ink); text-decoration:none; }
.about-proof a:hover { background:var(--paper-2); }
.about-proof b { font-size:1.45rem; }
.about-proof p { margin-top:auto; color:var(--ink-2); font-size:var(--fs-1); }

.about-principles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line-strong); }
.about-principles article { padding:1.5rem; border-bottom:1px solid var(--line); }
.about-principles article+article { border-left:1px solid var(--line); }
.about-principles h3 { font-size:1.1rem; }
.about-principles p { font-size:var(--fs-1); color:var(--ink-2); }
.about-facts { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--line); }
.about-facts div { padding:1.2rem 1rem 0 0; }
.about-facts div+div { border-left:1px solid var(--line); padding-left:1rem; }
.about-facts b { display:block; font:.65rem/1.4 var(--font-mono); letter-spacing:.1em; color:var(--ink-3); text-transform:uppercase; }
.about-facts span { display:block; margin-top:.35rem; font-size:var(--fs-1); color:var(--ink-2); }

@media(max-width:900px){
  .about-v8 .about-hero-grid,.about-v8 .about-system-grid,.about-v8 .about-brazil-grid,.about-v8 .about-research-grid,.about-v8 .about-proof-grid { grid-template-columns:1fr; }
  .about-system { min-height:22rem; }
  .about-service { grid-template-columns:3rem 1fr; }
  .about-service-meta { grid-column:2; border-left:0; border-top:1px solid var(--line); padding:1.2rem 0 0; }
  .about-flow { grid-template-columns:1fr; }
  .about-flow span+span { border-left:0; border-top:1px solid var(--line); }
  .about-flow span:not(:last-child)::after { content:"↓"; right:auto; bottom:-.65rem; background:var(--paper); }
  .about-data-grid,.about-proof { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about-principles { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about-principles article:nth-child(3) { border-left:0; }
  .about-facts { grid-template-columns:1fr 1fr; }
}
@media(max-width:620px){
  .about-v8 .about-triad,.about-data-grid,.about-proof,.about-principles,.about-facts { grid-template-columns:1fr; }
  .about-v8 .about-triad span+span,.about-principles article+article,.about-facts div+div { border-left:0; }
  .about-v8 .about-triad span,.about-facts div { padding:1rem 0; border-bottom:1px solid var(--line); }
}
@media(prefers-reduced-motion:reduce){.about-ring{animation:none!important}.about-ring i{animation:none!important}}