:root{
  --paper:#F3E6D6; --paper2:#E9D7BF; --ink:#321B13; --muted:#765B4A;
  --dark:#3A1B14; --dark2:#4A2318; --cream:#F7ECDD;
  --coral:#E0532F; --coral2:#B23E22; --mustard:#D9A441; --rose:#DE8B71;
  --line:rgba(50,27,19,.16); --line-dark:rgba(247,236,221,.16);
  --serif:"Fraunces",Georgia,serif;
  --mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),calc(100% - 96px));margin:auto}
.serif{font-family:var(--serif)}
.kicker{font:500 10px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--coral);display:flex;align-items:center;gap:9px}
.kicker:before{content:"";width:18px;height:1px;background:currentColor}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.02;margin:0}
p{max-width:650px;margin:0 0 18px;color:var(--muted)}
header{position:absolute;top:0;left:0;right:0;z-index:10}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:baseline;gap:1px;line-height:1}
.brand .calibr{font:500 20px/1 var(--serif);letter-spacing:-.055em}
.brand .ai{font:500 15px/1 var(--mono);letter-spacing:-.08em;color:var(--coral);text-transform:none}
.brand-mark{width:7px;height:7px;border-radius:50%;background:var(--coral);display:inline-block;margin-right:10px;vertical-align:middle}
.nav-right{display:flex;gap:30px;align-items:center;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.nav-right a:last-child{border-bottom:1px solid var(--ink);padding-bottom:3px}

.hero{min-height:930px;padding:155px 48px 70px;display:grid;grid-template-columns:1.08fr .92fr;align-items:end;position:relative;overflow:hidden}
.hero-copy{padding-bottom:30px}
.hero h1{font-weight:500;font-size:clamp(72px,8vw,122px);max-width:820px;margin:22px 0 34px}
.hero h1 em{font-style:italic;font-weight:500;color:var(--coral)}
.lede{font-size:14px;line-height:1.85;max-width:600px}
.hero-cta{display:inline-flex;gap:15px;align-items:center;margin-top:15px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:5px}
.hero-visual{height:660px;position:relative}
.glow{position:absolute;width:560px;height:560px;border-radius:50%;right:5%;top:25px;background:radial-gradient(circle at 35% 32%,#DE8B71 0 8%,#D9A441 9% 23%,#B23E22 24% 48%,#3A1B14 49% 70%,#4A2318 71%);filter:saturate(.9)}
.glow:after{content:"";position:absolute;inset:58px;border:1px solid rgba(247,236,221,.32);border-radius:50%;box-shadow:0 0 0 28px rgba(247,236,221,.04),0 0 0 58px rgba(247,236,221,.03)}
.dial{position:absolute;right:55px;bottom:34px;width:225px;height:145px;color:var(--cream)}
.dial svg{width:100%;height:100%}
.dial path,.dial line{stroke:currentColor;fill:none}
.dial .needle{stroke:var(--coral);stroke-width:3;transform-origin:120px 120px;transform:rotate(-43deg)}
.dial circle{fill:var(--coral)}
.dial text{font:9px var(--mono);letter-spacing:2px;fill:currentColor}
.side-note{position:absolute;right:0;top:45%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

.dark{background:var(--dark);color:var(--cream)}
.dark p{color:var(--cream-soft)}
.section{padding:145px 0}
.two{display:grid;grid-template-columns:.72fr 1.28fr;gap:110px}
.section h2{font-size:clamp(52px,5.3vw,78px);max-width:830px}
.section-copy{padding-top:6px}
.section-copy p{font-size:13px;line-height:1.9}
.statement{font:italic 30px/1.15 var(--serif);color:var(--coral2);max-width:650px;margin-top:28px}
.dark .statement{color:var(--rose)}
  .context-grid .section-copy p{max-width:620px}
.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}
.chip{border:1px solid var(--line-dark);padding:8px 12px;color:var(--cream-soft);font-size:9px;letter-spacing:.07em;text-transform:uppercase}

.brand-section{padding:125px 0 145px}
.brand-lockup{display:flex;align-items:baseline;gap:3px;margin:38px 0 34px}
.brand-lockup .calibr{font:500 clamp(70px,10vw,145px)/.8 var(--serif);letter-spacing:-.075em}
.brand-lockup .ai{font:500 clamp(58px,7vw,104px)/.72 var(--mono);letter-spacing:-.09em;color:var(--coral)}
.definition{display:flex;gap:20px;align-items:baseline;border-top:1px solid var(--line);padding-top:22px;max-width:760px}
.definition b{font:italic 24px var(--serif);font-weight:400}
.definition span{font-size:10px;color:var(--muted)}

.program{background:var(--paper2);padding:145px 0}
.program-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;margin-bottom:90px}
.program-head h2{font-size:clamp(55px,6vw,88px)}
.program-head p{font-size:13px;line-height:1.9}
.rail{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rail-item{min-height:250px;padding:24px 20px 28px 0;border-right:1px solid var(--line);position:relative}
.rail-item:last-child{border-right:0}
.rail-item:before{content:"";position:absolute;left:0;top:-2px;width:34px;height:3px;background:var(--coral)}
.rail-no{font:400 30px var(--serif);color:var(--coral);display:block;margin-bottom:50px}
.rail-item h3{font-size:24px;max-width:170px;margin-bottom:13px}
.rail-item p{font-size:10px;line-height:1.65;max-width:190px}
.program-note{display:grid;grid-template-columns:90px .7fr 1fr;gap:45px;padding:48px 0 0}
.program-note .big-no{font:400 58px var(--serif);color:var(--coral)}
.program-note h3{font-size:34px}
.program-note p{font-size:12px;line-height:1.85}

.story{padding:145px 0}
.story-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}
.story-card{min-height:530px;background:var(--dark2);color:var(--cream);padding:35px;position:relative}
.story-card .date{font:400 88px/.8 var(--serif);color:var(--mustard)}
.story-card small{display:block;margin-top:12px;color:var(--cream-soft);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.story-copy h2{font-size:clamp(50px,5vw,76px);margin-bottom:35px}
.story-copy p{font-size:13px;line-height:1.9}
.story-quote{font:italic 30px/1.15 var(--serif);color:var(--coral2);margin:32px 0}

.results{background:var(--dark2);color:var(--cream)}
.result-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:100px}
.result-list{border-top:1px solid var(--line-dark)}
.result{display:grid;grid-template-columns:35px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line-dark)}
.result-no{font:10px var(--mono);color:var(--rose)}
.result h3{font-size:25px;color:var(--cream);margin-bottom:7px}
.result p{font-size:11px;color:var(--cream-soft);margin:0}

.final{background:var(--coral);color:var(--cream);padding:145px 0 125px}
.final h2{font-size:clamp(62px,7vw,105px);max-width:1000px}
.final p{color:rgba(247,236,221,.92);font-size:13px;line-height:1.85;margin-top:32px}
.final a{display:inline-flex;margin-top:22px;border-bottom:1px solid var(--cream);padding-bottom:5px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
footer{padding:28px 0;border-top:1px solid var(--line);font-size:9px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.footer-row{display:flex;justify-content:space-between}

@media(max-width:900px){
  .hero{padding-left:24px;padding-right:24px}
  .wrap{width:min(100% - 48px,700px)}
  .nav-right a:first-child{display:none}
  .hero,.two,.program-head,.story-grid,.result-grid{grid-template-columns:1fr}
  .hero{min-height:auto;padding-top:130px}
  .hero-visual{height:520px}
  .glow{width:430px;height:430px;right:0}
  .rail{grid-template-columns:1fr}
  .rail-item{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:24px 0}
  .rail-no{margin-bottom:18px}
  .program-note{grid-template-columns:60px 1fr}
  .program-note p{grid-column:2}
}

.image-placeholder{position:relative;overflow:hidden;background:linear-gradient(145deg,#d8c0a6,#8e3c2a 52%,#351914);color:rgba(247,236,221,.82);display:flex;flex-direction:column;justify-content:flex-end;padding:22px}
.image-placeholder:before{content:"";position:absolute;width:58%;aspect-ratio:1;border-radius:50%;right:7%;top:9%;background:radial-gradient(circle at 34% 30%,#e2a04e 0 10%,#bd4930 11% 34%,#4b2018 35% 69%,transparent 70%);opacity:.82}
.image-placeholder span,.image-placeholder small{position:relative;z-index:1}
.image-placeholder span{font:500 9px/1.2 var(--mono);letter-spacing:.16em}
.image-placeholder small{font:9px/1.5 var(--mono);margin-top:5px;opacity:.72}
.hero-placeholder{height:660px;width:100%}
.hero-placeholder:after{content:"";position:absolute;inset:12%;border:1px solid rgba(247,236,221,.25);border-radius:50%}
.context-placeholder{height:330px;margin-top:52px}
.brand-placeholder{height:280px;max-width:720px;margin:50px 0 0 auto;background:linear-gradient(145deg,#d7a44d,#9d432c 48%,#3a1b14)}
.substitution-placeholder{min-height:530px;background:linear-gradient(155deg,#4b2119,#29130f)}
.substitution-placeholder:before{width:70%;right:-8%;top:8%}
.work-placeholder{height:310px;max-width:850px;margin-top:45px;background:linear-gradient(145deg,#d8c2aa,#713126 55%,#341813)}
.rail-item{padding:0 18px 34px 0!important;min-height:0!important}
.rail-item:before{display:none!important}
.card-image{height:255px;margin-bottom:23px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#c8aa8c,#6b3025 58%,#351914);color:var(--cream);position:relative;overflow:hidden}
.card-image:before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;right:-20%;top:8%;background:radial-gradient(circle at 32% 30%,#dda04c 0 9%,#c34d30 10% 32%,#5a251c 33% 67%,transparent 68%);opacity:.72}
.card-2{background:linear-gradient(145deg,#d7bfa5,#a64b35 48%,#3c1c15)}
.card-3{background:linear-gradient(145deg,#bd9c78,#6a3024 52%,#351914)}
.card-4{background:linear-gradient(145deg,#d6a64f,#97402c 52%,#3b1c15)}
.card-5{background:linear-gradient(145deg,#d8c2aa,#7a3a2b 55%,#341813)}
.card-image span{font:400 26px var(--serif);position:relative;z-index:1}
.card-image small{font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:1;opacity:.8}
.rail-item h3{font-size:26px;max-width:190px;margin:0 0 10px}
.rail-item p{font-size:10px;line-height:1.65;max-width:190px}
.hero-copy{padding:0 36px 48px 0;max-width:780px}
.hero-visual{height:660px;position:relative;padding:0 18px 0 36px}


  .context-grid{grid-template-columns:.88fr 1.12fr;align-items:start}
  .context-visual{padding-top:6px}
  .context-visual .kicker{margin-top:18px}
  .context-placeholder{
    height:500px;
    margin:0;
    background:
      linear-gradient(145deg,#7f4737,#4b2119 60%,#28130f);
  }
  .context-placeholder:before{
    width:72%;right:-12%;top:12%;
    background:radial-gradient(circle at 34% 30%,#dfa04b 0 9%,#c24c30 10% 34%,#5b251c 35% 69%,transparent 70%);
  }
  .context-grid .section-copy{padding-top:0}
  .context-grid h2{font-size:clamp(54px,5.2vw,78px)}
  .context-grid h2 span{display:block}
  .context-light{font-weight:400;color:var(--cream)}
  .context-bold{font-weight:500;color:var(--cream)}
  .context-accent{font-weight:500;color:var(--coral)}


  .context-title{
    font-weight:300;
    font-size:clamp(54px,5.15vw,76px)!important;
    line-height:.98;
    letter-spacing:-.052em;
    max-width:720px;
  }
  .context-title span{display:block}
  .context-title .context-light{font-weight:300;color:var(--cream)}
  .context-title .context-light strong{
    font-weight:600;
    color:var(--cream);
  }
  .context-title .context-accent{
    font-weight:600;
    color:var(--coral);
    white-space:nowrap;
  }
  .context-grid .section-copy h2{margin-bottom:38px}
  .context-placeholder{height:560px!important}


  .context-title .context-accent em{
    font-style:italic;
    font-weight:600;
    text-decoration:none;
  }
  .context-title .context-light strong em{
    font-style:italic;
    font-weight:600;
  }


  .brand-lockup{align-items:baseline;gap:10px}
  .brand-lockup .ai{position:relative;top:-4px}
  .brand .calibr,.brand .ai{display:inline-block}



/* ---- consolidated stylesheet block ---- */


/* =========================================================
   QUEM CONDUZ — V26
   Rebuilt from zero. No dependency on the previous story styles.
   ========================================================= */
.story-v26{
  --story-bg:#f2e7db;
  --story-ink:#202124;
  --story-muted:#55575a;
  --story-pink:#e94b64;
  --story-black:#171719;
  background:var(--story-bg)!important;
  color:var(--story-ink)!important;
  padding:clamp(96px,10vw,150px) 0 clamp(110px,11vw,170px)!important;
  overflow:hidden;
}

.story-v26 *{box-sizing:border-box}

.story-v26__inner{
  width:min(1120px,calc(100% - 64px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(300px,380px) minmax(0,1fr);
  gap:clamp(64px,8vw,112px);
  align-items:center;
}

.story-v26__visual{width:100%}

.story-v26__image{
  position:relative;
  width:100%;
  aspect-ratio:0.76;
  min-height:520px;
  background:var(--story-black)!important;
  overflow:hidden;
  isolation:isolate;
}
.story-v26__content{
  max-width:680px;
}

.story-v26__kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
  color:#303236!important;
  font:600 10px/1 "IBM Plex Mono","Courier New",monospace;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.story-v26__kicker i{
  width:18px;
  height:1px;
  background:var(--story-pink);
  display:block;
}

.story-v26__content h2{
  margin:0;
  color:var(--story-ink)!important;
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:clamp(54px,5.7vw,78px)!important;
  font-weight:600!important;
  line-height:.94!important;
  letter-spacing:-.065em!important;
  max-width:720px;
}

.story-v26__copy{
  margin-top:38px;
  max-width:650px;
}

.story-v26__copy p{
  margin:0 0 20px;
  color:var(--story-muted)!important;
  font:400 13px/1.7 "IBM Plex Mono","Courier New",monospace!important;
  letter-spacing:-.01em;
}

.story-v26 blockquote{
  margin:40px 0 0;
  padding:0;
  border:0!important;
  color:var(--story-pink)!important;
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:clamp(24px,2.5vw,34px)!important;
  font-weight:500!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
  max-width:650px;
}

.story-v26__closing{
  margin-top:36px;
  display:flex;
  flex-direction:column;
  gap:8px;
  color:var(--story-muted)!important;
  font-family:"IBM Plex Mono","Courier New",monospace;
  font-size:12px;
  line-height:1.55;
}

.story-v26__closing p{
  margin:0 0 12px;
}

.story-v26__closing strong{
  color:var(--story-ink)!important;
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  font-weight:600;
}

.story-v26__closing span{color:var(--story-muted)!important}


@keyframes results-v27-float-a{
  0%,100%{--gravity-y:0px;--gravity-r:0deg}
  35%{--gravity-y:-5px;--gravity-r:-.35deg}
  68%{--gravity-y:3px;--gravity-r:.22deg}
}
@keyframes results-v27-float-b{
  0%,100%{--gravity-y:0px;--gravity-r:0deg}
  32%{--gravity-y:4px;--gravity-r:.3deg}
  70%{--gravity-y:-6px;--gravity-r:-.25deg}
}
@keyframes results-v27-float-c{
  0%,100%{--gravity-y:0px;--gravity-r:0deg}
  40%{--gravity-y:-4px;--gravity-r:.28deg}
  72%{--gravity-y:3px;--gravity-r:-.2deg}
}
@keyframes results-v27-float-d{
  0%,100%{--gravity-y:0px;--gravity-r:0deg}
  34%{--gravity-y:5px;--gravity-r:-.25deg}
  69%{--gravity-y:-4px;--gravity-r:.3deg}
}

/* The animation variables are folded into the positional transform. */
.results-v27__card{
  --gravity-r:0deg;
  --gravity-y:0px;
}

.results-v27__card--one,
.results-v27__card--two,
.results-v27__card--three,
.results-v27__card--four{
  transform:
    translate3d(var(--float-x),calc(var(--float-y) + var(--lift) + var(--gravity-y)),0)
    rotate(calc(var(--base-r) + var(--gravity-r)))
    scale(var(--scale));
}

/* Hover freezes the whole composition; only the active card gets gravity. */
.results-v27__collage.has-active .results-v27__card{
  animation-play-state:paused!important;
  --gravity-y:0px!important;
  --gravity-r:0deg!important;
}

.results-v27__collage.has-active .results-v27__card.is-active{
  animation:results-v27-focus-gravity 2.7s ease-in-out infinite!important;
}

@keyframes results-v27-focus-gravity{
  0%,100%{--gravity-y:0px;--gravity-r:0deg}
  27%{--gravity-y:-8px;--gravity-r:-.7deg}
  54%{--gravity-y:3px;--gravity-r:.45deg}
  78%{--gravity-y:-4px;--gravity-r:-.35deg}
}

@media (max-width:900px){
  .story-v26__inner{
    grid-template-columns:1fr;
    gap:48px;
    width:min(720px,calc(100% - 40px));
  }
  .story-v26__image{
    max-width:440px;
    aspect-ratio:.82;
    min-height:0;
  }
  .story-v26__content h2{font-size:clamp(48px,10vw,70px)!important}
}

@media (max-width:560px){
  .story-v26{padding:72px 0 96px!important}
  .story-v26__inner{width:calc(100% - 32px)}
  .story-v26__image{max-width:none}
  .story-v26__copy{margin-top:28px}
  .story-v26 blockquote{margin-top:30px}
}


/* ---- consolidated stylesheet block ---- */


/* =========================================================
   QUEM CONDUZ — V27
   Editorial, tighter, stronger typographic hierarchy.
   ========================================================= */
.story-v26{
  --story-bg:#f3e8dc;
  --story-ink:#19191b;
  --story-muted:#51535a;
  --story-pink:#ef4d69;
  --story-black:#171719;
  background:var(--story-bg)!important;
  color:var(--story-ink)!important;
  padding:clamp(100px,10vw,148px) 0 clamp(110px,11vw,160px)!important;
  overflow:hidden;
}

.story-v26__inner{
  width:min(1180px,calc(100% - 72px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(300px,430px) minmax(0,680px);
  gap:clamp(70px,8vw,130px);
  align-items:start;
}

.story-v26__visual{
  width:100%;
  padding-top:clamp(24px,3vw,52px);
}

.story-v26__image{
  position:relative;
  width:100%;
  aspect-ratio:.78;
  min-height:540px;
  background:var(--story-black)!important;
  overflow:hidden;
  isolation:isolate;
  box-shadow:18px 20px 0 rgba(25,25,27,.045);
}
.story-v26__content{
  max-width:680px;
  padding-top:clamp(18px,2vw,30px);
}

.story-v26__kicker{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:24px;
  color:#34363b!important;
  font:600 10px/1 "IBM Plex Mono","Courier New",monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.story-v26__kicker i{
  width:20px;
  height:1px;
  background:var(--story-pink);
  display:block;
}

.story-v26__content h2{
  margin:0;
  color:var(--story-ink)!important;
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:clamp(58px,6.1vw,88px)!important;
  font-weight:300!important;
  line-height:.9!important;
  letter-spacing:-.072em!important;
  max-width:720px;
}

.story-v26__content h2 span,
.story-v26__content h2 strong{
  display:block;
}

.story-v26__content h2 strong{
  font-weight:650!important;
  color:var(--story-ink)!important;
}

.story-v26__lead{
  margin-top:34px;
  max-width:610px;
  padding-left:24px;
  border-left:1px solid rgba(239,77,105,.55);
}

.story-v26__lead p{
  margin:0;
  color:var(--story-muted)!important;
  font:400 12.5px/1.72 "IBM Plex Mono","Courier New",monospace!important;
  letter-spacing:-.012em;
}

.story-v26 blockquote{
  position:relative;
  margin:44px 0 0;
  padding:0 0 0 0;
  border:0!important;
  color:var(--story-pink)!important;
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:clamp(28px,3.05vw,42px)!important;
  font-weight:400!important;
  line-height:1.02!important;
  letter-spacing:-.048em!important;
  max-width:650px;
}

.story-v26 blockquote strong{
  display:block;
  margin-top:2px;
  font-weight:650!important;
}

.story-v26__quote-mark{
  position:absolute;
  left:-24px;
  top:-11px;
  color:var(--story-pink);
  font-size:1.1em;
  font-weight:650;
}

.story-v26__closing{
  margin-top:42px;
  padding-top:18px;
  border-top:1px solid rgba(25,25,27,.14);
  display:flex;
  flex-direction:column;
  gap:7px;
  color:var(--story-muted)!important;
  font-family:"IBM Plex Mono","Courier New",monospace;
  font-size:11px;
  line-height:1.5;
}

.story-v26__closing-label{
  color:var(--story-pink)!important;
  font-size:9px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.story-v26__closing strong{
  color:var(--story-ink)!important;
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:16px;
  font-weight:650;
}

.story-v26__closing > span:last-child{
  color:var(--story-muted)!important;
}

@media (max-width:900px){
  .story-v26{
    padding:82px 0 100px!important;
  }

  .story-v26__inner{
    width:min(680px,calc(100% - 40px));
    grid-template-columns:1fr;
    gap:48px;
  }

  .story-v26__visual{
    padding-top:0;
    max-width:430px;
  }

  .story-v26__image{
    min-height:460px;
  }

  .story-v26__content{
    padding-top:0;
  }

  .story-v26__content h2{
    font-size:clamp(52px,12vw,78px)!important;
  }

  .story-v26 blockquote{
    font-size:clamp(27px,7vw,38px)!important;
  }
}


/* ---- consolidated stylesheet block ---- */


/* =========================================================
   RESULTADO — V27
   Colagem editorial: cards desalinhados, com placeholders
   visuais preparados para receber imagens/arte depois.
   ========================================================= */
.results-v27{
  --r27-bg:#171719;
  --r27-paper:#f2e7db;
  --r27-ink:#f2e7db;
  --r27-pink:#e94b64;
  --r27-line:rgba(242,231,219,.22);
  --r27-muted:rgba(242,231,219,.62);
  background:var(--r27-bg)!important;
  color:var(--r27-ink)!important;
  padding:clamp(120px,12vw,190px) 0 clamp(130px,13vw,200px)!important;
  overflow:hidden;
}

.results-v27 *{box-sizing:border-box}

.results-v27__inner{
  width:min(1220px,calc(100% - 64px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(260px,360px) minmax(0,1fr);
  gap:clamp(70px,9vw,150px);
  align-items:start;
}

.results-v27__intro{
  position:sticky;
  top:90px;
}

.results-v27__kicker{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(242,231,219,.45)!important;
  font:600 10px/1 "IBM Plex Mono","Courier New",monospace;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.results-v27__kicker i{
  width:18px;
  height:1px;
  background:var(--r27-pink);
  display:block;
}

.results-v27__intro h2{
  margin:22px 0 0;
  color:var(--r27-ink)!important;
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:clamp(58px,6.2vw,92px)!important;
  font-weight:500!important;
  line-height:.88!important;
  letter-spacing:-.07em!important;
}

.results-v27__note{
  margin:34px 0 0;
  max-width:290px;
  color:var(--r27-muted)!important;
  font:400 12px/1.65 "IBM Plex Mono","Courier New",monospace!important;
}

.results-v27__collage{
  position:relative;
  min-height:455px;
  padding:6px 20px 35px;
  perspective:1100px;
  isolation:isolate;
}

.results-v27__card{
  position:absolute;
  width:clamp(235px,23.5vw,292px);
  transform-origin:center center;
  --base-r:0deg;
  --float-x:0px;
  --float-y:0px;
  --lift:0px;
  --scale:1;
  --depth:0px;
  transform:
    translate3d(var(--float-x),calc(var(--float-y) + var(--lift)),0)
    rotate(calc(var(--base-r) + var(--gravity-r,0deg)))
    scale(var(--scale));
  transition:
    transform .52s cubic-bezier(.2,.8,.2,1),
    opacity .35s ease;
  will-change:transform;
  cursor:default;
  z-index:1;
}

.results-v27__card--one{left:2%;top:0;--base-r:-4deg;animation:results-v27-float-a 5.8s ease-in-out infinite}
.results-v27__card--two{right:0;top:5%;--base-r:3.5deg;animation:results-v27-float-b 6.4s ease-in-out infinite .35s}
.results-v27__card--three{left:18%;top:31%;--base-r:2.5deg;animation:results-v27-float-c 6.1s ease-in-out infinite .7s}
.results-v27__card--four{right:9%;top:40%;--base-r:-3.5deg;animation:results-v27-float-d 6.7s ease-in-out infinite 1s}

.results-v27__card::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-2;
  background:rgba(28,28,30,.96);
  border:1px solid rgba(242,231,219,.08);
  box-shadow:0 18px 42px rgba(0,0,0,.22);
  opacity:.72;
  transform:translateZ(0);
  transition:
    opacity .45s ease,
    inset .45s cubic-bezier(.2,.8,.2,1),
    box-shadow .45s ease,
    border-color .45s ease;
}

.results-v27__card::after{
  content:"";
  position:absolute;
  inset:-14px;
  z-index:-1;
  border:1px solid transparent;
  border-radius:2px;
  transition:border-color .45s ease,opacity .45s ease;
  opacity:0;
}

.results-v27__card:hover,
.results-v27__card.is-active{
  --lift:-22px;
  --scale:1.075;
  z-index:20;
}

.results-v27__card:hover::before,
.results-v27__card.is-active::before{
  inset:-26px;
  opacity:1;
  border-color:rgba(242,231,219,.16);
  box-shadow:0 20px 44px rgba(0,0,0,.42);
}

.results-v27__card:hover::after,
.results-v27__card.is-active::after{
  border-color:rgba(233,75,100,.32);
  opacity:1;
}

.results-v27__collage.has-active .results-v27__card:not(.is-active){
  --float-x:0px!important;
  --float-y:0px!important;
  filter:saturate(.72) brightness(.78);
  opacity:.58;
  transition:filter .4s ease,opacity .4s ease,transform .4s ease;
}

.results-v27__card:hover .results-v27__placeholder,
.results-v27__card.is-active .results-v27__placeholder{
  border-color:rgba(242,231,219,.36);
}

.results-v27__card-copy{
  position:relative;
  transition:transform .45s cubic-bezier(.2,.8,.2,1);
}

.results-v27__card:hover .results-v27__card-copy,
.results-v27__card.is-active .results-v27__card-copy{
  transform:translateY(5px);
}

.results-v27__placeholder{
  position:relative;
  height:clamp(176px,19.2vw,232px);
  overflow:hidden;
  background:#222225;
  border:1px solid rgba(242,231,219,.14);
  box-shadow:0 22px 50px rgba(0,0,0,.28);
  transition:transform .45s cubic-bezier(.2,.8,.2,1), border-color .4s ease;
}

.results-v27__placeholder::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(
    circle at var(--spot-x,50%) var(--spot-y,50%),
    rgba(242,231,219,.18),
    transparent 26%
  );
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
  z-index:3;
}

.results-v27__card:hover .results-v27__placeholder::before,
.results-v27__card.is-active .results-v27__placeholder::before{
  opacity:1;
}
.results-v27__placeholder--friction{
  background:
    linear-gradient(135deg,transparent 0 35%,rgba(233,75,100,.9) 35% 36%,transparent 36% 53%,rgba(242,231,219,.13) 53% 54%,transparent 54%),
    #242428;
}

.results-v27__placeholder--decision{
  background:
    radial-gradient(circle at 72% 34%,rgba(233,75,100,.9) 0 12%,transparent 12.5%),
    linear-gradient(135deg,rgba(242,231,219,.1) 0 1px,transparent 1px 58px),
    #202023;
}

.results-v27__placeholder--capacity{
  background:
    linear-gradient(145deg,rgba(233,75,100,.95),rgba(76,27,36,.9)),
    #252529;
}

.results-v27__placeholder--culture{
  background:
    linear-gradient(90deg,transparent 0 18%,rgba(233,75,100,.9) 18% 19%,transparent 19% 39%,rgba(242,231,219,.16) 39% 40%,transparent 40%),
    #252529;
}
.results-v27__card-copy{
  padding:18px 6px 0;
}

.results-v27__card-copy h3{
  margin:0;
  color:var(--r27-ink)!important;
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:24px!important;
  font-weight:500!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
}

.results-v27__card-copy p{
  margin:9px 0 0;
  color:var(--r27-muted)!important;
  font:400 11px/1.55 "IBM Plex Mono","Courier New",monospace!important;
  max-width:290px;
}

/* Decorative registration marks make the collage feel intentional,
   rather than randomly misaligned. */
.results-v27__collage:before{
  content:"";
  position:absolute;
  width:92px;
  height:92px;
  right:16%;
  top:5%;
  border:1px solid rgba(233,75,100,.25);
  border-radius:50%;
  pointer-events:none;
}

.results-v27__collage:after{
  content:"";
  position:absolute;
  width:1px;
  height:100px;
  left:52%;
  bottom:2%;
  background:rgba(242,231,219,.16);
  transform:rotate(24deg);
  pointer-events:none;
}

@media (max-width:900px){
  .results-v27__card{
    animation:none!important;
    transition:none;
    transform:rotate(var(--base-r))!important;
  }
  .results-v27__card:hover,
  .results-v27__card.is-active{
    --lift:0px;
    --scale:1;
    filter:none;
  }

  .results-v27__inner{
    grid-template-columns:1fr;
    gap:50px;
    width:min(720px,calc(100% - 40px));
  }

  .results-v27__intro{position:static}
  .results-v27__intro h2{font-size:clamp(56px,12vw,82px)!important}

  .results-v27__collage{
    min-height:auto;
    padding:0 10px 60px;
  }

  .results-v27__card{width:min(46vw,310px)}
  .results-v27__card--one{left:2%;top:0}
  .results-v27__card--two{right:0;top:18%}
  .results-v27__card--three{left:9%;top:45%}
  .results-v27__card--four{right:4%;top:66%}
}

@media (max-width:560px){
  .results-v27{padding:88px 0 110px!important}
  .results-v27__inner{width:calc(100% - 32px)}
  .results-v27__collage{
    min-height:auto;
    display:grid;
    gap:46px;
    padding:10px 0 20px;
  }
  .results-v27__card,
  .results-v27__card--one,
  .results-v27__card--two,
  .results-v27__card--three,
  .results-v27__card--four{
    position:relative;
    inset:auto;
    width:100%;
  }
  .results-v27__card:nth-child(odd){margin-left:0;transform:rotate(-2.5deg)}
  .results-v27__card:nth-child(even){margin-left:0;transform:rotate(2.5deg)}
}


/* ---- consolidated stylesheet block ---- */


:root{
  --ink:#19191b;
  --cream:#f3e8dc;
  --pink:#ef4d69;
  --teal:#63e6df;
  --black:#171719;
}

/* Hero/title hierarchy: sentence case visually, but never forced uppercase. */
.hero h1,
.hero h1 *,
.hero-title,
.hero-title *,
section h1,
section h1 *,
section h2,
section h2 *{
  text-transform:none;
}

/* Strong contrast without italics: light + bold. */
.hero h1,
.hero-title,
.story-v26__content h2{
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-weight:300!important;
  letter-spacing:-.07em!important;
}

.hero h1 strong,
.hero h1 b,
.hero-title strong,
.hero-title b,
section h1 strong,
section h1 b,
section h2 strong,
section h2 b{
  font-weight:700!important;
}

.hero em,
.hero i,
.hero-title em,
.hero-title i,
section h1 em,
section h1 i,
section h2 em,
section h2 i{
  font-style:normal!important;
}

/* Film-inspired accent: teal is a detail color, never the brand color. */
.section-pink,
.bg-pink,
[data-theme="pink"],
[data-bg="pink"]{
  --accent-detail:var(--teal);
}

/* On pink backgrounds, use teal only for small accents / highlighted editorial copy. */
.section-pink .accent,
.section-pink .eyebrow,
.section-pink .meta,
.section-pink .detail,
.bg-pink .accent,
.bg-pink .eyebrow,
[data-theme="pink"] .accent,
[data-theme="pink"] .eyebrow{
  color:var(--teal)!important;
}

/* Pink sections: dark ink + teal micro-details for contrast. */
.story-v26--pink,
.hero--pink{
  background:var(--pink)!important;
  color:var(--ink)!important;
}

.story-v26--pink .story-v26__kicker i,
.hero--pink .hero-kicker i{
  background:var(--teal)!important;
}

.story-v26--pink blockquote,
.hero--pink .accent{
  color:var(--teal)!important;
}

/* Avoid inherited muddy/orange legacy colors. */
[class*="hero"] [style*="#c"],
[class*="hero"] [style*="#d"],
[class*="hero"] [style*="#e"],
.story-v26 [style*="#c"],
.story-v26 [style*="#d"],
.story-v26 [style*="#e"]{
  color:inherit;
}


/* ---- consolidated stylesheet block ---- */


/* Controlled film-reference palette */
.hero .teal-detail,
.hero .hero-accent,
.hero .hero-highlight{
  color:var(--teal)!important;
}

/* If a hero is on the film-pink field, teal is reserved for the secondary emphasis. */
.hero--pink .hero-highlight,
.hero--pink .hero-accent{
  color:var(--teal)!important;
}

/* Keep the primary brand/heading dark or cream; teal is never the logo color. */
.brand, .logo, .brand-mark{
  color:inherit!important;
}

/* Consistent light/bold editorial rhythm across large titles. */
.hero h1 .light,
.hero h1 .regular{
  font-weight:300!important;
}
.hero h1 .bold,
.hero h1 .strong{
  font-weight:700!important;
}


/* ---- consolidated stylesheet block ---- */


/* =========================================================
   KALIBRAI — A IDEIA POR TRÁS DO NOME / V33
   Editorial / fashion / product-core
   ========================================================= */
.brand-v33{
  --bv-paper:#f3e8dc;
  --bv-ink:#19191b;
  --bv-muted:#65656a;
  --bv-pink:#ef4d69;
  --bv-pink-soft:#f37a91;
  --bv-dark:#171719;
  --bv-teal:#63e6df;
  background:var(--bv-paper)!important;
  color:var(--bv-ink)!important;
  padding:clamp(100px,10vw,150px) 0 clamp(100px,9vw,145px)!important;
  overflow:hidden;
}

.brand-v33__wrap{
  width:min(1240px,calc(100% - 72px));
  margin:0 auto;
}

.brand-v33__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(25,25,27,.16);
  padding-bottom:16px;
}

.brand-v33__kicker{
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--bv-ink)!important;
  font:600 9px/1 "IBM Plex Mono","Courier New",monospace;
  letter-spacing:.17em;
  text-transform:lowercase;
}

.brand-v33__kicker i{
  display:block;
  width:20px;
  height:1px;
  background:var(--bv-pink);
}

.brand-v33__index{
  color:#77777b;
  font:400 9px/1 "IBM Plex Mono","Courier New",monospace;
  letter-spacing:.08em;
}

.brand-v33__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(430px,.94fr);
  gap:clamp(55px,8vw,120px);
  align-items:center;
  padding:clamp(55px,6vw,92px) 0 clamp(65px,7vw,105px);
}

.brand-v33__identity{
  min-width:0;
}

.brand-v33__lockup{
  display:flex;
  align-items:baseline;
  gap:0;
  white-space:nowrap;
  margin-left:-7px;
  line-height:.78;
}

.brand-v33__kalibr{
  color:var(--bv-ink)!important;
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:clamp(82px,11vw,164px)!important;
  font-weight:700!important;
  letter-spacing:-.095em!important;
}

.brand-v33__ai{
  color:var(--bv-pink)!important;
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:clamp(68px,8.4vw,126px)!important;
  font-weight:300!important;
  letter-spacing:-.105em!important;
  margin-left:5px;
}

.brand-v33__definition{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:28px;
  align-items:baseline;
  margin-top:34px;
  padding-top:20px;
  border-top:1px solid rgba(25,25,27,.18);
  max-width:770px;
}

.brand-v33__word{
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:clamp(23px,2.3vw,32px);
  font-weight:500;
  letter-spacing:-.045em;
}

.brand-v33__definition p{
  margin:0;
  max-width:410px;
  color:var(--bv-muted)!important;
  font:400 10px/1.65 "IBM Plex Mono","Courier New",monospace!important;
}

.brand-v33__manifesto{
  display:flex;
  flex-direction:column;
  gap:1px;
  margin-top:clamp(65px,8vw,105px);
  max-width:610px;
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:clamp(31px,3.7vw,52px);
  line-height:.98;
  letter-spacing:-.06em;
}

.brand-v33__manifesto span{
  font-weight:300;
  color:var(--bv-ink)!important;
}

.brand-v33__manifesto strong{
  font-weight:700;
  color:var(--bv-pink)!important;
}

.brand-v33__visual{
  position:relative;
  width:100%;
  aspect-ratio:1.08;
  min-height:440px;
  overflow:hidden;
  background:#eee1d5;
  isolation:isolate;
}

.brand-v33__pink-plane{
  position:absolute;
  width:105%;
  height:72%;
  left:-22%;
  top:10%;
  background:var(--bv-pink);
  transform:rotate(-43deg);
  transform-origin:center;
  z-index:1;
}

.brand-v33__dark-plane{
  position:absolute;
  width:72%;
  height:115%;
  right:-5%;
  top:-10%;
  background:var(--bv-dark);
  transform:rotate(1deg);
  z-index:2;
}
.brand-v33__bottom{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);
  gap:80px;
  padding-top:25px;
  border-top:1px solid rgba(25,25,27,.16);
  align-items:end;
}

.brand-v33__bottom > p{
  margin:0;
  max-width:760px;
  color:#56575c!important;
  font:400 11px/1.8 "IBM Plex Mono","Courier New",monospace!important;
}

.brand-v33__principles{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  border-left:1px solid rgba(25,25,27,.16);
}

.brand-v33__principles div{
  min-height:55px;
  padding-left:18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.brand-v33__principles div+div{
  border-left:1px solid rgba(25,25,27,.16);
}

.brand-v33__principles span{
  color:var(--bv-pink);
  font:400 9px/1 "IBM Plex Mono","Courier New",monospace;
}

.brand-v33__principles strong{
  color:var(--bv-ink);
  font:650 14px/1 "Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  letter-spacing:-.025em;
  text-transform:lowercase;
}

@media (max-width:950px){
  .brand-v33__wrap{
    width:min(720px,calc(100% - 40px));
  }

  .brand-v33__grid{
    grid-template-columns:1fr;
    gap:58px;
  }

  .brand-v33__visual{
    min-height:420px;
    order:2;
  }

  .brand-v33__identity{
    order:1;
  }

  .brand-v33__bottom{
    grid-template-columns:1fr;
    gap:42px;
  }
}

@media (max-width:560px){
  .brand-v33{
    padding:80px 0 95px!important;
  }

  .brand-v33__top{
    padding-bottom:13px;
  }

  .brand-v33__grid{
    padding:45px 0 58px;
  }

  .brand-v33__lockup{
    margin-left:-3px;
  }

  .brand-v33__kalibr{
    font-size:clamp(62px,18vw,92px)!important;
  }

  .brand-v33__ai{
    font-size:clamp(51px,14vw,72px)!important;
  }

  .brand-v33__definition{
    grid-template-columns:1fr;
    gap:9px;
  }

  .brand-v33__manifesto{
    margin-top:55px;
    font-size:clamp(30px,9vw,43px);
  }

  .brand-v33__visual{
    min-height:340px;
  }

  .brand-v33__bottom{
    gap:35px;
  }

  .brand-v33__principles{
    grid-template-columns:1fr;
    border-left:0;
    border-top:1px solid rgba(25,25,27,.16);
  }

  .brand-v33__principles div,
  .brand-v33__principles div+div{
    min-height:45px;
    padding:13px 0 0;
    border-left:0;
    border-bottom:1px solid rgba(25,25,27,.16);
  }
}


/* ---- consolidated stylesheet block ---- */


:root{
  --her-pink:#ed164b;
  --her-pink-deep:#d90d43;
  --her-teal:#63d9d3;
  --her-teal-light:#8ce7df;
  --her-teal-dark:#3caeaa;
}

/* Pink field: use the film-like pink with a subtle chromatic wash. */
.section-pink,
.hero--pink,
.bg-pink{
  background:
    radial-gradient(circle at 76% 20%, rgba(99,217,211,.10), transparent 26%),
    linear-gradient(135deg, var(--her-pink) 0%, #ef2454 58%, var(--her-pink-deep) 100%) !important;
}

/* Secondary type accents on pink: teal is an editorial highlight only. */
.section-pink .teal-accent,
.section-pink .hero-highlight,
.section-pink .accent-teal,
.hero--pink .teal-accent,
.hero--pink .hero-highlight,
.bg-pink .teal-accent{
  color:var(--her-teal)!important;
}

/* Film-reference rule: thin teal line under/around selected emphasis. */
.section-pink .teal-rule,
.hero--pink .teal-rule{
  position:relative;
  display:inline-block;
}

.section-pink .teal-rule::after,
.hero--pink .teal-rule::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:2px;
  background:linear-gradient(90deg,var(--her-teal-dark),var(--her-teal-light),var(--her-teal));
  transform-origin:left;
}

/* A quiet cyan/pink gradient block for hero copy, not the logo. */
.section-pink .chromatic-word,
.hero--pink .chromatic-word{
  color:transparent!important;
  background:linear-gradient(100deg,var(--her-teal-dark) 0%,var(--her-teal-light) 52%,#b6f1eb 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

/* Small metadata details inherit the film accent. */
.section-pink .meta-accent,
.hero--pink .meta-accent{
  color:var(--her-teal-light)!important;
  border-color:rgba(99,217,211,.55)!important;
}

/* Keep brand marks out of the teal treatment. */
.brand,
.logo,
.brand-mark,
.brand-v33__ai{
  background:none!important;
  -webkit-text-fill-color:initial;
}


/* ---- consolidated stylesheet block ---- */


:root{
  --hero-red:#ef4637;
  --soft-black:#191716;
  --warm-gray:#c9c4bc;
  --electric-cyan:#7edfe6;
  --hot-pink:#ef2d78;
}

/* The new type system: human/modern sans for display, mono for the operational layer. */
h1,h2,h3,.hero h1,.section-copy h2,.statement,.brand-lockup,.brand .calibr{
  font-family:"Space Grotesk",sans-serif !important;
}
h1,h2,h3{font-weight:500}
.hero h1{font-weight:600 !important;letter-spacing:-.065em}
.hero h1 em,.statement em{font-style:italic;font-weight:600}
.section-copy h2{font-weight:500;letter-spacing:-.045em}
.section-copy h2 strong{font-weight:700}
.context-title .context-light{font-weight:400}
.context-title .context-light strong{font-weight:700}
.context-title .context-light strong em{font-weight:700}
.context-title .context-accent,.context-title .context-accent em{font-weight:700}

/* Brand: kalibr is bold contemporary; AI is the precise terminal signal. */
.brand .calibr{
  font-family:"Space Grotesk",sans-serif !important;
  font-weight:700 !important;
  letter-spacing:-.065em !important;
}
.brand .ai{
  font-family:"IBM Plex Mono",monospace !important;
  font-weight:600 !important;
  color:var(--electric-cyan) !important;
  letter-spacing:-.09em !important;
}
.brand-lockup .calibr{
  font-family:"Space Grotesk",sans-serif !important;
  font-weight:700 !important;
  letter-spacing:-.075em !important;
}
.brand-lockup .ai{
  font-family:"IBM Plex Mono",monospace !important;
  font-weight:600 !important;
  color:var(--electric-cyan) !important;
}

/* Hero: stronger, more cinematic block; the final image can replace this placeholder later. */
.hero-placeholder{
  background:
    radial-gradient(circle at 72% 34%, rgba(126,223,230,.95) 0 4%, transparent 4.4%),
    radial-gradient(circle at 68% 37%, rgba(239,45,120,.82) 0 15%, transparent 15.7%),
    linear-gradient(145deg,#f2c8b8 0%,#ef6a52 42%,#b82e29 68%,#171514 100%) !important;
}
.hero-placeholder:before{
  width:74% !important;
  right:-10% !important;
  top:8% !important;
  background:radial-gradient(circle at 34% 30%,#e94e67 0 7%,#ef4b36 8% 30%,#421c18 31% 65%,transparent 66%) !important;
  opacity:.92 !important;
}
.hero-placeholder:after{
  border-color:rgba(241,232,220,.38) !important;
  border-width:1px !important;
}

/* Black / beige / coral / cyan become the recurring palette. */
.dark{background:var(--soft-black)!important}
.dark .context-placeholder,
.context-placeholder{
  background:
    linear-gradient(145deg,#2a2827,#181716 62%),
    var(--soft-black) !important;
}
.context-placeholder:before{
  background:radial-gradient(circle at 34% 30%,var(--electric-cyan) 0 7%,var(--hot-pink) 8% 25%,#ef4b36 26% 46%,#090909 47% 70%,transparent 71%) !important;
}
.context-title .context-accent,
.context-title .context-accent em{color:var(--hero-red)!important}

/* The cards are now closer to poster / editorial objects. */
.card-image{
  background:#1b1918 !important;
  border:1px solid rgba(241,232,220,.12);
}
.card-image:before{
  background:radial-gradient(circle at 32% 30%,var(--electric-cyan) 0 6%,var(--hot-pink) 7% 22%,var(--hero-red) 23% 45%,#090909 46% 67%,transparent 68%) !important;
  opacity:.92 !important;
}
.card-2{background:linear-gradient(145deg,#ef4637,#b51e38 58%,#171514)!important}
.card-3{background:linear-gradient(145deg,#ef2d78,#6f214e 58%,#171514)!important}
.card-4{background:linear-gradient(145deg,#7edfe6,#285f68 54%,#171514)!important}
.card-5{background:linear-gradient(145deg,#d8d2c8,#77736e 55%,#171514)!important}

/* Accent micro-UI: cyan is deliberately scarce. */
.kicker,.date,.rail-no{color:var(--hero-red)!important}
.chip{border-color:rgba(241,232,220,.25)!important}
.chip:nth-child(2){border-color:rgba(126,223,230,.55)!important;color:var(--electric-cyan)!important}
a:hover{color:var(--electric-cyan)!important}

/* Brand visual block. */
.brand-placeholder{
  background:
    linear-gradient(135deg,#f1e8dc 0 32%,#ef4637 33% 66%,#191716 67%) !important;
}
.brand-placeholder:before{
  background:radial-gradient(circle at 35% 35%,var(--electric-cyan) 0 9%,var(--hot-pink) 10% 25%,#171514 26% 58%,transparent 59%) !important;
}

/* Keep editorial rhythm but let the new sans breathe. */
.hero h1{line-height:.91 !important}
.section-copy h2{line-height:.96 !important}
.context-title{line-height:.93 !important}


/* ---- consolidated stylesheet block ---- */


:root{
  --cream:#f2e7d9;
  --paper:#e5d6c4;
  --dark:#241313;
  --ink:#1b1716;
  --coral:#e84b5f;
  --rose:#df7d83;
  --pink:#ef5a8a;
  --muted:#806e69;
  --line:rgba(36,19,19,.18);
  --cyan:#79d9df;
  --mono:"IBM Plex Mono",monospace;
  --serif:"Space Grotesk",sans-serif;
}

/* No orange/gold in the identity. */
body{background:var(--cream);color:var(--ink)}
a:hover{color:var(--cyan)!important}

/* Brand: technology is secondary; the blue/cyan is decorative only. */
.brand .calibr,
.brand-lockup .calibr{
  font-family:"Space Grotesk",sans-serif!important;
  font-weight:700!important;
  color:var(--ink)!important;
}
.brand .ai,
.brand-lockup .ai{
  font-family:"IBM Plex Mono",monospace!important;
  font-weight:600!important;
  color:var(--coral)!important;
}
.brand .ai{font-size:15px!important}
.brand-lockup .ai{font-size:clamp(58px,7vw,104px)!important}

/* Hero: a warmer, rosier, more graphic field. */
.hero-placeholder{
  background:
    radial-gradient(circle at 72% 30%,rgba(121,217,223,.92) 0 3.2%,transparent 3.8%),
    radial-gradient(circle at 65% 38%,rgba(239,90,138,.96) 0 19%,transparent 19.8%),
    linear-gradient(145deg,#f1cfc2 0%,#ef7c82 38%,#e84b5f 67%,#241313 100%)!important;
}
.hero-placeholder:before{
  width:76%!important;
  right:-12%!important;
  top:8%!important;
  background:
    radial-gradient(circle at 34% 30%,#f4b9c3 0 7%,#e84b5f 8% 32%,#5a2228 33% 65%,transparent 66%)!important;
  opacity:.9!important;
}
.hero-placeholder:after{
  border-color:rgba(242,231,217,.45)!important;
}

/* Context: deep burgundy-black, with red/pink doing the emotional work. */
.dark{background:#241313!important}
.context-placeholder{
  background:
    radial-gradient(circle at 75% 22%,rgba(239,90,138,.45),transparent 22%),
    linear-gradient(145deg,#4b2021,#241313 62%)!important;
}
.context-placeholder:before{
  background:
    radial-gradient(circle at 34% 30%,var(--pink) 0 7%,var(--coral) 8% 28%,#5b2024 29% 68%,transparent 69%)!important;
}
.context-title .context-accent,
.context-title .context-accent em{color:var(--coral)!important}
.context-title .context-accent em{
  font-style:normal!important;
  font-weight:700!important;
  text-decoration:none!important;
}

/* Let "mudou" carry the italic gesture instead. */
.context-title .context-light strong em{
  font-style:italic!important;
  font-weight:700!important;
}

/* Stronger black/beige editorial contrast. */
.section-copy h2,
.hero h1,
.statement{
  font-family:"Space Grotesk",sans-serif!important;
}
.hero h1{
  font-weight:600!important;
  letter-spacing:-.065em!important;
}
.hero h1 em{
  color:var(--coral)!important;
  font-style:italic!important;
  font-weight:600!important;
}

/* Chips: mostly neutral; cyan appears once as a quiet signal. */
.chip{
  border-color:rgba(242,231,217,.24)!important;
  color:var(--cream)!important;
}
.chip:nth-child(2){
  border-color:rgba(121,217,223,.5)!important;
  color:var(--cyan)!important;
}

/* Cards: poster-like, red/pink/black, no orange. */
.card-image{
  background:#1b1515!important;
  border:1px solid rgba(242,231,217,.12)!important;
}
.card-image:before{
  background:
    radial-gradient(circle at 32% 30%,var(--pink) 0 7%,var(--coral) 8% 28%,#5b2024 29% 65%,transparent 66%)!important;
}
.card-2{background:linear-gradient(145deg,#e84b5f,#a92e48 58%,#1b1515)!important}
.card-3{background:linear-gradient(145deg,#ef5a8a,#76223e 58%,#1b1515)!important}
.card-4{background:linear-gradient(145deg,#df7d83,#64282c 58%,#1b1515)!important}
.card-5{background:linear-gradient(145deg,#d7cec3,#77706b 55%,#1b1515)!important}

/* Keep cyan restricted to tiny decorative moments. */
.kicker,.date,.rail-no{color:var(--coral)!important}
.rail-item:nth-child(4) .card-image small{color:var(--cyan)}
.brand-placeholder{
  background:linear-gradient(135deg,#f2e7d9 0 30%,#e84b5f 31% 67%,#241313 68%)!important;
}
.brand-placeholder:before{
  background:radial-gradient(circle at 35% 35%,var(--cyan) 0 6%,var(--pink) 7% 23%,#241313 24% 58%,transparent 59%)!important;
}

/* Substitution story: red is the warning signal, not orange. */
.substitution-placeholder{
  background:linear-gradient(145deg,#4b2021,#241313)!important;
}
.substitution-placeholder:before{
  background:
    radial-gradient(circle at 35% 40%,var(--pink) 0 7%,var(--coral) 8% 25%,#5b2024 26% 53%,transparent 54%)!important;
}

/* Remove leftover gold/orange references from old styles. */
[style*="gold"]{color:var(--coral)!important}


/* ---- consolidated stylesheet block ---- */


.hero-visual:after{
  content:"";
  position:absolute;
  width:8px;height:8px;
  border-radius:50%;
  background:var(--cyan);
  right:7%;
  bottom:6%;
  box-shadow:0 0 0 1px rgba(121,217,223,.25),0 0 22px rgba(121,217,223,.18);
}


/* ---- consolidated stylesheet block ---- */


:root{
  --display:"Helvetica Neue","Helvetica","Arial",sans-serif;
  --body:"Helvetica Neue","Helvetica","Arial",sans-serif;
  --mono:"IBM Plex Mono",monospace;
  --cream:#f7eadf;
  --paper:#ead9ca;
  --dark:#241315;
  --ink:#171314;
  --coral:#eb5367;
  --rose:#e9838d;
  --cyan:#79d9df;
  --line:rgba(36,19,21,.18);
}

/* One typographic voice. No serif, no italic, no mixed display families. */
body,
h1,h2,h3,h4,
.hero h1,
.section-copy h2,
.statement,
.context-title,
.brand,
.brand-lockup{
  font-family:var(--display)!important;
  font-style:normal!important;
}

/* Tight, Helvetica-like display rhythm. */
.hero h1{
  font-weight:700!important;
  letter-spacing:-.072em!important;
  line-height:.88!important;
}
.hero h1 em{
  font-style:normal!important;
  font-weight:700!important;
  color:var(--coral)!important;
}
.section-copy h2{
  font-weight:700!important;
  letter-spacing:-.065em!important;
  line-height:.9!important;
}
.statement{
  font-style:normal!important;
  font-weight:600!important;
}

/* Context becomes the second-fold color statement. */
.dark{
  background:var(--coral)!important;
}
.context-section,
.context{
  background:var(--coral)!important;
}
.context-title{
  font-weight:300!important;
  font-size:clamp(56px,5.7vw,86px)!important;
  line-height:.91!important;
  letter-spacing:-.072em!important;
  max-width:820px!important;
}
.context-title span{display:block}
.context-title .context-light{
  font-weight:300!important;
  color:var(--cream)!important;
}
.context-title .context-light strong,
.context-title .context-light strong em{
  font-weight:700!important;
  font-style:normal!important;
  color:var(--cream)!important;
}
.context-title .context-accent,
.context-title .context-accent em{
  font-weight:700!important;
  font-style:normal!important;
  color:var(--dark)!important;
  white-space:nowrap;
}
.context-grid .section-copy h2{margin-bottom:42px!important}

/* Context copy on the rosy field. */
.context-grid .section-copy p,
.context-grid .section-copy .lede,
.context-grid .section-copy small{
  color:rgba(36,19,21,.84)!important;
}
.context-grid .section-copy .statement{
  color:var(--dark)!important;
}
.context-placeholder{
  height:575px!important;
  background:
    radial-gradient(circle at 34% 29%,#f6a4ad 0 7%,#d9475d 8% 27%,#4d1c24 28% 65%,transparent 66%),
    linear-gradient(145deg,#3b2525,#171314)!important;
}
.context-placeholder:before{
  background:
    radial-gradient(circle at 34% 30%,#f3a2ab 0 7%,#e84b63 8% 29%,#4c1b22 30% 67%,transparent 68%)!important;
}
.context-placeholder:after{
  border-color:rgba(247,234,223,.38)!important;
}

/* Cyan remains a tiny decorative signal, never brand color. */
.chip:nth-child(2){
  color:var(--cyan)!important;
  border-color:rgba(121,217,223,.5)!important;
}
.kicker,.date,.rail-no{color:var(--dark)!important}

/* Brand: same family, strong and quiet. AI is coral, not blue or mono. */
.brand .calibr,
.brand .ai,
.brand-lockup .calibr,
.brand-lockup .ai{
  font-family:var(--display)!important;
  font-style:normal!important;
  font-weight:700!important;
}
.brand .calibr{
  font-size:20px!important;
  letter-spacing:-.075em!important;
  color:var(--ink)!important;
}
.brand .ai{
  font-size:17px!important;
  letter-spacing:-.12em!important;
  color:var(--coral)!important;
}
.brand-lockup{
  gap:5px!important;
}
.brand-lockup .calibr{
  font-size:clamp(70px,10vw,145px)!important;
  letter-spacing:-.085em!important;
  color:var(--ink)!important;
}
.brand-lockup .ai{
  font-size:clamp(52px,6.7vw,98px)!important;
  letter-spacing:-.12em!important;
  color:var(--coral)!important;
  top:-2px!important;
}

/* Remove every italic gesture left by previous iterations. */
em,i{
  font-style:normal!important;
}

/* Keep the rest of the palette warm and restrained. */
.hero-placeholder{
  background:
    radial-gradient(circle at 72% 30%,rgba(121,217,223,.72) 0 3%,transparent 3.6%),
    radial-gradient(circle at 65% 38%,rgba(239,90,138,.96) 0 19%,transparent 19.8%),
    linear-gradient(145deg,#f2cfc5 0%,#ed7884 38%,#e84d62 67%,#241315 100%)!important;
}
.card-2{background:linear-gradient(145deg,#eb5367,#a92e48 58%,#1b1515)!important}
.card-3{background:linear-gradient(145deg,#ef5a8a,#76223e 58%,#1b1515)!important}
.card-4{background:linear-gradient(145deg,#df7d83,#64282c 58%,#1b1515)!important}


/* ---- consolidated stylesheet block ---- */


:root{
  --display:"Arimo","Helvetica Neue","Helvetica","Arial",sans-serif;
  --body:"Arimo","Helvetica Neue","Helvetica","Arial",sans-serif;
  --mono:"IBM Plex Mono",monospace;

  /* Final palette: warm beige / deep burgundy-black / rosy red.
     No orange, amber, gold or yellow. Cyan is decoration only. */
  --cream:#f5e9de;
  --paper:#e7d8c9;
  --dark:#261416;
  --ink:#171314;
  --coral:#e94e67;
  --rose:#dc7c88;
  --cyan:#78dbe1;
  --muted:#806e6b;
  --line:rgba(38,20,22,.18);
}

/* One clean neo-grotesk voice. */
body,h1,h2,h3,h4,h5,h6,
.hero h1,.section-copy h2,.statement,
.context-title,.brand,.brand-lockup{
  font-family:var(--display)!important;
  font-style:normal!important;
}

/* Tight, poster-like Helvetica rhythm. */
.hero h1{
  font-weight:700!important;
  letter-spacing:-.075em!important;
  line-height:.88!important;
}
.hero h1 em{
  font-style:normal!important;
  font-weight:700!important;
  color:var(--coral)!important;
}
.section-copy h2{
  font-weight:700!important;
  letter-spacing:-.065em!important;
  line-height:.91!important;
}
.statement{
  font-weight:600!important;
  font-style:normal!important;
}

/* Second fold: the rosy field comes forward. */
.dark,
.context-section,
.context{
  background:var(--coral)!important;
}
.context-title{
  font-weight:400!important;
  font-size:clamp(56px,5.7vw,86px)!important;
  line-height:.91!important;
  letter-spacing:-.073em!important;
  max-width:850px!important;
}
.context-title span{display:block}
.context-title .context-light{
  font-weight:400!important;
  color:var(--cream)!important;
}
.context-title .context-light strong,
.context-title .context-light strong em{
  font-weight:700!important;
  font-style:normal!important;
  color:var(--cream)!important;
}
.context-title .context-accent,
.context-title .context-accent em{
  font-weight:700!important;
  font-style:normal!important;
  color:var(--dark)!important;
  white-space:nowrap;
}
.context-grid .section-copy h2{margin-bottom:44px!important}

.context-grid .section-copy p,
.context-grid .section-copy .lede,
.context-grid .section-copy small{
  color:rgba(38,20,22,.82)!important;
}
.context-grid .section-copy .statement{
  color:var(--dark)!important;
}

/* Image placeholder: no amber/orange remnants. */
.context-placeholder{
  height:575px!important;
  background:
    radial-gradient(circle at 34% 29%,#f5a5b0 0 7%,#d9455e 8% 27%,#4b1b23 28% 65%,transparent 66%),
    linear-gradient(145deg,#322426,#171314)!important;
}
.context-placeholder:before{
  background:
    radial-gradient(circle at 34% 30%,#f2a2ad 0 7%,#e84b63 8% 29%,#4a1b22 30% 67%,transparent 68%)!important;
}
.context-placeholder:after{
  border-color:rgba(245,233,222,.38)!important;
}

/* Brand: both parts belong to one family; AI is the coral accent, never blue. */
.brand .calibr,.brand .ai,
.brand-lockup .calibr,.brand-lockup .ai{
  font-family:var(--display)!important;
  font-style:normal!important;
  font-weight:700!important;
}
.brand .calibr{
  font-size:20px!important;
  letter-spacing:-.075em!important;
  color:var(--ink)!important;
}
.brand .ai{
  font-size:17px!important;
  letter-spacing:-.13em!important;
  color:var(--coral)!important;
}
.brand-lockup{gap:4px!important}
.brand-lockup .calibr{
  font-size:clamp(70px,10vw,145px)!important;
  letter-spacing:-.085em!important;
  color:var(--ink)!important;
}
.brand-lockup .ai{
  font-size:clamp(52px,6.7vw,98px)!important;
  letter-spacing:-.13em!important;
  color:var(--coral)!important;
  top:-2px!important;
}

/* Absolutely no italic anywhere in the visual system. */
em,i{font-style:normal!important}

/* Cyan is a tiny detail, never the brand. */
.chip:nth-child(2){
  color:var(--cyan)!important;
  border-color:rgba(120,219,225,.48)!important;
}
.kicker,.date,.rail-no{color:var(--dark)!important}

/* Warm hero: rosy, red, burgundy-black. */
.hero-placeholder{
  background:
    radial-gradient(circle at 72% 30%,rgba(120,219,225,.62) 0 2.8%,transparent 3.4%),
    radial-gradient(circle at 65% 38%,rgba(239,90,138,.96) 0 19%,transparent 19.8%),
    linear-gradient(145deg,#f3cec5 0%,#ed7884 38%,#e94e67 67%,#261416 100%)!important;
}

/* Cards: editorial/poster palette. */
.card-2{background:linear-gradient(145deg,#e94e67,#a82d49 58%,#1b1515)!important}
.card-3{background:linear-gradient(145deg,#ef5a8a,#76223e 58%,#1b1515)!important}
.card-4{background:linear-gradient(145deg,#dc7c88,#64282c 58%,#1b1515)!important}
.card-5{background:linear-gradient(145deg,#d7cec5,#77706d 55%,#1b1515)!important}

/* Kill legacy amber/orange/gold declarations that may still exist in older CSS. */
body{
  --gold:var(--coral);
  --amber:var(--coral);
  --orange:var(--coral);
}


/* ---- consolidated stylesheet block ---- */


:root{
  --display:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --body:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",monospace;

  /* ONLY the intended palette. */
  --cream:#f4e9de;
  --paper:#e7d8c9;
  --dark:#2b1517;
  --ink:#171314;
  --red:#e74d62;
  --red-deep:#a92f42;
  --pink:#ee688d;
  --cyan:#79dbe1;
  --muted:#806f6d;
  --line:rgba(43,21,23,.18);
}

/* One display family, with a controllable width axis. */
body,h1,h2,h3,h4,h5,h6,
.hero h1,.section-copy h2,.statement,
.context-title,.brand,.brand-lockup{
  font-family:var(--display)!important;
  font-style:normal!important;
}

/* Her-like poster rhythm: tight tracking + strong weight contrast. */
.hero h1{
  font-weight:700!important;
  letter-spacing:-.075em!important;
  line-height:.87!important;
}
.hero h1 em{
  font-style:normal!important;
  font-weight:700!important;
  color:var(--red)!important;
}
.section-copy h2{
  font-weight:600!important;
  letter-spacing:-.06em!important;
  line-height:.92!important;
}
.statement{
  font-weight:500!important;
  font-style:normal!important;
}

/* Context: rosy second fold, with no orange contamination. */
.dark,.context-section,.context{
  background:var(--red)!important;
}
.context-title{
  font-weight:400!important;
  font-size:clamp(58px,5.75vw,88px)!important;
  line-height:.90!important;
  letter-spacing:-.075em!important;
  max-width:900px!important;
}
.context-title span{display:block}
.context-title .context-light{
  font-weight:400!important;
  color:var(--cream)!important;
}
.context-title .context-light strong,
.context-title .context-light strong em{
  font-weight:700!important;
  font-style:normal!important;
  color:var(--cream)!important;
}
.context-title .context-accent,
.context-title .context-accent em{
  font-weight:700!important;
  font-style:normal!important;
  color:var(--dark)!important;
  white-space:nowrap;
}
.context-grid .section-copy h2{margin-bottom:44px!important}

.context-grid .section-copy p,
.context-grid .section-copy .lede,
.context-grid .section-copy small{
  color:rgba(43,21,23,.82)!important;
}
.context-grid .section-copy .statement{
  color:var(--dark)!important;
}

/* Context image: burgundy/black with the rosy focal shape. */
.context-placeholder{
  height:575px!important;
  background:
    radial-gradient(circle at 34% 29%,#f3a1ad 0 7%,#d83e58 8% 27%,#4b1a22 28% 65%,transparent 66%),
    linear-gradient(145deg,#302225,#171314)!important;
}
.context-placeholder:before{
  background:
    radial-gradient(circle at 34% 30%,#f3a1ad 0 7%,#e74d62 8% 29%,#4a1b22 30% 67%,transparent 68%)!important;
}
.context-placeholder:after{
  border-color:rgba(244,233,222,.38)!important;
}

/* Brand: same typographic DNA. AI is the red accent, not a separate tech font. */
.brand .calibr,.brand .ai,
.brand-lockup .calibr,.brand-lockup .ai{
  font-family:var(--display)!important;
  font-style:normal!important;
  font-weight:700!important;
}
.brand .calibr{
  font-size:20px!important;
  letter-spacing:-.075em!important;
  color:var(--ink)!important;
}
.brand .ai{
  font-size:17px!important;
  letter-spacing:-.14em!important;
  color:var(--red)!important;
}
.brand-lockup{gap:3px!important}
.brand-lockup .calibr{
  font-size:clamp(70px,10vw,145px)!important;
  letter-spacing:-.09em!important;
  color:var(--ink)!important;
}
.brand-lockup .ai{
  font-size:clamp(50px,6.5vw,96px)!important;
  letter-spacing:-.14em!important;
  color:var(--red)!important;
  top:-2px!important;
}

/* No italics anywhere. */
em,i{font-style:normal!important}

/* Cyan: one small decorative signal only. */
.chip:nth-child(2){
  color:var(--cyan)!important;
  border-color:rgba(121,219,225,.48)!important;
}

/* Hero and cards: red/pink/black/beige only. */
.hero-placeholder{
  background:
    radial-gradient(circle at 72% 30%,rgba(121,219,225,.56) 0 2.7%,transparent 3.4%),
    radial-gradient(circle at 65% 38%,rgba(238,104,141,.96) 0 19%,transparent 19.8%),
    linear-gradient(145deg,#f2cec4 0%,#ea7783 38%,#e74d62 67%,#2b1517 100%)!important;
}
.card-2{background:linear-gradient(145deg,#e74d62,#a92f42 58%,#1b1515)!important}
.card-3{background:linear-gradient(145deg,#ee688d,#76223e 58%,#1b1515)!important}
.card-4{background:linear-gradient(145deg,#d77c88,#64282c 58%,#1b1515)!important}
.card-5{background:linear-gradient(145deg,#d7cec5,#77706d 55%,#1b1515)!important}

/* Hard kill legacy orange/gold CSS variables if they still exist upstream. */
:root{
  --gold:var(--red)!important;
  --amber:var(--red)!important;
  --orange:var(--red)!important;
}


/* ---- consolidated stylesheet block ---- */


/* V17 — remove the earthy brown and restore the terminal voice for prose. */
:root{
  --dark:#171314!important;
  --dark2:#1d1819!important;
  --ink:#171314!important;
  --paper:#f4e9de!important;
  --paper2:#e7d8c9!important;
  --cream:#f7eee5!important;
  --red:#e74d62!important;
  --red-deep:#a92f42!important;
  --pink:#ee688d!important;
  --cyan:#79dbe1!important;
  --muted:#756d6c!important;
}

/* Terminal/Linux-console voice for every paragraph and supporting copy. */
body,
p,
li,
small,
figcaption,
label,
input,
textarea,
button,
.kicker,
.date,
.rail-no,
.chip,
.result p,
.context-grid .section-copy p,
.context-grid .section-copy .lede,
.context-grid .section-copy small,
.hero p,
.program p,
.story-card p,
.final p{
  font-family:"IBM Plex Mono","Liberation Mono","DejaVu Sans Mono",monospace!important;
}

/* Display typography stays Instrument Sans. */
h1,h2,h3,h4,h5,h6,
.hero h1,
.section-copy h2,
.statement,
.context-title,
.brand,
.brand-lockup{
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
}

/* Black, not brown. */
.dark,
.context-section,
.context,
.results{
  background:var(--dark)!important;
  color:var(--cream)!important;
}

.story-card,
.results{
  background:var(--dark2)!important;
}

/* Keep the editorial red/pink as the accent; no orange/brown intermediates. */
.final{
  background:var(--red)!important;
}
.context-title .context-accent,
.context-title .context-accent em{
  color:var(--red)!important;
}
.context-grid .section-copy .statement{
  color:var(--pink)!important;
}

/* Remove every legacy warm/gold/orange gradient from visible conceptual art. */
.card-image,
.hero-placeholder,
.context-placeholder{
  background:
    radial-gradient(circle at 68% 30%,rgba(121,219,225,.52) 0 2.4%,transparent 3.1%),
    radial-gradient(circle at 64% 39%,rgba(238,104,141,.98) 0 19%,transparent 19.8%),
    linear-gradient(145deg,#dcaeb0 0%,#e75a70 42%,#a92f42 68%,#171314 100%)!important;
}

/* Dark conceptual blocks stay black/burgundy-red, never earthy brown. */
.context-placeholder:before{
  background:
    radial-gradient(circle at 34% 30%,#f3a1ad 0 7%,#e74d62 8% 29%,#5a1b29 30% 67%,transparent 68%)!important;
}

/* Brand remains neutral + red; cyan is decorative only. */
.brand .calibr,
.brand-lockup .calibr{
  color:var(--ink)!important;
}
.brand .ai,
.brand-lockup .ai{
  color:var(--red)!important;
}

/* Ensure no old orange/gold token can leak back into the rendered page. */
:root{
  --orange:var(--red)!important;
  --amber:var(--red)!important;
  --gold:var(--red)!important;
}


/* ---- consolidated stylesheet block ---- */


/* V18 — SECOND FOLD ONLY
   The rest of the page is intentionally untouched.
*/
.context-section,
.context,
.results.dark,
.dark.context-section{
  background:#e74d62!important; /* Her-like coral red / brand A */
  color:#171314!important;
}

/* Keep the conceptual image dark so the red field has a strong editorial counterpoint. */
.context-section .context-placeholder,
.context .context-placeholder{
  background:
    radial-gradient(circle at 35% 25%,#f28d9e 0 7%,#e74d62 7.5% 28%,transparent 28.8%),
    linear-gradient(145deg,#252124 0%,#171314 100%)!important;
  border-color:rgba(244,233,222,.16)!important;
}

/* Headline: maximum readability, controlled contrast, no accidental low-contrast colors. */
.context-section .context-title,
.context .context-title{
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-weight:700!important;
  font-style:normal!important;
  letter-spacing:-.065em!important;
  line-height:.91!important;
  color:#171314!important;
  text-wrap:balance;
}

.context-section .context-title .context-light,
.context .context-title .context-light{
  color:#f7eee5!important;
  font-weight:400!important;
}

.context-section .context-title .context-light strong,
.context-section .context-title .context-light strong em,
.context .context-title .context-light strong,
.context .context-title .context-light strong em{
  color:#171314!important;
  font-weight:700!important;
  font-style:normal!important;
}

.context-section .context-title .context-accent,
.context-section .context-title .context-accent em,
.context .context-title .context-accent,
.context .context-title .context-accent em{
  color:#171314!important;
  font-weight:700!important;
  font-style:normal!important;
}

/* Supporting copy was becoming invisible against the dark field.
   On the red fold it gets a high-contrast cream/ink treatment. */
.context-section .section-copy p,
.context-section .section-copy .lede,
.context-section .section-copy small,
.context .section-copy p,
.context .section-copy .lede,
.context .section-copy small{
  font-family:"IBM Plex Mono","Liberation Mono","DejaVu Sans Mono",monospace!important;
  color:#171314!important;
  opacity:1!important;
  line-height:1.65!important;
}

/* Editorial statement: keep it prominent without introducing another hue. */
.context-section .section-copy .statement,
.context .section-copy .statement{
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-weight:600!important;
  font-style:normal!important;
  color:#f7eee5!important;
  letter-spacing:-.035em!important;
  line-height:1.08!important;
  margin-top:44px!important;
}

/* Small labels / rail remain readable on the red. */
.context-section .kicker,
.context-section .rail-no,
.context-section .chip,
.context .kicker,
.context .rail-no,
.context .chip{
  color:#171314!important;
  border-color:rgba(23,19,20,.30)!important;
}

/* Cyan remains a tiny decorative signal only. */
.context-section .chip:nth-child(2),
.context .chip:nth-child(2){
  color:#79dbe1!important;
  border-color:rgba(121,219,225,.72)!important;
}

/* Preserve the existing composition; only give the fold enough breathing room. */
.context-section .section-copy,
.context .section-copy{
  max-width:920px!important;
}


/* ---- consolidated stylesheet block ---- */


/* =========================================================
   V19 — SECOND SECTION ONLY
   Clean palette + icon row. No global typography/palette edits.
   ========================================================= */

.context-section,
.context-section.dark,
.context,
.results.context-section{
  background:#e94b64!important;
  color:#171314!important;
}

/* High-contrast editorial hierarchy on the pink field. */
.context-section .context-title,
.context-section .context-title *{
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-style:normal!important;
  letter-spacing:-.065em!important;
}
.context-section .context-title{
  color:#171314!important;
  font-weight:700!important;
  line-height:.91!important;
}
.context-section .context-title .context-light{
  color:#f8eee5!important;
  font-weight:400!important;
}
.context-section .context-title .context-light strong,
.context-section .context-title .context-light strong em{
  color:#171314!important;
  font-weight:700!important;
  font-style:normal!important;
}
.context-section .context-title .context-accent,
.context-section .context-title .context-accent em{
  color:#f8eee5!important;
  font-weight:700!important;
  font-style:normal!important;
}

/* Console voice for body copy, now readable against pink. */
.context-section .section-copy p,
.context-section .section-copy .lede,
.context-section .section-copy small{
  font-family:"IBM Plex Mono","Liberation Mono","DejaVu Sans Mono",monospace!important;
  color:#171314!important;
  opacity:1!important;
  line-height:1.65!important;
}

/* Statement gets cream for a clean inversion. */
.context-section .section-copy .statement{
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-style:normal!important;
  font-weight:600!important;
  color:#f8eee5!important;
  letter-spacing:-.035em!important;
  line-height:1.08!important;
}

/* Small labels become ink — no washed-out brown. */
.context-section .kicker,
.context-section .rail-no,
.context-section .section-label,
.context-section .meta{
  color:#171314!important;
}

/* --- The three topic controls: no boxes, no blue. --- */
.context-section .chips,
.context-section .chip-row,
.context-section .tags,
.context-section .topics{
  display:flex!important;
  gap:34px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}

.context-section .chip,
.context-section button.chip,
.context-section a.chip{
  appearance:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-height:0!important;
  color:#171314!important;
  font-family:"IBM Plex Mono","Liberation Mono","DejaVu Sans Mono",monospace!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
}

/* Tiny editorial icons instead of rectangular UI controls. */
.context-section .chip::before{
  content:""!important;
  width:16px!important;
  height:16px!important;
  display:inline-block!important;
  flex:0 0 16px!important;
  border:1.5px solid #171314!important;
  border-radius:50%!important;
  opacity:.95!important;
}

.context-section .chip:nth-child(1)::before{
  border-radius:3px!important;
  border-width:1.5px!important;
  transform:rotate(-8deg)!important;
}
.context-section .chip:nth-child(2)::before{
  border-radius:50%!important;
  box-shadow:inset 0 0 0 3px #e94b64!important;
}
.context-section .chip:nth-child(3)::before{
  border-radius:2px!important;
  transform:rotate(45deg) scale(.72)!important;
}

.context-section .chip:nth-child(1)::after{
  content:""!important;
  width:5px!important;
  height:5px!important;
  border-right:1.5px solid #171314!important;
  border-bottom:1.5px solid #171314!important;
  transform:translateX(-24px) rotate(-45deg)!important;
  margin-right:-8px!important;
}
.context-section .chip:nth-child(2)::after,
.context-section .chip:nth-child(3)::after{
  content:none!important;
}

/* No cyan/blue survives in this section. */
.context-section .chip:nth-child(2){
  color:#171314!important;
  border-color:transparent!important;
}

/* Image stays dark as a visual anchor, with the pink/red identity carried by the section. */
.context-section .context-placeholder{
  background:
    radial-gradient(circle at 35% 25%,#f38da0 0 7%,#e94b64 7.5% 28%,transparent 28.8%),
    linear-gradient(145deg,#272324 0%,#171314 100%)!important;
}


/* ---- consolidated stylesheet block ---- */


/* =========================================================
   V20 — REAL SECOND SECTION TARGET
   The actual HTML uses <section class="dark section">.
   Only that section is changed here.
   ========================================================= */

section.dark.section{
  background:#e94b64!important;
  color:#171314!important;
}

section.dark.section .context-grid{
  color:#171314!important;
}

/* Headline */
section.dark.section .context-title{
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:-.065em!important;
  line-height:.91!important;
  color:#171314!important;
}

section.dark.section .context-title .context-light{
  color:#f8eee5!important;
  font-weight:400!important;
}

section.dark.section .context-title .context-light strong{
  color:#171314!important;
  font-weight:700!important;
  font-style:normal!important;
}

section.dark.section .context-title .context-accent{
  color:#171314!important;
  font-weight:700!important;
  font-style:normal!important;
}

/* Body copy — terminal voice, high contrast */
section.dark.section .section-copy > p{
  font-family:"IBM Plex Mono","Liberation Mono","DejaVu Sans Mono",monospace!important;
  color:#171314!important;
  opacity:1!important;
  font-size:13px!important;
  line-height:1.72!important;
  margin-top:24px!important;
}

/* Editorial statement */
section.dark.section .statement{
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-style:normal!important;
  font-weight:600!important;
  color:#f8eee5!important;
  letter-spacing:-.035em!important;
  line-height:1.08!important;
  margin-top:42px!important;
}

/* Kicker / metadata */
section.dark.section .kicker,
section.dark.section section.dark.section .context-visual small{
  color:#171314!important;
}

/* Concept image remains the dark anchor */
section.dark.section .context-placeholder{
  background:
    radial-gradient(circle at 35% 25%,#f28d9e 0 7%,#e94b64 7.5% 28%,transparent 28.8%),
    linear-gradient(145deg,#292526 0%,#171314 100%)!important;
}

/* Three topics: remove every rectangular UI treatment */
section.dark.section .chips{
  display:flex!important;
  align-items:center!important;
  gap:30px!important;
  margin-top:30px!important;
}

section.dark.section .chip{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#171314!important;
  font-family:"IBM Plex Mono","Liberation Mono","DejaVu Sans Mono",monospace!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

/* Simple editorial line-icons */
section.dark.section .chip::before{
  content:""!important;
  width:15px!important;
  height:15px!important;
  box-sizing:border-box!important;
  border:1.4px solid #171314!important;
  display:inline-block!important;
  flex:0 0 15px!important;
  opacity:.9!important;
}

section.dark.section .chip:nth-child(1)::before{
  border-radius:3px!important;
  transform:rotate(-8deg)!important;
}

section.dark.section .chip:nth-child(2)::before{
  border-radius:50%!important;
  box-shadow:inset 0 0 0 3px #e94b64!important;
}

section.dark.section .chip:nth-child(3)::before{
  width:12px!important;
  height:12px!important;
  flex-basis:12px!important;
  border-radius:2px!important;
  transform:rotate(45deg)!important;
}

/* Absolutely no blue/cyan treatment in this section. */
section.dark.section .chip:nth-child(2){
  color:#171314!important;
  border-color:transparent!important;
}


/* ---- consolidated stylesheet block ---- */


/* =========================================================
   V21 — PROGRAM SECTION ONLY
   Editorial cards, no interaction rail, no earthy orange.
   ========================================================= */

.program{
  background:#e7d8c9!important;
  color:#171314!important;
  padding:128px 0 150px!important;
}

/* Give the heading room to breathe instead of forcing ugly line breaks. */
.program .program-head{
  grid-template-columns:1fr 1fr!important;
  gap:92px!important;
  margin-bottom:82px!important;
  align-items:end!important;
}
.program .program-head h2{
  max-width:610px!important;
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:clamp(64px,6.2vw,92px)!important;
  line-height:.90!important;
  letter-spacing:-.07em!important;
  font-weight:600!important;
  color:#171314!important;
  margin-top:22px!important;
}
.program .program-head > div:last-child{
  padding-bottom:5px!important;
}
.program .program-head > div:last-child > p{
  color:#514746!important;
  font-family:"IBM Plex Mono","Liberation Mono","DejaVu Sans Mono",monospace!important;
  font-size:12px!important;
  line-height:1.75!important;
  max-width:620px!important;
}
.program .program-head .statement{
  color:#c73c4f!important;
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:clamp(24px,2.2vw,34px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:600!important;
  margin-top:30px!important;
}

/* The old rail lines were making the cards feel like tabs.
   Make this a quiet gallery of five visible cards. */
.program .rail{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
  border:0!important;
  margin:0!important;
}
.program .rail-item{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  position:relative!important;
}
.program .rail-item:before{
  display:none!important;
}

/* Taller image objects, with the number free inside the image. */
.program .card-image{
  height:292px!important;
  margin:0 0 22px!important;
  padding:0!important;
  border:0!important;
  background:#171314!important;
}
.program .card-image:before{
  background:
    radial-gradient(circle at 32% 30%,#ee688d 0 7%,#e74d62 8% 28%,#641e2d 29% 65%,transparent 66%)!important;
  opacity:.95!important;
}
/* More useful text, not UI-like labels. */
.program .card-kicker{
  font-family:"IBM Plex Mono","Liberation Mono","DejaVu Sans Mono",monospace!important;
  font-size:8px!important;
  line-height:1.3!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  color:#c73c4f!important;
  margin-bottom:9px!important;
}
.program .rail-item h3{
  font-family:"Instrument Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  font-weight:600!important;
  color:#171314!important;
  margin:0 0 11px!important;
  max-width:none!important;
}
.program .rail-item p{
  font-family:"IBM Plex Mono","Liberation Mono","DejaVu Sans Mono",monospace!important;
  font-size:9.5px!important;
  line-height:1.65!important;
  color:#625655!important;
  max-width:none!important;
  margin:0!important;
}

/* No hidden "01 / Imersão no contexto" detail block below the cards.
   This section is intentionally non-interactive. */
.program .program-note{
  display:none!important;
}

/* Remove any inherited orange/amber/card palette from this section. */
.program .card-1,
.program .card-2,
.program .card-3,
.program .card-4,
.program .card-5{
  background:#171314!important;
}
.program .kicker{
  color:#c73c4f!important;
}

/* Desktop only for this pass; keep the existing mobile rules untouched. */
@media(max-width:1100px){
  .program .program-head{
    gap:55px!important;
  }
  .program .rail{
    gap:10px!important;
  }
}


/* ---- consolidated stylesheet block ---- */


/* V37 — TEAL ONLY
   Preserve the original V34 pink/background/artwork.
   Only add the Her-inspired blue/green accent to typography and one fine rule. */

section.dark.section:has(.context-grid) .section-copy .statement{
  color: transparent !important;
  background: linear-gradient(
    96deg,
    #43c9c7 0%,
    #70e0d8 52%,
    #9cebe3 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Small, decorative Her-like line. No background wash, no gradient blob. */
section.dark.section:has(.context-grid)::after{
  content:"";
  position:absolute !important;
  width:min(340px,24vw) !important;
  height:2px !important;
  right:8vw !important;
  top:28% !important;
  background:linear-gradient(
    90deg,
    rgba(67,201,199,0),
    #43c9c7 25%,
    #9cebe3 75%,
    rgba(156,235,227,0)
  ) !important;
  opacity:.72 !important;
  transform:rotate(-1deg) !important;
  pointer-events:none !important;
  z-index:1 !important;
}

/* Keep the teal secondary: no recoloring of the kalibrAI mark or main hero. */


/* ---- consolidated stylesheet block ---- */


/* V39 — remove chromatic treatment from the PROGRAM title only */
section.program h2,
section.program h2 *,
section#program h2,
section#program h2 *{
  color:#171316 !important;
  -webkit-text-fill-color:#171316 !important;
  background:transparent !important;
  background-image:none !important;
  background-clip:border-box !important;
  -webkit-background-clip:border-box !important;
  text-shadow:none !important;
  filter:none !important;
  mask:none !important;
  -webkit-mask:none !important;
}


/* ---- consolidated stylesheet block ---- */


/* V42 — RESULTADO ONLY. No styles leak into other sections. */
#resultado.results-v27{
  --resultado-cream:#f4eee7;
  --resultado-cyan:#82dbe1;
  --resultado-blue:#72b8d8;
  --resultado-pink:#ee4f70;
}

#resultado.results-v27 .results-v27__inner,
#resultado.results-v27 .results-v27__intro,
#resultado.results-v27 .results-v27__collage{
  /* preserve existing geometry and background */
  background:transparent;
}

#resultado.results-v27 .results-v27__inner h2{
  color:var(--resultado-cream);
  background:none;
  -webkit-text-fill-color:var(--resultado-cream);
  text-shadow:none;
}

#resultado.results-v27 .results-v27__accent{
  color:transparent !important;
  background:linear-gradient(108deg,
    var(--resultado-cyan) 0%,
    var(--resultado-blue) 56%,
    var(--resultado-pink) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent !important;
  background-color:transparent;
}

/* Subtle color signature on the collage only. */
#resultado.results-v27 .results-v27__card:nth-child(odd){
  box-shadow:inset 1px 0 0 rgba(130,219,225,.22);
}

#resultado.results-v27 .results-v27__card:nth-child(even){
  box-shadow:inset 1px 0 0 rgba(238,79,112,.16);
}

/* Explicitly prevent rendering artifacts from softening the cards. */
#resultado.results-v27 .results-v27__card{
  filter:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}


/* ---- consolidated stylesheet block ---- */


/* V43 — PRIMEIRA CONVERSA / EDITORIAL SPLIT
   Só esta section recebe a nova composição visual. */

section.final#contato{
  position:relative;
  min-height:clamp(680px, 88vh, 980px);
  padding:0;
  overflow:hidden;
}

section.final#contato .final-editorial{
  min-height:inherit;
  display:grid;
  grid-template-columns:minmax(430px, 44%) minmax(0, 56%);
}

section.final#contato .final-editorial__copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(4rem,8vw,8rem) clamp(2rem,7vw,8rem);
}

section.final#contato .final-editorial__copy .kicker{
  margin-bottom:1.8rem;
  color:var(--ink,#171516);
}

section.final#contato .final-editorial__copy h2{
  max-width:9.8em;
  margin:0;
  font-size:clamp(3.5rem,6.2vw,7.4rem);
  line-height:.88;
  letter-spacing:-.055em;
  text-transform:lowercase;
  font-style:normal;
}

section.final#contato .final-h2-light,
section.final#contato .final-h2-bold{
  font-style:normal;
}

section.final#contato .final-h2-light{
  font-weight:300;
}

section.final#contato .final-h2-bold{
  font-weight:750;
}

section.final#contato .final-editorial__copy p{
  max-width:42rem;
  margin:2.2rem 0 0;
}

section.final#contato .final-editorial__cta{
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  width:max-content;
  margin-top:2.2rem;
  color:inherit;
  text-decoration:none;
  font-family:var(--font-mono,monospace);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:.68rem;
  border-bottom:1px solid currentColor;
  padding-bottom:.45rem;
}

section.final#contato .final-editorial__cta span{
  transition:transform .25s ease;
}

section.final#contato .final-editorial__cta:hover span{
  transform:translateX(4px);
}

/* Final section image: clean full-bleed photography, no placeholder graphics. */
section.final#contato .final-editorial__visual{
  position:relative;
  min-height:inherit;
  overflow:hidden;
  isolation:isolate;
  background:#181617;
}

section.final#contato .final-editorial__visual .campaign-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  z-index:0;
}

/* Same light/bold typographic principle elsewhere — no new colors/layouts. */
h1 .type-light,h2 .type-light,h3 .type-light{
  font-weight:300;
  font-style:normal;
}

h1 .type-bold,h2 .type-bold,h3 .type-bold{
  font-weight:750;
  font-style:normal;
}

@media (max-width:900px){
  section.final#contato{
    min-height:auto;
  }

  section.final#contato .final-editorial{
    display:flex;
    flex-direction:column;
  }

  section.final#contato .final-editorial__copy{
    padding:5rem 1.5rem 3rem;
  }

  section.final#contato .final-editorial__copy h2{
    font-size:clamp(3rem,13vw,5rem);
  }

  section.final#contato .final-editorial__visual{
    min-height:72vw;
  }
}


/* ---- consolidated stylesheet block ---- */


/* V44 — somente o H1 da primeira conversa recebe o tingimento azul/água.
   Fundo, visual da direita e demais sections permanecem intactos. */
section.final#contato .final-h2-light{
  background:linear-gradient(
    100deg,
    #eef9f6 0%,
    #bcebed 42%,
    #83dce2 72%,
    #72b8d8 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

section.final#contato .final-h2-bold{
  background:linear-gradient(
    100deg,
    #eef9f6 0%,
    #bcebed 34%,
    #83dce2 68%,
    #72b8d8 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

/* Mantém a cor do H1 estável em navegadores sem suporte ao clipping. */
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  section.final#contato .final-h2-light,
  section.final#contato .final-h2-bold{
    color:#bcebed;
  }
}


/* ---- extracted inline utility ---- */
.site-wrap-contents{display:contents}

/* ---- real campaign images ---- */
.image-placeholder.has-image,
.card-image.has-image,
.story-v26__image.has-image,
.brand-v33__visual.has-image,
.results-v27__placeholder.has-image,
.final-editorial__visual.has-image{
  position:relative;
  overflow:hidden;
}

.campaign-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  z-index:0;
}

.image-placeholder.has-image::before,
.card-image.has-image::before{
  display:none;
}

.image-placeholder.has-image > span,
.image-placeholder.has-image > small,
.card-image.has-image > span,
.card-image.has-image > small,
.story-v26__image.has-image > *,
.brand-v33__visual.has-image > *,
.results-v27__placeholder.has-image > *,
.final-editorial__visual.has-image > *{
  position:relative;
}

.image-placeholder.has-image > span,
.image-placeholder.has-image > small,
.card-image.has-image > span,
.card-image.has-image > small,
.story-v26__image.has-image > *,
.brand-v33__visual.has-image > *,
.results-v27__placeholder.has-image > *,
.final-editorial__visual.has-image > *{
  z-index:5;
}

.story-v26__image.has-image .story-v26__orb,
.story-v26__image.has-image .story-v26__date{
  display:none;
}

.brand-v33__visual.has-image .brand-v33__pink-plane,
.brand-v33__visual.has-image .brand-v33__dark-plane,
.brand-v33__visual.has-image .brand-v33__orb,
.brand-v33__visual.has-image .brand-v33__target{
  display:none;
}
.final-editorial__visual.has-image .final-editorial__grid,
.final-editorial__visual.has-image .final-editorial__glow,
.final-editorial__visual.has-image .final-editorial__shape,
.final-editorial__visual.has-image .final-editorial__line{
  display:none;
}

.final-editorial__visual.has-image .campaign-image{
  opacity:1;
}

/* Section 2 — image-led treatment: preserve the full artwork and let it occupy the section height. */
.dark.section .context-grid{
  grid-template-columns:minmax(560px,.98fr) minmax(0,1.02fr);
  gap:72px;
  align-items:stretch;
}
.dark.section .context-visual{
  margin:-145px 0;
  padding:0;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.dark.section .context-placeholder{
  flex:1 1 auto;
  height:auto!important;
  min-height:720px;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  background:#171516!important;
  border:0!important;
  position:relative;
}
.dark.section .context-placeholder:before,
.dark.section .context-placeholder:after{display:none!important}
.dark.section .context-placeholder .campaign-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.dark.section .context-visual>.kicker{
  margin:18px 0 0;
  flex:0 0 auto;
}
@media(max-width:1100px){
  .dark.section .context-grid{grid-template-columns:minmax(460px,.9fr) minmax(0,1.1fr);gap:48px}
}
@media(max-width:900px){
  .dark.section .context-grid{grid-template-columns:1fr}
  .dark.section .context-visual{margin:0}
  .dark.section .context-placeholder{min-height:520px}
}

/* Final section — preserve the clean photograph on smaller screens. */
@media (max-width:900px){
  section.final#contato .final-editorial__visual .campaign-image{
    object-position:center center;
  }
}

/* HERO — imagem conceitual kalibrAI */
.hero-visual{
  overflow:visible;
  height:700px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.hero-image{
  position:absolute;
  width:128%;
  max-width:none;
  height:118%;
  object-fit:contain;
  object-position:center right;
  right:-15%;
  top:-7%;
  z-index:1;
  pointer-events:none;
}
@media(max-width:900px){
  .hero-visual{
    height:560px;
    margin-top:15px;
  }
  .hero-image{
    width:125%;
    height:115%;
    right:-13%;
    top:-5%;
  }
}


/* =========================================================
   V44 — PROGRAM MOBILE REFINEMENT
   Mobile only. Desktop remains untouched.
   Five stages become a vertical editorial sequence.
   ========================================================= */
@media (max-width:900px){
  .program{
    padding:72px 0 88px!important;
  }

  .program .wrap{
    width:min(100% - 40px,700px)!important;
  }

  .program .program-head{
    grid-template-columns:1fr!important;
    gap:34px!important;
    margin-bottom:52px!important;
    align-items:start!important;
  }

  .program .program-head h2{
    max-width:100%!important;
    font-size:clamp(48px,12vw,72px)!important;
    line-height:.91!important;
    letter-spacing:-.065em!important;
    margin-top:16px!important;
  }

  .program .program-head > div:last-child{
    padding-bottom:0!important;
  }

  .program .program-head > div:last-child > p{
    max-width:100%!important;
    font-size:10px!important;
    line-height:1.7!important;
  }

  .program .program-head .statement{
    max-width:95%!important;
    font-size:clamp(25px,7vw,34px)!important;
    line-height:1.05!important;
    margin-top:22px!important;
  }

  .program .rail{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:100%!important;
    margin:0!important;
  }

  .program .rail-item{
    display:block!important;
    width:100%!important;
    padding:0 0 52px!important;
    margin:0!important;
    border:0!important;
  }

  .program .rail-item:last-child{
    padding-bottom:0!important;
  }

  .program .card-image{
    width:100%!important;
    height:220px!important;
    margin:0 0 18px!important;
    padding:13px!important;
    border:0!important;
  }
.program .card-kicker{
    font-size:7px!important;
    margin-bottom:8px!important;
  }

  .program .rail-item h3{
    font-size:28px!important;
    margin:0 0 9px!important;
  }

  .program .rail-item p{
    font-size:9.5px!important;
    line-height:1.65!important;
    max-width:100%!important;
  }
}

@media (max-width:520px){
  .program .wrap{
    width:min(100% - 32px,700px)!important;
  }

  .program{
    padding-top:60px!important;
    padding-bottom:72px!important;
  }

  .program .program-head{
    gap:30px!important;
    margin-bottom:44px!important;
  }

  .program .program-head h2{
    font-size:clamp(44px,12.5vw,62px)!important;
  }

  .program .card-image{
    height:205px!important;
  }

  .program .rail-item{
    padding-bottom:46px!important;
  }
}

/* =========================================================
   V45 — RESULTADO / MOBILE REDESIGN
   Mobile only. Clean 2x2 card grid, no collage effects.
   Desktop remains untouched.
   ========================================================= */
@media (max-width:900px){
  #resultado.results-v27{
    padding:72px 0 84px!important;
  }

  #resultado.results-v27 .results-v27__inner{
    display:block!important;
    width:min(100% - 32px,760px)!important;
  }

  #resultado.results-v27 .results-v27__intro{
    position:static!important;
    margin:0 0 42px!important;
  }

  #resultado.results-v27 .results-v27__kicker{
    margin-bottom:18px!important;
    font-size:9px!important;
  }

  #resultado.results-v27 .results-v27__intro h2{
    margin:0!important;
    font-size:clamp(52px,12vw,78px)!important;
    line-height:.88!important;
  }

  #resultado.results-v27 .results-v27__note{
    margin:24px 0 0!important;
    max-width:420px!important;
    font-size:14px!important;
    line-height:1.65!important;
  }

  #resultado.results-v27 .results-v27__collage{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:34px 14px!important;
    min-height:0!important;
    padding:0!important;
    perspective:none!important;
    isolation:auto!important;
  }

  #resultado.results-v27 .results-v27__collage::before,
  #resultado.results-v27 .results-v27__collage::after{
    display:none!important;
  }

  #resultado.results-v27 .results-v27__card,
  #resultado.results-v27 .results-v27__card--one,
  #resultado.results-v27 .results-v27__card--two,
  #resultado.results-v27 .results-v27__card--three,
  #resultado.results-v27 .results-v27__card--four{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
    filter:none!important;
    opacity:1!important;
    box-shadow:none!important;
    border:0!important;
    z-index:1!important;
  }

  #resultado.results-v27 .results-v27__card::before,
  #resultado.results-v27 .results-v27__card::after{
    display:none!important;
    content:none!important;
  }

  #resultado.results-v27 .results-v27__placeholder{
    width:100%!important;
    height:clamp(150px,42vw,205px)!important;
    min-height:0!important;
    margin:0!important;
    border:1px solid rgba(242,231,219,.16)!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
    transition:none!important;
    background:#222225!important;
  }

  #resultado.results-v27 .results-v27__placeholder::before,
#resultado.results-v27 .results-v27__placeholder .campaign-image{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }

  #resultado.results-v27 .results-v27__card-copy{
    padding:13px 0 0!important;
    transform:none!important;
    transition:none!important;
  }

  #resultado.results-v27 .results-v27__card-copy h3{
    margin:0!important;
    font-size:clamp(19px,4.8vw,25px)!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
  }

  #resultado.results-v27 .results-v27__card-copy p{
    margin:8px 0 0!important;
    max-width:none!important;
    font-size:8.5px!important;
    line-height:1.55!important;
  }
}

@media (max-width:420px){
  #resultado.results-v27{
    padding-top:62px!important;
    padding-bottom:72px!important;
  }

  #resultado.results-v27 .results-v27__inner{
    width:calc(100% - 28px)!important;
  }

  #resultado.results-v27 .results-v27__intro{
    margin-bottom:36px!important;
  }

  #resultado.results-v27 .results-v27__intro h2{
    font-size:clamp(48px,13vw,62px)!important;
  }

  #resultado.results-v27 .results-v27__note{
    font-size:14px!important;
  }

  #resultado.results-v27 .results-v27__collage{
    gap:30px 12px!important;
  }

  #resultado.results-v27 .results-v27__placeholder{
    height:154px!important;
  }

  #resultado.results-v27 .results-v27__card-copy h3{
    font-size:20px!important;
  }

  #resultado.results-v27 .results-v27__card-copy p{
    font-size:8px!important;
  }
}

/* =========================================================
   V46 — MOBILE PARAGRAPH READABILITY
   Mobile only. All paragraph copy is brought to a readable
   15px baseline without changing desktop typography.
   ========================================================= */
@media (max-width:900px){
  p{
    font-size:15px!important;
    line-height:1.6!important;
  }
}

/* =========================================================
   V47 — MOBILE BODY COPY STANDARD
   Mobile only. Editorial/body paragraphs use one readable baseline.
   Labels, kickers, metadata and navigation remain intentionally small.
   ========================================================= */
@media (max-width:900px){
  .program p,
  .story-v26 p,
  .results-v27 p,
  .final p,
  .section-copy p,
  .lede,
  .program-head > div:last-child > p,
  .rail-item p,
  .results-v27__card-copy p,
  .story-v26__copy p,
  .story-v26__closing p{
    font-size:16px!important;
    line-height:1.6!important;
  }
}

/* =========================================================
   V48 — MOBILE HARDENING / REAL DEVICE PASS
   Mobile only. Prevent horizontal drift, fixed-width leaks,
   inherited transforms and clipped editorial content.
   Desktop remains untouched.
   ========================================================= */
@media (max-width:900px){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    overscroll-behavior-x:none;
  }

  body{
    min-width:0!important;
  }

  main,
  section,
  header,
  footer{
    width:100%;
    max-width:100%;
    min-width:0!important;
  }

  section{
    position:relative;
    overflow-x:hidden;
  }

  .wrap,
  .program .wrap,
  .results-v27__inner,
  .story-v26__inner,
  .brand-v33__wrap{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .nav{
    width:calc(100% - 32px)!important;
  }

  .program,
  .story-v26,
  #resultado.results-v27,
  section.final#contato,
  .brand-v33,
  .context-section-v2,
  .dark.section{
    overflow-x:hidden!important;
  }

  /* Every grid/flex child is allowed to shrink on real devices. */
  .program-head > *,
  .rail-item,
  .story-v26__inner > *,
  .story-v26__content,
  .story-v26__visual,
  .results-v27__inner > *,
  .results-v27__card,
  .results-v27__card-copy,
  .brand-v33__grid > *,
  .brand-v33__bottom > *,
  .context-section-v2__content,
  .context-section-v2__content-inner,
  .final-editorial > *,
  .hero-copy,
  .hero-visual{
    min-width:0!important;
    max-width:100%!important;
  }

  /* Never let inherited desktop transforms create a second horizontal canvas. */
  .rail-item,
  .results-v27__card,
  .results-v27__card--one,
  .results-v27__card--two,
  .results-v27__card--three,
  .results-v27__card--four{
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }

  /* Program: one clean card per row, fully contained in viewport. */
  #programa .rail{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    gap:0!important;
  }

  #programa .rail-item{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 0 48px!important;
  }

  #programa .card-image{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:clamp(190px,52vw,230px)!important;
    margin:0 0 16px!important;
    overflow:hidden!important;
  }

  #programa .card-image img,
  #programa .card-image .campaign-image{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  #programa .rail-item h3,
  #programa .rail-item p,
  #programa .card-kicker{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-wrap:anywhere;
  }

  #programa .rail-item p{
    font-size:16px!important;
    line-height:1.6!important;
  }

  /* Results: preserve the intended 2 × 2 mobile composition. */
  #resultado .results-v27__collage{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:30px 12px!important;
    overflow:visible!important;
  }

  #resultado .results-v27__card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  #resultado .results-v27__placeholder,
  #resultado .results-v27__card-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  #resultado .results-v27__placeholder .campaign-image{
    width:100%!important;
    max-width:100%!important;
  }

  #resultado .results-v27__card-copy p{
    font-size:16px!important;
    line-height:1.6!important;
  }

  /* Images and text cannot establish a wider layout than the viewport. */
  img,
  video,
  svg,
  canvas{
    max-width:100%;
  }

  p,
  h1,
  h2,
  h3,
  a,
  span,
  strong{
    max-width:100%;
    overflow-wrap:break-word;
  }

  p{
    font-size:16px!important;
    line-height:1.6!important;
  }
}

@media (max-width:560px){
  .wrap,
  .program .wrap,
  .results-v27__inner,
  .story-v26__inner,
  .brand-v33__wrap,
  .nav{
    width:calc(100% - 28px)!important;
  }

  #programa .program-head{
    width:100%!important;
    gap:28px!important;
    margin-bottom:40px!important;
  }

  #programa .program-head h2{
    max-width:100%!important;
    font-size:clamp(44px,12.5vw,62px)!important;
  }

  #programa .card-image{
    height:clamp(180px,55vw,215px)!important;
  }

  #programa .rail-item{
    padding-bottom:42px!important;
  }

  #resultado .results-v27__collage{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 10px!important;
  }
}

/* =========================================================
   V49 — MOBILE FINAL TYPOGRAPHY + HERO REDIAGRAM
   Mobile only. Desktop remains untouched.
   ========================================================= */
@media (max-width:900px){
  /* Unified mobile body-copy standard. Labels, kickers and metadata
     keep their intentionally smaller sizes through their own selectors. */
  p,
  .lede,
  .section-copy p,
  .program p,
  .program-head > div:last-child > p,
  .rail-item p,
  .story-v26 p,
  .story-v26__lead p,
  .story-v26__closing p,
  .results-v27 p,
  .results-v27__note,
  .results-v27__card-copy p,
  .final p,
  .brand-v33 p,
  .brand-v33__bottom p,
  .context-copy-v2 p,
  .context-section-v2 p{
    font-size:14px!important;
    line-height:1.65!important;
  }

  /* Hero becomes a deliberate editorial sequence:
     kicker → headline → image → paragraph → CTA. */
  .hero{
    min-height:0!important;
    padding:112px 20px 54px!important;
    display:block!important;
    overflow:hidden!important;
  }

  .hero .site-wrap-contents{
    width:100%!important;
    max-width:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
  }

  .hero-copy{
    display:contents!important;
    padding:0!important;
    max-width:none!important;
  }

  .hero .kicker{
    order:1;
    margin:0 0 18px!important;
  }

  .hero h1{
    order:2;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:50px!important;
    line-height:.94!important;
    letter-spacing:-.055em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .hero-visual{
    order:3;
    width:calc(100% + 20px)!important;
    max-width:none!important;
    height:260px!important;
    margin:22px -10px 20px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    overflow:visible!important;
  }

  .hero-image{
    position:relative!important;
    inset:auto!important;
    right:auto!important;
    top:auto!important;
    width:112%!important;
    max-width:none!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    z-index:1!important;
  }
.hero .lede{
    order:4;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    color:var(--muted)!important;
  }

  .hero .hero-cta{
    order:5;
    align-self:flex-start!important;
    margin-top:0!important;
    font-size:10px!important;
  }
}

@media (max-width:560px){
  .hero{
    padding:106px 18px 48px!important;
  }

  .hero h1{
    font-size:50px!important;
    line-height:.93!important;
  }

  .hero-visual{
    height:235px!important;
    margin-top:18px!important;
    margin-bottom:18px!important;
  }

  .hero-image{
    width:116%!important;
  }
}


/* =========================================================
   V50 — MOBILE BODY COPY CANONICAL BASELINE
   One readable paragraph size across the entire mobile site.
   Labels, kickers and metadata are intentionally excluded.
   ========================================================= */
@media (max-width: 900px) {
  p,
  .lede,
  .section-copy p,
  .program p,
  .program-head > div:last-child > p,
  .rail-item p,
  .story-v26 p,
  .story-v26__lead p,
  .story-v26__closing p,
  .results-v27 p,
  .results-v27__card-copy p,
  .final p,
  .brand-v33 p,
  .brand-v33__bottom p,
  .context-copy-v2 p,
  .context-section-v2 p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
}


/* V51 MOBILE TYPOGRAPHY GUARD — body paragraphs are always 14px. */
@media (max-width:900px){
  html body p,
  html body .results-v27__note{
    font-size:14px!important;
    line-height:1.65!important;
  }
}

/* =========================================================
   MOBILE — FINAL PARAGRAPH AUTHORITY
   This block intentionally comes last so legacy section-specific
   rules (including 8px card copy) cannot override body paragraphs.
   ========================================================= */
@media (max-width:900px){
  html body .program .program-head > div:last-child > p,
  html body .program .rail-item > p,
  html body .story-v26__lead > p,
  html body .story-v26__closing > p,
  html body #resultado.results-v27 .results-v27__note,
  html body #resultado.results-v27 .results-v27__card-copy > p,
  html body .final p,
  html body .brand-v33 p,
  html body .brand-v33__bottom p,
  html body .context-copy-v2 > p,
  html body .context-section-v2 p,
  html body .section-copy > p,
  html body p.lede,
  html body p{
    font-size:14px!important;
    line-height:1.65!important;
  }
}

/* =========================================================
   SECTION 3 — PALETTE ALIGNMENT
   Layout, columns and light background intentionally untouched.
   ========================================================= */

/* Replace the old near-black treatment with the established warm graphite. */
.section3,
.section3 h1,
.section3 h2,
.section3 h3,
.section3 p,
.section3 .eyebrow,
.section3 .definition,
.section3 .label,
.section3 .concept,
.section3 .concept-title{
  color:#363433!important;
  -webkit-text-fill-color:#363433!important;
}

/* Brand/emphasis pink follows the Hero identity. */
.section3 .accent,
.section3 .highlight,
.section3 .pink,
.section3 .section-accent{
  color:#E1005A!important;
  -webkit-text-fill-color:#E1005A!important;
}

/* The three-column concepts keep the same minimal graphic structure. */
.section3 .concepts,
.section3 .concept-list,
.section3 .three-items,
.section3 .columns{
  color:#363433!important;
}

.section3 .concepts > *,
.section3 .concept-list > *,
.section3 .three-items > *,
.section3 .columns > *{
  border-color:rgba(54,52,51,.22)!important;
}

.section3 .concept-index,
.section3 .index,
.section3 .number{
  color:#E1005A!important;
  -webkit-text-fill-color:#E1005A!important;
}

.section3 .concept-icon,
.section3 .icon{
  color:#79D9DF!important;
}

.section3 .concept-icon svg,
.section3 .icon svg{
  stroke:currentColor!important;
}

/* Preserve the existing light section background. */
.section3{
  background:inherit!important;
}

/* =========================================================
   BRAND SECTION — IDENTITY PALETTE
   Keep the light background and existing grid untouched.
   ========================================================= */

.brand-section.brand-v33{
  /* background intentionally untouched */
  color:#363433!important;
}

.brand-v33__kicker,
.brand-v33__index,
.brand-v33__definition,
.brand-v33__definition p,
.brand-v33__word,
.brand-v33__bottom p,
.brand-v33__principles strong{
  color:#363433!important;
  -webkit-text-fill-color:#363433!important;
}

.brand-v33__lockup .brand-v33__kalibr{
  color:#363433!important;
  -webkit-text-fill-color:#363433!important;
}

.brand-v33__lockup .brand-v33__ai{
  color:#E1005A!important;
  -webkit-text-fill-color:#E1005A!important;
  background:none!important;
}

.brand-v33__manifesto strong{
  color:#E1005A!important;
  -webkit-text-fill-color:#E1005A!important;
}

.brand-v33__principles{
  color:#363433!important;
}

.brand-v33__principles > div{
  border-color:rgba(54,52,51,.22)!important;
}

.brand-v33__principles span{
  color:#E1005A!important;
  -webkit-text-fill-color:#E1005A!important;
}

.brand-v33__top,
.brand-v33__bottom{
  border-color:rgba(54,52,51,.22)!important;
}

.brand-v33__kicker i{
  background:#E1005A!important;
}

/* =========================================================
   BRAND PRINCIPLES — minimal iconography
   One color, quiet editorial rhythm.
   ========================================================= */

.brand-v33__principles > div{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-height:116px!important;
  padding-top:12px!important;
}

.brand-v33__principle-icon{
  display:block!important;
  width:20px!important;
  height:20px!important;
  margin:0 0 12px!important;
  color:#363433!important;
}

.brand-v33__principle-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  stroke:currentColor!important;
  stroke-width:1.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.brand-v33__principle-index{
  display:block!important;
  margin:0 0 7px!important;
  color:#E1005A!important;
  -webkit-text-fill-color:#E1005A!important;
  font-family:"IBM Plex Mono",monospace!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
}

.brand-v33__principles strong{
  display:block!important;
  color:#363433!important;
  -webkit-text-fill-color:#363433!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:600!important;
}

@media(max-width:900px){
  .brand-v33__principles > div{
    min-height:96px!important;
  }
}

/* =========================================================
   BRAND PRINCIPLES V2 — cleaner, no pipes, no numbering
   ========================================================= */

.brand-v33__principles{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid rgba(54,52,51,.22)!important;
  border-bottom:0!important;
}

.brand-v33__principles > div{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-height:132px!important;
  padding:22px 28px 0 0!important;
  border:0!important;
  border-left:0!important;
}

.brand-v33__principles > div + div{
  padding-left:0!important;
}

.brand-v33__principle-icon{
  display:block!important;
  width:30px!important;
  height:30px!important;
  margin:0 0 18px!important;
  color:#363433!important;
}

.brand-v33__principle-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  stroke:currentColor!important;
  stroke-width:1.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.brand-v33__principles strong{
  display:block!important;
  margin:0!important;
  color:#363433!important;
  -webkit-text-fill-color:#363433!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
}

.brand-v33__principle-index{
  display:none!important;
}

@media(max-width:900px){
  .brand-v33__principles{
    grid-template-columns:1fr!important;
  }

  .brand-v33__principles > div,
  .brand-v33__principles > div + div{
    min-height:0!important;
    padding:18px 0!important;
  }

  .brand-v33__principles > div + div{
    border-top:0!important;
  }
}

/* =========================================================
   BRAND PRINCIPLES FINAL REFINEMENT
   Remove stray borders and center each icon/label pair.
   ========================================================= */

.brand-v33__principles{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  justify-items:center!important;
  width:100%!important;
  border-top:1px solid rgba(54,52,51,.22)!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
}

.brand-v33__principles > div,
.brand-v33__principles > div + div{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:132px!important;
  padding:22px 18px 0!important;
  margin:0!important;
  border:0!important;
}

.brand-v33__principle-icon{
  width:30px!important;
  height:30px!important;
  margin:0 auto 18px!important;
  flex:0 0 auto!important;
}

.brand-v33__principle-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
}

.brand-v33__principles strong{
  display:block!important;
  margin:0!important;
  text-align:center!important;
}

@media(max-width:900px){
  .brand-v33__principles{
    grid-template-columns:1fr!important;
    justify-items:center!important;
  }

  .brand-v33__principles > div,
  .brand-v33__principles > div + div{
    min-height:0!important;
    padding:18px 0!important;
  }
}

/* =========================================================
   BRAND SECTION — FINAL CLEANUP
   No rule above the principles. Lift the bottom copy.
   ========================================================= */

/* Remove all borders from the principles wrapper.
   The visual separator above the three items is intentionally gone. */
.brand-v33__principles{
  border:0!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
}

/* Remove any inherited border from the principles' children. */
.brand-v33__principles > div,
.brand-v33__principles > div + div{
  border:0!important;
}

/* Lift the explanatory paragraph so it aligns more naturally
   with the principles block. */
.brand-v33__bottom{
  align-items:start!important;
}

.brand-v33__bottom > p{
  margin-top:-12px!important;
}

/* Keep the icon/label rhythm clean and centered. */
.brand-v33__principles{
  align-self:start!important;
  padding-top:0!important;
  margin-top:0!important;
}

.brand-v33__principles > div,
.brand-v33__principles > div + div{
  padding-top:0!important;
}

.brand-v33__principle-icon{
  margin-top:0!important;
}

/* =========================================================
   BRAND SECTION — paragraph vertical breathing room
   ========================================================= */

.brand-v33__bottom{
  align-items:center!important;
}

.brand-v33__bottom > p{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:22px!important;
  padding-bottom:22px!important;
  align-self:center!important;
}

@media(max-width:900px){
  .brand-v33__bottom > p{
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
}

/* =========================================================
   PROGRAM SECTION — IDENTITY PALETTE
   Repaint only; layout, imagery and light background untouched.
   ========================================================= */

/* Existing black / dark typography becomes the established warm graphite. */
.program{
  color:#363433!important;
}

.program .kicker,
.program-head p,
.program .rail-item p,
.program .program-note p,
.program .rail-item h3,
.program .program-head h2{
  color:#363433!important;
  -webkit-text-fill-color:#363433!important;
}

/* Main program titles use the established film pink. */
.program-head h2 .type-bold,
.program .statement,
.program .rail-item h3{
  color:#E1005A!important;
  -webkit-text-fill-color:#E1005A!important;
}

/* Keep the light-weight opening phrase in warm graphite. */
.program-head h2 .type-light{
  color:#363433!important;
  -webkit-text-fill-color:#363433!important;
}

/* Step labels: warm ochre, as requested. */
.program .card-kicker{
  color:#8A6B4A!important;
  -webkit-text-fill-color:#8A6B4A!important;
}

.program .rail-item:before{
  background:#E1005A!important;
}

/* Existing separators remain subtle, using the established graphite. */
.program .rail,
.program .rail-item{
  border-color:rgba(54,52,51,.18)!important;
}

/* =========================================================
   CULTURAL REFERENCES — new editorial section
   Dark warm-beige contrast, portrait placeholders.
   ========================================================= */

.cultural-references{
  background:#3A302B;
  color:#F3E6D6;
  padding:145px 0 135px;
  overflow:hidden;
}

.cultural-references__wrap{
  width:min(1220px,calc(100% - 96px));
  margin:0 auto;
}

.cultural-references__kicker{
  color:#79D9DF;
  font:500 10px/1.2 var(--mono);
  letter-spacing:.16em;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:48px;
}

.cultural-references__kicker:before{
  content:"";
  width:18px;
  height:1px;
  background:currentColor;
}

.cultural-references__intro-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:100px;
  align-items:end;
  margin-bottom:88px;
}

.cultural-references h2{
  font-size:clamp(58px,6.2vw,92px);
  color:#F3E6D6;
  max-width:700px;
}

.cultural-references h2 span{
  display:block;
  font-weight:400;
}

.cultural-references h2 strong{
  display:block;
  color:#E1005A;
  font-weight:500;
}

.cultural-references__lead{
  max-width:590px;
}

.cultural-references__lead p{
  color:rgba(243,230,214,.82);
  font-size:12px;
  line-height:1.9;
  max-width:570px;
}

.cultural-references__lead p:last-child{
  margin-bottom:0;
}

.cultural-references__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:24px;
  row-gap:58px;
}

.cultural-reference{
  min-width:0;
}

.cultural-reference__cover{
  position:relative;
  aspect-ratio:4/5;
  margin-bottom:19px;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(243,230,214,.10),rgba(54,52,51,.45)),
    #4A3B34;
  border:1px solid rgba(243,230,214,.12);
}

.cultural-reference__cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.18));
  pointer-events:none;
}

.cultural-reference__placeholder{
  position:absolute;
  left:18px;
  bottom:16px;
  z-index:1;
  color:rgba(243,230,214,.35);
  font:9px/1 var(--mono);
  letter-spacing:.14em;
}

.cultural-reference__meta{
  color:#8A6B4A;
  font:9px/1.3 var(--mono);
  letter-spacing:.07em;
  text-transform:uppercase;
  margin-bottom:7px;
}

.cultural-reference h3{
  color:#F3E6D6;
  font-size:21px;
  line-height:1.05;
  letter-spacing:-.035em;
  margin-bottom:9px;
}

.cultural-reference p{
  color:rgba(243,230,214,.68);
  font:10px/1.65 var(--mono);
  max-width:250px;
  margin:0;
}

.cultural-references__closing{
  margin-top:94px;
  padding-top:28px;
  border-top:1px solid rgba(243,230,214,.16);
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:40px;
}

.cultural-references__closing span{
  color:#8A6B4A;
  font:9px/1.2 var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.cultural-references__closing strong{
  color:#F3E6D6;
  font:italic 27px/1.15 var(--serif);
  font-weight:400;
}

@media(max-width:900px){
  .cultural-references{
    padding:110px 0 100px;
  }

  .cultural-references__wrap{
    width:min(100% - 48px,700px);
  }

  .cultural-references__intro-grid{
    grid-template-columns:1fr;
    gap:38px;
    margin-bottom:60px;
  }

  .cultural-references__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:42px 18px;
  }

  .cultural-reference h3{
    font-size:18px;
  }

  .cultural-reference p{
    font-size:9px;
  }

  .cultural-references__closing{
    margin-top:65px;
    display:block;
  }

  .cultural-references__closing strong{
    display:block;
    margin-top:14px;
    font-size:23px;
  }
}

@media(max-width:520px){
  .cultural-references__grid{
    grid-template-columns:1fr;
  }

  .cultural-reference__cover{
    aspect-ratio:4/5;
  }
}

/* Cultural reference metadata: cyan accent for the editorial legend. */
.cultural-reference__meta{
  color:#79D9DF!important;
  -webkit-text-fill-color:#79D9DF!important;
}

/* =========================================================
   CULTURAL REFERENCES — FINAL COVERS
   Uploaded artwork, native 4:5 ratio.
   ========================================================= */

.cultural-reference__cover{
  aspect-ratio:4 / 5!important;
  overflow:hidden!important;
}

.cultural-reference__cover img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

/* =========================================================
   QUEM CONDUZ — FINAL PALETTE
   Warm graphite base + established kalibrAI pink.
   ========================================================= */

/* Replace the previous salmon/ochre accent with the brand pink. */
.story-v26{
  color:#363433!important;
}

.story-v26 .story-v26__kicker,
.story-v26 .story-v26__kicker span,
.story-v26 .story-v26__intro,
.story-v26 .story-v26__intro p,
.story-v26 .story-v26__bio,
.story-v26 .story-v26__bio p,
.story-v26 .story-v26__bio strong{
  color:#363433!important;
  -webkit-text-fill-color:#363433!important;
}

/* Main title uses the established warm graphite. */
.story-v26 h2,
.story-v26 h2 span,
.story-v26 h2 strong{
  color:#363433!important;
  -webkit-text-fill-color:#363433!important;
}

/* Accent statement / quote uses the established pink. */
.story-v26 blockquote,
.story-v26 blockquote *,
.story-v26 .story-v26__quote,
.story-v26 .story-v26__quote *{
  color:#E1005A!important;
  -webkit-text-fill-color:#E1005A!important;
}

/* Accent rules follow the pink identity. */
.story-v26 .story-v26__kicker:before,
.story-v26 .story-v26__rule{
  background:#E1005A!important;
  border-color:#E1005A!important;
}

/* Keep subtle separators in the established warm graphite. */
.story-v26 hr,
.story-v26 .story-v26__bio,
.story-v26 .story-v26__meta{
  border-color:rgba(54,52,51,.20)!important;
}

/* FINAL REFINEMENT — author identity in established warm graphite */
.story-v26 .story-v26__closing,
.story-v26 .story-v26__closing *,
.story-v26 .story-v26__closing-label,
.story-v26 .story-v26__closing strong{
  color:#363433!important;
  -webkit-text-fill-color:#363433!important;
}

/* =========================================================
   FINALEIRA — PRIMEIRA CONVERSA
   Established kalibrAI palette.
   ========================================================= */

/* The contact block is intentionally the final visual statement:
   established pink field, cyan/white typography, no new colors. */
.contact-section,
.first-conversation,
.cta-section,
#contato{
  --kalibrai-pink:#E1005A;
  --kalibrai-pink-deep:#C9004F;
  --kalibrai-cyan:#79D9DF;
  --kalibrai-graphite:#363433;
}

/* Generic direct children used by the existing CTA are kept clean. */
#contato{
  background:linear-gradient(135deg,#E1005A 0%,#D90A57 52%,#C9004F 100%)!important;
}

/* Cyan is reserved for the opening line of the headline, while the
   decisive words stay white for hierarchy. */
#contato h1 .cyan,
#contato h2 .cyan,
#contato .accent-cyan{
  color:#79D9DF!important;
  -webkit-text-fill-color:#79D9DF!important;
}

/* CTA copy and action remain high contrast on the pink field. */
#contato p,
#contato .eyebrow,
#contato .kicker,
#contato .cta-label{
  color:#FFF7F0!important;
  -webkit-text-fill-color:#FFF7F0!important;
}

#contato a,
#contato button{
  color:#FFF7F0!important;
  border-color:#FFF7F0!important;
}

#contato a:hover,
#contato button:hover{
  color:#79D9DF!important;
  border-color:#79D9DF!important;
}

/* Keep desktop composition intact. */
@media(min-width:901px){
  #contato{
    min-height:calc(100vh - 24px);
  }
}

/* FINAL OVERRIDE — exact existing CTA structure */
.final{
  background:linear-gradient(135deg,#E1005A 0%,#D90A57 52%,#C9004F 100%)!important;
}

.final-editorial{
  background:transparent!important;
}

.final-editorial__copy .kicker{
  color:#FFF7F0!important;
  -webkit-text-fill-color:#FFF7F0!important;
}

.final-editorial__copy .kicker:before{
  background:#79D9DF!important;
}

.final-editorial__copy h2{
  color:#FFF7F0!important;
  -webkit-text-fill-color:#FFF7F0!important;
}

.final-editorial__copy .final-h2-light{
  color:#FFF7F0!important;
  -webkit-text-fill-color:#FFF7F0!important;
}

.final-editorial__copy .final-h2-bold{
  color:#79D9DF!important;
  -webkit-text-fill-color:#79D9DF!important;
}

.final-editorial__copy p{
  color:#FFF7F0!important;
  -webkit-text-fill-color:#FFF7F0!important;
}

.final-editorial__cta{
  color:#FFF7F0!important;
  border-color:#FFF7F0!important;
}

.final-editorial__cta:hover{
  color:#79D9DF!important;
  border-color:#79D9DF!important;
}

@media(min-width:901px){
  .final{
    background:linear-gradient(135deg,#E1005A 0%,#D90A57 52%,#C9004F 100%)!important;
  }
}


/* =========================================================
   FOOTER — FINAL IDENTITY / CREDITS / SOCIAL
   ========================================================= */
.site-footer{
  background:#f7ecdd;
  color:#363433;
  border-top:1px solid rgba(54,52,51,.18);
  padding:64px 0 28px;
  font-size:11px;
  letter-spacing:0;
  text-transform:none;
}

.site-footer__inner{
  display:flex;
  flex-direction:column;
  gap:52px;
}

.site-footer__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding-bottom:36px;
  border-bottom:1px solid rgba(54,52,51,.18);
}

.site-footer__mark{
  font-family:inherit;
  font-size:28px;
  font-weight:800;
  letter-spacing:-.07em;
  color:#363433;
}

.site-footer__mark span{
  color:#E1005A;
}

.site-footer__brand p{
  margin:10px 0 0;
  color:#363433;
  font-size:10px;
  letter-spacing:.04em;
}

.site-footer__social{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:14px;
}

.site-footer__label{
  display:block;
  color:#E1005A;
  font-size:8px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.site-footer__social-links{
  display:flex;
  gap:18px;
}

.site-footer__social-links a{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  color:#363433!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
}

.site-footer__social-links svg{
  width:18px;
  height:18px;
  fill:currentColor;
  stroke:currentColor;
  stroke-width:1.6;
}

.site-footer__social-links a:hover{
  color:#E1005A!important;
}

.site-footer__credits{
  display:grid;
  grid-template-columns:1.15fr 1.15fr .7fr;
  gap:48px;
}

.site-footer__credit-block p{
  max-width:460px;
  margin:12px 0 0;
  color:#363433;
  font-size:10px;
  line-height:1.75;
}

.site-footer__credit-block strong{
  color:#363433;
}

.site-footer__bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:24px;
  border-top:1px solid rgba(54,52,51,.18);
  color:#363433;
  font-size:9px;
  letter-spacing:.07em;
}

.site-footer__articles{
  display:flex;
  gap:24px;
}

.site-footer__articles a{
  color:#363433!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  text-transform:uppercase;
  font-size:8px;
  letter-spacing:.1em;
}

.site-footer__articles a:hover{
  color:#E1005A!important;
}

@media(max-width:900px){
  .site-footer{
    padding:48px 0 24px;
  }

  .site-footer__top{
    flex-direction:column;
    gap:30px;
  }

  .site-footer__social{
    align-items:flex-start;
  }

  .site-footer__credits{
    grid-template-columns:1fr;
    gap:30px;
  }

  .site-footer__bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
  }

  .site-footer__articles{
    flex-wrap:wrap;
    gap:16px 24px;
  }
}

/* =========================================================
   FOOTER V2 — exact brand lockup + supplied social SVGs
   ========================================================= */

.site-footer__mark{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:0!important;
  letter-spacing:-.065em!important;
  font-weight:800!important;
}

.site-footer__mark-base{
  color:#363433!important;
  -webkit-text-fill-color:#363433!important;
}

.site-footer__mark-ai{
  color:#E1005A!important;
  -webkit-text-fill-color:#E1005A!important;
}

.site-footer__social-links a{
  color:#363433!important;
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
}

.site-footer__social-links img{
  display:block!important;
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
}

.site-footer__social-links a:hover img{
  opacity:.72!important;
}

.site-footer__credit-block a{
  color:#363433!important;
  border:0!important;
  text-decoration:none!important;
}

.site-footer__credit-block a:hover{
  color:#E1005A!important;
}