@font-face{font-family:CodecPro;src:url('../fonts/CodecPro-News.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:CodecPro;src:url('../fonts/CodecPro-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--cases-blue:#003cfd;--cases-magenta:#d40675;--cases-ink:#000;--cases-muted:#000;--cases-soft:#f6f8ff}
html{overflow-x:hidden}.cases-page{margin:0;overflow-x:hidden;background:#fff;color:var(--cases-ink)}.cases-page main{font-family:sans-serif}.cases-page main h1,.cases-page main h2,.cases-page main h3{font-family:CodecPro,sans-serif!important;font-weight:700}.cases-page main p,.cases-page main a,.cases-page main button,.cases-page main span,.cases-page main strong{font-family:sans-serif}.cases-page main img{display:block;max-width:100%}.cases-shell{width:min(1320px,calc(100% - 64px));margin-inline:auto}.cases-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:22px;color:var(--cases-blue);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.cases-eyebrow:before{content:"";width:34px;height:3px;background:var(--cases-magenta)}.cases-eyebrow--light{color:#fff}
.cases-hero{position:relative;isolation:isolate;min-height:clamp(610px,74vh,820px);overflow:hidden;border-radius:0 0 42px 42px}.cases-hero__image,.cases-cta__image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.cases-hero__image{object-position:center 43%}.cases-hero__shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,21,63,.76) 0%,rgba(7,21,63,.57) 27%,rgba(7,21,63,.25) 49%,rgba(7,21,63,.07) 65%,transparent 78%)}.cases-hero__inner{display:flex;align-items:center;min-height:inherit}.cases-hero__copy{max-width:585px;color:#fff;transform:translateY(clamp(-30px,-2.2vh,-14px))}.cases-hero h1{max-width:585px;margin:0;color:#fff;font-family:CodecPro,sans-serif!important;font-size:clamp(3.15rem,4.95vw,4.7rem);font-weight:700;line-height:.98!important;letter-spacing:-.045em;text-align:left;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.22)}
.cases-showcase{padding:clamp(90px,10vw,150px) 0 80px;background:#fff}.cases-showcase__head{margin-bottom:clamp(34px,4vw,52px)}.cases-showcase__head h2{margin:0;color:#000;font-size:clamp(2.8rem,5vw,5.2rem);line-height:.94;letter-spacing:-.05em}.cases-carousel{width:100%;overflow:hidden}.cases-carousel__viewport{overflow-x:auto;overflow-y:hidden;padding:8px max(32px,calc((100vw - 1320px)/2)) 18px;cursor:grab;scrollbar-width:none;touch-action:pan-y}.cases-carousel__viewport::-webkit-scrollbar{display:none}.cases-carousel__viewport.is-dragging{cursor:grabbing}.cases-carousel__track{display:flex;gap:24px;width:max-content}.case-slide{flex:0 0 clamp(300px,25vw,445px);user-select:none}.case-slide__image{overflow:hidden;aspect-ratio:4/3;border-radius:22px;background:var(--cases-soft)}.case-slide__image img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.case-slide:hover .case-slide__image img{transform:scale(1.025)}.case-slide h3{margin:19px 0 4px;font-family:CodecPro,sans-serif!important;font-size:clamp(1.35rem,1.7vw,1.75rem);font-weight:700;line-height:1.12;letter-spacing:-.02em}.case-slide p{margin:0;color:#000;font-family:sans-serif;font-size:.98rem;font-weight:400;line-height:1.45}.cases-carousel__controls{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:13px}.cases-carousel__dots{display:flex;gap:6px}.cases-carousel__dots i{display:block;width:6px;height:6px;border-radius:50%;background:#cbd4f4;transition:width .25s,background .25s}.cases-carousel__dots i.is-active{width:20px;border-radius:99px;background:var(--cases-blue)}.cases-carousel__toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #c9d4ff;border-radius:50%;background:#fff;color:var(--cases-blue);cursor:pointer}.cases-carousel__toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cases-carousel__toggle .icon-play{display:none}.cases-carousel__toggle.is-paused .icon-pause{display:none}.cases-carousel__toggle.is-paused .icon-play{display:block}.cases-showcase__statement{max-width:760px;margin-top:clamp(78px,7vw,106px);margin-bottom:clamp(22px,2.5vw,38px);text-align:center;font-size:clamp(1.08rem,1.35vw,1.3rem);line-height:1.55}
.cases-territories{padding:32px 0 86px;background:#fff}.cases-territories__list{display:flex;justify-content:space-between;gap:clamp(20px,3vw,44px);padding-top:38px;border-top:1px solid #dfe5f6}.territory-item{display:flex;flex:1 1 0;align-items:center;gap:12px;color:var(--cases-ink)}.territory-item span{display:grid;flex:0 0 42px;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--cases-blue);color:#fff}.territory-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.territory-item strong{font-family:CodecPro,sans-serif;font-size:1.05rem}
.cases-cta{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(590px,72vh,790px);overflow:hidden;border-radius:40px 40px 0 0;color:#fff}.cases-cta__image{object-position:center}.cases-cta__shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,21,63,.8) 0%,rgba(7,21,63,.64) 27%,rgba(7,21,63,.35) 45%,rgba(7,21,63,.1) 59%,transparent 70%)}.cases-cta__inner{padding-block:90px}.cases-cta__inner .cases-eyebrow{margin-bottom:24px}.cases-cta h2{max-width:650px;margin:0 0 clamp(32px,3vw,40px);color:#fff;font-size:clamp(3rem,4.05rem,5rem);line-height:.94;letter-spacing:-3px;text-wrap:balance;text-shadow:0 2px 22px rgba(0,0,0,.22)}.cases-cta a{display:inline-flex;align-items:center;justify-content:center;padding:16px 29px;border:1px solid #fff;border-radius:999px;background:#fff;color:var(--cases-blue);font-size:1.02rem;text-decoration:none;transition:transform .25s ease}.cases-cta a:hover{transform:translateY(-2px)}
.js .cases-reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.js .cases-reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.cases-shell{width:min(100% - 38px,720px)}.cases-hero{min-height:680px}.cases-hero__image{object-position:58% center}.cases-hero__shade{background:linear-gradient(90deg,rgba(7,21,63,.78),rgba(7,21,63,.3) 72%,transparent)}.cases-hero__copy{transform:translateY(-14px)}.case-slide{flex-basis:clamp(285px,46vw,390px)}.cases-territories__list{flex-wrap:wrap;justify-content:flex-start}.territory-item{flex:1 1 28%}.cases-cta__image{object-position:58% center}}
@media(max-width:600px){.cases-shell{width:calc(100% - 28px)}.cases-hero{min-height:620px;border-radius:0 0 26px 26px}.cases-hero__image{object-position:62% center}.cases-hero__shade{background:linear-gradient(90deg,rgba(7,21,63,.84) 0%,rgba(7,21,63,.54) 62%,rgba(7,21,63,.1) 100%)}.cases-hero__copy{max-width:94%;transform:translateY(-10px)}.cases-hero h1{font-size:clamp(3.05rem,14.5vw,4.7rem)}.cases-showcase{padding:76px 0 60px}.cases-showcase__head{margin-bottom:34px}.cases-carousel__viewport{padding-left:14px;padding-right:14px}.case-slide{flex-basis:82vw}.case-slide__image{border-radius:18px}.cases-showcase__statement{margin-top:64px;margin-bottom:24px}.cases-territories{padding-bottom:70px}.cases-territories__list{gap:20px 10px}.territory-item{flex-basis:45%}.cases-cta{min-height:650px;border-radius:26px 26px 0 0;align-items:flex-end}.cases-cta__image{object-position:59% center}.cases-cta__shade{background:linear-gradient(90deg,rgba(7,21,63,.82) 0%,rgba(7,21,63,.58) 58%,rgba(7,21,63,.14) 82%,transparent 100%)}.cases-cta__inner{padding-block:70px}.cases-cta h2{font-size:clamp(3.05rem,13vw,4.35rem)}}
@media(prefers-reduced-motion:reduce){.case-slide__image img,.cases-cta a,.cases-reveal{transition:none!important}.js .cases-reveal{opacity:1;transform:none}}

/* Aproxima a abertura de "Nosso trabalho" da hero. */
.cases-showcase{padding-top:clamp(48px,5vw,76px)}

/* Centraliza os controles e elimina a sobra clara da foto da hero. */
.cases-carousel__controls{justify-content:center}
.cases-hero__image{object-position:50% 8%;transform:scale(1.045);transform-origin:left center}
.cases-hero__shade{background:linear-gradient(90deg,rgba(0,22,88,.9) 0%,rgba(0,28,112,.79) 14%,rgba(0,36,145,.59) 25%,rgba(0,45,180,.36) 35%,rgba(0,53,215,.18) 43%,rgba(0,59,245,.065) 49%,rgba(0,60,253,.018) 53%,transparent 57%)}
.cases-hero__copy{max-width:545px;transform:translateY(calc(clamp(-30px,-2.2vh,-14px) - 28px))}
.cases-hero h1{width:min(100%,545px);max-width:545px}
.cases-hero{min-height:clamp(720px,84vh,940px)}
.cases-hero__curve{position:absolute;z-index:2;right:0;bottom:-1px;left:0;width:100%;height:clamp(46px,4.5vw,66px);pointer-events:none}.cases-hero__curve-fill{fill:#fff}.cases-hero__curve-arrow{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;animation:casesHeroChevron 2.2s ease-in-out infinite}@keyframes casesHeroChevron{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(prefers-reduced-motion:reduce){.cases-hero__curve-arrow{animation:none}}
@media(max-width:900px){.cases-hero{min-height:760px}.cases-hero__image{object-position:58% 9%;transform:scale(1.02);transform-origin:left center}.cases-hero__shade{background:linear-gradient(90deg,rgba(0,24,96,.86) 0%,rgba(0,34,136,.66) 34%,rgba(0,48,190,.29) 54%,rgba(0,60,253,.07) 67%,transparent 78%)}}
@media(max-width:600px){.cases-hero{min-height:680px}.cases-hero__image{object-position:62% 11%;transform:none}.cases-hero__shade{background:linear-gradient(90deg,rgba(0,24,96,.88) 0%,rgba(0,34,136,.7) 42%,rgba(0,48,190,.36) 68%,rgba(0,60,253,.09) 84%,transparent 100%)}}

/* Reserva o espaço do widget sem alterar a composição global do rodapé. */
.cases-page .footer{padding-bottom:72px!important}

.case-slide h3{color:var(--cases-blue)}

/* A imagem da FCruz mantém o zoom e funciona como acesso direto ao projeto. */
.case-slide__image-link{display:block;color:inherit;text-decoration:none;cursor:pointer}
.case-slide__image-link:focus-visible{outline:3px solid var(--cases-magenta);outline-offset:6px;border-radius:24px}

/* Mantém a marca do Art Attack centralizada no recorte 4:3 do card. */
.case-slide__image img[alt="Projeto Art Attack"]{object-position:20% center}

/* Mantém a assinatura menor do Aleixo inteiramente no recorte 4:3. */
.case-slide__image img[alt="Projeto Aleixo Mudanças"]{object-position:20% center}

/* Mostra a assinatura FCruz no recorte horizontal do card. */
.case-slide__image img[alt="Projeto FCruz Projetos"]{object-position:center top}

.cases-showcase__statement{font-size:clamp(1.35rem,1.75vw,1.65rem)}

.cases-showcase__statement{max-width:72%;margin-top:clamp(78px,7vw,106px);margin-bottom:clamp(22px,2.5vw,38px);text-align:center;font-size:3rem!important;font-family:CodecPro,sans-serif!important;line-height:1;font-weight:bolder}

.territory-item strong{font-weight:400}

.cases-showcase__head h2{margin:0;color:#000;font-size:56px;line-height:.94;letter-spacing:-.05em}

.cases-cta a{border-color:var(--cases-blue);background:var(--cases-blue);color:#fff}

/* Iguala a presenca da hero de Cases a hero de "O que fazemos" no desktop. */
@media(min-width:901px){
  .cases-hero{
    min-height:100svh;
    min-height:100dvh;
  }
}