/* R2 Moda Intima - secao "Nossa essencia" | Versao 2.0
   Edite as cores em :root, no arquivo styles.css.
   Todo este bloco e independente do catalogo e do JavaScript. */

.essence-section {
  position: relative;
  isolation: isolate;
  padding-block: clamp(80px, 8.7vw, 140px);
  background:
    linear-gradient(130deg, rgba(255,255,255,.88) 0%, rgba(255,251,248,.18) 51%, rgba(244,226,226,.28) 100%),
    #fff9f7;
  border-top: 1px solid #f0e3e4;
  border-bottom: 1px solid #f0e3e4;
  overflow: hidden;
}
.essence-section::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .28;
  background-image: repeating-linear-gradient(0deg, transparent 0 4px, rgba(157,109,112,.045) 4px 5px);
}
.essence-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr);
  align-items: center;
  gap: clamp(50px, 7vw, 118px);
}

/* Composicao editorial: duas placas retangulares e logo discreto. */
.essence-art {
  position: relative;
  min-width: 0;
  height: clamp(412px, 39vw, 520px);
  max-width: 580px;
  padding-bottom: 15px;
}
.essence-editorial-image {
  position: absolute;
  top: 0;
  bottom: 18px;
  left: 0;
  width: 75%;
  background: #e8c9ca;
  overflow: hidden;
  border-radius: 5px 70px 5px 5px;
  border: 1px solid rgba(193,145,151,.24);
  box-shadow: 0 26px 54px rgba(103,66,73,.10);
}
.essence-editorial-image::after {
  content: '';
  position: absolute;
  inset: 15px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 2px 57px 2px 2px;
  pointer-events: none;
}
.essence-editorial-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.essence-image-number {
  position: absolute;
  z-index: 1;
  top: 29px;
  left: 30px;
  color: #fffaf9;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .21em;
  text-shadow: 0 2px 8px rgba(76,42,51,.12);
}
.essence-brand-card {
  position: absolute;
  z-index: 2;
  top: 22%;
  right: 0;
  width: 47%;
  min-height: 298px;
  padding: 28px 20px 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #fffdf9;
  color: #61414e;
  border: 1px solid #eee0df;
  box-shadow: 0 24px 45px rgba(77,41,50,.12);
}
.essence-brand-kicker,
.essence-brand-foot {
  color: #a27483;
  font-size: 8px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .19em;
}
.essence-brand-card img {
  display: block;
  width: clamp(90px, 10vw, 129px);
  height: auto;
  object-fit: contain;
  mix-blend-mode: multiply;
  margin: 17px auto 14px;
}
.essence-brand-title {
  font: 400 clamp(19px, 1.9vw, 25px)/1.25 var(--serif);
  letter-spacing: -.045em;
}
.essence-brand-title em {color: #a95e79;font-weight: 400;}
.essence-brand-line {width: 34px;height: 1px;background: #c9889f;margin: 18px 0 13px;}
.essence-edge-word {
  position: absolute;
  bottom: -17px;
  left: 2px;
  color: #b17f8b;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .17em;
}

/* Mensagem da marca. */
.essence-copy {padding: 10px 0 15px;}
.essence-kicker {
  display: flex;
  align-items: center;
  gap: 13px;
  color: var(--rose-dark);
  font-weight: 700;
  font-size: 10px;
  letter-spacing: .22em;
  white-space: nowrap;
}
.essence-kicker-number {font: italic 18px var(--serif);letter-spacing: 0;color: #bb8a9d;}
.essence-kicker-line {display: inline-block;width: 38px;height: 1px;background: #d4acb9;}
.essence-copy h2 {
  margin: 29px 0 24px;
  font: 400 clamp(40px, 4.15vw, 64px)/1.18 var(--serif);
  letter-spacing: -.053em;
  color: #46303c;
  text-wrap: balance;
}
.essence-copy h2 em {color: #a55d79;font-weight: 400;}
.essence-copy p {
  margin: 0;
  max-width: 480px;
  color: #77676d;
  font-size: 14px;
  line-height: 1.98;
}
.essence-values {
  display: flex;
  flex-wrap: wrap;
  gap: 11px 19px;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 33px;
  color: #8c6d79;
  font-size: 11px;
  font-weight: 600;
}
.essence-values span {display: inline-flex;align-items: center;gap: 9px;}
.essence-values span:not(:first-child)::before {content: '';display: inline-block;width: 3px;height: 3px;background: #c18b9d;transform: rotate(45deg);}
.essence-link {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  width: fit-content;
  min-height: 41px;
  border-bottom: 1px solid #9c5772;
  color: #8d4863;
  font-size: 12px;
  font-weight: 700;
  transition: gap .18s, color .18s;
}
.essence-link:hover {color: #64354a;}
.essence-link-arrow {width: 28px;height: 12px;flex: 0 0 auto;transition: transform .3s var(--ease);}
.essence-link:hover .essence-link-arrow {transform: translateX(5px);}

@media (max-width: 1050px) {
  .essence-layout {gap: 34px;grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);}
  .essence-art {height: 430px;}
  .essence-brand-card {width: 49%;min-height: 270px;padding: 22px 11px;}
  .essence-brand-card img {width: 100px;margin: 13px auto 10px;}
  .essence-brand-title {font-size: 19px;}
  .essence-copy h2 {font-size: clamp(36px, 4.3vw, 48px);}
  .essence-copy p {font-size: 13px;line-height: 1.85;}
}
@media (max-width: 740px) {
  .essence-section {padding-block: 70px 83px;}
  .essence-layout {grid-template-columns: 1fr;gap: 41px;max-width: 520px;}
  .essence-copy {grid-row: 1;padding: 0;}
  .essence-copy h2 {font-size: clamp(36px, 7.1vw, 47px);margin: 19px 0 19px;}
  .essence-copy p {max-width: 500px;font-size: 13px;line-height: 1.88;}
  .essence-values {margin-top: 23px;margin-bottom: 20px;}
  .essence-art {height: 430px;width: 100%;max-width: 490px;}
  .essence-brand-card {top: 18%;width: 44%;min-height: 260px;}
  .essence-edge-word {bottom: -16px;}
}
@media (max-width: 420px) {
  .essence-section {padding-block: 58px 75px;}
  .essence-kicker {font-size: 9px;gap: 10px;}
  .essence-kicker-line {width: 24px;}
  .essence-copy h2 {font-size: clamp(32px, 9.2vw, 38px);letter-spacing: -.055em;}
  .essence-copy p {font-size: 12px;}
  .essence-values {gap: 8px 12px;font-size: 10px;}
  .essence-art {height: 340px;}
  .essence-editorial-image {width: 77%;bottom: 14px;border-radius: 4px 49px 4px 4px;}
  .essence-editorial-image::after {inset: 9px;border-radius: 2px 41px 2px 2px;}
  .essence-image-number {top: 20px;left: 18px;font-size: 9px;}
  .essence-brand-card {top: 18%;width: 49%;min-height: 210px;padding: 16px 8px 13px;}
  .essence-brand-kicker,.essence-brand-foot {font-size: 7px;letter-spacing: .09em;}
  .essence-brand-card img {width: 81px;margin: 10px auto 9px;}
  .essence-brand-title {font-size: 17px;}
  .essence-brand-line {margin: 12px 0 10px;}
  .essence-edge-word {font-size: 7px;letter-spacing: .13em;bottom: -13px;}
}
@media (prefers-reduced-motion: reduce) {
  .essence-link {transition: none;}
}