/* /como-trabalhamos/, experiência editorial 2026-08-31 */
.ct-page{--ct-ink:#201d1b;--ct-paper:#f3f0ea;--ct-soft:#fbfaf7;--ct-pink:#d60b52;--ct-line:rgba(32,29,27,.16);--ct-max:1180px;background:var(--ct-paper);color:var(--ct-ink);overflow:hidden}
body:has(.ct-page) .breadcrumbs{display:none}
.ct-hero{position:relative;min-height:clamp(650px,82svh,880px);background:#161414;color:#fff;overflow:hidden;isolation:isolate}
.ct-slides{position:absolute;inset:0}
.ct-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
.ct-slide.is-active{opacity:1;visibility:visible;z-index:2}
.ct-slide-media{position:absolute;inset:0;margin:0}
.ct-slide-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,10,.86) 0%,rgba(12,11,10,.57) 45%,rgba(12,11,10,.18) 75%,rgba(12,11,10,.36) 100%),linear-gradient(0deg,rgba(12,11,10,.66) 0%,transparent 46%)}
.ct-slide-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.015);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.ct-slide.is-active .ct-slide-media img{transform:scale(1)}
.ct-slide[data-phase="diagnostico"] img{object-position:center 48%}
.ct-slide[data-phase="estrategia"] img{object-position:center 48%}
.ct-slide[data-phase="criacao"] img{object-position:center 50%}
.ct-slide[data-phase="aplicacao"] img{object-position:center 48%}
.ct-slide[data-phase="evolucao"] img{object-position:center 50%}
.ct-slide-inner{position:relative;z-index:2;width:min(var(--ct-max),calc(100% - 48px));min-height:clamp(650px,82svh,880px);margin:auto;padding:92px 0 164px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.ct-hero-kicker{margin:0 0 18px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#f2aec6}
.ct-slide h1,.ct-slide h2{margin:0;max-width:960px;font-size:clamp(52px,7.9vw,108px);line-height:.9;letter-spacing:-.065em;font-weight:500;text-wrap:balance}
.ct-slide h1 em,.ct-slide h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.ct-slide-copy{margin:26px 0 0;max-width:590px;font-size:clamp(17px,1.7vw,22px);line-height:1.48;color:rgba(255,255,255,.82)}
.ct-slide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}
.ct-slide-cta{display:inline-flex;align-items:center;gap:11px;min-height:52px;padding:13px 19px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(9px);color:#fff;text-decoration:none;font-size:13px;font-weight:800;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.ct-slide-cta:hover,.ct-slide-cta:focus-visible{background:#fff;color:#171514;border-color:#fff;transform:translateY(-1px)}
.ct-slide-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ct-case-ref{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.ct-carousel-controls{position:absolute;z-index:5;right:max(24px,calc((100vw - var(--ct-max))/2));bottom:106px;display:flex;gap:8px}
.ct-carousel-control{width:48px;height:48px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(17,15,14,.28);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s ease}
.ct-carousel-control:hover,.ct-carousel-control:focus-visible{background:#fff;color:#171514;border-color:#fff}
.ct-carousel-control svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.ct-hero-tabs-wrap{position:absolute;z-index:5;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.18);background:rgba(15,13,12,.45);backdrop-filter:blur(10px)}
.ct-hero-tabs{width:min(var(--ct-max),calc(100% - 48px));margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.ct-hero-tab{position:relative;min-height:76px;padding:14px 12px;border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.54);text-align:left;font:700 11px/1.25 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .2s ease,background .2s ease}
.ct-hero-tab:first-child{border-left:1px solid rgba(255,255,255,.12)}
.ct-hero-tab:after{content:'';position:absolute;left:12px;right:12px;bottom:0;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.ct-hero-tab:hover,.ct-hero-tab:focus-visible,.ct-hero-tab.is-active{color:#fff;background:rgba(255,255,255,.05)}
.ct-hero-tab.is-active:after{transform:scaleX(1)}
.ct-principle{background:var(--ct-paper)}
.ct-principle-inner{width:min(var(--ct-max),calc(100% - 40px));margin:auto;padding:98px 0 88px;display:grid;grid-template-columns:1.02fr .98fr;gap:86px;align-items:end}
.ct-principle h2{margin:0;max-width:700px;font-size:clamp(42px,6.2vw,82px);line-height:.95;letter-spacing:-.06em;font-weight:500}
.ct-principle h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.ct-principle-copy p{margin:0 0 18px;max-width:590px;color:#625e5b;font-size:18px;line-height:1.6}
.ct-phase{scroll-margin-top:96px;border-top:1px solid var(--ct-line)}
.ct-phase-inner{width:min(var(--ct-max),calc(100% - 40px));margin:auto;padding:108px 0}
.ct-phase-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:76px;align-items:start}
.ct-phase--reverse .ct-phase-copy{order:2}.ct-phase--reverse .ct-phase-visual{order:1}
.ct-phase--dark{background:var(--ct-ink);color:#fff;border-top-color:rgba(255,255,255,.13)}
.ct-phase--soft{background:#e9e4de}
.ct-phase--white{background:#fff}
.ct-phase--pink{background:var(--ct-pink);color:#fff;border-top-color:rgba(255,255,255,.18)}
.ct-phase-kicker{margin:0 0 18px;color:var(--ct-pink);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.ct-phase--dark .ct-phase-kicker,.ct-phase--pink .ct-phase-kicker{color:#f0adc4}
.ct-phase h2{margin:0;max-width:660px;font-size:clamp(44px,6.2vw,82px);line-height:.94;letter-spacing:-.06em;font-weight:500}
.ct-phase h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.ct-phase-lead{margin:24px 0 0;max-width:630px;color:#66615d;font-size:19px;line-height:1.58}
.ct-phase--dark .ct-phase-lead,.ct-phase--pink .ct-phase-lead{color:rgba(255,255,255,.75)}
.ct-phase-visual{margin:0;position:sticky;top:104px}
.ct-phase-visual a{display:block;overflow:hidden;background:#d8d3ce;text-decoration:none}
.ct-phase-visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.ct-phase-visual a:hover img,.ct-phase-visual a:focus-visible img{transform:scale(1.02)}
.ct-phase-visual figcaption{display:flex;justify-content:space-between;gap:18px;padding:14px 2px 0;color:#77716c;font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.08em}
.ct-phase--dark .ct-phase-visual figcaption,.ct-phase--pink .ct-phase-visual figcaption{color:rgba(255,255,255,.58)}
.ct-phase-visual figcaption a{display:inline;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px}
.ct-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:38px;border:1px solid var(--ct-line);background:var(--ct-line)}
.ct-step{background:var(--ct-soft);padding:24px;min-height:152px}
.ct-step strong{display:block;margin-bottom:8px;font-size:20px;letter-spacing:-.025em}
.ct-step p{margin:0;color:#6e6964;font-size:14px;line-height:1.55}
.ct-phase--dark .ct-step-grid,.ct-phase--pink .ct-step-grid{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.16)}
.ct-phase--dark .ct-step,.ct-phase--pink .ct-step{background:rgba(255,255,255,.055)}
.ct-phase--dark .ct-step p,.ct-phase--pink .ct-step p{color:rgba(255,255,255,.67)}
.ct-phase-note{margin:30px 0 0;padding:20px 22px;border-left:3px solid var(--ct-pink);background:rgba(255,255,255,.5);color:#5e5955;font-size:14px;line-height:1.6}
.ct-phase--dark .ct-phase-note,.ct-phase--pink .ct-phase-note{border-left-color:#fff;background:rgba(255,255,255,.07);color:rgba(255,255,255,.72)}
.ct-services{background:var(--ct-paper);border-top:1px solid var(--ct-line)}
.ct-services-inner{width:min(var(--ct-max),calc(100% - 40px));margin:auto;padding:92px 0}
.ct-section-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:end;margin-bottom:42px}
.ct-section-head h2{margin:0;font-size:clamp(38px,5.5vw,72px);line-height:.96;letter-spacing:-.055em;font-weight:500}
.ct-section-head p{margin:0;max-width:680px;color:#66615d;font-size:18px;line-height:1.55}
.ct-service-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--ct-line);border-left:1px solid var(--ct-line)}
.ct-service-links a{min-height:142px;padding:22px;border-right:1px solid var(--ct-line);border-bottom:1px solid var(--ct-line);display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:background .2s ease,color .2s ease}
.ct-service-links a:hover,.ct-service-links a:focus-visible{background:var(--ct-ink);color:#fff}
.ct-service-links strong{font-size:17px;line-height:1.2}.ct-service-links span{font-size:12px;color:#77716c;line-height:1.45}.ct-service-links a:hover span,.ct-service-links a:focus-visible span{color:rgba(255,255,255,.65)}
.ct-collaboration{background:#fff;border-top:1px solid var(--ct-line)}
.ct-collaboration-inner{width:min(var(--ct-max),calc(100% - 40px));margin:auto;padding:92px 0}
.ct-collaboration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--ct-line);background:var(--ct-line)}
.ct-collaboration-card{background:var(--ct-soft);padding:28px;min-height:200px}
.ct-collaboration-card strong{display:block;margin-bottom:12px;font-size:24px;letter-spacing:-.035em}.ct-collaboration-card p{margin:0;color:#6c6762}
.ct-final{background:#171514;color:#fff}
.ct-final-inner{width:min(var(--ct-max),calc(100% - 40px));margin:auto;padding:100px 0 118px;display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:end}
.ct-final h2{margin:0;max-width:720px;font-size:clamp(46px,6.5vw,88px);line-height:.93;letter-spacing:-.06em;font-weight:500}.ct-final h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.ct-final-copy p{margin:0 0 24px;max-width:520px;color:rgba(255,255,255,.72);font-size:18px;line-height:1.55}
.ct-final-actions{display:flex;flex-wrap:wrap;gap:12px}
.ct-final-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 21px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:800}
.ct-final-wa{background:#fff;color:#171514}.ct-final-diag{border:1px solid rgba(255,255,255,.45);color:#fff}.ct-final-diag:hover,.ct-final-diag:focus-visible{background:var(--ct-pink);border-color:var(--ct-pink)}
@media(max-width:980px){
 .ct-principle-inner,.ct-phase-grid,.ct-section-head,.ct-final-inner{grid-template-columns:1fr;gap:34px}
 .ct-phase--reverse .ct-phase-copy,.ct-phase--reverse .ct-phase-visual{order:initial}
 .ct-phase-visual{position:relative;top:auto;max-width:760px}
 .ct-service-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .ct-hero{min-height:680px}.ct-slide-inner{width:calc(100% - 32px);min-height:680px;padding:72px 0 170px}.ct-slide h1,.ct-slide h2{font-size:clamp(46px,13vw,66px);max-width:96%}.ct-slide-copy{font-size:17px;max-width:92%;margin-top:20px}.ct-slide-actions{margin-top:24px}.ct-case-ref{width:100%}
 .ct-slide-media:after{background:linear-gradient(0deg,rgba(12,11,10,.87) 0%,rgba(12,11,10,.5) 58%,rgba(12,11,10,.18) 100%)}
 .ct-carousel-controls{right:16px;bottom:100px}.ct-carousel-control{width:44px;height:44px}
 .ct-hero-tabs{width:100%;display:flex;overflow-x:auto;scrollbar-width:none;padding-left:16px}.ct-hero-tabs::-webkit-scrollbar{display:none}.ct-hero-tab{flex:0 0 145px;min-height:70px}.ct-hero-tab:first-child{border-left:0}.ct-hero-tab:last-child{margin-right:16px}
 .ct-principle-inner,.ct-phase-inner,.ct-services-inner,.ct-collaboration-inner,.ct-final-inner{width:calc(100% - 32px)}
 .ct-principle-inner{padding:70px 0 64px}.ct-phase-inner{padding:76px 0}.ct-phase h2{font-size:clamp(42px,12vw,60px)}.ct-phase-lead{font-size:17px}.ct-step-grid{grid-template-columns:1fr}.ct-step{min-height:auto}.ct-phase-visual img{aspect-ratio:4/3}
 .ct-services-inner,.ct-collaboration-inner{padding:70px 0}.ct-section-head{margin-bottom:30px}.ct-service-links{grid-template-columns:1fr}.ct-service-links a{min-height:116px}
 .ct-collaboration-grid{grid-template-columns:1fr}.ct-collaboration-card{min-height:auto}
 .ct-final-inner{padding:76px 0 132px}.ct-final-actions{flex-direction:column;align-items:stretch}.ct-final-actions a{width:100%}
}
@media(prefers-reduced-motion:reduce){.ct-slide,.ct-slide-media img,.ct-phase-visual img,.ct-slide-cta{transition:none!important}}