/* Prévia editorial dos benefícios: estilos restritos a esta seção. */
.benefits {
  --benefits-paper: #faf8f3;
  --benefits-ink: #24211c;
  --benefits-gold: #876633;
  color-scheme: light;
  padding: 48px 24px 60px;
  background: var(--benefits-paper);
  color: var(--benefits-ink);
  scroll-margin-top: 0;
}
.benefits__inner { width: min(100%, 1060px); margin-inline: auto; }
.benefit { position: relative; display: grid; gap: 25px; }
.benefit + .benefit { margin-top: 48px; padding-top: 40px; border-top: 1px solid #dfd6c6; }
.benefit__figure { position: relative; margin: 0; min-width: 0; }
.benefit__figure::after {
  content: "";
  position: absolute;
  right: -2px;
  bottom: 12px;
  width: 45px;
  height: 1px;
  background: linear-gradient(90deg, #9e783b, #d4b67e);
  transform: rotate(-45deg);
  transform-origin: center;
  pointer-events: none;
}
.benefit__image {
  position: relative;
  aspect-ratio: 5 / 4;
  overflow: hidden;
  background: #e9e3d9;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
.benefit__image img { width: 100%; height: 100%; object-fit: cover; }
.benefit__image--smile img { object-position: 50% 40%; }
.benefit__image--care { background: #e9e3d9; }
.benefit__image--care img { object-position: 50% 78%; }
.benefit__image--lens { display: grid; place-items: center; background: radial-gradient(ellipse at 35% 36%, #353027, #100f0d 72%); }
.benefit__image--lens img { width: 96%; height: 96%; object-fit: contain; transform: translateY(4%) rotate(-2deg); }
.benefit__heading { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 10px; align-items: baseline; }
.benefit__number { color: var(--benefits-gold); font: 400 16px/1 var(--sans); letter-spacing: .08em; }
.benefit__heading h2 { margin: 0; color: var(--benefits-ink); font: 400 clamp(27px, 7.4vw, 34px)/1.12 var(--sans); letter-spacing: -.035em; text-wrap: balance; }
.benefit__copy p { margin: 17px 0 0 48px; color: #625b50; font: 400 15px/1.65 var(--sans); letter-spacing: .005em; text-wrap: pretty; }
@media (max-width: 359px) {
  .benefits { padding-inline: 20px; }
  .benefit__heading { grid-template-columns: 30px minmax(0, 1fr); gap: 8px; }
  .benefit__heading h2 { font-size: 26px; }
  .benefit__copy p { margin-left: 38px; font-size: 14px; }
}
@media (min-width: 540px) and (max-width: 767px) {
  .benefits { padding-inline: 48px; }
  .benefits__inner { max-width: 520px; }
  .benefit__image { aspect-ratio: 4 / 3; }
}
@media (min-width: 768px) {
  .benefits { padding: 80px 40px 88px; }
  .benefit { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); align-items: center; gap: clamp(36px, 6vw, 92px); }
  .benefit + .benefit { margin-top: 60px; padding-top: 60px; }
  .benefit:nth-child(2) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); }
  .benefit:nth-child(2) .benefit__figure { grid-column: 2; grid-row: 1; }
  .benefit:nth-child(2) .benefit__copy { grid-column: 1; grid-row: 1; }
  .benefit__heading { grid-template-columns: 36px minmax(0, 1fr); gap: 16px; }
  .benefit__heading h2 { font-size: clamp(30px, 3vw, 42px); }
  .benefit__copy p { margin: 22px 0 0 52px; max-width: 345px; font-size: 16px; line-height: 1.7; }
}