.industries-panel {
    width   : var(--var-content-width);
    padding : 6rem;
}

.industries-page {
    overflow-x : clip;
}

.industries-breadcrumbs {
    display               : flex;
    flex-wrap             : wrap;
    gap                   : 0.8rem;
    align-items           : center;
    margin-bottom         : 4rem;
    color                 : var(--color-grey-dark-bright);
    font                  : var(--font-link);
    font-feature-settings : var(--font-features);
}

.industries-breadcrumbs a {
    color                 : var(--color-grey-dark);
    text-decoration       : underline;
    text-underline-offset : 0.3em;
}

.industries-breadcrumbs span {
    font                  : inherit;
    font-feature-settings : inherit;
}

.industries-breadcrumbs a:hover {
    color : var(--color-grey-black);
}

.industry-eyebrow {
    margin-bottom         : 1.6rem;
    color                 : var(--color-itp-blue);
    font                  : var(--font-tag-label);
    font-feature-settings : var(--font-features);
    font-weight           : 800;
    text-transform        : uppercase;
}

.industries-hub-hero,
.industry-hero {
    max-width : min(78rem, 100%);
}

.industry-hero {
    margin-inline : auto;
}

.industries-hub-hero h1,
.industry-hero h1,
.industries-not-found h1 {
    color          : var(--color-grey-black);
    font-size      : clamp(4rem, 7vw, 7.2rem);
    font-weight    : 800;
    line-height    : 1.05;
    letter-spacing : 0;
}

.industry-lede,
.industry-summary {
    font                  : var(--font-h3);
    font-feature-settings : var(--font-features);
    margin-top            : 2.4rem;
    color                 : var(--color-grey-black);
    letter-spacing        : 0;
    line-height           : 1.5;
    font-weight           : 300;

}

.industries-hub-hero p,
.industries-not-found p {
    margin-top  : 2.4rem;
    color       : var(--color-grey-dark-dim);
    font-size   : 2rem;
    line-height : 1.6;
}

.industry-summary {
    max-width : 68rem;
}

.industry-hero-actions {
    display     : flex;
    flex-wrap   : wrap;
    gap         : 1.2rem;
    margin-top  : 3.2rem;
    align-items : center;
}

.industry-hero-link {
    display         : inline-flex;
    align-items     : center;
    justify-content : center;
    height          : 4.8rem;
    padding-inline  : 2.4rem;
    padding-block   : 0.8rem;
    border-radius   : 2.4rem;
    font-weight     : 800;
    text-align      : center;
    text-wrap       : balance;
}

.industry-hero-link_primary {
    /*border           : 1px solid var(--color-itp-green);*/
    /*background-color : var(--color-itp-green-light);*/
    /*color            : black;*/
    border           : 1px solid black;
    background-color : black;
    color            : white;
}

.industry-hero-link_secondary {
    border           : 1px solid var(--color-grey-medium);
    background-color : white;
    color            : var(--color-grey-black);
    /*text-decoration       : underline;*/
    /*text-underline-offset : 0.25em;*/
}

.industries-grid {
    --min-card-width      : 280px;

    display               : grid;
    grid-template-columns : repeat(auto-fill, minmax(min(var(--min-card-width), 100%), 1fr));
    gap                   : var(--var-panel-margin);
    margin-top            : 5rem;
}

.industry-card {
    display                    : grid;
    grid-template-rows         : auto auto 1fr;
    gap                        : 1.6rem;
    min-height                 : 28rem;
    padding                    : 2.8rem;
    border                     : 1px solid var(--color-grey-light);
    border-radius              : var(--var-panel-border-radius);
    background-color           : white;
    transition-property        : transform, box-shadow, border-color;
    transition-duration        : 200ms;
    transition-timing-function : ease-in-out;
}

.industry-card:not(.industry-card_disabled):hover {
    transform    : scale(1.02);
    border-color : var(--color-itp-blue);
    box-shadow   : 0 2px 24px -6px rgba(0, 0, 0, 0.2);
}

.industry-card_disabled {
    background-color : var(--color-grey-light-bright);
    color            : var(--color-grey-dark);
}

.industry-card h2 {
    color          : var(--color-grey-black);
    font-size      : 2.4rem;
    font-weight    : 800;
    line-height    : 1.25;
    letter-spacing : 0;
}

.industry-card p {
    color       : var(--color-grey-dark-dim);
    font-size   : 1.5rem;
    line-height : 1.6;
}

.industry-card-status {
    width                 : fit-content;
    padding-block         : 0.4rem;
    padding-inline        : 0.8rem;
    border-radius         : 0.6rem;
    background-color      : var(--color-navbar-hover);
    color                 : var(--color-grey-dark);
    font                  : var(--font-tag-label);
    font-feature-settings : var(--font-features);
}

.industry-card:not(.industry-card_disabled) .industry-card-status {
    background-color : var(--color-itp-green-light);
}

.industry-content {
    max-width     : min(78rem, 100%);
    margin-top    : 5rem;
    margin-inline : auto;
}

.industry-section {
    margin-top : 5rem;
}

.industry-section h2,
.industry-cta h2 {
    color          : var(--color-itp-blue);
    font-size      : 2.8rem;
    font-weight    : 800;
    line-height    : 1.25;
    letter-spacing : 0;
}

.industry-section p,
.industry-list,
.industry-faq-item p {
    margin-top  : 2rem;
    color       : var(--color-grey-black);
    font-size   : 1.6rem;
    line-height : 1.75;
}

.industry-list {
    padding-left : 3.2rem;
}

