/* ============================================================
   DATAMIND TECHNOLOGIES
   INDUSTRIES PAGE

   BRAND SOURCE:
   Global colors, typography, spacing, radius and UI tokens
   are inherited from styles.css.

   Depends on:
   - styles.css
   - header.css
   - footer.css
   ============================================================ */


/* ============================================================
   INDUSTRIES PAGE TOKENS
   ============================================================ */

:root {

    /* Brand */
    --dm-industries-green:
        var(--color-primary);

    --dm-industries-green-hover:
        var(--color-primary-hover);

    --dm-industries-accent:
        var(--color-accent);

    /* Dark brand surfaces */
    --dm-industries-green-dark:
        #0F5F2F;

    --dm-industries-green-deep:
        #0A3D20;

    --dm-industries-green-deeper:
        #062A16;

    /* Soft brand surfaces */
    --dm-industries-green-soft:
        rgba(22, 163, 74, .10);

    --dm-industries-green-muted:
        #86EFAC;

    /* Text */
    --dm-industries-ink:
        var(--color-text-main);

    --dm-industries-muted:
        var(--color-text-secondary);

    --dm-industries-text-muted:
        var(--color-text-muted);

    /* Surfaces */
    --dm-industries-white:
        #FFFFFF;

    --dm-industries-surface:
        var(--color-bg-main);

    --dm-industries-surface-alt:
        var(--color-bg-light);

    --dm-industries-section:
        var(--color-bg-section);

    /* Dark surfaces */
    --dm-industries-dark:
        var(--dm-industries-green-deep);

    --dm-industries-dark-soft:
        var(--dm-industries-green-deeper);

    /* Borders */
    --dm-industries-border:
        var(--color-border);

    --dm-industries-border-soft:
        rgba(31, 41, 55, .10);

    --dm-industries-border-light:
        rgba(255, 255, 255, .18);

    /* Shadows */
    --dm-industries-shadow:
        0 24px 70px rgba(15, 61, 32, .14);

    --dm-industries-shadow-soft:
        0 16px 40px rgba(15, 61, 32, .08);

}


/* ============================================================
   GENERAL
   ============================================================ */

html {

    scroll-behavior: smooth;

}


.dm-industries-kicker,
.dm-industries-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 18px;

    color:
        var(--dm-industries-green);

    font-size: .78rem;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: .12em;

    text-transform: uppercase;

}


.dm-industries-kicker::before,
.dm-industries-eyebrow::before {

    content: "";

    width: 28px;

    height: 2px;

    flex: 0 0 auto;

    background:
        currentColor;

}


.dm-industries-kicker-light {

    color:
        var(--dm-industries-green-muted);

}


/* ============================================================
   HERO
   ============================================================ */

.dm-industries-hero {

    position: relative;

    min-height: 720px;

    display: flex;

    align-items: flex-end;

    overflow: hidden;

    background:
        var(--dm-industries-dark);

}


.dm-industries-hero-media,
.dm-industries-hero-overlay {

    position: absolute;

    inset: 0;

}


.dm-industries-hero-media {

    z-index: 0;

}


.dm-industries-hero-media img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

}


.dm-industries-hero-overlay {

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(6, 42, 22, .94) 0%,
            rgba(6, 42, 22, .76) 38%,
            rgba(10, 61, 32, .30) 70%,
            rgba(10, 61, 32, .10) 100%
        ),
        linear-gradient(
            0deg,
            rgba(6, 42, 22, .58) 0%,
            transparent 48%
        );

}


.dm-industries-hero-container {

    position: relative;

    z-index: 2;

    width: 100%;

    padding-top: 180px;

    padding-bottom: 90px;

}


.dm-industries-hero-content {

    max-width: 760px;

    padding:
        50px 54px;

    color:
        var(--dm-industries-white);

    background:
        linear-gradient(
            135deg,
            rgba(15, 95, 47, .94),
            rgba(10, 61, 32, .94)
        );

    border:
        1px solid
        rgba(255, 255, 255, .10);

    border-radius:
        var(--radius-xl);

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);

    box-shadow:
        var(--dm-industries-shadow);

}


