#service-page {padding-top: 50dvh;}
#service-page > * {grid-column: 1/-1;}

#service_p-info-container {grid-column: 1/-1; grid-row: 1;}
#service_p-info-container > * {grid-column: 1/-1;}

#service_p-title {margin-bottom: var(--size_m);}

#service_p-description {margin-bottom: var(--size_l);}
@media only screen and (min-width: 1096px) {
    #service_p-description {margin-bottom: var(--size_m);}
}

#service_p-info {column-gap: var(--size_s);}
#service_p-info .--bullet {
    width: .8rem;
    height: .8rem;
    background: var(--c_black);
    transform: translateY(2px);
}

#service_p-projects {
    margin-top: var(--size_xxl);
    row-gap: var(--size_m);
    z-index: 20;
}


@media only screen and (min-width: 768px) {
    #service_p-title {
        grid-column: 1/2;
        grid-row: 1;
    }

    #service_p-description {
        grid-column: 2/-1;
        grid-row: 1;
    }

    #service_p-info {
        grid-column: 2/-1;
        grid-row: 2;
    }

    #service_p-projects {
        margin-top: var(--size_xxxl);
    }
}

@media only screen and (min-width: 1096px) {
    #service_p-info-container {
        position: sticky;
        top: 50dvh;
    }

    #service_p-description {grid-column: 2/4;}
    #service_p-projects {
        grid-column: -2/-1;
        grid-row: 1/4;
        margin-top: 0;
        grid-template-columns: 1fr;
    }
}