/* =========================================================
   HERO
   ========================================================= */
.ff-hero{
  position:relative;
  min-height:82vh;
  display:flex;
  align-items:center;
  background:#161616 center 20% / cover no-repeat;
  overflow:hidden;
}
.ff-hero::before{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(6,6,6,.92) 0%, rgba(6,6,6,.6) 42%, rgba(6,6,6,.15) 68%, rgba(6,6,6,.05) 100%),
    linear-gradient(0deg, rgba(6,6,6,.55) 0%, rgba(6,6,6,0) 30%);
}
.ff-hero-inner{
  position:relative;
  z-index:2;
  max-width:640px;
  padding:80px 0;
}
.ff-hero h1{
  font-size:clamp(48px, 8vw, 96px);
  color:var(--ff-white);
  margin-bottom:26px;
}
.ff-hero p{
  font-size:18px;
  color:#e4e4e4;
  max-width:520px;
  margin-bottom:36px;
}
@media (max-width:600px){
  .ff-hero{ min-height:auto; padding-top:20px; }
  .ff-hero::before{
    background:
      linear-gradient(0deg, rgba(6,6,6,.96) 30%, rgba(6,6,6,.55) 75%),
      linear-gradient(90deg, rgba(6,6,6,.85) 0%, rgba(6,6,6,.4) 100%);
  }
  .ff-hero-inner{ padding:56px 0 60px; max-width:100%; }
}