/* ================= BASE ================= */
body{
  margin:0;
  font-family:'Inter', sans-serif;
  background:#161616;
  color:white;
}


/* ================= HERO ================= */
.about-hero{
  position:relative;

  min-height:calc(100vh - 80px);

  display:flex;
  align-items:center;

  background:url("VendiacAbout.png") center/cover no-repeat;
}


/* ================= OVERLAY ================= */
.about-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.6);
}


/* ================= CONTENT ================= */
.about-content{
  position:relative;
  z-index:1;

  max-width:700px;
  margin-left:80px;
}


/* ================= HEADLINE ================= */
.about-content h1{
  font-size:64px;
  margin-bottom:30px;
}


/* ================= LEAD ================= */
.about-lead{
  font-size:20px;
  margin-bottom:25px;
  color:rgba(255,255,255,0.9);
}


/* ================= BODY ================= */
.about-content p{
  font-size:17px;
  line-height:1.8;
  color:rgba(255,255,255,0.75);
  margin-bottom:18px;
}


/* ================= DIVIDER ================= */
.about-divider{
  width:60px;
  height:2px;
  background:rgba(255,255,255,0.3);
  margin:25px 0;
}


/* ================= HIGHLIGHT ================= */
.about-highlight{
  font-weight:600;
  color:white;
  margin-top:20px;
}