.dm-industries-eyebrow {

    color:
        var(--dm-industries-green-muted);

}


.dm-industries-hero-content h1 {

    max-width: 680px;

    margin:
        0 0 24px;

    color:
        var(--dm-industries-white);

    font-size:
        clamp(
            2.35rem,
            3.6vw,
            3.5rem
        );

    font-weight: 600;

    line-height: 1.08;

    letter-spacing: -.03em;

    text-wrap: pretty;

    overflow-wrap: normal;

    word-break: normal;

    hyphens: none;

}


.dm-industries-hero-content p {

    max-width: 650px;

    margin: 0;

    color:
        rgba(255, 255, 255, .86);

    font-size: 1rem;

    line-height: 1.72;

}


.dm-industries-hero-link {

    display: inline-flex;

    align-items: center;

    gap: 14px;

    margin-top: 32px;

    color:
        var(--dm-industries-white);

    font-size: .92rem;

    font-weight: 600;

    text-decoration: none;

}


.dm-industries-hero-link span {

    transition:
        transform .18s ease;

}


.dm-industries-hero-link:hover span,
.dm-industries-hero-link:focus-visible span {

    transform:
        translateY(4px);

}


/* ============================================================
   INDUSTRY DIRECTORY / SUBHEADER
   ============================================================ */

.dm-industries-directory {

    position: sticky;

    top: 0;

    z-index: 30;

    background:
        rgba(255, 255, 255, .96);

    border-bottom:
        1px solid
        var(--dm-industries-border);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);

}


.dm-industries-directory-inner {

    min-height: 78px;

    display: flex;

    align-items: center;

    gap: 34px;

}


.dm-industries-directory-label {

    flex: 0 0 auto;

    color:
        var(--dm-industries-green);

    font-size: .72rem;

    font-weight: 800;

    letter-spacing: .12em;

    text-transform: uppercase;

}


.dm-industries-directory-links {

    min-width: 0;

    display: flex;

    align-items: center;

    gap: 30px;

    overflow-x: auto;

    scrollbar-width: none;

}


.dm-industries-directory-links::-webkit-scrollbar {

    display: none;

}


.dm-industries-directory-links a {

    position: relative;

    flex: 0 0 auto;

    padding:
        29px 0 27px;

    color:
        var(--dm-industries-ink);

    font-size: .84rem;

    font-weight: 600;

    white-space: nowrap;

    text-decoration: none;

}


.dm-industries-directory-links a::after {

    content: "";

    position: absolute;

    left: 0;

    right: 100%;

    bottom: 0;

    height: 3px;

    background:
        var(--dm-industries-green);

    transition:
        right .18s ease;

}


.dm-industries-directory-links a:hover {

    color:
        var(--dm-industries-green);

}


.dm-industries-directory-links a:hover::after,
.dm-industries-directory-links a:focus-visible::after {

    right: 0;

}


/* ============================================================
   INTRODUCTION
   ============================================================ */

.dm-industries-intro {

    padding:
        120px 0;

    background:
        var(--dm-industries-white);

}


.dm-industries-intro-grid {

    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.1fr);

    gap:
        clamp(
            60px,
            8vw,
            110px
        );

    align-items: start;

}


.dm-industries-intro h2 {

    max-width: 580px;

    margin: 0;

    color:
        var(--dm-industries-ink);

    font-size:
        clamp(
            1.9rem,
            2.6vw,
            2.6rem
        );

    font-weight: 600;

    line-height: 1.14;

    letter-spacing: -.025em;

    text-wrap: pretty;

}


.dm-industries-intro-copy {

    max-width: 680px;

}


.dm-industries-intro-copy p {

    margin:
        0 0 22px;

    color:
        var(--dm-industries-muted);

    font-size: .97rem;

    line-height: 1.8;

}


.dm-industries-intro-copy p:last-child {

    margin-bottom: 0;

}


/* ============================================================
   INDUSTRY STORIES
   ============================================================ */

.dm-industries-stories {

    background:
        var(--dm-industries-surface);

}


