.essencia {
  --bg:#210e17;
  --gold:#e7c693;
  --muted:#c8b7be;
  --line:#ffffff23;
  background:var(--bg);
  color:#fff7ef
}
.essencia .site-header {
  border-bottom:1px solid var(--line)
}
.essencia .brand-symbol,.essencia .eyebrow,.essencia h1 em {
  color:var(--gold)
}
.essencia .button-outline {
  border:1px solid #b391685c;
  color:var(--gold)
}
.essencia .button-primary {
  background:var(--gold);
  color:#28131c
}
.essencia .button-primary:hover {
  background:#f1d7ad
}
.essencia .hero {
  display:grid;
  grid-template-columns:1.12fr 1fr;
  gap:45px;
  min-height:735px;
  align-items:center;
  padding-block:58px 68px
}
.essencia .hero-copy {
  position:relative;
  z-index:2
}
.essencia .hero .eyebrow {
  margin-bottom:27px
}
.essencia h1 {
  margin-bottom:26px
}
.essencia .hero-description {
  color:var(--muted);
  max-width:440px;
  font-size:1rem;
  margin-bottom:32px
}
.essencia .hero-note {
  font-size:.75rem;
  color:var(--muted);
  margin:12px 0 0
}
.essencia .hero-signature {
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:44px
}
.essencia .hero-signature>span {
  font-size:2.5rem;
  color:var(--gold)
}
.essencia .hero-signature p {
  font-size:.8125rem;
  color:var(--muted);
  line-height:1.7;
  margin:0
}
.essencia .hero-signature strong {
  font-weight:400;
  color:#fff7ef
}
.essencia .hero-art {
  position:relative;
  height:594px;
  margin:0 18px 0 20px
}
.essencia .hero-photo {
  position:absolute;
  inset:13px 0;
  background:#3a2028;
  border-radius:48% 48% 2px 2px;
  overflow:hidden;
  background-size:cover;
  background-position:center
}
.essencia .art-outline {
  position:absolute;
  inset:0 -15px;
  border:1px solid #b8965b7a;
  border-radius:48% 48% 0 0;
  transform:rotate(4deg)
}
.essencia .photo-label {
  position:absolute;
  bottom:0;
  left:28px;
  right:28px;
  background:#341c25;
  padding:19px;
  text-align:center;
  color:var(--gold);
  font-size:.75rem;
  letter-spacing:.15em
}
.essencia .floating-star {
  position:absolute;
  top:23px;
  right:-38px;
  font-family:Georgia,serif;
  font-size:6rem;
  color:var(--gold);
  line-height:1
}
.essencia .trust-strip {
  border-block:1px solid var(--line);
  padding-block:23px
}
.essencia .trust-strip .wrap {
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:.8rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gold)
}
.essencia .trust-strip span::before {
  content:'✧';
  margin-right:20px
}
.essencia .paths {
  background:#fff8ef;
  color:#391d27;
  --muted:#77636a;
  --line:#391d272b
}
.essencia .paths .eyebrow {
  color:#925338
}
.essencia .section-top>p {
  max-width:340px;
  color:#77636a;
  margin-bottom:2px
}
.essencia .service-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px
}
.essencia .service-card {
  border-top:1px solid #391d2760;
  padding:30px 0 8px
}
.essencia .service-num {
  font-family:var(--serif);
  font-size:1.25rem;
  color:#955d44
}
.essencia .service-card h3 {
  font-family:var(--serif);
  font-size:2.1rem;
  margin:36px 0 16px
}
.essencia .service-card p {
  font-size:.9375rem;
  color:#77636a;
  max-width:330px;
  margin-bottom:28px
}
.essencia .service-card .text-link {
  font-size:.8125rem
}
.essencia .about-grid {
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:100px;
  align-items:center
}
.essencia .about-image {
  aspect-ratio:4/4.3;
  object-fit:cover;
  width:100%;
  object-position:center 70%;
  border-radius:2px 2px 42% 2px
}
.essencia .about-text p {
  color:var(--muted)
}
.essencia .signature {
  font-family:var(--serif);
  font-size:2.5rem;
  font-style:italic;
  color:var(--gold)!important;
  margin:28px 0 0
}
.essencia .how {
  background:#2e1621
}
.essencia .how .section-heading {
  text-align:center;
  margin:0 auto 50px
}
.essencia .steps {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:50px
}
.essencia .step {
  border-top:1px solid var(--line);
  padding-top:24px
}
.essencia .step>span {
  font-family:var(--serif);
  font-size:2.1rem;
  color:var(--gold)
}
.essencia .step h3 {
  font-family:var(--serif);
  font-size:1.8rem;
  margin:18px 0 12px
}
.essencia .step p {
  color:var(--muted);
  font-size:.9375rem
}
.essencia .faq-grid {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:90px
}
.essencia .closing {
  text-align:center;
  background:#e7c693;
  color:#2c1520;
  padding:80px 24px
}
.essencia .closing .eyebrow {
  color:#714433
}
.essencia .closing h2 {
  max-width:780px;
  margin:0 auto 27px
}
.essencia .closing .button {
  background:#2c1520;
  color:#fff6e8
}
.essencia .closing p:last-child {
  font-size:.8125rem;
  margin:20px 0 0
}
.essencia .footer .brand {
  color:var(--gold)
}
@media(max-width:1100px) {
  .essencia .hero {
  gap:10px
}
.essencia .hero-art {
  height:535px;
  margin-right:15px
}
.essencia .about-grid {
  gap:50px
}
.essencia .faq-grid {
  gap:45px
}
.essencia .hero h1 {
  font-size:5.8vw
}

}
@media(max-width:760px) {
  .essencia .hero {
  display:flex;
  flex-direction:column;
  gap:42px;
  padding-block:40px 50px
}
.essencia .hero h1 {
  font-size:clamp(3.2rem,11vw,4.9rem)
}
.essencia .hero-copy {
  width:100%
}
.essencia .hero .eyebrow {
  font-size:.75rem;
  max-width:320px
}
.essencia .hero-description {
  max-width:100%
}
.essencia .hero-signature {
  margin-top:30px
}
.essencia .hero-art {
  height:480px;
  width:calc(100% - 44px);
  max-width:400px;
  margin:0 auto
}
.essencia .floating-star {
  right:-27px;
  font-size:4.5rem
}
.essencia .trust-strip .wrap {
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  font-size:.75rem;
  letter-spacing:.08em
}
.essencia .trust-strip span::before {
  margin-right:10px
}
.essencia .service-grid,.essencia .about-grid,.essencia .steps,.essencia .faq-grid {
  grid-template-columns:1fr;
  gap:38px
}
.essencia .section-top>p {
  margin-top:25px
}
.essencia .service-card h3 {
  margin-top:20px
}
.essencia .about-image {
  max-height:450px
}
.essencia .closing {
  padding:65px 20px
}
.essencia .photo-label {
  font-size:.75rem
}

}
.essencia .hero-photo {
  width:100%;
  height:calc(100% - 26px);
  object-fit:cover
}
.essencia .photo-label {
  padding-inline:10px;
  letter-spacing:.1em
}
.essencia .hero .eyebrow {
  line-height:1.8
}