.services-page{
    background-color:var(--hex-background);
    color:var(--hex-primary);
}
.header h1 dd{
    color:var(--hex-white);
}
.h2-xl{
    font-size:clamp(4.375rem,16.97vi + .4rem, 13.125rem);
    opacity:.3;
    line-height:.8;
}
.content-txt{
    max-width:35rem;
}
.content-txt > div p+p{
    margin-top:.938rem;
}
.s-page--title{
    padding:0;
    height:100svh;
    color:var(--hex-white);
    overflow:hidden;
}
.s-page--title .container{
    height:100%;
}
.-page--image{
    position:absolute;
    width:100%;
    height:100%;
}
.-page--image .parallax-image{
    position:relative;
    height:100%;
}
.-page--image .parallax-image::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(90deg,rgba(12,10,9,.9) 0%,rgba(12,10,9,.6) 100%);
}
.parallax-image img{
    height:100%;
    object-fit:cover;
}
.s-page--title .flex{
    flex-direction:column;
    justify-content:flex-end;
    height:100%;
    padding-bottom:clamp(1.875rem,3.64vi + 1.02rem,3.75rem);
}
.line{
    position:relative;
    display:block;
    will-change:transform;
}
.flex.what-we-do{
    flex-direction:column;
    margin-top:clamp(1.875rem,3.64vi + 1.02rem,3.75rem);
}
.what-we-do ol li{
    position:relative;
    padding-left:1rem;
    letter-spacing:.125em;
}
.what-we-do ol li+li{
    margin-top:.625rem;
}
.what-we-do ol li::before{
    content:'';
    position:absolute;
    display:inline-block;
    width:.25rem;
    height:.063rem;
    top:0;
    bottom:0;
    left:0;
    margin:auto;
    background-color:var(--hex-primary);
}
.s-recent--projects .flex{
    flex-direction:column;
    text-align:center;
    gap:.938rem;
}
/*-- media query min64rem --*/
@media screen and (min-width:64rem){
    .s-page--title .flex{
        flex-direction:row;
        align-items:flex-end;
        justify-content:space-between;
    }
    .flex.--intro{
        justify-content:flex-end;
    }
    .flex.what-we-do{
        flex-direction:row;
        justify-content:space-between;
    }
    .what-we-do .content-txt{
        width:35rem;
    }
}
@media (max-width:60rem){

}