/**
 * GAL Capabilities page.
 * The desktop composition follows Figma prototype nodes 527:13557,
 * 527:15078, 527:15568 and 533:4539.
 */

body.page-template-page-capabilities .wp-site-blocks {
    padding-block: 0;
}

body.page-template-page-capabilities-engineering-modifications .wp-site-blocks {
    padding-block: 0;
}

body.page-template-page-capabilities-specialized-augmentation .wp-site-blocks,
body.page-template-page-capabilities-training-development .wp-site-blocks {
    padding-block: 0;
}

.gal-capabilities-page {
    margin: 0;
    background: var(--color-background);
}

.gal-capabilities-page > * {
    margin-block-start: 0;
}

.gal-capabilities-hero {
    position: relative;
    display: flex;
    min-height: 50rem;
    align-items: flex-end;
    overflow: hidden;
    background-color: var(--color-background);
    background-image:
        linear-gradient(180deg, rgba(9, 14, 28, 1) 0%, rgba(9, 14, 28, 0.4) 49.5192289352417%, rgba(9, 14, 28, 1) 100%),
        url("../images/capabilities-banner.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background-image 500ms ease-out;
}

.gal-capabilities-page[data-active-capability="engineering-modifications"] .gal-capabilities-hero {
    background-image:
        linear-gradient(180deg, rgba(9, 14, 28, 1) 0%, rgba(9, 14, 28, 0.4) 49.5192289352417%, rgba(9, 14, 28, 1) 100%),
        url("../images/capabilities-banner.jpg");
}

.gal-capabilities-page[data-active-capability="specialized-augmentation"] .gal-capabilities-hero {
    background-image:
        linear-gradient(180deg, rgba(9, 14, 28, 1) 0%, rgba(9, 14, 28, 0.4) 49.5192289352417%, rgba(9, 14, 28, 1) 100%),
        url("../images/about-vision.png");
}

.gal-capabilities-page[data-active-capability="training-development"] .gal-capabilities-hero {
    background-image:
        linear-gradient(180deg, rgba(9, 14, 28, 1) 0%, rgba(9, 14, 28, 0.4) 49.5192289352417%, rgba(9, 14, 28, 1) 100%),
        url("../images/capabilities-banner.jpg");
    background-position: center;
}

.gal-capabilities-hero__inner {
    position: relative;
    z-index: 1;
    padding-bottom: 3rem;
}

.gal-capabilities-hero h1 {
    max-width: 60rem;
    margin: 0 0 7rem;
    color: var(--color-text);
    font-size: clamp(3.5rem, 4.1667vw, 5rem);
    line-height: 1;
}

.gal-capabilities-hero h1.is-split br {
    display: none;
}

.gal-capabilities-tabs {
    display: grid;
    max-width: 55.625rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.625rem;
}

.gal-capabilities-tabs .button {
    min-width: 0;
    padding-inline: 0.75rem;
    white-space: nowrap;
}


.gal-capability-detail-page .gal-capabilities-view[hidden] {
    display: block;
}

.gal-capabilities-view[hidden] {
    display: none;
}

.gal-capabilities-view {
    position: relative;
    overflow: hidden;
}

.gal-capabilities-view::before {
    position: absolute;
    z-index: 0;
    top: 4rem;
    right: -5rem;
    width: 46rem;
    height: 26rem;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    border-right: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 2rem 2rem 0 0;
    content: "";
    display: none;
    pointer-events: none;
}

.gal-capabilities-intro {
    position: relative;
    z-index: 1;
    max-width: none;
    padding-block: 12.875rem 7.1875rem;
    text-align: left;
}

.gal-capabilities-intro__divider {
    position: absolute;
    right: 0;
    bottom: 4rem;
    left: 0;
    display: block;
    height: 1px;
    background: linear-gradient(90deg, var(--color-accent) 0%, rgba(186, 154, 57, 0.78) 54%, rgba(186, 154, 57, 0.48) 100%);
    pointer-events: none;
    transform: scaleX(0);
    transform-origin: left center;
}



.gal-capabilities-intro h2 {
    max-width: 42.75rem;
    margin-bottom: 1.25rem;
    padding-left: 0;
    color: var(--color-accent);
    font-size: clamp(2.5rem, 2.5vw, 3rem);
    line-height: 1;
}

.gal-capabilities-intro p {
    max-width: 50rem;
    padding-left: 0;
}

.gal-capability-detail {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 9.5rem;
    align-items: center;
    padding-block: 4.5rem 7rem;
}

@media (min-width: 64rem) {
    #mro-sustainment > .gal-capability-detail[aria-labelledby="gal-platform-sustainment-title"] {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        gap: 12.25rem;
    }
}

