.hf-hero{
padding:120px 0;
background:linear-gradient(180deg,var(--hf-metal-50),var(--hf-metal-100));
text-align:center}
.hf-hero h1{
font-size:clamp(42px,6vw,78px);
font-weight:900;
color:var(--hf-black)}
.hf-hero p{
max-width:900px;
margin:auto;
font-size:18px;
line-height:1.7}