/* Melaaura Home — About snippet.
   Scoped under .mh-about-snip. Shared base (fonts, tokens, reveal) = melaaura-home-base.
   Hover / transition / media-query / image-height-target rules live here. */

.mh-about-snip{
  --mh-accent:#B28C3F;
  padding:clamp(76px,12vh,160px) clamp(20px,5vw,100px);
}

.mh-about-snip__inner{
  max-width:1040px;
  margin:0 auto;
  text-align:center;
}

.mh-about-snip__col{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.mh-about-snip__eyebrow{
  font-size:12px;
  letter-spacing:0.28em;
  text-transform:uppercase;
  color:#8B8174;
  margin-bottom:18px;
}

.mh-about-snip__rule{
  width:100px;
  height:1px;
  background:var(--mh-accent);
  display:block;
  margin-bottom:clamp(32px,5vh,48px);
}

.mh-about-snip__lead{
  font-weight:300;
  font-size:clamp(22px,2.6vw,38px);
  line-height:1.34;
  letter-spacing:-0.005em;
  color:#16130F;
  margin:0 0 clamp(34px,5vh,48px);
  max-width:24ch;
}

.mh-about-snip__body{
  font-weight:300;
  font-size:clamp(15px,1.1vw,17.5px);
  line-height:1.82;
  color:#4B463F;
  max-width:680px;
  margin:0 0 clamp(36px,5vh,48px);
}

.mh-about-snip__btn{
  display:inline-block;
  font-size:12px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:#16130F;
  background:transparent;
  border:1px solid #16130F;
  text-decoration:none;
  padding:15px 38px;
  border-radius:999px;
  transition:background .4s ease, color .4s ease;
}
.mh-about-snip__btn:hover,
.mh-about-snip__btn:focus-visible{
  background:#16130F;
  color:#FFFFFF;
}

/* Optional editorial feature image (per-device height via Elementor control) */
.mh-about-snip__media{
  margin-top:clamp(40px,7vh,72px);
  border-radius:var(--mh-about-radius,16px);
  overflow:hidden;
}
.mh-about-snip__img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/7;
  object-fit:cover;
  transition:transform 1.2s cubic-bezier(.16,.84,.44,1);
}
.mh-about-snip__media:hover .mh-about-snip__img{
  transform:scale(1.04);
}

@media (max-width:600px){
  .mh-about-snip__img{ aspect-ratio:4/3; }
}