.gal-capability-detail::after {
    position: absolute;
    z-index: -1;
    right: 8%;
    bottom: 0;
    width: 28rem;
    height: 10rem;
    border-right: 1px solid rgba(255, 255, 255, 0.14);
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0 0 2rem 0;
    content: none;
}

.gal-capability-detail[aria-labelledby="gal-technical-service-title"]::before,
.gal-capability-detail[aria-labelledby="gal-technical-service-title"]::after {
    content: "";
}

.gal-capability-detail[aria-labelledby="gal-technical-service-title"]::after {
    z-index: 0;
    top: 10.4375rem;
    bottom: auto;
    left: calc(38.7% + 16px - 775px);
    right: calc(-1 * var(--layout-gutter) - 16px);
    width: auto;
    height: 62.5rem;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
    content: "";
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27-775%200%201918%201000%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M-775%20770H-30C-13%20770%200%20783%200%20800V471C0%20454%2013%20441%2030%20441H106C123%20441%20136%20428%20136%20411V117C136%20100%20149%2087%20166%2087H633C650%2087%20664%20100%20664%20117V154C664%20171%20677%20186%20694%20186H775C792%20186%20805%20173%20805%20156V0H1143%27%20stroke%3D%27rgba%28211%2C186%2C89%2C0.92%29%27%20stroke-width%3D%271.4%27%2F%3E%3C%2Fsvg%3E") right top / 100% 100% no-repeat;
    filter: drop-shadow(0 0 0.35rem rgba(211, 186, 89, 0.72));
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 54%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 54%, transparent 100%);
    -webkit-mask-position: -45% 0;
    mask-position: -45% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 32% 100%;
    mask-size: 32% 100%;
    opacity: 0;
    animation: gal-capability-contour-glow 4000ms cubic-bezier(0.16, 1, 0.3, 1) 1450ms infinite;
    pointer-events: none;
}

.gal-capability-detail[aria-labelledby="gal-technical-service-title"]::before {
    position: absolute;
    z-index: 0;
    top: 10.4375rem;
    left: calc(38.7% + 16px - 775px);
    right: calc(-1 * var(--layout-gutter) - 16px);
    width: auto;
    height: 62.5rem;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27-775%200%201918%201000%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M-775%20770H-30C-13%20770%200%20783%200%20800V471C0%20454%2013%20441%2030%20441H106C123%20441%20136%20428%20136%20411V117C136%20100%20149%2087%20166%2087H633C650%2087%20664%20100%20664%20117V154C664%20171%20677%20186%20694%20186H775C792%20186%20805%20173%20805%20156V0H1143%27%20stroke%3D%27rgba%28255%2C255%2C255%2C0.16%29%27%20stroke-width%3D%271%27%2F%3E%3C%2Fsvg%3E") right top / 100% 100% no-repeat;
    pointer-events: none;
}

.gal-capability-detail[aria-labelledby="gal-engineering-support-title"]::before,
.gal-capability-detail[aria-labelledby="gal-engineering-support-title"]::after {
    content: "";
}

.gal-capability-detail[aria-labelledby="gal-engineering-support-title"]::after {
    z-index: 0;
    top: -40px;
    bottom: auto;
    left: 22%;
    right: calc(-1 * var(--layout-gutter));
    width: auto;
    height: 8.4375rem;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
    content: "";
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%201441%20135%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M0%20135V86C0%2069%2013%2056%2030%2056H599C616%2056%20629%2069%20629%2086V100C629%20119%20642%20134%20659%20134H690C709%20134%20724%20119%20724%20100V30C724%2013%20737%200%20754%200H1441%27%20stroke%3D%27rgba(211%2C186%2C89%2C0.92)%27%20stroke-width%3D%271.4%27/%3E%3C/svg%3E") right top / 100% 100% no-repeat;
    filter: drop-shadow(0 0 0.35rem rgba(211, 186, 89, 0.72));
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 54%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 54%, transparent 100%);
    -webkit-mask-position: -45% 0;
    mask-position: -45% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 32% 100%;
    mask-size: 32% 100%;
    opacity: 0;
    animation: gal-capability-contour-glow 4000ms cubic-bezier(0.16, 1, 0.3, 1) 1450ms infinite;
    pointer-events: none;
}

