.about-page{background:#071019;color:#eff5f6;font-family:Manrope,Arial,sans-serif}.about-header{height:92px;padding:0 5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ffffff1a;background:#071019}.about-header img{width:145px;height:auto}.about-header nav{display:flex;gap:32px;font-size:11px;color:#bdcbd0}.about-header nav a:hover,.about-header nav a[aria-current="page"]{color:#27d7e3}.about-header-cta{justify-self:end;border-bottom:1px solid #ffffff80;padding-bottom:8px;font-size:11px}.about-header-cta span{color:#27d7e3;margin-left:15px;font-size:18px}.about-hero{padding:55px 7% 30px;min-height:640px;background:radial-gradient(circle at 80% 20%,#153a6840,transparent 38%),#071019}.about-hero-top,.about-hero-line{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#859aa3}.about-hero-grid{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-top:150px}.about-kicker{font-size:9px;letter-spacing:1.7px;color:#27d7e3;margin-bottom:25px}.about-hero h1{font-size:clamp(58px,8vw,128px);line-height:.95;letter-spacing:-.085em;font-weight:500}.about-hero h1 em,.about-manifesto h2 em,.about-timeline h2 em,.capabilities-content h2 em,.about-cta h2 em{font-family:Georgia,serif;font-style:italic;color:#27d7e3}.about-hero-intro{max-width:320px;color:#a5b7bf;font-size:15px;line-height:1.8;margin-bottom:10px}.about-hero-line{margin-top:130px;border-top:1px solid #ffffff25;padding-top:20px}.about-manifesto,.about-timeline,.about-capabilities,.about-principles{display:grid;grid-template-columns:.7fr 1.7fr;gap:8%;padding:120px 10%;border-top:1px solid #ffffff18}.about-manifesto{background:#f3f6f3;color:#17201e}.about-side-label{font-size:9px;letter-spacing:1.6px;color:#7a8b82}.about-manifesto h2,.about-timeline h2,.capabilities-content h2{font-size:clamp(40px,5.5vw,82px);line-height:.98;letter-spacing:-.075em;font-weight:500}.about-manifesto h2 em{color:#5e4bd8}.about-manifesto-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:55px;color:#5e6d63;font-size:14px;line-height:1.8}.about-timeline{background:#19201d}.about-timeline h2{margin:18px 0 65px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.timeline article{border-top:1px solid #97a99c50;padding-top:18px}.timeline article span,.capability-grid article>span,.principle>span{font-size:10px;color:#27d7e3;letter-spacing:1px}.timeline h3{font-size:20px;margin:25px 0 13px}.timeline p{font-size:12px;line-height:1.7;color:#adbbb0}.about-capabilities{background:#f3f6f3;color:#17201e}.capabilities-content h2 em{color:#5e4bd8}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px;margin-top:65px}.capability-grid article{border-top:1px solid #17201e30;padding:20px 0 30px}.capability-grid h3{font-size:23px;margin:20px 0 10px}.capability-grid p{font-size:12px;line-height:1.7;color:#647269;max-width:300px}.about-principles{background:#d9f4f2;color:#17201e}.principles-content{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.principle{border-top:1px solid #17201e45;padding-top:18px}.principle h3{font-size:22px;line-height:1.15;margin:24px 0 14px;letter-spacing:-.04em}.principle p{font-size:12px;line-height:1.7;color:#586c66}.about-cta{padding:130px 10%;background:#5f4bd8;color:#fff}.about-cta>p{font-size:9px;letter-spacing:1.5px;color:#dbd6ff}.about-cta h2{font-size:clamp(58px,8vw,120px);line-height:.93;letter-spacing:-.085em;margin:32px 0 55px}.about-cta h2 em{color:#c5f5ef}.about-cta>a{display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid #ffffff80;padding-bottom:12px;font-size:13px}.about-cta>a span{font-size:23px}.about-footer{padding:35px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#071019;color:#aabac0;font-size:10px}.about-footer img{width:125px;height:auto}.about-footer a:last-child{color:#eaf4f3}
@media(max-width:700px){.about-header{height:74px;padding:0 5%;display:flex;justify-content:space-between}.about-header img{width:120px}.about-header nav{display:none}.about-header-cta{font-size:9px}.about-hero{padding:40px 6% 25px;min-height:600px}.about-hero-top span:last-child{display:none}.about-hero-grid{display:block;margin-top:125px}.about-hero h1{font-size:55px}.about-hero-intro{font-size:13px;margin-top:30px}.about-hero-line{margin-top:100px}.about-manifesto,.about-timeline,.about-capabilities,.about-principles{display:block;padding:70px 7%}.about-side-label{margin-bottom:28px}.about-manifesto h2,.about-timeline h2,.capabilities-content h2{font-size:50px}.about-manifesto-copy{display:block;margin-top:35px;font-size:13px}.about-manifesto-copy p+p{margin-top:18px}.timeline{display:block}.timeline article{margin-bottom:35px}.timeline h3{font-size:19px}.capability-grid{display:block;margin-top:42px}.capability-grid article{padding-bottom:25px}.principles-content{display:block}.principle{margin-bottom:30px}.about-cta{padding:80px 7%}.about-cta h2{font-size:61px;margin:25px 0 42px}.about-footer{padding:28px 6%;flex-wrap:wrap}.about-footer a:last-child{width:100%}}

/* Imagens autorais para a narrativa da página A Integra. */
.about-studio-image{width:min(1450px,86%);margin:0 auto -75px;position:relative;z-index:2}.about-studio-image img,.about-connections-image img{width:100%;height:auto;display:block;border-radius:20px}.about-studio-image figcaption,.about-connections-image figcaption{font-size:9px;letter-spacing:.7px;color:#a4b8bd;margin-top:12px}.about-connections-image{margin:52px 0 0}.about-connections-image figcaption{color:#637168}
@media(max-width:700px){.about-studio-image{width:90%;margin:0 auto -30px}.about-studio-image figcaption,.about-connections-image figcaption{font-size:8px}.about-connections-image{margin-top:35px}}

/* Imagem autoral como cenário do banner, preservando leitura sobre a camada escura. */
.about-hero{position:relative;isolation:isolate;background:linear-gradient(90deg,#071019b8 0%,#07101982 52%,#07101962 100%),url('../assets/about-studio.webp') center/cover no-repeat}.about-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07101912 0%,#07101948 100%);z-index:0}.about-hero>*{position:relative;z-index:1}

/* Curvas e movimento contínuo da página A Integra. */
.about-page{--about-hero-scale:1;--about-hero-y:0px;--about-hero-opacity:1;overflow-x:hidden}.about-hero{transform:translateY(var(--about-hero-y)) scale(var(--about-hero-scale));transform-origin:center top;opacity:var(--about-hero-opacity);border-radius:0 0 54px 54px;overflow:hidden;will-change:transform,opacity}.about-hero:after{content:'';position:absolute;width:68%;height:130px;left:16%;bottom:-95px;border-radius:50% 50% 0 0;background:#f3f6f3;z-index:0}.about-hero-line{position:relative;z-index:2}.about-curve-top{position:relative;margin-top:-28px;padding-top:145px;border-radius:52% 48% 0 0 / 48px 48px 0 0}.about-curve-top:before{content:'';position:absolute;top:0;left:0;width:100%;height:75px;background:radial-gradient(120% 100% at 50% 0,#ffffff 0 43%,transparent 44%)}.about-curve-bottom{position:relative;border-radius:0 0 38% 38% / 0 0 70px 70px;margin-bottom:-48px;padding-bottom:168px;z-index:2}.about-capabilities{padding-top:165px}.about-principles{position:relative;border-radius:34px 34px 0 0;margin-top:-20px}.about-cta{position:relative;border-radius:52% 48% 0 0 / 58px 58px 0 0;margin-top:-22px;padding-top:160px}.about-page .about-manifesto,.about-page .about-timeline,.about-page .about-capabilities,.about-page .about-principles{transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s cubic-bezier(.2,.8,.2,1)}.about-page.js .about-manifesto,.about-page.js .about-timeline,.about-page.js .about-capabilities,.about-page.js .about-principles{opacity:0;transform:translateY(44px)}.about-page.js .about-manifesto.is-visible,.about-page.js .about-timeline.is-visible,.about-page.js .about-capabilities.is-visible,.about-page.js .about-principles.is-visible{opacity:1;transform:none}.about-page.js .timeline article,.about-page.js .capability-grid article,.about-page.js .principle{opacity:0;transform:translateY(22px);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s cubic-bezier(.2,.8,.2,1)}.about-page.js .is-visible .timeline article,.about-page.js .is-visible .capability-grid article,.about-page.js .is-visible .principle{opacity:1;transform:none}.about-page.js .is-visible .timeline article:nth-child(2),.about-page.js .is-visible .capability-grid article:nth-child(2),.about-page.js .is-visible .principle:nth-child(2){transition-delay:.1s}.about-page.js .is-visible .timeline article:nth-child(3),.about-page.js .is-visible .capability-grid article:nth-child(3),.about-page.js .is-visible .principle:nth-child(3){transition-delay:.2s}.about-page.js .is-visible .capability-grid article:nth-child(4){transition-delay:.3s}.about-page.js .is-visible .capability-grid article:nth-child(5){transition-delay:.4s}.about-page.js .is-visible .capability-grid article:nth-child(6){transition-delay:.5s}
@media(max-width:700px){.about-hero{border-radius:0 0 30px 30px}.about-hero:after{width:110%;left:-5%;height:70px;bottom:-55px}.about-curve-top{margin-top:-15px;padding-top:100px;border-radius:50% 50% 0 0 / 28px 28px 0 0}.about-curve-top:before{height:45px}.about-curve-bottom{border-radius:0 0 25% 25% / 0 0 35px 35px;margin-bottom:-22px;padding-bottom:100px}.about-capabilities{padding-top:100px}.about-principles{border-radius:24px 24px 0 0}.about-cta{border-radius:50% 50% 0 0 / 35px 35px 0 0;margin-top:-15px;padding-top:110px}}
@media(prefers-reduced-motion:reduce){.about-hero{transform:none!important;opacity:1!important}.about-page.js .about-manifesto,.about-page.js .about-timeline,.about-page.js .about-capabilities,.about-page.js .about-principles,.about-page.js .timeline article,.about-page.js .capability-grid article,.about-page.js .principle{opacity:1;transform:none;transition:none}}

/* As transições da página usam curvas; remove as linhas retas herdadas entre seções. */
.about-manifesto,.about-timeline,.about-capabilities,.about-principles{border-top:0}

/* Espaço seguro para o cabeçalho fixo compartilhado com a Home. */
.about-hero{padding-top:145px}.case-hero{padding-top:165px}
@media(max-width:700px){.about-hero{padding-top:112px}.case-hero{padding-top:112px}}
.about-page .about-hero-top,.solutions-page .about-hero-top,.portfolio-page .about-hero-top,.insights-page .about-hero-top{display:none}

/* Cabeçalho glass após o banner, compartilhado com páginas internas. */
.about-header.is-glass{position:fixed;inset:0 0 auto;z-index:60;background:#071019bd;border-bottom:1px solid #ffffff22;box-shadow:0 12px 32px #00000025;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);animation:glassHeaderIn .35s cubic-bezier(.2,.8,.2,1)}
@keyframes glassHeaderIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@media(max-width:700px){.about-header.is-glass{height:74px;padding:0 5%}.about-header .menu{display:block;color:#fff;font-size:23px;margin-left:15px}.about-header nav.open{display:flex;position:absolute;top:74px;left:0;right:0;padding:26px 6%;background:#071019f2;border-bottom:1px solid #ffffff1f;backdrop-filter:blur(18px);flex-direction:column;gap:22px;color:#eef5f3}.about-header nav.open~.about-header-cta,.about-header nav.open~.button.small{display:none}}

/* Estrutura contínua: fundo único e blocos menores centralizados. */
.about-page{background:#e9efec}.about-hero{border-radius:0;overflow:hidden;min-height:640px}.about-hero:after{display:none}.about-curve-top,.about-curve-bottom{border-radius:0;margin:0}.about-curve-top:before{display:none}.about-manifesto,.about-timeline,.about-capabilities,.about-principles{width:min(1180px,calc(100% - 10vw));margin:28px auto;padding:78px 7%;border-radius:28px;grid-template-columns:.62fr 1.55fr;gap:7%;box-shadow:0 18px 45px #17201e0d}.about-manifesto{background:#fff}.about-timeline{background:#18221f;margin-top:0;padding-bottom:78px}.about-capabilities{background:#d7f1ee;margin-top:0;padding-top:78px}.about-principles{background:#fff;margin-top:0}.about-cta{width:min(1180px,calc(100% - 10vw));margin:28px auto 0;padding:110px 7%;border-radius:28px;background:#5f4bd8}.about-footer{margin-top:70px}.about-manifesto h2,.about-timeline h2,.capabilities-content h2{font-size:clamp(38px,5vw,72px)}.about-manifesto-copy{margin-top:42px}.timeline{gap:16px}.timeline article,.capability-grid article,.principle{border-top:0;background:#ffffff0d;border-radius:18px;padding:22px}.about-manifesto .about-side-label,.about-capabilities .about-side-label{color:#66786d}.about-principles .principle{background:#e9efec}.about-timeline .timeline article{background:#ffffff0b}.about-capabilities .capability-grid article{background:#ffffff8c}.about-principles{margin-bottom:0}.about-page .about-manifesto,.about-page .about-timeline,.about-page .about-capabilities,.about-page .about-principles{transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s cubic-bezier(.2,.8,.2,1)}
@media(max-width:700px){.about-hero{min-height:600px;border-radius:0}.about-manifesto,.about-timeline,.about-capabilities,.about-principles,.about-cta{width:calc(100% - 10vw);margin:16px auto;padding:52px 7%;border-radius:22px}.about-timeline{padding-bottom:52px}.about-capabilities{padding-top:52px}.about-cta{padding-top:70px}.about-footer{margin-top:45px}.timeline article,.capability-grid article,.principle{padding:18px;border-radius:14px;margin-bottom:12px}}

/* Linha do tempo guiada pela rolagem. */
.about-timeline .timeline{--timeline-progress:0%;display:grid;grid-template-columns:1fr;gap:28px;position:relative;padding:4px 0 4px 56px}.about-timeline .timeline:before,.about-timeline .timeline:after{content:'';position:absolute;left:15px;top:4px;bottom:4px;width:2px;border-radius:5px}.about-timeline .timeline:before{background:#b2c2b633}.about-timeline .timeline:after{background:linear-gradient(180deg,#27d7e3,#6757e8);height:var(--timeline-progress);bottom:auto;transition:height .14s linear}.about-timeline .timeline article{position:relative;padding:30px 32px;transform:translateX(24px);transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1),background .45s}.about-timeline .timeline article:before{content:'';position:absolute;left:-50px;top:30px;width:16px;height:16px;border-radius:50%;border:3px solid #18221f;background:#93a69b;box-shadow:0 0 0 1px #93a69b;transition:background .45s,box-shadow .45s,transform .45s}.about-timeline .timeline article.is-timeline-active{background:#ffffff18;transform:translateX(0)}.about-timeline .timeline article.is-timeline-active:before{background:#27d7e3;box-shadow:0 0 0 1px #27d7e3,0 0 24px #27d7e399;transform:scale(1.18)}.about-timeline .timeline article span{font-size:11px;letter-spacing:1.2px}.about-timeline .timeline article h3{font-size:24px;margin:18px 0 12px}.about-timeline .timeline article p{max-width:580px;font-size:13px}
@media(max-width:700px){.about-timeline .timeline{padding-left:35px;gap:16px}.about-timeline .timeline:before,.about-timeline .timeline:after{left:9px}.about-timeline .timeline article{padding:22px;transform:translateX(15px)}.about-timeline .timeline article:before{left:-34px;top:24px;width:12px;height:12px;border-width:2px}.about-timeline .timeline article h3{font-size:20px}.about-timeline .timeline article p{font-size:12px}}
.about-page.js .about-timeline.is-visible .timeline article{opacity:.5;transform:translateX(24px)}.about-page.js .about-timeline.is-visible .timeline article.is-timeline-active{opacity:1;transform:translateX(0)}
@media(max-width:700px){.about-page.js .about-timeline.is-visible .timeline article{transform:translateX(15px)}.about-page.js .about-timeline.is-visible .timeline article.is-timeline-active{transform:translateX(0)}}

/* Bloco de capacidades: leitura estratégica e cards mais expressivos. */
.about-capabilities{background:linear-gradient(140deg,#d8f3f0,#c9eceb)}.capabilities-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.capabilities-heading .about-kicker{color:#56736f}.capabilities-statement{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:18px;background:#17201e;color:#f1f8f5;min-width:205px}.capabilities-statement strong{font-size:55px;line-height:.9;letter-spacing:-.09em;color:#27d7e3}.capabilities-statement span{font-size:10px;line-height:1.55;color:#bcd0c6}.capabilities-lead{max-width:600px;margin-top:34px;color:#47625e;font-size:15px;line-height:1.75}.capability-grid{gap:14px;margin-top:48px}.about-capabilities .capability-grid article{position:relative;min-height:230px;margin:0;padding:26px 25px;background:#f8fffd;border:1px solid #ffffffaa;box-shadow:0 12px 28px #1d605812;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s,box-shadow .45s}.about-capabilities .capability-grid article:after{content:'↗';position:absolute;right:21px;bottom:18px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #17201e33;border-radius:50%;font-size:15px;transition:transform .45s,background .45s,color .45s}.about-capabilities .capability-grid article:hover{background:#17201e;color:#f0f8f5;transform:translateY(-8px);box-shadow:0 20px 40px #17201e24}.about-capabilities .capability-grid article:hover p,.about-capabilities .capability-grid article:hover small{color:#bad0c8}.about-capabilities .capability-grid article:hover>span{color:#27d7e3}.about-capabilities .capability-grid article:hover:after{background:#27d7e3;color:#17201e;border-color:#27d7e3;transform:rotate(45deg)}.about-capabilities .capability-grid h3{margin:22px 0 11px;font-size:25px}.about-capabilities .capability-grid p{font-size:12px;line-height:1.7;max-width:300px}.about-capabilities .capability-grid small{position:absolute;bottom:26px;left:25px;font-size:8px;letter-spacing:.5px;color:#66807a}.about-capabilities .capability-grid article>span{font-size:10px;color:#5f4bd8}
@media(max-width:700px){.capabilities-heading{display:block}.capabilities-statement{width:max-content;margin-top:25px}.capabilities-lead{font-size:13px;margin-top:26px}.about-capabilities .capability-grid{margin-top:34px}.about-capabilities .capability-grid article{min-height:210px;padding:23px;margin-bottom:12px}.about-capabilities .capability-grid h3{font-size:22px}.about-capabilities .capability-grid small{left:23px;bottom:22px}}

/* Áreas abertas compartilham o fundo contínuo; a história mantém seu destaque. */
.about-page .about-manifesto,
.about-page .about-capabilities,
.about-page .about-principles{
  width:min(1180px,86%);
  margin:0 auto;
  padding:110px 0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  color:#17201e;
  grid-template-columns:.4fr 1.6fr;
  gap:6%;
}
.about-page .about-manifesto-copy{gap:36px;font-size:15px}
.about-page .about-timeline{margin:0 auto}
.about-page .about-capabilities{padding-bottom:60px}
.about-page .capabilities-heading{flex-wrap:wrap}
.about-page .about-capabilities .capability-grid article{border:0;border-radius:20px;background:#f8fbfa;box-shadow:0 8px 24px #17201e06;padding-bottom:66px}
.about-page .about-capabilities .capability-grid article:hover{background:#17201e}
.about-page .about-principles{padding-top:65px;padding-bottom:120px}
.about-page .principles-content{gap:32px}
.about-page .about-principles .principle{padding:0;background:transparent;border:0;border-radius:0;margin:0}
.about-page .principle>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#6657e812;color:#5f4bd8;font-size:11px}
.about-page .principle h3{font-size:clamp(22px,2.1vw,29px);line-height:1.15}
.about-page .principle p{font-size:13px;line-height:1.8}
.about-page .about-cta{width:100%;max-width:none;margin:0;padding:110px max(7%,calc((100% - 1180px)/2));border-radius:0;box-shadow:none}
.about-page .about-footer{margin-top:0}
@media(max-width:900px){
  .about-page .about-manifesto,.about-page .about-capabilities,.about-page .about-principles{display:block}
  .about-page .about-manifesto>.about-side-label,.about-page .about-capabilities>.about-side-label,.about-page .about-principles>.about-side-label{margin-bottom:28px}
}
@media(max-width:700px){
  .about-page .about-manifesto,.about-page .about-capabilities,.about-page .about-principles{width:86%;padding:72px 0}
  .about-page .about-manifesto h2,.about-page .capabilities-content h2{font-size:clamp(35px,9vw,50px)}
  .about-page .about-manifesto-copy{font-size:13px}
  .about-page .about-capabilities{padding-bottom:36px}
  .about-page .about-principles{padding-top:36px;padding-bottom:80px}
  .about-page .principles-content{display:grid;grid-template-columns:1fr;gap:32px}
  .about-page .about-principles .principle{position:relative;padding-left:66px}
  .about-page .principle>span{position:absolute;left:0;top:0}
  .about-page .principle h3{margin:4px 0 12px}
  .about-page .about-cta{width:100%;margin:0;padding:75px 7%;border-radius:0}
}
@media(prefers-reduced-motion:reduce){
  .about-page.js .about-timeline.is-visible .timeline article{opacity:1;transform:none;transition:none}
  .about-page .about-timeline .timeline:after{height:100%;transition:none}
}

/* Mobile keeps the editorial hero static so scrolling never triggers layout work. */
@media(max-width:700px){
  .about-page .about-hero{background-image:linear-gradient(90deg,#071019b8 0%,#07101982 52%,#07101962 100%),url('../assets/about-studio-mobile.webp')}
}