.service-hero {
position: relative;
min-height: 82vh;
display: flex;
align-items: end;
overflow: hidden;
border-bottom: 1px solid var(--line)
}
.service-bg {
position: absolute;
inset: -40px;
background-image: linear-gradient(to top, var(--bg) 3%, transparent 72%), var(--service-bg);
background-size: cover;
background-position: center;
filter: blur(18px) saturate(.75);
transform: scale(1.08);
opacity: .42
}
.service-content {
position: relative;
z-index: 2;
padding-bottom: 90px
}
.service-content h1 {
font-size: clamp(58px, 10vw, 140px);
letter-spacing: -.065em;
line-height: .86;
margin: 12px 0 28px;
max-width: 1000px
}
.service-story {
padding-top: 40px
}
@media(max-width:800px) {
.service-content {
padding-bottom: 55px
}
}