@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');

:root{
  --embauba-paper:#F3F0E8;
  --embauba-surface:#FAF8F3;
  --embauba-sand:#E8E2D7;
  --embauba-stone:#A5A39B;
  --embauba-ink:#292B29;
  --embauba-green:#30483D;
  --embauba-green-dark:#23372F;
  --embauba-earth:#A26F55;
  --embauba-ochre:#B28A3E;
  --embauba-indigo:#5A6675;
  --embauba-line:rgba(41,43,41,.12);
  --embauba-shadow:0 18px 48px rgba(41,43,41,.065);
  --font-display:"Manrope","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --font-sans:"Manrope","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;

  /* compatibility with V0.10.1 */
  --paper:var(--embauba-paper);
  --paper-warm:var(--embauba-sand);
  --stone:#D5D0C6;
  --sand:var(--embauba-sand);
  --botanical:var(--embauba-green);
  --botanical-deep:var(--embauba-green-dark);
  --rust:var(--embauba-earth);
  --ochre:var(--embauba-ochre);
  --indigo:var(--embauba-indigo);
  --ink:var(--embauba-ink);
  --line:var(--embauba-line);
  --white:var(--embauba-surface);
  --deep:var(--embauba-green);
  --deep2:#465A50;
  --terracotta:var(--embauba-earth);
  --terracotta-deep:#845843;
  --cream:var(--embauba-paper);
  --cream-2:var(--embauba-sand);
}

html,body{background:var(--embauba-paper)}
body{
  font-family:var(--font-sans)!important;
  color:var(--embauba-ink);
  font-weight:400;
}
button,input,select,textarea{font-family:var(--font-sans)}
h1,h2,h3{font-family:var(--font-sans)!important;color:var(--embauba-ink)}
.eyebrow{
  color:#74736d!important;
  letter-spacing:.15em;
  font-weight:650!important;
}
.lead{color:#505b56}
.container{width:min(1200px,calc(100% - 52px))}

/* ---------------------------------------------------------
   Brand
   --------------------------------------------------------- */
.brand,
.site-brand{
  gap:0!important;
}
.brand-mark,
.site-brand-mark,
.mark{
  display:none!important;
}
.embauba-wordmark{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:220px;
}
.embauba-wordmark strong{
  font-family:var(--font-sans)!important;
  font-size:20px!important;
  line-height:1!important;
  letter-spacing:.115em!important;
  font-weight:700!important;
  color:var(--embauba-ink)!important;
}
.embauba-wordmark small{
  display:block;
  margin-top:5px!important;
  font-family:var(--font-sans)!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  text-transform:uppercase;
  letter-spacing:.16em!important;
  color:#70756f!important;
  white-space:nowrap;
}
.embauba-wordmark .founder{
  margin-top:4px;
  font-size:8px;
  line-height:1.2;
  color:#85827b;
  letter-spacing:.07em;
}

/* ---------------------------------------------------------
   Shared navigation
   --------------------------------------------------------- */
nav,.site-nav{
  background:rgba(243,240,232,.95)!important;
  border-bottom:1px solid rgba(41,43,41,.085)!important;
  box-shadow:none;
}
.nav-inner,.site-nav-inner{height:78px!important}
.navlinks,.site-navlinks{
  gap:23px!important;
  font-size:12px!important;
  font-weight:560!important;
}
.navlinks a,.site-navlinks a{opacity:.72}
.navlinks a:hover,.site-navlinks a:hover{opacity:1}
.btn-primary,.site-btn-primary{
  background:var(--embauba-green)!important;
  color:#fff!important;
}
.btn-primary:hover,.site-btn-primary:hover{background:var(--embauba-green-dark)!important}
.btn-outline,.site-btn-secondary{
  border-color:rgba(48,72,61,.22)!important;
  color:var(--embauba-green)!important;
}

/* ---------------------------------------------------------
   Landing: hero
   --------------------------------------------------------- */
.hero{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  background:var(--embauba-paper)!important;
  padding:102px 0 98px!important;
}
.hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(162,111,85,.035),transparent 36%),
    radial-gradient(circle at 78% 30%,rgba(48,72,61,.055),transparent 30%)!important;
  pointer-events:none;
}
.hero-grid{position:relative;z-index:2;gap:76px!important}
.hero h1{
  font-size:clamp(58px,6.8vw,92px)!important;
  max-width:930px;
  font-weight:570!important;
  letter-spacing:-.052em!important;
  line-height:.96!important;
}
.hero .lead{max-width:800px}
.hero-meta{
  border-top-color:rgba(41,43,41,.10)!important;
}
.hero-meta div{color:#70736d!important}
.hero-meta b{color:var(--embauba-ink)!important}

/* Abstract system arcs: expansion/capacity, never botanical */
.embauba-orbits{
  position:absolute;
  z-index:0;
  width:min(720px,55vw);
  aspect-ratio:1;
  right:-170px;
  top:38px;
  pointer-events:none;
  opacity:.67;
}
.embauba-orbits span{
  position:absolute;
  border:1px solid rgba(48,72,61,.15);
  border-radius:50%;
  inset:0;
}
.embauba-orbits span:nth-child(2){inset:12%}
.embauba-orbits span:nth-child(3){inset:24%;border-color:rgba(162,111,85,.17)}
.embauba-orbits span:nth-child(4){inset:36%}
.embauba-orbits span:nth-child(5){inset:48%;border-color:rgba(178,138,62,.20)}
.embauba-orbits:after{
  content:"";
  position:absolute;
  left:50%;top:-6%;bottom:-6%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(41,43,41,.11),transparent);
}

