#about-section {
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 250;
}
#about-section[data-status="hide"] {display: none;}

#about-section > * {grid-column: 1/-1;}
#about-section > *:last-of-type {padding-bottom: 1rem;}
#about-section a {width: fit-content;}


#about_s-copyright {grid-row: 1;}

#about_s-description {grid-row: 2;}

#about_s-contacts {
    grid-row: 3;
    margin-top: 5rem;
}
#about_s-team {row-gap: 2rem;}
#about_s-links {margin-top: 1rem;}

#about_s-portrait {
    grid-row: 4;
    margin-top: 5rem;
}

#about_s-services {margin-top: 5rem; grid-row: 5;}
#about_s-clients {margin-top: 5rem; grid-row: 6;}
#about_s-awards {margin-top: 5rem; grid-row: 7;}

#about_s-services dt,
#about_s-clients dt,
#about_s-awards dt {
    padding-bottom: .7rem;
    border-bottom: .5px solid var(--c-gray);
    margin-bottom: .7rem;
}

.about_s-awards-entry p:first-of-type {grid-column: 1/2;}
.about_s-awards-entry p:last-of-type {grid-column: 2/-1;}

#about_s-close {
    top: 0;
    right: 0;
}


@media only screen and (min-width: 768px) {
    #about_s-description {grid-column: 1/3; grid-row: 1;}
    #about_s-contacts {grid-column: 3/-1; grid-row: 1; margin-top: 0; padding-left: 0;}
    #about_s-services {grid-column: 1/3; grid-row: 3;}
    #about_s-clients {grid-column: 3/-1; grid-row: 3; padding-left: 0;}
    #about_s-awards {grid-column: 1/-1; grid-row: 4;}
    .about_s-awards-entry p:first-of-type {grid-column: 1/3;}
    .about_s-awards-entry p:last-of-type {grid-column: 3/-1;}
    
    #about_s-copyright {grid-column: 1/-1; grid-row: 5; margin-top: 10rem;}
    #about_s-portrait {grid-column: 1/-1; grid-row: 6; margin-top: 0 !important; padding-bottom: 0 !important;}
}

@media only screen and (min-width: 1096px) {
    #about_s-description {grid-column: 1/5; grid-row: 1;}
    #about_s-contacts {grid-column: 6/-1; grid-row: 1/5;}
    #about_s-services {grid-column: 1/3; grid-row: 2;}
    #about_s-clients {grid-column: 3/5; grid-row: 2; padding-left: 0;}
    #about_s-awards {grid-column: 1/5; grid-row: 4;}
    .about_s-awards-entry p:first-of-type {grid-column: 1/2;}
    .about_s-awards-entry p:last-of-type {grid-column: 2/-1;}

    #about_s-copyright {
        position: fixed;
        left: 0;
        bottom: 0;
    }

    #about_s-portrait {
        position: fixed;
        width: calc(calc(calc(calc(100vw - 14rem) / 7) * 2) + 2rem);
        max-height: calc(100dvh - 32rem);
        right: .7rem;
        bottom: .7rem;
    }
}

@media (hover: hover) {
    body[data-transition="false"] #about_s-close,
    body[data-transition="false"] #about_s-team a,
    body[data-transition="false"] #about_s-links a {transition: opacity 500ms;}

    #about_s-close:hover,
    #about_s-team a:hover,
    #about_s-links:hover a {opacity: .4 !important;}

    #about_s-links a:hover {opacity: 1 !important;}
}