.gal-capability-detail[aria-labelledby="gal-engineering-support-title"]::before {
    position: absolute;
    z-index: 0;
    top: -40px;
    left: 22%;
    right: calc(-1 * var(--layout-gutter));
    width: auto;
    height: 8.4375rem;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%201441%20135%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M0%20135V86C0%2069%2013%2056%2030%2056H599C616%2056%20629%2069%20629%2086V100C629%20119%20642%20134%20659%20134H690C709%20134%20724%20119%20724%20100V30C724%2013%20737%200%20754%200H1441%27%20stroke%3D%27rgba(255%2C255%2C255%2C0.16)%27%20stroke-width%3D%271%27/%3E%3C/svg%3E") right top / 100% 100% no-repeat;
    pointer-events: none;
}

.gal-capability-detail[aria-labelledby="gal-specialist-services-title"]::before {
    position: absolute;
    z-index: 0;
    top: -6.9375rem;
    left: calc(-1 * var(--layout-gutter));
    width: 25vw;
    height: 11.3125rem;
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%20480%20181%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M480%200V6C480%2023%20467%2036%20450%2036H367C350%2036%20337%2049%20337%2066V151C337%20168%20324%20181%20307%20181H0%27%20stroke%3D%27rgba(255%2C255%2C255%2C0.16)%27%20stroke-width%3D%271%27/%3E%3C/svg%3E") left top / 100% 100% no-repeat;
    content: "";
    pointer-events: none;
}

.gal-capability-detail[aria-labelledby="gal-specialist-services-title"]::after {
    position: absolute;
    z-index: 0;
    top: -6.9375rem;
    right: auto;
    bottom: auto;
    left: calc(-1 * var(--layout-gutter));
    width: 25vw;
    height: 11.3125rem;
    border: 0;
    border-radius: 0;
    content: "";
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%20480%20181%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M480%200V6C480%2023%20467%2036%20450%2036H367C350%2036%20337%2049%20337%2066V151C337%20168%20324%20181%20307%20181H0%27%20stroke%3D%27rgba(211%2C186%2C89%2C0.92)%27%20stroke-width%3D%271.4%27/%3E%3C/svg%3E") left top / 100% 100% no-repeat;
    filter: drop-shadow(0 0 0.35rem rgba(211, 186, 89, 0.72));
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 54%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 54%, transparent 100%);
    -webkit-mask-position: 145% 0;
    mask-position: 145% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 32% 100%;
    mask-size: 32% 100%;
    opacity: 0;
    animation: gal-capability-contour-glow 4000ms cubic-bezier(0.16, 1, 0.3, 1) 1450ms infinite;
    pointer-events: none;
}

.gal-capability-detail--reverse::after {
    right: auto;
    left: 8%;
    border-right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0 0 0 2rem;
}

@keyframes gal-capability-contour-glow {
    0% {
        -webkit-mask-position: -45% 0;
        mask-position: -45% 0;
        opacity: 0;
    }

    12%,
    58% {
        opacity: 1;
    }

    72%,
    100% {
        -webkit-mask-position: 145% 0;
        mask-position: 145% 0;
        opacity: 0;
    }
}


#specialized-augmentation > .gal-capability-detail[aria-labelledby="gal-mission-support-title"] {
    z-index: 2;
}

#specialized-augmentation > .gal-capability-detail[aria-labelledby="gal-integrated-expertise-title"]::before,
#specialized-augmentation > .gal-capability-detail[aria-labelledby="gal-integrated-expertise-title"]::after {
    position: absolute;
    z-index: 0;
    top: -4.125rem;
    left: 28%;
    right: calc(-1 * var(--layout-gutter));
    width: auto;
    height: 8.9375rem;
    border: 0;
    border-radius: 0;
    content: "";
    pointer-events: none;
}