/* signature line */
.chromatic-rule{height:3px!important;gap:0!important;width:154px!important;border-radius:999px;overflow:hidden}
.chromatic-rule span{height:2px!important}
.chromatic-rule .c1,.chromatic-rule span:nth-child(1){background:var(--embauba-stone)!important;flex:1.30}
.chromatic-rule .c2,.chromatic-rule span:nth-child(2){background:var(--embauba-ochre)!important;flex:.95}
.chromatic-rule .c3,.chromatic-rule span:nth-child(3){background:var(--embauba-earth)!important;flex:1.10}
.chromatic-rule .c4,.chromatic-rule span:nth-child(4){background:var(--embauba-green)!important;flex:1.05}
.chromatic-rule .c5,.chromatic-rule span:nth-child(5){background:var(--embauba-indigo)!important;flex:.85}

/* ---------------------------------------------------------
   Thesis — editorial, not environmental
   --------------------------------------------------------- */
.statement{
  background:#ECE7DD!important;
  color:var(--embauba-ink)!important;
}
.statement h2{
  font-family:var(--font-sans)!important;
  font-size:clamp(44px,5vw,64px)!important;
  font-weight:560!important;
  letter-spacing:-.045em!important;
  line-height:1.02!important;
}
.statement-quote{
  color:var(--embauba-green-dark)!important;
  font-family:var(--font-sans)!important;
  font-weight:500!important;
}
.pill{
  background:rgba(250,248,243,.52)!important;
  border-color:rgba(41,43,41,.12)!important;
  color:#4b514d!important;
}

/* ---------------------------------------------------------
   Roda: core visual asset
   --------------------------------------------------------- */
