@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('/assets/fonts/inter-tight-latin.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
:root{color-scheme:light;--bg:#f1f3f7;--surface:#fff;--ink:#12151c;--muted:#5b6472;--line:rgba(18,21,28,.16);--blue:#3158dc;--blue-2:#2446bd;--blue-soft:#d9e1ff;--dark:#171b23;--display:'Inter Tight','Arial Narrow',Arial,sans-serif;--body:Inter,Arial,sans-serif;--mono:Consolas,monospace;--shell:1240px;--gutter:clamp(18px,4vw,56px);--radius:18px;--radius-media:26px;--ease:cubic-bezier(.16,1,.3,1);--header:68px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header)}
body{margin:0;overflow-x:clip;background:var(--bg);color:var(--ink);font:500 16px/1.5 var(--body);letter-spacing:-.015em;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,select{touch-action:manipulation}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin-top:0}em{color:var(--blue);font-style:normal;font-weight:500}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-140%);padding:10px 14px;background:#fff;border:2px solid var(--blue);border-radius:8px}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:100;top:0;left:0;display:flex;width:100%;height:var(--header);align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:rgba(241,243,247,.92);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:16px}.brand strong{font:850 19px/1 var(--display);letter-spacing:-.06em}.brand span{padding-left:16px;border-left:1px solid var(--line);font:700 9px/1 var(--mono);letter-spacing:.14em}
.site-header nav{display:flex;align-items:center;gap:26px}.site-header nav>a:not(.header-cta){font-size:13px;font-weight:700}.header-cta{display:flex;min-height:44px;align-items:center;gap:18px;padding:0 18px;border-radius:11px;background:var(--dark);color:#fff;font-size:13px;font-weight:750;transition:background .2s var(--ease),transform .2s var(--ease)}.header-cta:hover{background:var(--blue)}.header-cta:active{transform:translateY(1px)}
.hero{position:relative;display:grid;min-height:100dvh;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:clamp(42px,6vw,84px);align-items:center;padding:calc(var(--header) + 42px) var(--gutter) 58px}.hero::before{position:absolute;inset:var(--header) 50% 0 auto;width:1px;background:var(--line);content:''}.hero-copy{max-width:680px}.eyebrow,.section-index{margin-bottom:24px;color:var(--blue);font:750 10px/1 var(--mono);letter-spacing:.16em}.hero h1,.section-heading h2,.manifesto h2,.service h2,.process h2,.contact h2{margin-bottom:0;font:750 clamp(54px,6.15vw,94px)/.92 var(--display);letter-spacing:-.065em}.hero h1 em{font-weight:460}.hero-lede{max-width:610px;margin:28px 0 0;color:var(--muted);font-size:clamp(17px,1.55vw,21px);line-height:1.45}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:22px;padding:0 22px;border:0;border-radius:12px;font-weight:800;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 14px 30px rgba(49,88,220,.22)}.button-primary:hover{background:var(--blue-2);box-shadow:0 18px 38px rgba(49,88,220,.28)}.text-link{padding:12px 2px;border-bottom:1px solid currentColor;font-weight:750}.hero-stage{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-media);background:#cdd5e4;box-shadow:0 26px 70px rgba(24,32,48,.16)}.stage-toolbar{display:flex;height:38px;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(0,0,0,.14);background:#fff}.stage-toolbar>span{display:flex;gap:5px}.stage-toolbar i{display:block;width:7px;height:7px;border-radius:50%;background:#c6cbd5}.stage-toolbar strong{font:700 9px/1 var(--mono);letter-spacing:.08em}.stage-screen{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:#151923}.stage-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:opacity .24s var(--ease)}.stage-open{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:18px;padding:11px 13px;border-radius:10px;background:rgba(15,18,25,.9);color:#fff;font-size:12px;font-weight:750}.stage-controls{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;padding:11px 12px;background:#fff}.stage-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#f6f7f9;cursor:pointer}.stage-controls>div{display:grid;text-align:center}.stage-controls small{color:var(--muted);font-size:10px}.stage-controls strong{font:800 14px/1.1 var(--display)}.hero-footnote{position:absolute;right:var(--gutter);bottom:20px;margin:0;color:var(--muted);font:600 10px/1 var(--mono);letter-spacing:.08em}
.manifesto,.work,.service,.process,.contact{padding:clamp(80px,10vw,140px) var(--gutter)}.manifesto{display:grid;grid-template-columns:150px minmax(0,.85fr) minmax(420px,1.15fr);gap:clamp(30px,4vw,64px);align-items:start;background:var(--dark);color:#fff}.manifesto .section-index{color:#9fb1ff}.manifesto h2{font-size:clamp(42px,5vw,72px)}.manifesto h2 em{color:#9fb1ff}.manifesto>div>p{max-width:570px;margin:28px 0 0;color:#b9c0cc;font-size:18px}.before-after{display:grid;grid-template-columns:1fr 42px 1fr;align-items:center}.state{min-height:310px;padding:24px;border:1px solid rgba(255,255,255,.2);border-radius:18px}.state>span{display:block;margin-bottom:70px;font:700 10px/1 var(--mono);letter-spacing:.15em}.state p{margin:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14);font:650 20px/1.2 var(--display)}.state-before{color:#9da5b2}.state-after{border-color:#6d86ef;background:var(--blue);color:#fff}.state-arrow{text-align:center;font-size:24px}
.work{background:#f7f8fa}.section-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:44px;align-items:end}.section-heading h2,.service h2,.process h2,.contact h2{font-size:clamp(48px,6vw,82px)}.section-heading>p{max-width:420px;margin:0 0 8px;color:var(--muted);font-size:18px}.filter-bar{display:flex;overflow-x:auto;gap:8px;margin:54px 0 26px;padding-bottom:3px}.filter-bar button{display:flex;min-height:44px;flex:0 0 auto;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font-weight:700;cursor:pointer}.filter-bar button span{color:var(--muted);font:700 10px/1 var(--mono)}.filter-bar button.is-active{border-color:var(--dark);background:var(--dark);color:#fff}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{position:relative;overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:22px;background:#fff;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.project-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(20,25,36,.12)}.project-card[hidden]{display:none}.project-preview{position:relative;overflow:hidden;aspect-ratio:16/9;background:#dfe4ee}.project-preview img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s var(--ease)}.project-card:hover .project-preview img{transform:scale(1.02)}.project-number{position:absolute;top:14px;left:14px;padding:8px 10px;border-radius:8px;background:rgba(15,18,25,.88);color:#fff;font:700 10px/1 var(--mono)}.project-copy{display:grid;grid-template-columns:1fr auto;gap:18px;padding:20px}.project-copy small{display:block;margin-bottom:6px;color:var(--muted);font-size:11px}.project-copy h3{margin:0;font:800 25px/1 var(--display);letter-spacing:-.035em}.project-copy p{margin:8px 0 0;color:var(--muted);font-size:14px}.project-open{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;background:var(--blue);color:#fff;font-size:20px}
.service{background:var(--blue);color:#fff}.service .section-index{color:#d8e0ff}.service-intro{max-width:1030px}.service h2 em{color:#cbd6ff}.service-track{display:grid;grid-template-columns:repeat(5,1fr);margin-top:70px;border-top:1px solid rgba(255,255,255,.28);border-left:1px solid rgba(255,255,255,.28)}.service-track article{min-height:290px;padding:22px;border-right:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}.service-track span{font:700 10px/1 var(--mono)}.service-track h3{margin:110px 0 10px;font:800 24px/1 var(--display)}.service-track p{margin:0;color:#e3e8ff;font-size:14px}
.process{display:grid;grid-template-columns:150px minmax(300px,.8fr) minmax(430px,1.2fr);gap:clamp(30px,5vw,72px);background:#fff}.process h2{font-size:clamp(46px,5vw,70px)}.process-copy>p{max-width:560px;margin:28px 0 0;color:var(--muted);font-size:18px}.process-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:60px 1fr;gap:14px;padding:24px 4px;border-bottom:1px solid var(--line)}.process-list li>span{color:var(--blue);font:750 11px/1.4 var(--mono)}.process-list strong{font:800 22px/1 var(--display)}.process-list p{margin:7px 0 0;color:var(--muted)}
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.62fr);gap:clamp(48px,7vw,100px);align-items:start;background:#dfe5ef}.contact h2{max-width:820px}.brief-form{display:grid;gap:18px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#f8f9fb;box-shadow:0 24px 60px rgba(31,39,55,.09)}.brief-form label{display:grid;gap:8px;font-size:12px;font-weight:750}.brief-form input,.brief-form textarea,.brief-form select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);outline:none;padding:13px 14px}.brief-form input:focus,.brief-form textarea:focus,.brief-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,88,220,.16)}.brief-form textarea{resize:vertical}.button-dark{background:var(--dark);color:#fff}.button-dark:hover{background:var(--blue)}.form-note,.form-status{margin:0;color:var(--muted);font-size:12px}.form-status{min-height:18px;color:var(--blue);font-weight:750}
footer{display:flex;min-height:120px;align-items:center;justify-content:space-between;gap:28px;padding:28px var(--gutter);border-top:1px solid var(--line);background:#fff}footer p,footer>a:last-child{margin:0;color:var(--muted);font-size:12px}
:focus-visible{outline:3px solid #ffbd00;outline-offset:3px}
@media(max-width:1050px){.hero{grid-template-columns:1fr 440px;gap:34px}.manifesto{grid-template-columns:110px 1fr}.before-after{grid-column:2}.service-track{grid-template-columns:repeat(3,1fr)}.process{grid-template-columns:100px 1fr}.process-list{grid-column:2}.contact{grid-template-columns:1fr 420px}}
@media(max-width:820px){:root{--header:62px}.site-header nav>a:not(.header-cta){display:none}.brand span{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding-top:calc(var(--header) + 54px)}.hero::before{display:none}.hero-copy{max-width:720px}.hero h1{font-size:clamp(52px,10.8vw,78px)}.hero-stage{max-width:680px}.hero-footnote{position:static;grid-column:1}.manifesto,.process,.contact{grid-template-columns:1fr}.manifesto>.section-index,.process>.section-index{margin-bottom:0}.before-after,.process-list{grid-column:1}.section-heading{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.service-track{grid-template-columns:repeat(2,1fr)}.contact{gap:38px}.brief-form{max-width:620px}footer{flex-wrap:wrap}}
@media(max-width:520px){:root{--gutter:16px}.site-header{padding-inline:16px}.header-cta{padding-inline:14px}.hero{gap:30px;padding-bottom:36px}.hero h1{font-size:clamp(45px,13.1vw,58px);line-height:.94}.hero-lede{margin-top:20px;font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.text-link{align-self:flex-start}.hero-stage{border-radius:18px}.stage-screen{aspect-ratio:16/10}.manifesto,.work,.service,.process,.contact{padding:72px 16px}.manifesto h2,.section-heading h2,.service h2,.process h2,.contact h2{font-size:clamp(40px,11.4vw,52px)}.manifesto>div>p,.section-heading>p,.process-copy>p{font-size:16px}.before-after{grid-template-columns:1fr}.state{min-height:245px}.state>span{margin-bottom:42px}.state-arrow{padding:14px;transform:rotate(90deg)}.filter-bar{margin-top:36px}.project-copy{padding:16px}.service-track{grid-template-columns:1fr}.service-track article{min-height:210px}.service-track h3{margin-top:70px}.process-list li{grid-template-columns:44px 1fr}.brief-form{padding:20px}footer{align-items:flex-start;flex-direction:column}}
@media(min-width:821px) and (max-height:700px){.hero{gap:34px;padding-top:calc(var(--header) + 18px);padding-bottom:18px}.hero h1{font-size:clamp(52px,4.8vw,62px)}.eyebrow{margin-bottom:14px}.hero-lede{margin-top:16px;font-size:17px;line-height:1.35}.hero-actions{margin-top:18px}.hero-stage{max-height:485px}.stage-screen{aspect-ratio:16/9}.hero-footnote{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* JPages 2.0: identidade editorial quente, clara e distinta dos projetos */
:root{--bg:#f3efe7;--surface:#fffdf8;--ink:#1a1915;--muted:#68645a;--line:rgba(26,25,21,.18);--blue:#e6532f;--blue-2:#bf3e22;--blue-soft:#f4c6b8;--dark:#20372f;--radius-media:24px}
.site-header{background:rgba(243,239,231,.94)}
.hero h1,.section-heading h2,.manifesto h2,.service h2,.process h2,.contact h2{font-weight:690;line-height:.93}
.hero h1 em,.section-heading h2 em,.manifesto h2 em,.service h2 em,.process h2 em,.contact h2 em{font-weight:430}
.hero-stage{background:#d9d3c8;box-shadow:0 26px 70px rgba(46,39,28,.15)}
.stage-open{background:rgba(32,55,47,.94)}
.manifesto{background:var(--dark)}
.manifesto .section-index,.service .section-index{color:#f8a78f}
.manifesto h2 em,.service h2 em{color:#f8a78f}
.manifesto>div>p{color:#cad4cf}
.state-after{border-color:#f28464;background:var(--blue)}
.work{background:#fbf8f2}
.project-grid{gap:20px}
.project-card{background:var(--surface);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.project-card:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(42,36,27,.12)}
.project-preview{background:#ddd7cc}
.project-card:hover .project-preview img{transform:scale(1.015)}
.project-number{background:rgba(32,55,47,.94)}
.project-copy{grid-template-columns:minmax(150px,.7fr) minmax(190px,1fr);gap:22px;padding:22px}
.project-copy h3{font-weight:770}
.project-copy p{font-size:13px}
.project-offer{padding-left:20px;border-left:1px solid var(--line)}
.project-offer>span{display:block;margin-bottom:7px;color:var(--blue);font:750 9px/1 var(--mono);letter-spacing:.11em}
.project-offer strong{display:block;font:680 18px/1.18 var(--display)}
.project-offer small{margin:8px 0 0}
.project-open{grid-column:1/-1;display:flex;width:auto;min-height:44px;height:auto;align-items:center;justify-content:space-between;padding:0 14px;border-radius:10px;background:var(--dark);color:#fff;font-size:12px;font-weight:800}
.project-card:hover .project-open{background:var(--blue)}
.project-open b{font-size:17px}
.service{background:var(--dark)}
.service-track{border-color:rgba(255,255,255,.24)}
.service-track p{color:#d6dfda}
.contact{background:#eadfd4}
.brief-form{background:#fffaf4;box-shadow:0 24px 60px rgba(54,43,30,.09)}
@media(max-width:620px){.project-copy{grid-template-columns:1fr;gap:16px}.project-offer{padding:14px 0 0;border-top:1px solid var(--line);border-left:0}.project-open{grid-column:1}}