#specialized-augmentation > .gal-capability-detail[aria-labelledby="gal-integrated-expertise-title"]::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201340%20123%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1340%200H530C513%200%20500%2013%20500%2030V80C500%2097%20487%20110%20470%20110H436C419%20110%20406%2097%20406%2080V75C406%2058%20393%2050%20376%2050H30C13%2050%200%2063%200%2080V123%22%20stroke%3D%22rgba(255%2C255%2C255%2C0.16)%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
}

#specialized-augmentation > .gal-capability-detail[aria-labelledby="gal-integrated-expertise-title"]::after {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201340%20123%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1340%200H530C513%200%20500%2013%20500%2030V80C500%2097%20487%20110%20470%20110H436C419%20110%20406%2097%20406%2080V75C406%2058%20393%2050%20376%2050H30C13%2050%200%2063%200%2080V123%22%20stroke%3D%22rgba(211%2C186%2C89%2C0.92)%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
    filter: drop-shadow(0 0 0.35rem rgba(211, 186, 89, 0.72));
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 54%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 54%, transparent 100%);
    -webkit-mask-position: 145% 0;
    mask-position: 145% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 32% 100%;
    mask-size: 32% 100%;
    opacity: 0;
    animation: gal-capability-contour-glow 4000ms cubic-bezier(0.16, 1, 0.3, 1) 1450ms infinite reverse;
}

#specialized-augmentation > .gal-capability-detail[aria-labelledby="gal-integrated-expertise-title"] .gal-capability-detail__media,
#specialized-augmentation > .gal-capability-detail[aria-labelledby="gal-integrated-expertise-title"] .gal-capability-detail__content {
    position: relative;
    z-index: 1;
}

@media (max-width: 63.9375rem) {
    #specialized-augmentation > .gal-capability-detail[aria-labelledby="gal-integrated-expertise-title"]::before,
    #specialized-augmentation > .gal-capability-detail[aria-labelledby="gal-integrated-expertise-title"]::after {
        display: none;
    }
}

@media (min-width: 64rem) and (max-width: 80rem) {
    #specialized-augmentation > .gal-capability-detail[aria-labelledby="gal-integrated-expertise-title"]::before,
    #specialized-augmentation > .gal-capability-detail[aria-labelledby="gal-integrated-expertise-title"]::after {
        height: 14.5rem;
    }

    #specialized-augmentation > .gal-capability-detail[aria-labelledby="gal-integrated-expertise-title"]::before {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201340%20200%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1340%200H530C513%200%20500%2013%20500%2030V80C500%2097%20487%20110%20470%20110H436C419%20110%20406%2097%20406%2080V75C406%2058%20393%2050%20376%2050H30C13%2050%200%2063%200%2080V200%22%20stroke%3D%22rgba(255%2C255%2C255%2C0.16)%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
    }

    #specialized-augmentation > .gal-capability-detail[aria-labelledby="gal-integrated-expertise-title"]::after {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201340%20200%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1340%200H530C513%200%20500%2013%20500%2030V80C500%2097%20487%20110%20470%20110H436C419%20110%20406%2097%20406%2080V75C406%2058%20393%2050%20376%2050H30C13%2050%200%2063%200%2080V200%22%20stroke%3D%22rgba(211%2C186%2C89%2C0.92)%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fsvg%3E");
    }
}

#engineering-modifications > .gal-capability-detail--planning {
    z-index: 0;
}

#engineering-modifications > .gal-capability-detail[aria-labelledby="gal-modifications-title"]::before,
#engineering-modifications > .gal-capability-detail[aria-labelledby="gal-modifications-title"]::after {
    position: absolute;
    z-index: 0;
    top: -9.625rem;
    left: 40%;
    right: calc(-1 * var(--layout-gutter));
    width: auto;
    height: 38rem;
    border: 0;
    border-radius: 0;
    content: "";
    pointer-events: none;
}

#engineering-modifications > .gal-capability-detail[aria-labelledby="gal-modifications-title"]::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1100 510' fill='none'%3E%3Cpath d='M0 0V130C0 147 13 160 30 160H106C123 160 136 173 136 190V480C136 497 149 510 166 510H1100' stroke='rgba(255,255,255,0.16)' stroke-width='1'/%3E%3C/svg%3E") right top / 100% 100% no-repeat;
}