.wheel-section{
  background:#E4E1D8!important;
}
.wheel-hero-card,.wheel-large{
  background:rgba(250,248,243,.91)!important;
  border:1px solid rgba(41,43,41,.10)!important;
  border-radius:20px!important;
  box-shadow:var(--embauba-shadow)!important;
}
.wheel-top b{
  font-family:var(--font-sans)!important;
  font-weight:600!important;
}
.ring{stroke:rgba(41,43,41,.10)!important}
.axis,.radar-axis{stroke:rgba(41,43,41,.12)!important}
.current-poly{
  fill:rgba(48,72,61,.12)!important;
  stroke:var(--embauba-green)!important;
}
.current-dot{fill:var(--embauba-green)!important}
.required-poly{
  fill:rgba(162,111,85,.045)!important;
  stroke:var(--embauba-earth)!important;
}
.legend-line{border-color:var(--embauba-green)!important}
.legend-line.required{border-color:var(--embauba-earth)!important}
.wheel-summary,.wheel-focus{background:#EEE9E0!important}
.wheel-summary b,.wheel-focus-status{color:var(--embauba-earth)!important}
.wheel-focus-title{color:var(--embauba-green)!important}
.four-layers{
  border-top:1px solid rgba(41,43,41,.08);
}
.layer{
  background:rgba(250,248,243,.42)!important;
  border-color:rgba(41,43,41,.08)!important;
  border-radius:10px!important;
}
.layer:hover,.layer.is-selected{
  background:rgba(250,248,243,.86)!important;
}
.layer.is-selected::before{background:var(--embauba-earth)!important}

/* ---------------------------------------------------------
   Areas of work — more editorial, less SaaS
   --------------------------------------------------------- */
#atuacao{
  background:var(--embauba-paper)!important;
}
.service-wrap{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-top:1px solid rgba(41,43,41,.11)!important;
}
.service{
  margin:0!important;
  padding:36px 8px!important;
  border-radius:0!important;
  border-bottom:1px solid rgba(41,43,41,.10)!important;
  box-shadow:none!important;
}
.service:hover,.service.is-selected{
  background:rgba(232,226,215,.46)!important;
  transform:none!important;
  box-shadow:none!important;
}
.service.is-selected{
  box-shadow:inset 2px 0 0 var(--embauba-earth)!important;
}
.service::after{right:10px!important}
.service-no{
  font-family:var(--font-sans)!important;
  color:var(--embauba-stone)!important;
  font-size:22px!important;
  letter-spacing:-.035em!important;
  font-weight:600!important;
}
.service:hover .service-no,.service.is-selected .service-no{
  color:var(--embauba-earth)!important;
}
.service h3{font-size:21px!important}
.service p{color:#64665f!important}
.service-line{
  background:transparent!important;
  border-color:rgba(41,43,41,.13)!important;
  color:#4f5551!important;
}
.service-line:hover,.service-line.is-active{
  background:var(--embauba-green)!important;
  border-color:var(--embauba-green)!important;
  color:#fff!important;
}

/* ---------------------------------------------------------
   Method / diagnostic / audiences / experience
   --------------------------------------------------------- */
#metodo{
  background:#E9E4DA!important;
}
#metodo h2{font-weight:560!important}
#metodo .statement-quote{
  font-family:var(--font-sans)!important;
  font-size:clamp(29px,3.2vw,43px)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  font-weight:540!important;
  color:var(--embauba-ink)!important;
}