.dm-industry-story {

    scroll-margin-top: 100px;

    padding:
        90px 0;

    border-top:
        1px solid
        var(--dm-industries-border);

}


.dm-industry-story-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 1.12fr)
        minmax(0, .88fr);

    align-items: stretch;

    min-height: 560px;

    overflow: hidden;

    border-radius:
        var(--radius-xl);

    box-shadow:
        var(--dm-industries-shadow-soft);

}


.dm-industry-story-reverse
.dm-industry-story-media {

    order: 2;

}


.dm-industry-story-reverse
.dm-industry-story-content {

    order: 1;

}


.dm-industry-story-media {

    position: relative;

    min-height: 560px;

    overflow: hidden;

    background:
        var(--dm-industries-dark);

}


.dm-industry-story-media::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            0deg,
            rgba(6, 42, 22, .28),
            transparent 45%
        );

    pointer-events: none;

}


.dm-industry-story-media img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .7s
        cubic-bezier(.2, .7, .2, 1);

}


.dm-industry-story:hover
.dm-industry-story-media img {

    transform:
        scale(1.025);

}


.dm-industry-story-index {

    position: absolute;

    z-index: 2;

    left: 28px;

    bottom: 24px;

    color:
        rgba(255, 255, 255, .92);

    font-size: .82rem;

    font-weight: 700;

    letter-spacing: .1em;

}


.dm-industry-story-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        62px 68px;

    background:
        var(--dm-industries-white);

}


.dm-industry-story-content h2 {

    max-width: 580px;

    margin:
        0 0 26px;

    color:
        var(--dm-industries-ink);

    font-size:
        clamp(
            1.85rem,
            2.5vw,
            2.45rem
        );

    font-weight: 600;

    line-height: 1.15;

    letter-spacing: -.025em;

    text-wrap: pretty;

}


.dm-industry-story-content > p {

    max-width: 610px;

    margin:
        0 0 18px;

    color:
        var(--dm-industries-muted);

    font-size: .98rem;

    line-height: 1.8;

}


/* ============================================================
   INDUSTRY FOCUS TAGS
   ============================================================ */

.dm-industry-focus {

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 18px;

}


.dm-industry-focus span {

    min-height: 36px;

    display: inline-flex;

    align-items: center;

    padding:
        8px 13px;

    color:
        var(--dm-industries-green-dark);

    background:
        var(--dm-industries-green-soft);

    border:
        1px solid
        rgba(22, 163, 74, .14);

    border-radius: 999px;

    font-size: .76rem;

    font-weight: 650;

}


.dm-industry-story-link {

    width: fit-content;

    display: inline-flex;

    align-items: center;

    gap: 14px;

    margin-top: 30px;

    color:
        var(--dm-industries-green);

    font-size: .9rem;

    font-weight: 700;

    text-decoration: none;

}


.dm-industry-story-link span {

    transition:
        transform .18s ease;

}


.dm-industry-story-link:hover,
.dm-industry-story-link:focus-visible {

    color:
        var(--dm-industries-green-hover);

}


.dm-industry-story-link:hover span,
.dm-industry-story-link:focus-visible span {

    transform:
        translateX(5px);

}


/* ============================================================
   CONNECTED CAPABILITIES IMAGE FEATURE
   ============================================================ */

.dm-industries-connected {

    position: relative;

    min-height: 690px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background:
        var(--dm-industries-dark);

}


.dm-industries-connected-media,
.dm-industries-connected-overlay {

    position: absolute;

    inset: 0;

}


.dm-industries-connected-media {

    z-index: 0;

}


.dm-industries-connected-media img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

}


.dm-industries-connected-overlay {

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(6, 42, 22, .95) 0%,
            rgba(10, 61, 32, .82) 44%,
            rgba(10, 61, 32, .30) 74%,
            rgba(10, 61, 32, .10) 100%
        );

}


.dm-industries-connected-container {

    position: relative;

    z-index: 2;

    width: 100%;

    padding-top: 90px;

    padding-bottom: 90px;

}