#engineering-modifications > .gal-capability-detail[aria-labelledby="gal-modifications-title"]::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1100 510' fill='none'%3E%3Cpath d='M0 0V130C0 147 13 160 30 160H106C123 160 136 173 136 190V480C136 497 149 510 166 510H1100' stroke='rgba(211,186,89,0.92)' stroke-width='1.4'/%3E%3C/svg%3E") right top / 100% 100% no-repeat;
    filter: drop-shadow(0 0 0.35rem rgba(211, 186, 89, 0.72));
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 54%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 54%, transparent 100%);
    -webkit-mask-position: -45% 0;
    mask-position: -45% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 32% 100%;
    mask-size: 32% 100%;
    opacity: 0;
    animation: gal-capability-contour-glow 4000ms cubic-bezier(0.16, 1, 0.3, 1) 1450ms infinite;
}

#engineering-modifications > .gal-capability-detail[aria-labelledby="gal-modifications-title"] .gal-capability-detail__media,
#engineering-modifications > .gal-capability-detail[aria-labelledby="gal-modifications-title"] .gal-capability-detail__content {
    position: relative;
    z-index: 1;
}

.gal-capability-detail--planning::before {
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    width: min(58rem, 52vw);
    aspect-ratio: 1700 / 1162;
    background: url("../images/engineering-modifications-watermark.png") center / contain no-repeat;
    content: "";
    opacity: 1;
    pointer-events: none;
    transform: translateY(-50%);
}

.gal-capability-detail--planning .gal-capability-detail__media {
    position: relative;
    z-index: 1;
}

.gal-capability-detail--training-end-user::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: calc(-1 * var(--layout-gutter));
    width: min(54rem, 52vw);
    aspect-ratio: 4 / 3;
    background: url("../images/training-wireframe.png") center / contain no-repeat;
    content: "";
    opacity: 0.16;
    pointer-events: none;
    transform: translateY(-50%);
}

.gal-capability-detail__media {
    overflow: hidden;
}

.gal-capability-detail__media img {
    width: 100%;
    aspect-ratio: 788 / 472;
    object-fit: cover;
    transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1), filter 300ms ease-out;
}

.gal-capability-detail__media:hover img {
    filter: brightness(1.06);
    transform: scale(1.025);
}

.gal-capability-detail__content h2 {
    margin-bottom: 1.75rem;
}

.gal-capability-detail__content p {
    max-width: 43rem;
    margin-bottom: 1.5rem;
}

.gal-check-list {
    display: grid;
    gap: 0.625rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gal-check-list li {
    position: relative;
    padding-left: 2.5rem;
}

.gal-check-list li::before {
    position: absolute;
    top: 0.48rem;
    left: 0;
    display: grid;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.82);
    color: var(--color-background);
    content: "\2713";
    font-size: 0.625rem;
    line-height: 1;
    place-items: center;
}

.gal-capability-features {
    position: relative;
    z-index: 1;
    padding-block: 7rem 8rem;
}


.gal-capability-features__intro {
    max-width: 48rem;
    margin-bottom: 4.5rem;
}

.gal-capability-features__intro h2 {
    margin-bottom: 1.5rem;
}

