.ff-hatha-100-section{
  width:100%;
  background:#FFFFFF;
  padding:24px 16px;
  box-sizing:border-box;
  font-family:'Poppins',sans-serif;
}

.ff-hatha-100-wrap{
  max-width:1130px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:26px;
  align-items:center;
}

/* CONTENT */
.ff-hatha-100-content{
  padding:2px 0;
}

.ff-hatha-100-kicker{
  display:block;
  margin-bottom:10px;
  color:#D09F6C;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.ff-hatha-100-content h2{
  margin:0 0 14px;
  color:#2E4D3D;
  font-size:clamp(28px,3vw,40px);
  line-height:1.14;
  letter-spacing:-.03em;
  font-weight:700;
}

.ff-hatha-100-content p{
  margin:0 0 13px;
  color:#54595F;
  font-size:14.6px;
  line-height:1.72;
}

/* DETAILS */
.ff-hatha-100-details{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin:18px 0;
  border-top:1px solid #E6ECE6;
  border-bottom:1px solid #E6ECE6;
}

.ff-hatha-100-details div{
  padding:12px 14px;
  border-right:1px solid #E6ECE6;
}

.ff-hatha-100-details div:last-child{
  border-right:0;
}

.ff-hatha-100-details span{
  display:block;
  margin-bottom:4px;
  color:#D09F6C;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.ff-hatha-100-details strong{
  display:block;
  color:#4F5D77;
  font-size:13.5px;
  line-height:1.35;
  font-weight:600;
}

/* LIST */
.ff-hatha-100-list{
  margin:0 0 18px;
  padding:0;
  list-style:none;
}

.ff-hatha-100-list li{
  position:relative;
  padding-left:18px;
  margin-bottom:8px;
  color:#54595F;
  font-size:13.8px;
  line-height:1.55;
}

.ff-hatha-100-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:.7em;
  width:5px;
  height:5px;
  background:#80A37F;
  border-radius:50%;
}

/* FOOTER */
.ff-hatha-100-footer{
  margin-top:6px;
  padding-top:14px;
  border-top:1px solid #E6ECE6;
}

.ff-hatha-100-footer a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#80A37F;
  color:#FFFFFF !important;
  text-decoration:none !important;
  border:1px solid #80A37F;
  padding:9px 16px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:all .25s ease;
}

.ff-hatha-100-footer a:hover{
  background:#FFFFFF;
  color:#80A37F !important;
}

.ff-hatha-100-footer p{
  margin:12px 0 0;
  font-size:13px;
  color:#54595F;
  line-height:1.65;
}

/* IMAGE */
.ff-hatha-100-image{
  position:relative;
  overflow:hidden;
}

.ff-hatha-100-image img{
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center;
  display:block;
  filter:saturate(.96) contrast(1.03);
}

.ff-hatha-100-image:before{
  content:"";
  position:absolute;
  inset:16px;
  border:1px solid rgba(255,255,255,.65);
  z-index:3;
  pointer-events:none;
}

.ff-hatha-100-fade{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 16%, rgba(255,255,255,.92) 0 2%, transparent 8%),
    radial-gradient(circle at 4% 34%, rgba(255,255,255,.88) 0 3%, transparent 10%),
    radial-gradient(circle at 12% 52%, rgba(255,255,255,.94) 0 4%, transparent 12%),
    radial-gradient(circle at 5% 72%, rgba(255,255,255,.90) 0 3%, transparent 11%),
    radial-gradient(circle at 14% 88%, rgba(255,255,255,.90) 0 4%, transparent 13%),
    linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.04) 46%, rgba(255,255,255,.28) 66%, rgba(255,255,255,.70) 84%, #FFFFFF 100%);
}

.ff-hatha-100-fade:after{
  content:"";
  position:absolute;
  left:-1px;
  top:0;
  width:30%;
  height:100%;
  background:
    radial-gradient(circle at 82% 8%, #FFFFFF 0 4px, transparent 5px),
    radial-gradient(circle at 55% 18%, #FFFFFF 0 7px, transparent 8px),
    radial-gradient(circle at 78% 34%, #FFFFFF 0 5px, transparent 6px),
    radial-gradient(circle at 45% 49%, #FFFFFF 0 9px, transparent 10px),
    radial-gradient(circle at 75% 65%, #FFFFFF 0 8px, transparent 9px),
    radial-gradient(circle at 52% 82%, #FFFFFF 0 6px, transparent 7px),
    linear-gradient(270deg, transparent 0%, rgba(255,255,255,.48) 42%, #FFFFFF 100%);
  opacity:.9;
}

/* MOBILE */
@media(max-width:920px){
  .ff-hatha-100-wrap{
    grid-template-columns:1fr;
    gap:18px;
  }

  .ff-hatha-100-image{
    order:-1;
  }

  .ff-hatha-100-image img{
    aspect-ratio:16/10;
  }

  .ff-hatha-100-fade{
    background:
      linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.82) 88%, #FFFFFF 100%);
  }

  .ff-hatha-100-fade:after{
    display:none;
  }

  .ff-hatha-100-footer a{
    width:100%;
    box-sizing:border-box;
  }
}

@media(max-width:620px){
  .ff-hatha-100-section{
    padding:28px 12px;
  }

  .ff-hatha-100-content h2{
    font-size:28px;
  }

  .ff-hatha-100-content p{
    font-size:13.5px;
    line-height:1.68;
  }

  .ff-hatha-100-details{
    grid-template-columns:1fr;
  }

  .ff-hatha-100-details div{
    border-right:0;
    border-bottom:1px solid #E6ECE6;
  }

  .ff-hatha-100-details div:last-child{
    border-bottom:0;
  }
}