/* ==========================================================================
   BLUE INC — QUEM SOMOS
   Página institucional inspirada na linguagem editorial dos empreendimentos.
   ========================================================================== */

.about-page{
  background:#fff;
  /* o cabeçalho flutuante tem 64px: é sob ele que a navegação local encosta */
  --header-h:64px;
}
.about-page .hdr{z-index:90}                 /* acima da .project-localnav, que também é sticky */
.about-page .mega__col li a[aria-current=page]{color:var(--navy);font-weight:700}

/* Hero editorial com fotografia, degradê profundo e formas da marca. */
.about-hero{
  position:relative;isolation:isolate;min-height:max(560px,74svh);display:flex;align-items:flex-end;
  margin-top:calc(-1 * (var(--hdr-h) + var(--hdr-gap)));
  overflow:hidden;background:var(--navy-deep);color:#fff
}
.about-hero__media,.about-hero__media img,.about-hero__veil{position:absolute;inset:0}
.about-hero__media{z-index:-4;top:-9%;bottom:-9%;will-change:transform;transform:translate3d(0,var(--par-y,0px),0)}
.about-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center}
.about-hero__veil{
  z-index:-3;background:
    linear-gradient(90deg,rgba(7,11,39,.99) 0%,rgba(12,17,52,.94) 33%,rgba(10,16,48,.54) 62%,rgba(8,12,38,.12) 100%),
    linear-gradient(0deg,rgba(7,10,36,.82),transparent 48%)
}
/* Triângulos soltos da marca — mesmo vocabulário da home: a camada .fl-par
   recebe o parallax do JS (--par-y) e cada .fl flutua sozinho pelo CSS. */
.about-hero__floaties{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.fl-par{position:absolute;inset:0;pointer-events:none;will-change:transform;transform:translate3d(0,var(--par-y,0px),0)}
.fl{position:absolute;pointer-events:none;will-change:transform}
.fl--chev{width:120px;aspect-ratio:1.08;background:linear-gradient(135deg,#4a4db8,#2b388f);clip-path:polygon(64% 0,100% 33%,10% 100%);opacity:.55}
.fl--tri{width:132px;aspect-ratio:1.16;background:linear-gradient(200deg,#7fdae8,var(--cyan));clip-path:polygon(0 84%,27% 0,100% 68%);opacity:.5}
.fl--ring{width:150px;aspect-ratio:1.1;background:var(--cyan);opacity:.42;clip-path:polygon(50% 0,100% 100%,0 100%,50% 0,50% 12%,11% 92%,89% 92%,50% 12%)}
.fl--dot{width:16px;aspect-ratio:1.1;background:var(--cyan);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 14px rgba(57,193,215,.5))}
/* posições concentradas à direita, onde o título não passa */
.fl-1{top:9%;right:5%;width:200px;opacity:.5;animation:bob 9s ease-in-out infinite}
.fl-2{top:52%;right:18%;animation:bob 12s ease-in-out infinite reverse}
.fl-3{top:30%;right:31%;animation:drift 7s ease-in-out infinite reverse}
.fl-4{bottom:12%;right:7%;width:120px;opacity:.32;animation:bob 8s ease-in-out infinite 1s}
.fl-5{top:20%;right:41%;width:88px;opacity:.34;animation:drift 9s ease-in-out infinite}
.fl-6{bottom:20%;left:3%;width:82px;opacity:.24;animation:drift 10s ease-in-out infinite 1.5s}
@keyframes bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-26px) rotate(7deg)}}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-16px)}}
.about-hero__content{position:relative;padding:calc(var(--hdr-h) + var(--hdr-gap) + 2.4rem) 0 clamp(2.4rem,4.5vh,3.8rem)}
.about-kicker{display:flex;align-items:center;gap:.7rem;margin:0 0 .9rem;color:var(--cyan-light);font-size:.72rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.about-kicker::before{content:"";width:30px;height:2px;background:currentColor}
.about-hero h1{max-width:16ch;margin:0;font-size:clamp(2.6rem,5.5vw,5.7rem);font-weight:500;line-height:.92;letter-spacing:-.065em}
.about-hero h1 em{font-style:normal;color:var(--cyan-light)}
.about-hero__lead{max-width:610px;margin:1.2rem 0 0;color:rgba(255,255,255,.74);font-size:clamp(1.02rem,1.8vw,1.28rem);line-height:1.62}
.about-scroll{display:inline-flex;align-items:center;gap:.9rem;margin-top:1.4rem;padding:.7rem 0;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.32)}
.about-scroll span{color:var(--cyan);font-size:1rem;transition:transform .3s var(--ease)}
.about-scroll:hover span,.about-scroll:focus-visible span{transform:translateY(4px)}