.gal-capability-features__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.gal-capability-features article {
    min-height: 12rem;
    padding: 2rem 3rem 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.gal-capability-features article:last-child {
    border-top-color: var(--color-accent);
}

.gal-capability-features h3 {
    margin-bottom: 1.25rem;
    color: var(--color-text);
}

.gal-reveal {
    opacity: 0;
    transform: translateY(2rem);
    transition: opacity 700ms ease-out, transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

.gal-reveal.is-visible {
    opacity: 1;
    transform: none;
}

@media (max-width: 74.9375rem) {
    .gal-capability-detail {
        gap: 5rem;
    }

    .gal-capabilities-tabs {
        max-width: none;
    }

}

@media (max-width: 63.9375rem) {
    .gal-capabilities-hero {
        min-height: 44rem;
    }

    .gal-capabilities-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gal-capability-detail {
        grid-template-columns: 1fr;
        gap: 3rem;
        padding-block: 4.5rem;
    }

    .gal-capability-detail--reverse .gal-capability-detail__content,
    .gal-capability-detail--reverse .gal-capability-detail__media {
        order: initial;
    }

    .gal-capability-detail__media {
        max-width: 50rem;
    }

    .gal-capability-features__grid {
        grid-template-columns: 1fr;
    }

    .gal-capability-features article {
        min-height: 0;
    }
}

@media (max-width: 47.9375rem) {
    .gal-capabilities-hero {
        min-height: 42rem;
        background-position: 48% center;
    }

    .gal-capabilities-hero__inner {
        padding-bottom: 3rem;
    }

    .gal-capabilities-hero h1 {
        margin-bottom: 2rem;
        font-size: 2.65rem;
        line-height: 1.08;
    }

    .gal-capabilities-tabs {
        display: flex;
        margin-right: calc(-1 * var(--layout-gutter));
        padding-right: var(--layout-gutter);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .gal-capabilities-tabs::-webkit-scrollbar {
        display: none;
    }

    .gal-capabilities-tabs .button {
        min-width: 13.5rem;
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .gal-capabilities-intro {
        padding-block: 5rem 2rem;
        text-align: left;
    }

    .gal-capabilities-intro__divider {
        bottom: 2.125rem;
    }

    .gal-capabilities-intro::before {
        top: 4.25rem;
        bottom: 1.25rem;
    }

    .gal-capabilities-view::before,
    .gal-capability-detail[aria-labelledby="gal-engineering-support-title"]::before,
    .gal-capability-detail[aria-labelledby="gal-specialist-services-title"]::before,
    .gal-capability-detail::after,
    .gal-capability-detail--planning::before,
    .gal-capability-detail--training-end-user::before,
    #engineering-modifications > .gal-capability-detail[aria-labelledby="gal-modifications-title"]::before {
        display: none;
    }

    .gal-capability-detail[aria-labelledby="gal-engineering-support-title"]::before,
    .gal-capability-detail[aria-labelledby="gal-engineering-support-title"]::after,
    .gal-capability-detail[aria-labelledby="gal-technical-service-title"]::before,
    .gal-capability-detail[aria-labelledby="gal-technical-service-title"]::after {
        display: block;
    }

    .gal-capability-detail {
        gap: 2rem;
        padding-block: 3rem;
    }

    .gal-capability-detail__media img {
        aspect-ratio: 4 / 3;
    }

    .gal-capability-features {
        padding-block: 4.5rem 6rem;
    }

    .gal-capability-features__intro {
        margin-bottom: 2.5rem;
    }

    .gal-capability-features article {
        padding-inline: 0.5rem;
    }

    }

@media (prefers-reduced-motion: reduce) {
    .gal-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .gal-capability-detail__media img,
    .gal-capability-detail[aria-labelledby="gal-engineering-support-title"]::before,
    .gal-capability-detail[aria-labelledby="gal-technical-service-title"]::before,
    .gal-capability-detail[aria-labelledby="gal-technical-service-title"]::after,
    .gal-capabilities-hero {
        transition: none;
        animation: none;
    }
}

/* Match the reference text position and width on the even capability rows. */
@media (min-width: 64rem) {
    #mro-sustainment > .gal-capability-detail--reverse .gal-capability-detail__content,
    #engineering-modifications > .gal-capability-detail--reverse .gal-capability-detail__content,
    #specialized-augmentation > .gal-capability-detail--reverse .gal-capability-detail__content {
        max-width: 36rem;
        margin-left: clamp(0rem, calc((100vw - 64rem) * 0.1786), 10rem);
    }
}
/* Set capability detail checklist text to the referenced 20px size. */
.gal-capability-detail .gal-check-list li {
    font-size: 20px;
}

/* Shared feature-card styling for MRO and Engineering capability views. */
#mro-sustainment > .gal-capability-features,
#engineering-modifications > .gal-capability-features {
    padding-block: 5rem 0;
}

#mro-sustainment > .gal-capability-features .gal-capability-features__intro,
#engineering-modifications > .gal-capability-features .gal-capability-features__intro {
    max-width: 36rem;
    margin-bottom: 4.5rem;
}

#mro-sustainment > .gal-capability-features article,
#engineering-modifications > .gal-capability-features article {
    min-height: 11.75rem;
    padding: 2rem 3.75rem;
    border-top: 1px solid var(--color-accent);
    border-bottom: 1px solid var(--color-accent);
    background: linear-gradient(180deg, transparent 62%, rgba(0, 38, 96, 0.38) 100%);
}

#mro-sustainment > .gal-capability-features article:last-child,
#engineering-modifications > .gal-capability-features article:last-child {
    border-top-color: var(--color-accent);
}

