.pf-hero{
  padding:51px 0 0;
}

.pf-split{
  padding:129px 0 0;
}

.pf-copy h1{
  max-width:614px;
}

.pf-copy h2{
  max-width:510px;
}

.pf-copy p{
  margin:28px 0 0;
}

.pf-media{
  width:100%;
  max-width:604px;
  height:auto;
  aspect-ratio:604 / 507;
}

.pf-why{
  padding-top:114px;
}

.pf-section h2{
  margin-bottom:48px;
}

.pf-services{
  padding-top:125px;
  display:grid;
}

.pf-more{
  justify-self:center;
  margin-top:36px;
  width:298px;
  height:60px;
  border:0;
  border-radius:19px;
  background:var(--orange);
  color:#fff;
  font-size:16px;
  font-weight:400;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, filter .18s ease;
}

.pf-more:hover{
  background:#f05a20;
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(231,70,0,.24);
}

.pf-more:active{
  transform:translateY(0);
  filter:brightness(.94);
}

.pf-cost{
  margin:87px auto 0;
}

@media (max-width:900px){
  .pf-hero{
    padding:22px 0 0;
  }

  .pf-split{
    padding:73px 0 0;
  }

  .pf-media{
    height:313px;
    border-radius:0 0 14px 14px;
  }

  .pf-hero .pf-media{
    margin-top:28px;
  }

  .pf-split .pf-media{
    margin-top:33px;
    border-radius:14px 14px 0 0;
  }

  .pf-why{
    padding-top:34px;
  }

  .pf-section h2{
    margin-bottom:31px;
  }

  .pf-services{
    padding-top:35px;
  }

  .pf-more{
    width:320px;
    height:57px;
    margin-top:26px;
    border-radius:18px;
    font-size:16px;
  }

  .pf-cost{
    margin-top:35px;
  }
}