/* Apresentação institucional com duas fotografias sobrepostas. */
.about-intro{overflow:hidden}
.about-intro__grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:clamp(3.5rem,8vw,8rem);align-items:center}
/* Alinha os títulos de seção ao padrão tipográfico da home: peso 500 e
   entrelinha/tracking do h2 de lá (o CSS das internas usa 600/-.035em). */
.about-page .project-title{font-size:clamp(1.9rem,3.7vw,3.4rem);font-weight:500;line-height:1.1;letter-spacing:-.02em}
.about-richtext{margin-top:clamp(1.7rem,3vw,2.6rem);color:var(--muted);font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.78}
.about-richtext p{margin:0 0 1.35rem}
.about-richtext strong{color:var(--ink);font-weight:800}
.about-intro__visual{position:relative;min-height:590px}
.about-photo{position:absolute;margin:0;overflow:hidden;box-shadow:var(--shadow)}
/* Como na home (.cut img): a foto é 18% mais alta que a moldura e sobe 9%,
   dando folga para o parallax deslizar sem revelar borda. O deslocamento vai
   em "transform" (instantâneo) e o zoom do hover em "scale" (com transição),
   para um não engolir o outro. */
.about-photo img{
  width:100%;height:134%;position:relative;top:-17%;object-fit:cover;
  transform:translate3d(0,var(--par-y,0px),0);will-change:transform;
  /* a transição no transform é o que dá o deslize macio do parallax da home */
  transition:transform .9s var(--ease),scale .9s var(--ease)
}
.about-photo:hover img{scale:1.035}
.about-photo--main{inset:0 0 74px 8%;clip-path:polygon(0 0,100% 0,100% calc(100% - 44px),calc(100% - 44px) 100%,0 100%)}
/* a foto menor é baixa e tem borda branca: precisa de mais folga que a grande
   para o deslocamento do parallax não expor a moldura */
.about-photo--small img{height:152%;top:-26%}
.about-photo--small{left:-5%;bottom:0;width:48%;aspect-ratio:1.05;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);border:8px solid #fff}
.about-photo__mark{position:absolute;right:-34px;bottom:25px;width:115px;height:105px;background:linear-gradient(145deg,var(--navy),var(--cyan));clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(18deg);opacity:.96}