#mro-sustainment > .gal-capability-features article h3,
#engineering-modifications > .gal-capability-features article h3 {
    margin-bottom: 1rem;
    font-size: 1.875rem;
}

#mro-sustainment > .gal-capability-features article p,
#engineering-modifications > .gal-capability-features article p {
    max-width: none;
    font-size: 1rem;
}

#mro-sustainment > .gal-capability-features--fleet-readiness article p {
    width: calc(100% + 3.75rem);
    white-space: nowrap;
}

@media (max-width: 63.9375rem) {
    #mro-sustainment > .gal-capability-features article,
    #engineering-modifications > .gal-capability-features article {
        padding-inline: 2rem;
    }

    #mro-sustainment > .gal-capability-features--fleet-readiness article p {
        width: 100%;
        white-space: normal;
    }
}

/* Match the bottom CTA copy width across the target capability views. */
#mro-sustainment .gal-partner p,
#engineering-modifications .gal-partner p {
    max-width: 36rem;
}



/* Engineering intro title width adjustment. */
#engineering-modifications .gal-capabilities-intro h2,
#specialized-augmentation .gal-capabilities-intro h2 {
    max-width: none;
}

/* Training & Development layout matched to the 1920px Figma frame. */
#training-development > .gal-capability-features article {
    border-top-color: var(--color-accent);
    border-bottom-color: var(--color-accent);
    background: linear-gradient(180deg, transparent 62%, rgba(0, 38, 96, 0.38) 100%);
}

#training-development > .gal-capability-features article:last-child {
    border-top-color: var(--color-accent);
}