.dm-industries-connected-card {

    max-width: 700px;

    padding: 56px;

    color:
        var(--dm-industries-white);

    background:
        rgba(10, 61, 32, .94);

    border:
        1px solid
        rgba(255, 255, 255, .12);

    border-radius:
        var(--radius-xl);

    box-shadow:
        var(--dm-industries-shadow);

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);

}


.dm-industries-connected-card h2 {

    max-width: 600px;

    margin:
        0 0 24px;

    color:
        var(--dm-industries-white);

    font-size:
        clamp(
            2rem,
            2.8vw,
            2.75rem
        );

    font-weight: 600;

    line-height: 1.12;

    letter-spacing: -.03em;

    text-wrap: pretty;

}


.dm-industries-connected-card > p {

    max-width: 600px;

    margin: 0;

    color:
        rgba(255, 255, 255, .78);

    font-size: 1rem;

    line-height: 1.8;

}


.dm-industries-connected-links {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 30px;

}


.dm-industries-connected-links a {

    padding:
        9px 14px;

    color:
        rgba(255, 255, 255, .90);

    border:
        1px solid
        rgba(255, 255, 255, .22);

    border-radius: 999px;

    font-size: .77rem;

    font-weight: 600;

    text-decoration: none;

    transition:
        background .18s ease,
        border-color .18s ease;

}


.dm-industries-connected-links a:hover,
.dm-industries-connected-links a:focus-visible {

    background:
        rgba(255, 255, 255, .10);

    border-color:
        rgba(255, 255, 255, .45);

}


.dm-industries-connected-cta {

    display: inline-flex;

    align-items: center;

    gap: 14px;

    margin-top: 34px;

    color:
        var(--dm-industries-white);

    font-size: .9rem;

    font-weight: 700;

    text-decoration: none;

}


.dm-industries-connected-cta span {

    transition:
        transform .18s ease;

}


.dm-industries-connected-cta:hover span,
.dm-industries-connected-cta:focus-visible span {

    transform:
        translateX(5px);

}


/* ============================================================
   SECTION HEADING
   ============================================================ */

.dm-industries-section-heading {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, .65fr);

    gap:
        clamp(
            40px,
            6vw,
            80px
        );

    align-items: end;

    margin-bottom: 56px;

}


.dm-industries-section-heading h2 {

    max-width: 660px;

    margin: 0;

    color:
        var(--dm-industries-ink);

    font-size:
        clamp(
            1.9rem,
            2.7vw,
            2.65rem
        );

    font-weight: 600;

    line-height: 1.14;

    letter-spacing: -.025em;

    text-wrap: pretty;

}


.dm-industries-section-heading > p {

    margin: 0;

    color:
        var(--dm-industries-muted);

    font-size: .98rem;

    line-height: 1.75;

}


/* ============================================================
   INDUSTRY PERSPECTIVES
   ============================================================ */

.dm-industries-perspectives {

    padding:
        120px 0;

    background:
        linear-gradient(
            135deg,
            var(--dm-industries-green-deep),
            var(--dm-industries-green-deeper)
        );

}


.dm-industries-perspectives
.dm-industries-kicker {

    color:
        var(--dm-industries-green-muted);

}


.dm-industries-perspectives
.dm-industries-section-heading h2 {

    color:
        var(--dm-industries-white);

}


.dm-industries-perspectives
.dm-industries-section-heading > p {

    color:
        rgba(255, 255, 255, .66);

}


.dm-industries-perspectives-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 24px;

}


.dm-industries-perspective-card {

    min-width: 0;

    overflow: hidden;

    background:
        rgba(255, 255, 255, .06);

    border:
        1px solid
        rgba(255, 255, 255, .10);

    border-radius:
        var(--radius-lg);

}


.dm-industries-perspective-image {

    aspect-ratio:
        16 / 10;

    overflow: hidden;

    background:
        var(--dm-industries-green-deeper);

}


.dm-industries-perspective-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .6s ease;

}


.dm-industries-perspective-card:hover
.dm-industries-perspective-image img {

    transform:
        scale(1.035);

}