.diag{
  background:#2B2E2C!important;
}
.diag:after{display:none!important}
.diag h2,.diag h3{color:#fff!important}
.diag p,.diag .lead{color:#DEE2DE!important}
.diag .eyebrow{color:#D8C5B8!important}
.diag-card{
  background:#F0ECE3!important;
  border-radius:16px!important;
}
.diag-card h3{color:var(--embauba-ink)!important}
.diag-card .eyebrow{color:#74736d!important}
.diag-card .small{color:#75736d!important}
.diag .btn-light{
  background:var(--embauba-surface)!important;
  color:var(--embauba-green)!important;
}
.diag .btn-outline{
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
}

.embedded-diagnostic{
  background:#EEE9E0!important;
}
.diagnostic-frame-wrap{
  background:var(--embauba-surface)!important;
  border-color:rgba(41,43,41,.09)!important;
  box-shadow:none!important;
}
.diagnostic-disclaimer p{color:#63665f!important}

.section:has(.sector-row){
  background:#F5F2EB!important;
}
.sector{
  background:transparent!important;
  border-color:rgba(41,43,41,.13)!important;
  color:#525753!important;
  border-radius:999px!important;
}
.sector:hover{
  background:#E8E2D7!important;
  color:var(--embauba-green-dark)!important;
}

#experiencia{
  background:#F0ECE4!important;
}
#experiencia .timeline-row{border-color:rgba(41,43,41,.10)!important}
#experiencia .timeline-row b{color:var(--embauba-green-dark)!important}

#sobre{
  background:#E7E1D6!important;
}
#sobre .about-portrait{
  border-color:rgba(41,43,41,.12)!important;
  box-shadow:0 12px 28px rgba(41,43,41,.06)!important;
}
.about-role{
  display:block;
  margin-top:8px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:#75736d;
}
.why-embauba{
  margin-top:25px;
  padding-top:19px;
  border-top:1px solid rgba(41,43,41,.11);
}
.why-embauba .why-title{
  font-family:var(--font-sans)!important;
  font-size:22px;
  line-height:1.05;
  font-weight:600;
  letter-spacing:-.025em;
  color:var(--embauba-green-dark);
  margin-bottom:9px;
}
.why-embauba p{
  max-width:680px;
  color:#62655f;
  font-size:13px;
}

/* ---------------------------------------------------------
   CTA / Footer
   --------------------------------------------------------- */
#contato{
  background:var(--embauba-paper)!important;
}
.cta{
  background:#272B29!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
}
.cta .eyebrow{color:#D8C5B8!important}
.cta .lead{color:#DDE1DE!important}
.cta .btn-light{
  background:#F2EEE5!important;
  color:var(--embauba-green-dark)!important;
}
.footer{
  background:#222825!important;
  color:#EFF0EC!important;
  border-top:0!important;
}
.footer .embauba-wordmark strong{color:#F4F1EA!important}
.footer .embauba-wordmark small,.footer .embauba-wordmark .founder{color:#AEB7B1!important}
.footer-links a{opacity:.72}.footer-links a:hover{opacity:1}

/* ---------------------------------------------------------
   Insights
   --------------------------------------------------------- */
.insights-hero{
  background:var(--embauba-paper)!important;
  position:relative;
  overflow:hidden;
}
.insights-hero:after{
  content:"";
  position:absolute;
  right:-190px;top:-170px;
  width:520px;height:520px;
  border:1px solid rgba(48,72,61,.13);
  border-radius:50%;
  box-shadow:
    0 0 0 65px rgba(0,0,0,0),
    0 0 0 66px rgba(162,111,85,.10),
    0 0 0 132px rgba(0,0,0,0),
    0 0 0 133px rgba(48,72,61,.08);
  pointer-events:none;
}
.insights-hero h1{
  font-size:clamp(52px,6vw,78px)!important;
}
.posts-section{background:#EFEAE1!important}
.post-card{
  background:rgba(250,248,243,.72)!important;
  border-color:rgba(41,43,41,.10)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.post-card:hover{
  background:var(--embauba-surface)!important;
  transform:translateY(-2px);
}
.post-meta,.read-more{color:var(--embauba-earth)!important}
.filters .filter.is-active,.filter.is-active{
  background:var(--embauba-green)!important;
  color:#fff!important;
}
footer .domain{color:#9BA59F!important}

/* Article */
.article-head .eyebrow{color:var(--embauba-earth)!important}
.article-head h1{font-family:var(--font-sans)!important;font-weight:570!important;letter-spacing:-.045em!important}
.article-body h2{font-family:var(--font-sans)!important;font-weight:580!important;letter-spacing:-.03em!important}
.article-body blockquote{border-left-color:var(--embauba-earth)!important}

/* ---------------------------------------------------------
   Diagnostic page
   --------------------------------------------------------- */
.site-nav{
  background:rgba(243,240,232,.96)!important;
}
.site-brand .embauba-wordmark strong{font-size:22px!important}
.site-brand .embauba-wordmark small{font-size:8px!important}
.progress{background:#DDD8CF!important}
.progress>div{background:var(--embauba-earth)!important}
body:has(#screen-access){
  background:var(--embauba-paper)!important;
}
body:has(#screen-access) .wrap{max-width:980px!important}
body:has(#screen-access) .panel{
  border-color:rgba(41,43,41,.10)!important;
  background:rgba(250,248,243,.84)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
body:has(#screen-access) .panel.hero{
  padding:42px!important;
  background:rgba(250,248,243,.78)!important;
}
body:has(#screen-access) .panel.hero:before{display:none!important}
body:has(#screen-access) h1{
  font-size:clamp(44px,5vw,68px)!important;
  font-weight:570!important;
}
body:has(#screen-access) .publication-intro,
body:has(#screen-access) .objective-summary{
  background:#EAE4DA!important;
  border-color:rgba(41,43,41,.08)!important;
}
body:has(#screen-access) .objective-card{
  background:var(--embauba-surface)!important;
  border-color:rgba(41,43,41,.10)!important;
}
body:has(#screen-access) .objective-card:has(input:checked){
  background:#E5E5DC!important;
  border-color:var(--embauba-green)!important;
}
body:has(#screen-access) .primary{
  background:var(--embauba-green)!important;
}
body:has(#screen-access) .refine-panel{
  background:#292E2B!important;
}

/* ---------------------------------------------------------
   Conversation page
   --------------------------------------------------------- */
body:has(#conversationForm){
  background:var(--embauba-paper)!important;
}
body:has(#conversationForm) .wrap{max-width:860px!important}
body:has(#conversationForm) h1{
  font-family:var(--font-sans)!important;
  font-weight:580!important;
  letter-spacing:-.045em!important;
}
body:has(#conversationForm) .panel{
  background:var(--embauba-surface)!important;
  border-color:rgba(41,43,41,.10)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
body:has(#conversationForm) button{
  background:var(--embauba-green)!important;
}
body:has(#conversationForm) .contact-choice label:has(input:checked){
  border-color:var(--embauba-green)!important;
  background:#E8E7DF!important;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media(max-width:1020px){
  .container{width:min(1180px,calc(100% - 40px))}
  .embauba-orbits{right:-240px;width:700px;opacity:.45}
}
@media(max-width:920px){
  .hero{padding:78px 0 76px!important}
  .hero-grid{gap:42px!important}
  .embauba-orbits{right:-300px;top:250px}
  .embauba-wordmark{min-width:0}
}
@media(max-width:640px){
  .container{width:min(100% - 30px,1200px)}
  .nav-inner,.site-nav-inner{height:70px!important}
  .embauba-wordmark strong{font-size:20px!important}
  .embauba-wordmark small{font-size:7.5px!important;max-width:210px;white-space:normal}
  .hero{padding:64px 0 70px!important}
  .hero h1{font-size:49px!important}
  .embauba-orbits{width:520px;right:-330px;top:390px;opacity:.35}
  .statement h2{font-size:46px!important}
  .service{padding:28px 4px!important}
  .service-no{font-size:24px!important}
  body:has(#screen-access) .panel.hero{padding:26px!important}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* V1 pre-publication: public principles replace internal method layers */
.four-layers{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.four-layers .layer{cursor:default!important}
.four-layers .layer:hover{transform:none!important}
@media(max-width:820px){.four-layers{grid-template-columns:1fr!important}}


/* =========================================================
   V1 header system: full line until it no longer fits,
   then CTA + hamburger. No navigation label wraps.
   ========================================================= */
.nav-inner,.site-nav-inner{
  position:relative;
  gap:20px;
}
.navlinks,.site-navlinks{
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  min-width:0;
}
.navlinks>a,.site-navlinks>a{
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.navlinks .btn,.site-navlinks .site-btn,
.mobile-nav-actions .btn,.mobile-nav-actions .site-btn{
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

.mobile-nav-actions{
  display:none;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-left:auto;
  flex:0 0 auto;
}
.mobile-nav-actions .mobile-read-cta{
  margin:0!important;
  white-space:nowrap!important;
  min-width:max-content;
  line-height:1!important;
}
.mobile-menu-toggle{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  padding:0;
  border:1px solid rgba(48,72,61,.18);
  border-radius:999px;
  background:rgba(250,248,243,.66);
  color:var(--embauba-green);
  cursor:pointer;
}
.mobile-menu-toggle span{
  display:block;
  width:17px;
  height:1.5px;
  border-radius:4px;
  background:currentColor;
  transition:transform .18s ease,opacity .18s ease;
}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){
  transform:translateY(6.5px) rotate(45deg);
}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-6.5px) rotate(-45deg);
}

.mobile-menu-panel{
  display:none;
  position:absolute;
  z-index:100;
  top:calc(100% + 1px);
  right:0;
  width:min(320px,calc(100vw - 30px));
  padding:10px;
  border:1px solid rgba(41,43,41,.10);
  border-radius:14px;
  background:rgba(250,248,243,.985);
  box-shadow:0 18px 46px rgba(41,43,41,.12);
}
.mobile-menu-panel.is-open{display:block}
.mobile-menu-panel a{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:10px 12px;
  border-radius:9px;
  color:var(--embauba-ink)!important;
  text-decoration:none;
  font-size:12px;
  font-weight:570;
  white-space:nowrap;
}
.mobile-menu-panel a:hover,
.mobile-menu-panel a.nav-active{
  background:var(--embauba-sand);
  color:var(--embauba-green-dark)!important;
}

/* existing mobile fallbacks are superseded */
.mobile-cta,
.site-mobile-home{display:none!important}

/* preserve full desktop menu with adequate but responsive spacing */
@media(min-width:1041px) and (max-width:1180px){
  .navlinks,.site-navlinks{
    gap:14px!important;
    font-size:11.5px!important;
  }
  .navlinks .btn,.site-navlinks .site-btn{
    padding:10px 12px!important;
    font-size:11.5px!important;
  }
  .embauba-wordmark{min-width:188px}
  .embauba-wordmark strong{font-size:19px!important}
  .embauba-wordmark small{font-size:7.8px!important;letter-spacing:.13em!important}
}

/* switch before any item needs to wrap */
@media(max-width:1040px){
  .navlinks,.site-navlinks{display:none!important}
  .mobile-nav-actions{display:flex!important}
  .nav-inner,.site-nav-inner{
    height:72px!important;
  }
}

/* very narrow screens: keep brand, CTA and hamburger only */
@media(max-width:620px){
  .nav-inner,.site-nav-inner{
    gap:10px!important;
    width:min(100% - 24px,1200px)!important;
  }
  .embauba-wordmark{
    min-width:0!important;
    flex:1 1 auto;
  }
  .embauba-wordmark strong{
    font-size:17px!important;
    letter-spacing:.10em!important;
  }
  .embauba-wordmark small{
    display:none!important;
  }
  .mobile-nav-actions{gap:6px}
  .mobile-nav-actions .mobile-read-cta{
    padding:10px 12px!important;
    font-size:11px!important;
  }
  .mobile-menu-toggle{
    width:40px;
    height:40px;
    flex-basis:40px;
  }
}
@media(max-width:390px){
  .mobile-nav-actions .mobile-read-cta{
    padding:9px 10px!important;
    font-size:10.5px!important;
  }
  .embauba-wordmark strong{font-size:16px!important}
}

/* Final typography safeguard: Embaúba V1 is fully sans-serif */
.statement h2,
.statement-quote,
.service-no,
.step-num,
.card h3,
.wheel-top b,
.wheel-principle,
.why-embauba .why-title,
.article-head h1,
.article-body h2,
body:has(#conversationForm) h1{
  font-family:var(--font-sans)!important;
}


/* =========================================================
   V1.1 connection layer: descriptor, sitemap and short contact
   ========================================================= */
.embauba-wordmark small .brand-strategy,
.embauba-wordmark small .brand-development{
  display:inline;
}
.embauba-wordmark small .brand-development:before{
  content:" ";
}

/* keep institutional connection visible in compact header */
@media(max-width:620px){
  .embauba-wordmark small{
    display:block!important;
    margin-top:4px!important;
    white-space:normal!important;
    font-size:7px!important;
    line-height:1.18!important;
    letter-spacing:.075em!important;
    max-width:138px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .embauba-wordmark small .brand-strategy,
  .embauba-wordmark small .brand-development{
    display:block;
  }
  .embauba-wordmark small .brand-development:before{content:""}
}
@media(max-width:390px){
  .embauba-wordmark small{
    font-size:6.6px!important;
    max-width:132px!important;
  }
}

/* footer sitemap mirrors the header architecture */
.footer-inner{
  align-items:flex-start!important;
}
.footer-map{
  margin-left:auto;
  max-width:610px;
}
.footer-map-title{
  margin-bottom:11px;
  font-size:8px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#9DA8A1;
  font-weight:650;
}
.footer-links{
  display:flex!important;
  justify-content:flex-end;
  gap:9px 18px!important;
  flex-wrap:wrap!important;
  font-size:11.5px!important;
}
.footer-links a{
  white-space:nowrap;
}
.footer-links .footer-read-link{
  color:#F0D5C7!important;
  opacity:1!important;
}
@media(max-width:820px){
  .footer-inner{
    flex-direction:column;
    align-items:flex-start!important;
    gap:30px!important;
  }
  .footer-map{
    margin-left:0;
    max-width:none;
    width:100%;
  }
  .footer-links{
    justify-content:flex-start;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 18px!important;
  }
}

/* direct contact form */
.contact-cta{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:58px;
  align-items:start;
}
.contact-copy{
  padding-top:8px;
}
.contact-copy h2{
  max-width:690px;
}
.contact-linkedin{
  display:inline-flex;
  margin-top:18px;
  color:#F1EEE7;
  font-size:12px;
  font-weight:600;
  border-bottom:1px solid rgba(255,255,255,.25);
  padding-bottom:3px;
}
.contact-form{
  background:#F5F1E9;
  color:var(--embauba-ink);
  border-radius:16px;
  padding:26px;
  box-shadow:0 18px 46px rgba(0,0,0,.10);
}
.contact-form-head{
  padding-bottom:18px;
  border-bottom:1px solid rgba(41,43,41,.10);
  margin-bottom:18px;
}
.contact-form-head .eyebrow{
  color:var(--embauba-earth)!important;
}
.contact-form-head h3{
  font-size:22px!important;
  line-height:1.18!important;
  margin:7px 0 0;
  color:var(--embauba-ink)!important;
}
.contact-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px 12px;
}
.contact-field{
  min-width:0;
}
.contact-field-full{
  grid-column:1/-1;
}
.contact-field label{
  display:block;
  margin-bottom:6px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:650;
  color:#696B66;
}
.contact-field.is-required label:after{
  content:" *";
}
.contact-field input,
.contact-field select,
.contact-field textarea{
  width:100%;
  border:1px solid rgba(41,43,41,.13);
  border-radius:9px;
  background:#FCFAF5;
  color:var(--embauba-ink);
  padding:11px 12px;
  font-size:13px;
  outline:none;
}
.contact-field textarea{
  resize:vertical;
  min-height:104px;
}
.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus{
  border-color:var(--embauba-green);
  box-shadow:0 0 0 3px rgba(48,72,61,.07);
}
.contact-consent{
  margin-top:12px;
  font-size:9.5px;
  line-height:1.45;
  color:#77766F;
}
.contact-form-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}
.contact-submit{
  margin:0!important;
}
.contact-submit:disabled{
  opacity:.55;
  cursor:wait;
}
.contact-form-status{
  font-size:10.5px;
  color:#8A5142;
}
.contact-form-status.is-success{
  color:var(--embauba-green);
}
.contact-honeypot{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}
@media(max-width:930px){
  .contact-cta{
    grid-template-columns:1fr;
    gap:34px;
  }
}
@media(max-width:620px){
  .contact-form{
    padding:20px 17px;
  }
  .contact-form-grid{
    grid-template-columns:1fr;
  }
  .contact-field-full{
    grid-column:auto;
  }
}


/* =========================================================
   V1.2 header: institutional descriptor remains one line
   ========================================================= */
.embauba-wordmark small .brand-strategy,
.embauba-wordmark small .brand-development{
  display:inline!important;
}
.embauba-wordmark small .brand-development:before{
  content:" "!important;
}

@media(max-width:620px){
  .nav-inner,.site-nav-inner{
    min-height:88px!important;
    height:88px!important;
    align-items:flex-start!important;
    padding-top:13px!important;
    padding-bottom:25px!important;
  }
  .brand,.site-brand{
    align-self:flex-start;
  }
  .embauba-wordmark{
    position:static!important;
    min-width:0!important;
  }
  .embauba-wordmark strong{
    font-size:17px!important;
    line-height:1!important;
  }
  .embauba-wordmark small{
    display:block!important;
    position:absolute!important;
    left:0!important;
    bottom:8px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:7.4px!important;
    line-height:1!important;
    letter-spacing:.105em!important;
  }
  .embauba-wordmark small .brand-strategy,
  .embauba-wordmark small .brand-development{
    display:inline!important;
  }
  .mobile-nav-actions{
    align-self:flex-start!important;
  }
  .mobile-menu-panel{
    top:88px!important;
  }
}
@media(max-width:390px){
  .embauba-wordmark small{
    font-size:6.9px!important;
    letter-spacing:.075em!important;
  }
}


/* =========================================================
   Experience behind Embaúba
   ========================================================= */
.experience-intro{
  margin-bottom:42px;
}
.experience-groups{
  display:grid;
  gap:54px;
}
.experience-group{
  border-top:1px solid rgba(41,43,41,.12);
  padding-top:24px;
}
.experience-group-head{
  display:grid;
  grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);
  gap:32px;
  align-items:start;
  margin-bottom:20px;
}
.experience-group-label{
  font-size:10px;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:700;
  color:var(--embauba-earth);
}
.experience-group-context{
  max-width:700px;
  font-size:13px;
  line-height:1.55;
  color:#656861;
}
.experience-org-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.experience-org{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:24px;
  min-height:160px;
  padding:24px;
  border:1px solid rgba(41,43,41,.10);
  border-radius:13px;
  background:rgba(250,248,243,.55);
  align-items:center;
}
.experience-brand{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  border-right:1px solid rgba(41,43,41,.09);
}
.experience-brand img{
  display:block;
  max-width:118px;
  max-height:58px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:grayscale(1) brightness(0);
  opacity:.83;
  mix-blend-mode:multiply;
}
.experience-logo-fallback{
  display:none;
  color:var(--embauba-ink);
  font-size:12px;
  line-height:1.1;
  font-weight:750;
  letter-spacing:.03em;
  text-align:center;
  text-transform:uppercase;
}
.experience-org-copy h3{
  margin:0 0 7px;
  font-size:17px!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
}
.experience-org-copy p{
  margin:0!important;
  font-size:12.5px;
  line-height:1.58;
  color:#5F625D!important;
}
.consulting-experience{
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  gap:38px;
  align-items:start;
}
.consulting-experience-copy{
  padding-right:12px;
}
.consulting-experience-copy h3{
  margin:0 0 10px;
  font-size:24px!important;
}
.consulting-experience-copy p{
  color:#5F625D;
  font-size:13px;
  line-height:1.62;
}
.client-logo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.client-logo-card{
  min-height:122px;
  display:grid;
  grid-template-rows:68px auto;
  align-items:center;
  padding:16px;
  border:1px solid rgba(41,43,41,.10);
  border-radius:12px;
  background:rgba(250,248,243,.56);
}
.client-logo-visual{
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.client-logo-visual img{
  display:block;
  max-width:125px;
  max-height:49px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:grayscale(1) brightness(0);
  opacity:.83;
  mix-blend-mode:multiply;
}
.client-logo-name{
  padding-top:10px;
  border-top:1px solid rgba(41,43,41,.08);
  color:var(--embauba-ink);
  font-size:10px;
  font-weight:650;
  line-height:1.25;
  text-align:center;
}
.client-logo-fallback{
  display:none;
  font-size:12px;
  font-weight:750;
  letter-spacing:.02em;
  text-align:center;
  color:var(--embauba-ink);
}
@media(max-width:980px){
  .experience-org-list{
    grid-template-columns:1fr;
  }
  .consulting-experience{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .experience-group-head{
    grid-template-columns:1fr;
    gap:7px;
  }
  .experience-org{
    grid-template-columns:110px minmax(0,1fr);
    gap:17px;
    padding:18px 16px;
  }
  .experience-brand{
    min-height:72px;
    padding:7px 12px 7px 0;
  }
  .experience-brand img{
    max-width:92px;
    max-height:50px;
  }
  .client-logo-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:430px){
  .experience-org{
    grid-template-columns:1fr;
  }
  .experience-brand{
    border-right:0;
    border-bottom:1px solid rgba(41,43,41,.09);
    justify-content:flex-start;
    padding:0 0 15px;
  }
  .client-logo-grid{
    grid-template-columns:1fr;
  }
}

/* Founder LinkedIn */
.founder-linkedin{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:22px;
  padding:10px 14px;
  border:1px solid rgba(41,43,41,.22);
  border-radius:999px;
  color:var(--embauba-ink)!important;
  background:transparent;
  font-size:11px;
  line-height:1;
  font-weight:650;
  text-decoration:none;
}
.founder-linkedin:hover{
  background:var(--embauba-ink);
  color:var(--embauba-paper)!important;
}
.footer .founder a{
  color:inherit!important;
  text-decoration:none;
  border-bottom:1px solid rgba(174,183,177,.35);
}
.footer .founder a:hover{
  color:#F4F1EA!important;
  border-bottom-color:#F4F1EA;
}


/* =========================================================
   V1.3 local charcoal logos
   ========================================================= */
.experience-brand img,
.client-logo-visual img{
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}


/* =========================================================
   V1.4 mobile brand lockup refinement
   EMBAÚBA + institutional descriptor remain visually connected.
   ========================================================= */
@media(max-width:620px){
  .nav-inner,.site-nav-inner{
    min-height:70px!important;
    height:70px!important;
    align-items:center!important;
    padding-top:0!important;
    padding-bottom:0!important;
    gap:10px!important;
  }

  .brand,.site-brand{
    align-self:center!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .embauba-wordmark{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .embauba-wordmark strong{
    font-size:17px!important;
    line-height:1!important;
    letter-spacing:.10em!important;
  }

  .embauba-wordmark small{
    position:static!important;
    display:block!important;
    width:auto!important;
    max-width:none!important;
    margin-top:5px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:6.6px!important;
    line-height:1!important;
    letter-spacing:.085em!important;
  }

  .embauba-wordmark small .brand-strategy,
  .embauba-wordmark small .brand-development{
    display:inline!important;
  }

  .embauba-wordmark small .brand-development:before{
    content:" "!important;
  }

  .mobile-nav-actions{
    align-self:center!important;
    flex:0 0 auto!important;
  }

  .mobile-menu-panel{
    top:70px!important;
  }
}

@media(max-width:390px){
  .nav-inner,.site-nav-inner{
    gap:7px!important;
  }
  .embauba-wordmark strong{
    font-size:15px!important;
  }
  .embauba-wordmark small{
    font-size:5.8px!important;
    letter-spacing:.055em!important;
  }
  .mobile-nav-actions .mobile-read-cta{
    padding:9px 9px!important;
    font-size:10px!important;
  }
}