.essencia-page{overflow:hidden;background:var(--fundo)}
.essencia-hero{position:relative;min-height:clamp(560px,70vw,780px);display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.essencia-hero__image,.essencia-hero__shade{position:absolute;inset:0;width:100%;height:100%}
.essencia-hero__image{z-index:-2;object-fit:cover;object-position:center}
.essencia-hero__shade{z-index:-1;background:linear-gradient(90deg,rgba(35,17,15,.83) 0%,rgba(62,35,32,.62) 35%,rgba(62,35,32,.12) 68%),linear-gradient(0deg,rgba(35,17,15,.6),transparent 45%)}
/* Desktop usa a foto do ipê (céu azul e folhagem clara): esmaecimento mais forte atrás do título */
@media(min-width:801px){.essencia-hero__shade{background:linear-gradient(90deg,rgba(35,17,15,.9) 0%,rgba(45,24,21,.8) 28%,rgba(62,35,32,.5) 48%,rgba(62,35,32,.12) 70%,transparent 85%),linear-gradient(0deg,rgba(35,17,15,.65),transparent 50%)}.essencia-hero__content{text-shadow:0 2px 28px rgba(35,17,15,.55)}}
.essencia-hero__content{width:min(100%,calc(var(--max) + var(--gutter)*2));margin:0 auto;padding:clamp(5rem,10vw,9rem) var(--gutter)}
.essencia-kicker{margin:0 0 1rem;color:var(--bege);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.essencia-hero h1{max-width:750px;color:#fff;font-size:clamp(3rem,6.2vw,6rem);line-height:.96;letter-spacing:-.04em}
.essencia-hero h1 em{color:var(--bege);font-weight:400}
.essencia-hero__content>p:last-child{max-width:48ch;margin:1.8rem 0 0;color:rgba(255,255,255,.8);font-size:clamp(1rem,1.5vw,1.18rem)}
.essencia-hero__scroll{position:absolute;right:var(--gutter);bottom:2.2rem;display:flex;gap:.8rem;align-items:center;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.essencia-hero__scroll span{font-size:1.2rem}
.essencia-story{max-width:calc(var(--max) + var(--gutter)*2);margin:auto;padding:clamp(5rem,9vw,9rem) var(--gutter);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,9rem);align-items:start}
.essencia-story__heading{position:sticky;top:150px}
.essencia-story h2,.essencia-detail h2{font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:1.02;letter-spacing:-.035em}
.essencia-story__copy{max-width:660px;border-left:1px solid var(--bege);padding-left:clamp(1.5rem,4vw,4rem)}
.essencia-story__copy p{margin:0 0 1.6rem;color:var(--texto-2);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.85}
.essencia-story__copy p:first-child{color:var(--cafe);font-family:var(--serif);font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.5}
.essencia-detail{display:grid;grid-template-columns:1.1fr .9fr;min-height:680px;background:var(--bege)}
.essencia-detail__media{min-height:520px;margin:0;overflow:hidden}
.essencia-detail__media img{width:100%;height:100%;object-fit:cover}
.essencia-detail__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,7rem)}
.essencia-detail__copy>p:not(.csr-kicker){max-width:48ch;margin:1.8rem 0;color:var(--cafe);font-size:1.05rem;line-height:1.8}
.essencia-detail__steps{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.essencia-detail__steps span{padding:.55rem .85rem;border:1px solid rgba(62,35,32,.3);border-radius:999px;font-size:.65rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.essencia-manifesto{position:relative;min-height:590px;display:grid;place-items:center;overflow:hidden;background:var(--vinho);color:var(--fundo);text-align:center}
.essencia-manifesto::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 5%,rgba(168,101,107,.55),transparent 55%)}
.essencia-manifesto__mountains{position:absolute;bottom:-1px;left:50%;width:min(1300px,110vw);max-width:none;transform:translateX(-50%);opacity:.25}
.essencia-manifesto__inner{position:relative;padding:6rem var(--gutter) 9rem}
.essencia-manifesto h2{color:var(--fundo);font-size:clamp(3rem,6.5vw,6.5rem);line-height:.95;letter-spacing:-.045em}
.essencia-manifesto h2 em{color:var(--bege);font-weight:400}
.essencia-manifesto__inner>p:not(.essencia-kicker){margin:1.6rem 0 2rem;color:var(--bege);font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.5rem);font-style:italic}
.essencia-manifesto .csr-btn{border-color:var(--bege);color:var(--fundo)}
.essencia-manifesto .csr-btn:hover{background:var(--fundo);border-color:var(--fundo);color:var(--vinho)}
@media(max-width:800px){
  .essencia-hero{min-height:650px}
  .essencia-hero__image{object-position:center 30%}
  /* Foto do ipê (céu e gramado claros): título fica embaixo, então o escurecimento sobe a partir da base */
  .essencia-hero__shade{background:linear-gradient(0deg,rgba(35,17,15,.94) 0%,rgba(35,17,15,.82) 30%,rgba(45,24,21,.5) 55%,rgba(45,24,21,.12) 75%,transparent 88%),linear-gradient(90deg,rgba(35,17,15,.4),transparent 70%)}
  .essencia-hero__content{text-shadow:0 2px 24px rgba(35,17,15,.6)}
  .essencia-hero__content{padding-bottom:7rem}
  .essencia-hero__scroll{left:var(--gutter);right:auto;bottom:2rem}
  .essencia-story{grid-template-columns:1fr;gap:2.5rem}
  .essencia-story__heading{position:static}
  .essencia-story__copy{padding-left:1.5rem}
  .essencia-detail{grid-template-columns:1fr;min-height:0}
  .essencia-detail__media{min-height:420px;aspect-ratio:4/3}
  .essencia-detail__copy{padding:4rem var(--gutter) 5rem}
}
@media(max-width:480px){
  .essencia-hero{min-height:610px}
  .essencia-hero h1{font-size:clamp(2.8rem,14vw,4rem)}
  .essencia-story{padding-top:4.5rem;padding-bottom:4.5rem}
  .essencia-story__copy p{line-height:1.72}
  .essencia-detail__media{min-height:330px}
  .essencia-manifesto{min-height:520px}
  .essencia-manifesto__inner{padding-bottom:7rem}
}
@media(prefers-reduced-motion:no-preference){
  .essencia-hero__image{animation:essencia-reveal 1.4s ease-out both}
  @keyframes essencia-reveal{from{opacity:.5;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
}