/* PR 17 — acabamento final de tipografia, ritmo e marca oficial */
:root{
  --pr17-ink:#211c18;
  --pr17-copy:#4f463f;
  --pr17-accent:#9d573d;
  --pr17-line:rgba(33,28,24,.2);
}
html{font-size:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:clip}
body{overflow-x:clip}
h1,h2,h3,p,blockquote,address{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
h1,h2,h3{text-wrap:pretty!important}
p,blockquote,address{text-wrap:pretty}

/* Marca oficial anexada: imagem inteira, sem corte, zoom ou distorção. */
.brand-logo-link{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:clamp(210px,20vw,320px)!important;height:clamp(74px,8vw,108px)!important;
  padding:0!important;flex:0 0 auto!important;overflow:visible!important
}
.brand-logo-image{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:contain!important;object-position:center!important;transform:none!important;
  scale:1!important;filter:none!important
}

/* Ritmo compacto e contínuo. */
.story,.journey,.technology,.cases,.portrait,.faq,.helena{
  padding-block:clamp(1.9rem,3vw,3.25rem)!important
}
.results-sample,.results-intro,.results-closing{padding-block:clamp(1.9rem,3vw,3.25rem)!important}
.story-head,.journey-head,.technology-head,.cases-intro,.faq-title{
  padding-bottom:clamp(1rem,1.7vw,1.75rem)!important;margin-bottom:0!important
}
.chapter-label{margin-bottom:clamp(.8rem,1.3vw,1.25rem)!important}
.case-track{gap:clamp(1.5rem,2.5vw,2.75rem)!important}
.story-grid,.journey-grid,.technology-stage,.faq-list{margin-top:clamp(1.25rem,2vw,2.25rem)!important}

/* Seção biográfica aprovada. */
.professional-profile{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)!important;
  align-items:center!important;gap:clamp(2rem,4vw,4.5rem)!important;
  padding-inline:clamp(1.25rem,5vw,5rem)!important;background:#d8c7b8
}
.professional-carousel{position:relative;min-width:0;overflow:hidden;background:#c8b5a4}
.professional-slides{position:relative;aspect-ratio:4/5;min-height:560px}
.professional-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .7s ease,transform 1.1s ease,visibility .7s}
.professional-slide.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:1}
.professional-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.professional-carousel-ui{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;background:linear-gradient(transparent,rgba(20,16,13,.66));color:#fff}
.professional-carousel-count{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase}
.professional-carousel-controls{display:flex;gap:.55rem}
.professional-carousel-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(20,16,13,.18);color:#fff;font:inherit;font-size:1.15rem;cursor:pointer;transition:background .2s,color .2s}
.professional-carousel-button:hover,.professional-carousel-button:focus-visible{background:#fff;color:var(--pr17-ink);outline:none}
.professional-dots{position:absolute;z-index:3;left:1.15rem;bottom:4.8rem;display:flex;gap:.48rem}
.professional-dot{width:8px;height:8px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer}
.professional-dot.is-active{background:#fff}
.professional-copy{padding:0!important;max-width:680px!important}
.professional-copy .overline{margin-bottom:.75rem!important}
.professional-copy h2{margin:0 0 1rem!important;max-width:none!important;font-size:clamp(3.2rem,5.3vw,6.2rem)!important;line-height:.98!important;color:var(--pr17-ink);white-space:normal!important}
.professional-copy h2 em{color:var(--pr17-accent)!important}
.professional-copy .role{margin-bottom:1rem!important;color:var(--pr17-ink)!important}
.professional-bio{font-size:clamp(1rem,1.1vw,1.14rem);line-height:1.66;color:var(--pr17-copy)!important;max-width:64ch}
.professional-bio+.professional-bio{margin-top:.8rem}
.professional-signature{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--pr17-line);font-size:.84rem;line-height:1.5;letter-spacing:.045em;text-transform:uppercase;color:var(--pr17-ink)}
.professional-copy .text-link{margin-top:1.25rem}

/* Sem composição artificial: linha natural, fonte compatível e sem palavras isoladas. */
.hero-copy h1,.helena-intro h2,.story-head h2,.journey-head h2,.technology-head h2,
.cases-intro h2,.faq-title h2,.contact-copy h2{
  width:100%!important;max-width:none!important;
  font-size:clamp(2.55rem,4.7vw,5.5rem)!important;
  line-height:1.04!important;letter-spacing:-.025em!important;
  white-space:normal!important;text-wrap:pretty!important
}
.cases-intro>p,.journey-head>p,.technology-head>p{max-width:68ch!important}

@media(max-width:1050px){
  .professional-profile{grid-template-columns:1fr!important}
  .professional-carousel,.professional-copy{width:min(100%,820px);margin-inline:auto}
  .professional-copy{max-width:820px!important}
  .professional-slides{min-height:0}
  .brand-logo-link{width:clamp(190px,27vw,260px)!important;height:clamp(68px,9vw,90px)!important}
}
@media(max-width:700px){
  .story,.journey,.technology,.cases,.portrait,.faq,.helena,.results-sample,.results-intro,.results-closing{padding-block:1.75rem!important}
  .professional-profile{gap:1.5rem!important}
  .professional-slides{aspect-ratio:4/5}
  .professional-copy h2{font-size:clamp(2.7rem,11vw,4.1rem)!important;line-height:1!important}
  .professional-bio{font-size:1rem;line-height:1.58}
  .brand-logo-link{width:185px!important;height:66px!important}
  .hero-copy h1,.helena-intro h2,.story-head h2,.journey-head h2,.technology-head h2,
  .cases-intro h2,.faq-title h2,.contact-copy h2{
    font-size:clamp(2.25rem,9.2vw,3.45rem)!important;
    line-height:1.07!important;letter-spacing:-.02em!important
  }
}
@media(max-width:420px){
  .professional-copy h2{font-size:clamp(2.5rem,10.8vw,3.35rem)!important}
  .professional-carousel-ui{padding:.85rem .9rem}
  .professional-dots{left:.9rem;bottom:4.35rem}
  .professional-carousel-button{width:40px;height:40px}
  .brand-logo-link{width:165px!important;height:60px!important}
  .hero-copy h1,.helena-intro h2,.story-head h2,.journey-head h2,.technology-head h2,
  .cases-intro h2,.faq-title h2,.contact-copy h2{font-size:clamp(2.05rem,8.8vw,2.9rem)!important}
}
@media(prefers-reduced-motion:reduce){.professional-slide{transition:none}}