.industry-list li + li {
    margin-top : 1rem;
}

.industry-list li::marker {
    color : var(--color-itp-blue);
}

.industry-proof {
    padding          : 3.2rem;
    border           : 1px solid var(--color-itp-green);
    border-radius    : calc(var(--var-panel-border-radius) / 2);
    background-color : var(--color-itp-green-light);
}

.industry-proof-grid {
    display               : grid;
    grid-template-columns : repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
    gap                   : 1.2rem;
    margin-top            : 2.4rem;
}

.industry-proof-card {
    display          : block;
    padding          : 1.8rem;
    border           : 1px solid rgba(0, 50, 20, 0.14);
    border-radius    : 1.6rem;
    background-color : rgba(255, 255, 255, 0.58);
    text-decoration  : none;
    transition       : border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;
}

a.industry-proof-card:hover,
a.industry-proof-card:focus-visible {
    border-color     : rgba(0, 50, 20, 0.32);
    background-color : rgba(255, 255, 255, 0.82);
    transform        : translateY(-2px);
}

a.industry-proof-card:focus-visible {
    outline        : 2px solid var(--color-itp-blue);
    outline-offset : 3px;
}

.industry-proof-card h3 {
    color          : var(--color-grey-black);
    font-size      : 1.6rem;
    font-weight    : 800;
    line-height    : 1.3;
    letter-spacing : 0;
}

.industry-proof-card p {
    margin-top  : 1.2rem;
    color       : var(--color-grey-dark-dim);
    font-size   : 1.45rem;
    line-height : 1.55;
}

.industry-link-list {
    display     : flex;
    flex-wrap   : wrap;
    gap         : 1.6rem 2.4rem;
    margin-top  : 2.4rem;
    align-items : center;
}

.industries-text-link {
    max-width             : 100%;
    color                 : var(--color-itp-blue);
    font-weight           : 800;
    text-decoration       : underline;
    text-underline-offset : 0.25em;
    overflow-wrap         : anywhere;
}

.industries-text-link:hover {
    color            : white;
    background-color : var(--color-itp-blue);
}

.industry-faq-item {
    margin-top  : 2.8rem;
    padding-top : 2.8rem;
    border-top  : 1px solid var(--color-grey-light);
}

.industry-faq-item h3 {
    color          : var(--color-grey-black);
    font-size      : 1.8rem;
    font-weight    : 800;
    line-height    : 1.4;
    letter-spacing : 0;
}

.industry-cta {
    display               : grid;
    grid-template-columns : 1fr auto;
    gap                   : 3rem;
    align-items           : center;
    margin-top            : 6rem;
    padding               : 3.2rem;
    border                : 1px solid var(--color-grey-light);
    border-radius         : calc(var(--var-panel-border-radius) / 2);
    background-color      : var(--color-grey-light-bright);
}

.industry-cta p {
    margin-top  : 1.6rem;
    color       : var(--color-grey-dark-dim);
    font-size   : 1.6rem;
    line-height : 1.6;
}

.industry-cta-link {
    display          : inline-flex;
    align-items      : center;
    justify-content  : center;
    min-height       : 4.8rem;
    padding-inline   : 2.4rem;
    border-radius    : 2.4rem;
    background-color : black;
    color            : white;
    font-weight      : 800;
    text-wrap        : nowrap;
}

.industry-related-grid {
    display               : grid;
    grid-template-columns : repeat(auto-fit, minmax(min(22rem, 100%), 1fr));
    gap                   : var(--var-panel-margin);
    margin-top            : 2.4rem;
}

.industry-related-card {
    min-height       : 12rem;
    padding          : 2rem;
    border           : 1px solid var(--color-grey-light);
    border-radius    : calc(var(--var-panel-border-radius) / 2);
    color            : var(--color-grey-black);
    font-size        : 1.5rem;
    font-weight      : 800;
    line-height      : 1.4;
    background-color : white;
}

.industry-related-card:hover {
    border-color : var(--color-itp-blue);
}

@media (max-width : 720px) {
    .industries-panel {
        padding : 4rem;
    }

    .industries-hub-hero h1,
    .industry-hero h1,
    .industries-not-found h1 {
        font-size : clamp(3.6rem, 10vw, 5.2rem);
    }

    .industry-lede,
    .industry-summary {
        font-size   : 2.1rem;
        line-height : 1.55;
    }

    .industry-section h2,
    .industry-cta h2 {
        font-size : 2.5rem;
    }

    .industry-cta {
        grid-template-columns : 1fr;
    }
}

@media (max-width : 480px) {
    .industries-panel {
        padding : 3rem 2rem;
    }

    .industries-hub-hero h1,
    .industry-hero h1,
    .industries-not-found h1 {
        font-size : 3.4rem;
        text-wrap : auto;
    }

    .industry-lede,
    .industry-summary {
        font-size   : 2rem;
        line-height : 1.55;
        text-wrap   : auto;
    }

    .industry-section h2,
    .industry-cta h2 {
        font-size : 2.3rem;
        text-wrap : auto;
    }

    .industry-section p,
    .industry-list,
    .industry-faq-item p {
        font-size   : 1.5rem;
        line-height : 1.7;
    }

    .industry-list {
        padding-left : 2.2rem;
    }

    .industry-proof,
    .industry-cta {
        padding : 2.4rem;
    }

    .industry-hero-actions {
        align-items    : stretch;
        flex-direction : column;
    }

    .industry-hero-link {
        width : 100%;
    }
}

@media (max-width : 424px) {

    .industry-hero-link {
        height        : 56px;
        border-radius : 28px;
    }
}