.dm-industries-perspective-content {

    padding: 30px;

}


.dm-industries-perspective-content > span {

    display: block;

    margin-bottom: 15px;

    color:
        var(--dm-industries-green-muted);

    font-size: .73rem;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;

}


.dm-industries-perspective-content h3 {

    margin:
        0 0 16px;

    color:
        var(--dm-industries-white);

    font-size: 1.15rem;

    font-weight: 600;

    line-height: 1.3;

}


.dm-industries-perspective-content p {

    margin: 0;

    color:
        rgba(255, 255, 255, .66);

    font-size: .9rem;

    line-height: 1.7;

}


/* ============================================================
   CAPABILITY MATRIX
   ============================================================ */

.dm-industries-capability {

    padding:
        120px 0;

    background:
        var(--dm-industries-white);

}


.dm-industries-capability-grid {

    display: grid;

    grid-template-columns:
        minmax(0, .8fr)
        minmax(0, 1.2fr);

    gap:
        clamp(
            60px,
            8vw,
            110px
        );

    align-items: start;

}


.dm-industries-capability-heading {

    position: sticky;

    top: 120px;

}


.dm-industries-capability-heading h2 {

    max-width: 520px;

    margin:
        0 0 24px;

    color:
        var(--dm-industries-ink);

    font-size:
        clamp(
            1.9rem,
            2.7vw,
            2.65rem
        );

    font-weight: 600;

    line-height: 1.14;

    letter-spacing: -.025em;

    text-wrap: pretty;

}


.dm-industries-capability-heading p {

    max-width: 540px;

    margin: 0;

    color:
        var(--dm-industries-muted);

    font-size: .98rem;

    line-height: 1.8;

}


.dm-industries-capability-list {

    border-top:
        1px solid
        var(--dm-industries-border);

}


.dm-industries-capability-list a {

    display: grid;

    grid-template-columns:
        54px
        minmax(0, 1fr)
        auto;

    gap: 20px;

    align-items: center;

    min-height: 94px;

    padding:
        20px 6px;

    color:
        var(--dm-industries-ink);

    border-bottom:
        1px solid
        var(--dm-industries-border);

    text-decoration: none;

    transition:
        padding-left .18s ease,
        color .18s ease,
        background .18s ease;

}


.dm-industries-capability-list a:hover,
.dm-industries-capability-list a:focus-visible {

    padding-left: 14px;

    color:
        var(--dm-industries-green);

    background:
        var(--dm-industries-green-soft);

}


.dm-industries-capability-list
a > span:first-child {

    color:
        var(--dm-industries-muted);

    font-size: .76rem;

    font-weight: 700;

}


.dm-industries-capability-list strong {

    font-size: 1.08rem;

    font-weight: 600;

}


.dm-industries-capability-list
a > span:last-child {

    color:
        var(--dm-industries-green);

    font-size: 1.2rem;

    transition:
        transform .18s ease;

}


.dm-industries-capability-list
a:hover > span:last-child,
.dm-industries-capability-list
a:focus-visible > span:last-child {

    transform:
        translateX(5px);

}


/* ============================================================
   FINAL CTA
   ============================================================ */

.dm-industries-cta {

    padding:
        0 0 120px;

    background:
        var(--dm-industries-white);

}


.dm-industries-cta-card {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap:
        clamp(
            40px,
            6vw,
            70px
        );

    align-items: end;

    padding: 70px;

    color:
        var(--dm-industries-white);

    background:
        linear-gradient(
            135deg,
            var(--dm-industries-green-dark),
            var(--dm-industries-green-deep)
        );

    border-radius:
        var(--radius-xl);

    box-shadow:
        var(--dm-industries-shadow);

}


.dm-industries-cta-card h2 {

    max-width: 850px;

    margin:
        0 0 22px;

    color:
        var(--dm-industries-white);

    font-size:
        clamp(
            1.95rem,
            2.8vw,
            2.7rem
        );

    font-weight: 600;

    line-height: 1.13;

    letter-spacing: -.03em;

    text-wrap: pretty;

}


