
:root{--navy:#101b3c;--blue:#146fa8;--cyan:#57c6eb;--pink:#ec70ae;--gold:#e2b851;--paper:#f7f9fd;--ink:#1d2844;--muted:#586780}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:1160px;margin:auto;padding:0 24px}.top{background:var(--navy);color:white;position:sticky;top:0;z-index:20;box-shadow:0 5px 25px #101b3c20}.nav{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{font-weight:900;letter-spacing:.075em}.brand span{color:var(--cyan)}.navlinks{display:flex;gap:24px;align-items:center;font-size:.92rem}.navlinks a:hover,.navlinks a:focus-visible{color:var(--cyan)}.menu-toggle{display:none;background:transparent;border:1px solid #a8bcd7;border-radius:10px;color:white;padding:8px 13px}.hero{background:radial-gradient(circle at 80% 15%,#244e8c 0%,transparent 38%),linear-gradient(135deg,#101b3c,#122d60 70%,#17416a);color:white;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;min-height:530px;padding-top:75px;padding-bottom:75px}.eyebrow{color:#2387bc;text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.78rem}.hero .eyebrow{color:var(--cyan)}.hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.08;margin:20px 0}.hero h1 em{font-style:normal;color:#ff9cc8}.hero p{color:#dbe6f7;max-width:600px;font-size:1.08rem}.btn{display:inline-block;background:var(--pink);border:0;color:#141e3a;border-radius:10px;padding:13px 22px;font-weight:800;margin:12px 12px 0 0;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0002}.btn.secondary{background:transparent;border:1px solid #9dc5ed;color:white}.window{background:#fdfdff;border:7px solid #152346;border-radius:20px;box-shadow:18px 22px 0 #08142a77;color:var(--navy);overflow:hidden;transform-origin:50% 55%;animation:balanco-suave 5s ease-in-out infinite}.window:hover{animation-play-state:paused}.windowbar{background:#e8eaf3;padding:12px 16px;display:flex;gap:7px}.dot{width:11px;height:11px;border-radius:50%;background:var(--pink)}.windowcontent{padding:55px 24px;text-align:center;background:repeating-linear-gradient(0deg,#fff,#fff 27px,#f1f5fa 28px)}.windowcontent strong{font:italic clamp(1.5rem,3vw,2.1rem) Georgia,serif;color:#dc5c9c}.windowcontent small{display:block;margin-top:25px;letter-spacing:.22em}.section{padding:82px 0}.section h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.2;margin:8px 0 15px}.lead{color:var(--muted);max-width:780px}.about{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center}.about-card{border-radius:20px;background:white;padding:14px;box-shadow:0 10px 35px #15234610;border-top:5px solid var(--pink)}.about-card .profile-caption{padding:18px 16px 8px}.profile-photo{width:100%;height:370px;object-fit:cover;object-position:center 38%;border-radius:18px;display:block}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.metric{padding:18px;border-radius:12px;background:#eaf4fc}.metric b{display:block;font-size:1.25rem;color:var(--blue)}.metric span{font-size:.85rem;color:var(--muted)}.categories{background:#eaf1fa}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.filter{border:1px solid #cbd7e7;border-radius:30px;background:white;color:var(--ink);padding:9px 16px;font-size:.9rem}.filter.active{background:var(--navy);color:white;border-color:var(--navy)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project{background:white;border-radius:16px;overflow:hidden;box-shadow:0 9px 30px #101b3c12;display:flex;flex-direction:column;border:1px solid #e3e9f2;transition:transform .25s,box-shadow .25s}.project:hover,.project:focus-within{transform:translateY(-6px);box-shadow:0 18px 36px #101b3c25}.visual{height:135px;background:linear-gradient(135deg,#12335f,#3b8fc0);display:flex;align-items:center;justify-content:center;color:white;font-size:3.2rem;overflow:hidden}.visual img{width:100%;height:100%;object-fit:cover}.project:nth-child(5n+2) .visual{background:linear-gradient(135deg,#3d275e,#c477aa)}.project:nth-child(5n+3) .visual{background:linear-gradient(135deg,#0b4a58,#5dbab3)}.project:nth-child(5n+4) .visual{background:linear-gradient(135deg,#6e4b18,#d4a45a)}.project-body{padding:22px;display:flex;flex:1;flex-direction:column}.tag{display:inline-block;color:#25699a;background:#e9f5ff;padding:4px 9px;border-radius:6px;font-size:.73rem;font-weight:800;margin:2px}.tag.draft{color:#775c25;background:#fff5dd}.project h3{margin:13px 0 6px;font-size:1.2rem}.project p{color:var(--muted);font-size:.92rem;margin:0 0 16px}.more{margin-top:auto;color:var(--blue);font-weight:800;padding:8px 0}.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.step{background:white;border-left:4px solid var(--cyan);padding:22px;border-radius:10px}.step b{display:block;margin-bottom:7px}.step p{margin:0;color:var(--muted)}.contact{background:var(--navy);color:white;text-align:center}.contact p{color:#cbd8e9}.footer{background:#09142d;color:#b8c7df;padding:25px;text-align:center;font-size:.85rem}.searchbar{display:flex;gap:10px;align-items:center;background:white;border:1px solid #cbd7e7;border-radius:12px;padding:10px 15px;max-width:520px;margin-top:24px}.searchbar input{border:0;outline:0;min-width:0;width:100%;background:transparent;color:var(--ink)}.searchbar:focus-within{outline:2px solid var(--blue)}.results-count{color:var(--muted);font-size:.88rem;margin:0 0 18px}.featured{background:#fff}.featured .grid{margin-top:28px}.note{color:var(--muted);font-size:.86rem}.pilllink{display:inline-block;border:1px solid #8fb5d1;border-radius:30px;padding:10px 17px;margin:8px;color:var(--blue);background:white;font-weight:700}.pilllink:hover{background:#eaf4fc}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}.empty{padding:32px;background:white;border-radius:14px;grid-column:1/-1}.skip{position:absolute;left:-9999px;top:0;background:white;color:black;padding:10px;z-index:50}.skip:focus{left:10px}.lab{background:#f2f7fd}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lab-card{background:white;border-radius:14px;padding:23px;border:1px solid #dce5f1}.lab-card h3{margin-top:5px}.lab-card p{color:var(--muted)}@keyframes balanco-suave{0%,100%{transform:rotate(2deg) translateY(0)}25%{transform:rotate(0deg) translateY(-5px)}50%{transform:rotate(-2deg) translateY(-8px)}75%{transform:rotate(0deg) translateY(-4px)}}@media(max-width:850px){.hero-inner,.about{grid-template-columns:1fr}.hero-inner{min-height:auto}.window{max-width:450px;margin:20px auto}.grid,.lab-grid{grid-template-columns:repeat(2,1fr)}.navlinks{gap:12px}}@media(max-width:640px){.menu-toggle{display:block}.nav{flex-wrap:wrap;padding:12px 0}.navlinks{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding:10px 0}.navlinks.open{display:flex}.navlinks a{padding:10px 4px}.grid,.metrics,.timeline,.lab-grid{grid-template-columns:1fr}.hero-inner{padding-top:45px;padding-bottom:50px}.section{padding:55px 0}.windowcontent{padding:35px 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.window{transform:rotate(2deg)}}

.cv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:25px}.cv-panel{background:#fff;border:1px solid #dce5f1;border-radius:18px;padding:25px;box-shadow:0 8px 22px rgba(15,32,68,.05)}.cv-panel h3{color:#152a54}.cv-panel p{line-height:1.65}.contact .pilllink{display:inline-block;margin-right:8px}@media(max-width:720px){.cv-grid{grid-template-columns:1fr}}

/* Áreas e resultados restaurados */
.area-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:30px}.area-card{display:flex;flex-direction:column;gap:9px;text-decoration:none;color:#182a4f;background:#fff;border:1px solid #dfe7f1;border-radius:20px;padding:22px 17px;box-shadow:0 9px 25px rgba(15,30,60,.05);transition:transform .25s ease,box-shadow .25s ease}.area-card:hover,.area-card:focus-visible{transform:translateY(-5px);box-shadow:0 16px 35px rgba(15,30,60,.13)}.area-card h3{margin:0;font-size:1.15rem;color:#172a52}.area-card p{margin:0;font-size:.91rem;line-height:1.6;flex:1}.area-emoji{font-size:2rem}.area-action{color:#c32e7c;font-size:.85rem;font-weight:700;margin-top:8px}.outcomes{background:#f4f7fc}.outcomes-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:27px}.outcome{display:flex;flex-direction:column;gap:9px;background:white;border:1px solid #dce5f1;border-radius:17px;padding:22px 15px}.outcome b{font-size:2.1rem;color:#d7448b}.outcome span{font-weight:700;color:#182a4f;line-height:1.3}.outcome small{color:#5d6c82}.areas .lead,.outcomes .lead{max-width:780px}@media(max-width:1050px){.area-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.outcomes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.area-grid,.outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-card,.outcome{padding:17px 13px}}@media(max-width:390px){.area-grid,.outcomes-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.area-card{transition:none}.area-card:hover{transform:none}}

/* CORREÇÃO DE ACESSIBILIDADE: o conteúdo permanece visível mesmo se JS falhar. */
.reveal { opacity:1 !important; transform:none !important; }
.reveal.visible { opacity:1; transform:none; }
@media (prefers-reduced-motion: no-preference) {
  .reveal.visible { animation: entrada-discreta .48s ease-out both; }
  @keyframes entrada-discreta { from {opacity:.7;transform:translateY(9px)} to {opacity:1;transform:translateY(0)} }
}
/* Evita corte dos links no cabeçalho em tablets e notebooks. */
@media (max-width: 1200px) { .navlinks {gap:12px;font-size:.82rem} }
@media (max-width: 1050px) { .menu-toggle {display:block} .nav{flex-wrap:wrap;padding:12px 0} .navlinks{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding:10px 0}.navlinks.open{display:flex}.navlinks a{padding:10px 4px} }

/* Capas editoriais de cada projeto — sem emojis, títulos ou etiquetas sobrepostos. */
.project .visual{height:auto;aspect-ratio:1100/430;display:block;background:#142d50}.project .visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.project:hover .visual img{transform:scale(1.045)}@media(prefers-reduced-motion:reduce){.project:hover .visual img{transform:none}}