/* Trajetória: composição escura e linha evolutiva sem datas não fornecidas. */
.about-history{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#171849 0%,#22246b 60%,#2e3191 100%);color:#fff}
.about-history::before{content:"";position:absolute;inset:0;z-index:-2;background:url("../img/bg-poly-azul.svg") center/cover no-repeat;opacity:.42}
.about-history__glow{position:absolute;right:-18%;top:-35%;width:62vw;aspect-ratio:1;background:radial-gradient(circle,rgba(57,193,215,.18),transparent 67%);pointer-events:none}
.about-history__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr);gap:clamp(2.4rem,5vw,4.5rem);align-items:start}
/* Coluna "Quem lidera": retrato em destaque, nome abaixo e minicurrículo. */
.about-founder{align-self:start;padding-left:clamp(1.2rem,2vw,2rem);border-left:1px solid rgba(134,226,239,.22)}
.about-founder__card{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;margin:0 0 .85rem;transition:transform .45s var(--ease)}
.about-founder__photo{
  position:relative;width:min(100%,310px);flex:none;aspect-ratio:1;overflow:hidden;isolation:isolate;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);
  box-shadow:0 22px 50px -28px rgba(0,0,0,.8)
}
.about-founder__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:transform .7s var(--ease),filter .7s var(--ease)}
.about-founder__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(134,226,239,.38) 50%,transparent 70%);transform:translateX(-150%);transition:transform .75s var(--ease);pointer-events:none}
.about-founder__card:hover{transform:translateY(-5px)}
.about-founder__card:hover .about-founder__photo img{transform:scale(1.07);filter:saturate(1.1)}
.about-founder__card:hover .about-founder__photo::after{transform:translateX(150%)}
.about-founder__id{min-width:0}
.about-founder__id b{display:block;font-size:clamp(1.2rem,1.7vw,1.5rem);font-weight:600;line-height:1.22;letter-spacing:-.02em}
.about-founder__id span{display:block;margin-top:.35rem;color:var(--cyan-light);font-size:.66rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.about-founder>p:not(.project-eyebrow){margin:0 0 1rem;color:rgba(255,255,255,.7);font-size:.92rem;line-height:1.68}
.about-founder__facts{display:grid;gap:.9rem;margin:1.5rem 0 0;padding:1.3rem 0 0;list-style:none;border-top:1px solid rgba(134,226,239,.28)}
.about-founder__facts b{display:block;font-size:1.02rem;font-weight:600;letter-spacing:-.02em}
.about-founder__facts span{display:block;margin-top:.2rem;color:rgba(255,255,255,.6);font-size:.9rem;line-height:1.5}

/* Frase que antes era a legenda da foto. */
.about-history__motto{margin:1.6rem 0 0;color:var(--cyan-light);font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:600;line-height:1.25;letter-spacing:-.025em}
.about-history__copy h2,.about-responsibility__head h2{margin:0;font-size:clamp(1.9rem,3.4vw,3.2rem);font-weight:500;line-height:.98;letter-spacing:-.05em}
.about-history__copy>p:not(.project-eyebrow){color:rgba(255,255,255,.7);font-size:clamp(1rem,1.45vw,1.14rem);line-height:1.75}
.about-history__copy h2+p{margin-top:1.8rem}
.about-journey{position:relative;display:grid;gap:0;margin:2.3rem 0 0;padding:0;list-style:none;border-left:1px solid rgba(134,226,239,.35)}
.about-journey li{position:relative;display:grid;grid-template-columns:112px 1fr;gap:1rem;padding:.8rem 0 .8rem 1.4rem}
.about-journey li::before{content:"";position:absolute;left:-5px;top:1.22rem;width:9px;height:9px;background:var(--cyan);clip-path:polygon(50% 0,100% 100%,0 100%);
  animation:journeyDot 3.9s ease-in-out infinite}
.about-journey li:nth-child(1)::before{animation-delay:.2s}
.about-journey li:nth-child(2)::before{animation-delay:1.5s}
.about-journey li:nth-child(3)::before{animation-delay:2.8s}
/* pulso de luz que percorre a linha de um marcador ao outro, em looping */
.about-journey::after{
  content:"";position:absolute;left:-1px;top:0;width:1px;height:32%;
  background:linear-gradient(180deg,transparent,var(--cyan-light) 40%,#fff 50%,var(--cyan-light) 60%,transparent);
  animation:journeyRun 3.9s ease-in-out infinite;pointer-events:none
}
@keyframes journeyRun{
  0%{transform:translateY(-32%);opacity:0}
  10%{opacity:1}
  90%{opacity:1}
  100%{transform:translateY(313%);opacity:0}
}
@keyframes journeyDot{
  0%,55%,100%{transform:scale(1);filter:none}
  18%{transform:scale(1.55);filter:drop-shadow(0 0 7px var(--cyan))}
}
.about-journey span{color:var(--cyan-light);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.about-journey b{font-size:.92rem;font-weight:600}

/* Missão, visão e valores em composição editorial assimétrica. */
.about-purpose{background:#f5f6fb;overflow:hidden}
.about-purpose__head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:3rem;align-items:end;margin-bottom:clamp(2.7rem,6vw,5rem)}
.about-purpose__head>p{max-width:43ch;margin:0;color:var(--muted);font-size:1.06rem;line-height:1.72}
.about-purpose__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch}
.about-purpose__card{position:relative;min-height:0;padding:clamp(1.7rem,2.5vw,2.5rem);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 24px 60px -45px rgba(23,24,73,.45);clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%)}
.about-purpose__card::after{content:"";position:absolute;right:-42px;top:-55px;width:170px;height:150px;background:linear-gradient(145deg,rgba(57,193,215,.18),rgba(46,49,145,.08));clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(18deg)}
.about-purpose__card--vision{background:linear-gradient(140deg,#f2f7fc 0%,#e4eef7 100%)}
.about-purpose__card--values{background:linear-gradient(115deg,#fff 0%,#f0f3fb 100%)}
.about-purpose__mark{position:relative;z-index:1;display:flex;align-items:center;gap:1.1rem;margin-bottom:clamp(1.6rem,3vw,2.6rem)}
.about-purpose__index{display:block;color:var(--cyan);font-size:.74rem;font-weight:900;letter-spacing:.16em}
.about-purpose__label{margin:0 0 .7rem;color:var(--navy);font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.about-purpose__card h3{max-width:18ch;margin:0 0 .9rem;font-size:clamp(1.4rem,1.9vw,1.95rem);font-weight:500;line-height:1.03;letter-spacing:-.04em}
.about-purpose__card>p:last-child,.about-purpose__card--vision>p{max-width:46ch;color:var(--muted);font-size:.95rem;line-height:1.68}
.about-purpose__card--values h3{max-width:none}
.about-purpose__card ul{display:grid;gap:.85rem;margin:1.5rem 0 0;padding:0;list-style:none}
.about-purpose__card li{position:relative;min-width:0;padding-left:1.15rem}
.about-purpose__card li::before{content:"";position:absolute;left:0;top:.42em;width:8px;height:7px;background:var(--cyan);clip-path:polygon(50% 0,100% 100%,0 100%)}
.about-purpose__card li strong,.about-purpose__card li span{display:block}
.about-purpose__card li strong{color:var(--navy);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}
.about-purpose__card li span{margin-top:.2rem;color:var(--muted);font-size:.85rem;line-height:1.5}

/* Ícones poligonais da marca: t-lin (contorno), t-esc (indigo), t-cia (ciano).
   Flutuam continuamente e a camada ciano avança no hover do card. */
.about-purpose .pico{
  width:clamp(46px,4.2vw,58px);height:clamp(46px,4.2vw,58px);display:block;flex:none;
  animation:aboutIconFloat 3.4s ease-in-out infinite;will-change:transform
}
.about-purpose .pico .t-esc{fill:var(--navy)}
.about-purpose .pico .t-cia{fill:var(--cyan);transform-origin:center;transition:transform .5s var(--ease)}
.about-purpose .pico .t-lin{fill:none;stroke:var(--navy);stroke-width:1.6;stroke-linejoin:miter}
.about-purpose__card--mission .pico{animation-delay:0s}
.about-purpose__card--vision .pico{animation-delay:.7s}
.about-purpose__card--values .pico{animation-delay:1.2s}
.about-purpose__card:hover .pico .t-cia,.about-purpose__card:focus-within .pico .t-cia{transform:translateX(2.5px) translateY(-2px) scale(1.08)}
@keyframes aboutIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* Responsabilidade: fotografia territorial com painéis translúcidos. */
.about-responsibility{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding-block:clamp(6rem,11vw,10rem)}
.about-responsibility__media,.about-responsibility__media::after,.about-responsibility__media img{position:absolute;inset:0}
.about-responsibility__media{z-index:-2}
.about-responsibility__media img{width:100%;height:100%;object-fit:cover}
.about-responsibility__media::after{content:"";background:linear-gradient(90deg,rgba(7,11,39,.96),rgba(15,24,48,.78) 58%,rgba(7,11,39,.72)),linear-gradient(0deg,rgba(7,11,39,.7),transparent)}
.about-responsibility__content{position:relative}
.about-responsibility__head{max-width:850px}
.about-responsibility__head>p:last-child{max-width:700px;margin:1.6rem 0 0;color:rgba(255,255,255,.72);font-size:1.08rem;line-height:1.72}
.about-responsibility__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:clamp(2.6rem,6vw,5rem)}
.about-impact{position:relative;min-height:390px;padding:clamp(2rem,4vw,3.3rem);background:rgba(20,26,71,.54);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(16px);overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 32px),calc(100% - 32px) 100%,0 100%)}
.about-impact__symbol{position:relative;display:block;width:72px;height:66px;margin-bottom:2.5rem}
.about-impact__symbol::before,.about-impact__symbol::after{content:"";position:absolute;clip-path:polygon(50% 0,100% 100%,0 100%)}
.about-impact__symbol::before{inset:0;background:var(--cyan);opacity:.95}
.about-impact__symbol::after{width:46px;height:43px;right:-11px;bottom:-4px;background:#4054d0;opacity:.9}
.about-impact__symbol--environment{transform:rotate(30deg)}
.about-impact__eyebrow{margin:0 0 .7rem;color:var(--cyan-light);font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.about-impact h3{max-width:17ch;margin:0;font-size:clamp(1.7rem,3vw,2.7rem);font-weight:500;line-height:1.04;letter-spacing:-.04em}
.about-impact ul{display:grid;gap:.75rem;margin:1.7rem 0 0;padding:0;list-style:none}
.about-impact li{position:relative;padding-left:1.2rem;color:rgba(255,255,255,.7);font-size:.92rem;line-height:1.55}
.about-impact li::before{content:"";position:absolute;left:0;top:.55rem;width:7px;height:7px;background:var(--cyan);clip-path:polygon(50% 0,100% 100%,0 100%)}

/* Escritórios: três endereços, cada um com link direto para o Google Maps. */
.about-offices{background:#fff}
.about-offices__head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:3rem;align-items:end;margin-bottom:clamp(2.4rem,5vw,4rem)}
.about-offices__head>p{max-width:43ch;margin:0;color:var(--muted);font-size:1.06rem;line-height:1.72}
.about-offices__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}
.about-office{
  display:flex;flex-direction:column;padding:clamp(1.7rem,2.5vw,2.4rem);
  background:linear-gradient(150deg,#f7f9fd,#eef2fa);border:1px solid var(--line);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease)
}
.about-office:hover,.about-office:focus-within{transform:translateY(-4px);box-shadow:0 26px 60px -42px rgba(23,24,73,.55)}
.about-office__mark{display:block;width:22px;height:20px;margin-bottom:1.1rem;background:linear-gradient(145deg,var(--navy),var(--cyan));clip-path:polygon(50% 0,100% 100%,0 100%)}
.about-office h3{margin:0 0 .8rem;color:var(--navy);font-size:1.25rem;font-weight:600;line-height:1.15;letter-spacing:-.02em}
.about-office address{margin:0;color:var(--muted);font-style:normal;font-size:.93rem;line-height:1.65}
.about-office__map{display:inline-flex;align-items:center;gap:.45rem;margin-top:auto;padding-top:1.4rem;color:var(--navy);font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.about-office__map span{color:var(--cyan);transition:transform .3s var(--ease)}
.about-office__map:hover span,.about-office__map:focus-visible span{transform:translateX(4px)}

@media(max-width:1050px){
  .about-intro__grid{grid-template-columns:1fr;gap:4rem}
  .about-intro__visual{min-height:620px;max-width:760px;width:100%;margin-inline:auto}
  .about-history__grid{grid-template-columns:minmax(0,1.35fr) minmax(270px,.9fr);gap:2.6rem}
  .about-purpose__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-offices__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .about-history__grid{grid-template-columns:1fr}
  .about-founder{padding-left:0;padding-top:2rem;border-left:0;border-top:1px solid rgba(134,226,239,.22)}
  .about-hero{min-height:600px}
  .about-hero__media img{object-position:68% center}
  .about-hero__veil{background:linear-gradient(90deg,rgba(7,11,39,.98),rgba(10,16,48,.82) 67%,rgba(7,11,39,.46)),linear-gradient(0deg,rgba(7,10,36,.86),transparent 48%)}
  .about-hero__content{padding-top:calc(var(--hdr-h) + var(--hdr-gap) + 1.6rem);padding-bottom:2.8rem}
  .about-hero h1{font-size:clamp(2.2rem,9.7vw,3.45rem);max-width:13ch}
  .about-hero__lead{max-width:33ch;font-size:.98rem}
  .fl-3,.fl-5,.fl-6{display:none}
  .fl-1{width:140px;opacity:.42}
  .fl-4{width:88px}
  .about-intro__visual{min-height:470px}
  .about-photo--main{inset:0 0 60px 5%}
  .about-photo--small{left:0;width:50%;border-width:5px}
  .about-photo__mark{right:-18px;width:82px;height:75px}
  .about-journey li{grid-template-columns:90px 1fr}
  .about-purpose__head,.about-offices__head{grid-template-columns:1fr;gap:1.5rem}
  .about-purpose__grid,.about-responsibility__grid,.about-offices__grid{grid-template-columns:1fr}
  .about-impact{min-height:0}
}

@media(max-width:520px){
  .about-hero h1{font-size:clamp(2rem,9.4vw,2.8rem)}
  .about-scroll{font-size:.67rem}
  .about-intro__visual{min-height:390px}
  .about-photo--main{left:0;bottom:54px}
  .about-photo--small{width:56%}
  .about-journey li{grid-template-columns:1fr;gap:.2rem;padding-left:1.2rem}
  .about-history__grid{grid-template-columns:1fr;gap:2.6rem}
  .about-founder{padding-left:0;padding-top:2rem;border-left:0;border-top:1px solid rgba(134,226,239,.22)}
  .about-founder__photo{width:min(100%,300px)}
  .about-purpose__card,.about-impact,.about-office{padding:1.6rem}
}

@media(prefers-reduced-motion:reduce){
  .about-founder__card,.about-founder__photo img,.about-founder__photo::after{transition:none}
  .about-founder__card:hover,.about-founder__card:hover .about-founder__photo img,.about-founder__card:hover .about-founder__photo::after{transform:none}
  .about-photo img,.about-scroll span,.about-office{transition:none}
  .about-journey::after,.about-journey li::before{animation:none}
  .about-journey::after{opacity:0}
  .about-photo img{transform:none!important}
  .about-purpose .pico{animation:none}
  .fl{animation:none!important}
  .about-hero__media,.fl-par{transform:none!important}
  .about-purpose .pico .t-cia{transition:none}
}

/* Texto de abertura (narrativo): sem título acima, entra logo após o rótulo. */
.about-richtext--story{margin-top:clamp(1rem,2vw,1.6rem);color:var(--ink);font-size:clamp(1.08rem,1.6vw,1.26rem)}
.about-richtext--story p:last-child{color:var(--navy, var(--ink));font-weight:700}

/* Página de Política de Privacidade (reaproveita a base da Quem somos). */
.legal{padding-top:calc(var(--hdr-h, 64px) + clamp(3rem,6vw,5rem))}
.legal__in{max-width:860px}
.legal__crumb{color:var(--muted)}
.legal__crumb a{color:var(--navy)}
.legal h1{margin:.4rem 0 .6rem}
.legal__date{color:var(--muted);font-size:.92rem;margin:0}
.legal__text h2{margin:2.2rem 0 .8rem;font-size:1.25rem;color:var(--ink)}
.legal__text a{color:var(--navy);font-weight:700}