.dm-industries-cta-card p {

    max-width: 700px;

    margin: 0;

    color:
        rgba(255, 255, 255, .74);

    font-size: .98rem;

    line-height: 1.8;

}


.dm-industries-cta-button {

    min-height: 52px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 16px;

    padding:
        13px 22px;

    color:
        var(--dm-industries-white);

    background:
        var(--dm-industries-green);

    border:
        1px solid
        var(--dm-industries-green);

    border-radius:
        var(--radius-md);

    font-size: .88rem;

    font-weight: 700;

    white-space: nowrap;

    text-decoration: none;

    transition:
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;

}


.dm-industries-cta-button:hover,
.dm-industries-cta-button:focus-visible {

    background:
        var(--dm-industries-green-hover);

    border-color:
        var(--dm-industries-green-hover);

    transform:
        translateY(-2px);

}


/* ============================================================
   ACCESSIBILITY
   ============================================================ */

.dm-industries-directory-links a:focus-visible,
.dm-industries-hero-link:focus-visible,
.dm-industry-story-link:focus-visible,
.dm-industries-connected-links a:focus-visible,
.dm-industries-connected-cta:focus-visible,
.dm-industries-capability-list a:focus-visible,
.dm-industries-cta-button:focus-visible {

    outline:
        3px solid
        rgba(34, 197, 94, .55);

    outline-offset: 4px;

}


/* ============================================================
   RESPONSIVE — 1100PX
   ============================================================ */

@media (max-width: 1100px) {

    .dm-industries-hero {

        min-height: 650px;

    }


    .dm-industries-intro-grid {

        gap: 70px;

    }


    .dm-industry-story-content {

        padding: 50px;

    }


    .dm-industries-capability-grid {

        gap: 70px;

    }

}


/* ============================================================
   RESPONSIVE — 900PX
   ============================================================ */

@media (max-width: 900px) {

    .dm-industries-directory-inner {

        display: block;

        padding-top: 13px;

    }


    .dm-industries-directory-label {

        display: block;

        margin-bottom: 2px;

    }


    .dm-industries-directory-links {

        gap: 24px;

    }


    .dm-industries-directory-links a {

        padding:
            15px 0 17px;

    }


    .dm-industries-intro {

        padding:
            90px 0;

    }


    .dm-industries-intro-grid {

        grid-template-columns: 1fr;

        gap: 40px;

    }


    .dm-industry-story {

        padding:
            70px 0;

    }


    .dm-industry-story-grid {

        grid-template-columns: 1fr;

        min-height: 0;

    }


    .dm-industry-story-reverse
    .dm-industry-story-media,
    .dm-industry-story-reverse
    .dm-industry-story-content {

        order: initial;

    }


    .dm-industry-story-media {

        min-height: 460px;

    }


    .dm-industry-story-content {

        padding: 50px;

    }


    .dm-industries-section-heading {

        grid-template-columns: 1fr;

        gap: 28px;

    }


    .dm-industries-perspectives-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

    }


    .dm-industries-capability-grid {

        grid-template-columns: 1fr;

        gap: 50px;

    }


    .dm-industries-capability-heading {

        position: static;

    }


    .dm-industries-cta-card {

        grid-template-columns: 1fr;

        gap: 38px;

        padding: 56px;

    }


    .dm-industries-cta-button {

        width: fit-content;

    }

}


/* ============================================================
   RESPONSIVE — 768PX
   ============================================================ */

