/* Secao Mestre Rubens: texto e foto lado a lado. */

/* ── 04 MESTRE ────────────────────────────────────── */
#mestre {
  display: grid; grid-template-columns: 46% 54%;
  min-height: 650px; background: var(--bg-light);
}
.mestre-left {
  padding: clamp(60px, 8vw, 120px) var(--pad);
  position: relative; display: flex; flex-direction: column; justify-content: center;
}
.mestre-stripe { position: absolute; right: 0; top: 15%; bottom: 15%; width: 1px; background: rgba(181, 150, 83, 0.15); }
.mestre-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(52px, 7vw, 82px); font-style: italic; font-weight: 400;
  color: var(--green-deep); line-height: 1.05; margin-bottom: 0;
}
.mestre-text { font-size: 15px; line-height: 1.8; color: var(--text-main); font-weight: 400; }
.mestre-text + .mestre-text { margin-top: 24px; }
.mestre-right {
  position: relative; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  margin: 40px; border-radius: 12px;
  box-shadow: var(--shadow-soft);
  background: var(--bg-accent);
}
.mestre-right img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%; object-fit: cover;
  transition: transform 6s var(--cubic-framer);
}
#mestre:hover .mestre-right img { transform: scale(1.05); }