@media (min-width: 64rem) {
    body.page-template-page-capabilities-training-development {
        --layout-gutter: clamp(3rem, 5.208333vw, 6.25rem);
        --font-size-body: clamp(0.875rem, 0.9375vw, 1.125rem);
        --font-size-small: clamp(0.75rem, 0.833333vw, 1rem);
        --font-size-h2: clamp(1.5rem, 1.770833vw, 2.125rem);
        --font-size-h3: clamp(1.125rem, 1.302083vw, 1.5625rem);
    }

    .gal-capabilities-page[data-active-capability="training-development"] .gal-capabilities-hero {
        min-height: clamp(31.25rem, 41.666667vw, 50rem);
    }

    .gal-capabilities-page[data-active-capability="training-development"] .gal-capabilities-hero__inner {
        padding-bottom: clamp(2rem, 2.5vw, 3rem);
    }

    .gal-capabilities-page[data-active-capability="training-development"] .gal-capabilities-hero h1 {
        margin-bottom: clamp(4rem, 5.833333vw, 7rem);
    }

    .gal-capabilities-page[data-active-capability="training-development"] .gal-capabilities-tabs {
        max-width: min(46.354167vw, 55.625rem);
        gap: min(0.520833vw, 0.625rem);
    }

    .gal-capabilities-page[data-active-capability="training-development"] .gal-capabilities-tabs .button {
        min-height: clamp(2.25rem, 2.708333vw, 3.25rem);
        font-size: clamp(0.75rem, 0.833333vw, 1rem);
    }

    #training-development > .gal-capabilities-intro {
        padding-block: min(9.027778vw, 10.833333rem) min(5vw, 6rem);
    }

    #training-development .gal-capabilities-intro h2 {
        font-size: clamp(2rem, 2.222222vw, 2.666667rem);
    }

    #training-development > .gal-capability-detail {
        grid-template-columns: minmax(0, 1.09fr) minmax(0, 1fr);
        gap: min(11.111111vw, 13.333333rem);
        align-items: center;
        padding-block: min(3.75vw, 4.5rem) min(5.833333vw, 7rem);
    }

    #training-development > .gal-capability-detail--reverse {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.09fr);
    }

    #training-development .gal-capability-detail--reverse .gal-capability-detail__content {
        padding-left: min(8.333333vw, 10rem);
    }

    #training-development #gal-tvet-title {
        max-width: min(27.777778vw, 33.333333rem);
    }

    #training-development > .gal-capability-detail[aria-labelledby="gal-ild-title"]::before {
        position: absolute;
        z-index: 0;
        top: min(22.85vw, 27.42rem);
        left: calc(-1 * var(--layout-gutter));
        right: auto;
        bottom: auto;
        width: 100vw;
        height: min(16vw, 19.2rem);
        border: 0;
        border-radius: 0;
        content: "";
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201440%20230%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M0%200H680C699%200%20714%2015%20714%2034V108C714%20123%20729%20128%20744%20128H1058C1073%20128%201088%20113%201088%2098V62C1088%2047%201103%2040%201118%2040H1165C1180%2040%201195%2055%201195%2070V205C1195%20220%201210%20230%201225%20230H1440%27%20stroke%3D%27rgba%28211%2C186%2C89%2C0.92%29%27%20stroke-width%3D%271.4%27%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
        filter: drop-shadow(0 0 0.35rem rgba(211, 186, 89, 0.72));
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 54%, transparent 100%);
        mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 54%, transparent 100%);
        -webkit-mask-position: -45% 0;
        mask-position: -45% 0;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 32% 100%;
        mask-size: 32% 100%;
        opacity: 0;
        animation: gal-capability-contour-glow 4000ms cubic-bezier(0.16, 1, 0.3, 1) 1450ms infinite;
        pointer-events: none;
    }

    #training-development > .gal-capability-detail[aria-labelledby="gal-ild-title"]::after {
        position: absolute;
        z-index: 0;
        top: min(22.85vw, 27.42rem);
        left: calc(-1 * var(--layout-gutter));
        right: auto;
        bottom: auto;
        width: 100vw;
        height: min(16vw, 19.2rem);
        border: 0;
        border-radius: 0;
        content: "";
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201440%20230%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M0%200H680C699%200%20714%2015%20714%2034V108C714%20123%20729%20128%20744%20128H1058C1073%20128%201088%20113%201088%2098V62C1088%2047%201103%2040%201118%2040H1165C1180%2040%201195%2055%201195%2070V205C1195%20220%201210%20230%201225%20230H1440%27%20stroke%3D%27rgba(255%2C255%2C255%2C0.13)%27%20stroke-width%3D%271%27%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;
        pointer-events: none;
    }

    #training-development > .gal-capability-detail[aria-labelledby="gal-ild-title"] .gal-capability-detail__media,
    #training-development > .gal-capability-detail[aria-labelledby="gal-ild-title"] .gal-capability-detail__content {
        position: relative;
        z-index: 1;
    }

    #training-development .gal-capability-detail__content h2 {
        font-size: var(--font-size-h2);
        margin-bottom: min(1.458333vw, 1.75rem);
    }

    #training-development .gal-capability-detail__content p {
        max-width: min(35.833333vw, 43rem);
        margin-bottom: min(1.25vw, 1.5rem);
    }

    #training-development .gal-capability-detail .gal-check-list {
        gap: min(0.520833vw, 0.625rem);
    }

    #training-development .gal-capability-detail .gal-check-list li {
        padding-left: min(2.083333vw, 2.5rem);
        font-size: clamp(0.875rem, 1.041667vw, 1.25rem);
    }

    #training-development .gal-capability-detail .gal-check-list li::before {
        top: min(0.4vw, 0.48rem);
        width: min(0.729167vw, 0.875rem);
        height: min(0.729167vw, 0.875rem);
    }

    #training-development > .gal-capability-features {
        padding-block: min(5.833333vw, 7rem) min(1.666667vw, 2rem);
    }

    #training-development .gal-capability-features__intro {
        margin-bottom: min(3.75vw, 4.5rem);
    }

    #training-development .gal-capability-features__grid {
        gap: min(1.041667vw, 1.25rem);
    }

    #training-development .gal-capability-features article {
        min-height: min(9.791667vw, 11.75rem);
        padding: min(1.666667vw, 2rem) min(3.125vw, 3.75rem);
    }

    #training-development .gal-capability-features article h3 {
        margin-bottom: min(0.833333vw, 1rem);
        font-size: clamp(1.25rem, 1.5625vw, 1.875rem);
    }

    #training-development .gal-capability-features article p {
        max-width: none;
        font-size: clamp(0.75rem, 0.833333vw, 1rem);
    }
}

@media (min-width: 64rem) and (max-width: 74.9375rem) {
    #training-development > .gal-capability-detail {
        gap: 5rem;
    }
}

@media (max-width: 63.9375rem) {
    #training-development > .gal-capability-features article {
        padding-inline: 2rem;
    }
}