@media (max-width: 768px) {

    .dm-industries-hero {

        min-height: 620px;

    }


    .dm-industries-hero-overlay {

        background:
            linear-gradient(
                0deg,
                rgba(6, 42, 22, .95) 0%,
                rgba(6, 42, 22, .70) 58%,
                rgba(10, 61, 32, .28) 100%
            );

    }


    .dm-industries-hero-container {

        padding-top: 150px;

        padding-bottom: 42px;

    }


    .dm-industries-hero-content {

        max-width: none;

        padding:
            36px 30px;

    }


    .dm-industries-hero-content h1 {

        font-size:
            clamp(
                2.1rem,
                7vw,
                2.75rem
            );

        line-height: 1.1;

        letter-spacing: -.025em;

    }


    .dm-industries-directory {

        position: relative;

        top: auto;

    }


    .dm-industries-intro {

        padding:
            76px 0;

    }


    .dm-industry-story {

        scroll-margin-top: 20px;

        padding:
            54px 0;

    }


    .dm-industry-story-media {

        min-height: 390px;

    }


    .dm-industry-story-content {

        padding:
            38px 30px;

    }


    .dm-industries-connected {

        min-height: 640px;

    }


    .dm-industries-connected-overlay {

        background:
            linear-gradient(
                0deg,
                rgba(6, 42, 22, .96) 0%,
                rgba(6, 42, 22, .78) 66%,
                rgba(10, 61, 32, .30) 100%
            );

    }


    .dm-industries-connected-container {

        padding-top: 70px;

        padding-bottom: 70px;

    }


    .dm-industries-connected-card {

        max-width: none;

        padding:
            40px 32px;

    }


    .dm-industries-perspectives,
    .dm-industries-capability {

        padding:
            90px 0;

    }


    .dm-industries-perspectives-grid {

        grid-template-columns: 1fr;

    }


    .dm-industries-cta {

        padding-bottom: 90px;

    }

}


/* ============================================================
   RESPONSIVE — 576PX
   ============================================================ */

@media (max-width: 576px) {

    .dm-industries-hero {

        min-height: 570px;

    }


    .dm-industries-hero-content {

        padding:
            30px 24px;

    }


    .dm-industries-hero-content p {

        font-size: .94rem;

        line-height: 1.7;

    }


    .dm-industries-intro h2,
    .dm-industries-section-heading h2,
    .dm-industries-capability-heading h2 {

        font-size:
            clamp(
                1.65rem,
                6vw,
                1.95rem
            );

        line-height: 1.16;

    }


    .dm-industry-story-media {

        min-height: 310px;

    }


    .dm-industry-story-content {

        padding:
            32px 24px;

    }


    .dm-industry-story-content h2 {

        font-size: 1.8rem;

        line-height: 1.16;

    }


    .dm-industries-connected {

        min-height: 600px;

    }


    .dm-industries-connected-card {

        padding:
            34px 24px;

    }


    .dm-industries-connected-card h2 {

        font-size: 1.9rem;

        line-height: 1.15;

    }


    .dm-industries-perspective-content {

        padding: 24px;

    }


    .dm-industries-capability-list a {

        grid-template-columns:
            42px
            minmax(0, 1fr)
            auto;

        min-height: 82px;

    }


    .dm-industries-cta-card {

        padding:
            40px 28px;

    }


    .dm-industries-cta-card h2 {

        font-size: 1.9rem;

        line-height: 1.15;

    }


    .dm-industries-cta-button {

        width: 100%;

    }

}


/* ============================================================
   RESPONSIVE — 375PX
   ============================================================ */

@media (max-width: 375px) {

    .dm-industries-hero-content {

        padding:
            26px 20px;

    }


    .dm-industries-hero-content h1 {

        font-size: 2rem;

    }


    .dm-industry-story-content {

        padding:
            28px 20px;

    }


    .dm-industry-story-content h2 {

        font-size: 1.7rem;

    }


    .dm-industries-connected-card {

        padding:
            30px 20px;

    }


    .dm-industries-connected-card h2 {

        font-size: 1.8rem;

    }


    .dm-industries-cta-card {

        padding:
            34px 22px;

    }

}


/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

    html {

        scroll-behavior: auto;

    }


    .dm-industry-story-media img,
    .dm-industries-perspective-image img,
    .dm-industries-hero-link span,
    .dm-industry-story-link span,
    .dm-industries-connected-cta span,
    .dm-industries-capability-list a,
    .dm-industries-capability-list a > span:last-child,
    .dm-industries-cta-button {

        transition: none;

    }


    .dm-industry-story:hover
    .dm-industry-story-media img,
    .dm-industries-perspective-card:hover
    .dm-industries-perspective-image img {

        transform: none;

    }

}