/* ============================================================
   DATAMIND TECHNOLOGIES
   INDUSTRY DETAIL PAGES

   Shared stylesheet for all industry detail pages.

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


/* ============================================================
   INDUSTRY PAGE TOKENS
   ============================================================ */

:root {

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

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

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


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

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

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


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

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


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

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

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


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

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

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

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


    /* Dark neutral / brand surfaces */
    --dm-industry-dark:
        #0B2E1A;

    --dm-industry-dark-soft:
        #103D24;


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

    --dm-industry-border-strong:
        rgba(31, 41, 55, .20);

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


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

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

}


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

html {

    scroll-behavior: smooth;

}


.dm-industry-detail-kicker,
.dm-industry-detail-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 18px;

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

    font-size: .74rem;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: .12em;

    text-transform: uppercase;

}


.dm-industry-detail-kicker::before {

    content: "";

    flex: 0 0 auto;

    width: 28px;

    height: 2px;

    background:
        currentColor;

}


.dm-industry-detail-kicker-light {

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

}


.dm-industry-detail-number {

    display: block;

    margin-bottom: 34px;

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

    font-size: .74rem;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .10em;

}


.dm-industry-detail-inline-link {

    display: inline-flex;

    align-items: center;

    gap: 14px;

    width: fit-content;

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

    font-size: .88rem;

    font-weight: 700;

    text-decoration: none;

}


.dm-industry-detail-inline-link span {

    transition:
        transform .18s ease;

}


.dm-industry-detail-inline-link:hover {

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

}


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

    transform:
        translateX(5px);

}


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

.dm-industry-detail-hero {

    position: relative;

    min-height: 720px;

    display: flex;

    align-items: flex-end;

    overflow: hidden;

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

}


.dm-industry-detail-hero-media,
.dm-industry-detail-hero-overlay {

    position: absolute;

    inset: 0;

}


.dm-industry-detail-hero-media img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transform:
        scale(1.001);

}


.dm-industry-detail-hero-overlay {

    background:

        linear-gradient(
            90deg,
            rgba(6, 42, 22, .91) 0%,
            rgba(6, 42, 22, .72) 42%,
            rgba(6, 42, 22, .30) 72%,
            rgba(6, 42, 22, .10) 100%
        ),

        linear-gradient(
            0deg,
            rgba(6, 42, 22, .62) 0%,
            transparent 48%
        );

}


.dm-industry-detail-hero-container {

    position: relative;

    z-index: 2;

    width: 100%;

    padding-top: 160px;

    padding-bottom: 64px;

}


/* ============================================================
   BREADCRUMB
   ============================================================ */

.dm-industry-detail-breadcrumb {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

    margin-bottom: 26px;

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

    font-size: .74rem;

    font-weight: 500;

}


.dm-industry-detail-breadcrumb a {

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

    text-decoration: none;

    transition:
        color .18s ease;

}


.dm-industry-detail-breadcrumb a:hover,
.dm-industry-detail-breadcrumb a:focus-visible {

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

}


.dm-industry-detail-breadcrumb
span[aria-current="page"] {

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

}


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

.dm-industry-detail-hero-card {

    max-width: 760px;

    padding:
        48px 52px;

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

    background:
        linear-gradient(
            135deg,
            rgba(15, 95, 47, .95),
            rgba(6, 42, 22, .94)
        );

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

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

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

    backdrop-filter:
        blur(8px);

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

}


.dm-industry-detail-eyebrow {

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

}


.dm-industry-detail-hero-card h1 {

    max-width: 680px;

    margin:
        0 0 22px;

    color:
        var(--dm-industry-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-industry-detail-hero-card p {

    max-width: 620px;

    margin: 0;

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

    font-size: 1rem;

    line-height: 1.72;

}


.dm-industry-detail-hero-link {

    display: inline-flex;

    align-items: center;

    gap: 14px;

    margin-top: 30px;

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

    font-size: .88rem;

    font-weight: 700;

    text-decoration: none;

}


.dm-industry-detail-hero-link span {

    transition:
        transform .18s ease;

}


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

    transform:
        translateY(4px);

}


/* ============================================================
   INDUSTRY PAGE NAVIGATION
   ============================================================ */

.dm-industry-detail-nav {

    position: sticky;

    top: 0;

    z-index: 30;

    background:
        rgba(250, 248, 244, .96);

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

    backdrop-filter:
        blur(14px);

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

}


.dm-industry-detail-nav-inner {

    min-height: 74px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

}


.dm-industry-detail-nav-inner > span {

    flex: 0 0 auto;

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

    font-size: .72rem;

    font-weight: 800;

    letter-spacing: .10em;

    text-transform: uppercase;

}


.dm-industry-detail-nav-inner > div {

    min-width: 0;

    display: flex;

    align-items: center;

    gap: 32px;

    overflow-x: auto;

    scrollbar-width: none;

}


.dm-industry-detail-nav-inner
> div::-webkit-scrollbar {

    display: none;

}


.dm-industry-detail-nav a {

    position: relative;

    flex: 0 0 auto;

    padding:
        27px 0 25px;

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

    font-size: .81rem;

    font-weight: 600;

    white-space: nowrap;

    text-decoration: none;

}


.dm-industry-detail-nav a::after {

    content: "";

    position: absolute;

    left: 0;

    right: 100%;

    bottom: 0;

    height: 3px;

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

    transition:
        right .18s ease;

}


.dm-industry-detail-nav a:hover {

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

}


.dm-industry-detail-nav a:hover::after,
.dm-industry-detail-nav a:focus-visible::after {

    right: 0;

}


/* ============================================================
   INDUSTRY OVERVIEW
   ============================================================ */

.dm-industry-detail-intro {

    scroll-margin-top: 100px;

    padding:
        110px 0;

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

}


.dm-industry-detail-intro-grid {

    display: grid;

    grid-template-columns:
        minmax(0, .92fr)
        minmax(0, 1.08fr);

    gap: 100px;

    align-items: start;

}


.dm-industry-detail-intro h2 {

    max-width: 590px;

    margin: 0;

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

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

    font-weight: 600;

    line-height: 1.14;

    letter-spacing: -.025em;

    text-wrap: pretty;

}


.dm-industry-detail-intro-copy {

    max-width: 690px;

}


.dm-industry-detail-intro-copy p {

    margin:
        0 0 22px;

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

    font-size: .97rem;

    line-height: 1.8;

}


.dm-industry-detail-intro-copy p:last-child {

    margin-bottom: 0;

}


.dm-industry-detail-intro-copy
.dm-industry-detail-lead {

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

    font-size: 1.15rem;

    font-weight: 500;

    line-height: 1.62;

}


/* ============================================================
   VISUAL BUSINESS STATEMENT
   ============================================================ */

.dm-industry-detail-statement {

    padding:
        0 0 110px;

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

}


.dm-industry-detail-statement-grid {

    display: grid;

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

    min-height: 580px;

    overflow: hidden;

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

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

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

}


.dm-industry-detail-statement-media {

    min-height: 580px;

    overflow: hidden;

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

}


.dm-industry-detail-statement-media img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

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

}


.dm-industry-detail-statement-grid:hover
.dm-industry-detail-statement-media img {

    transform:
        scale(1.025);

}


.dm-industry-detail-statement-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        60px 64px;

    background:
        var(--dm-industry-surface-alt);

}


.dm-industry-detail-statement-content h2 {

    max-width: 570px;

    margin:
        0 0 24px;

    color:
        var(--dm-industry-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-detail-statement-content p {

    max-width: 590px;

    margin:
        0 0 18px;

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

    font-size: .95rem;

    line-height: 1.78;

}


/* ============================================================
   TAGS
   ============================================================ */

.dm-industry-detail-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 18px;

}


.dm-industry-detail-tags span {

    display: inline-flex;

    align-items: center;

    min-height: 34px;

    padding:
        7px 12px;

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

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

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

    border-radius: 999px;

    font-size: .73rem;

    font-weight: 600;

}


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

.dm-industry-detail-section-heading {

    display: grid;

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

    gap: 72px;

    align-items: end;

    margin-bottom: 54px;

}


.dm-industry-detail-section-heading h2 {

    max-width: 680px;

    margin: 0;

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

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

    font-weight: 600;

    line-height: 1.14;

    letter-spacing: -.025em;

    text-wrap: pretty;

}


.dm-industry-detail-section-heading > p {

    max-width: 520px;

    margin: 0;

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

    font-size: .94rem;

    line-height: 1.76;

}


/* ============================================================
   BUSINESS PRIORITIES
   ============================================================ */

.dm-industry-detail-priorities {

    scroll-margin-top: 100px;

    padding:
        110px 0;

    background:
        var(--dm-industry-surface-alt);

}


.dm-industry-detail-priority-grid {

    display: grid;

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

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

    border-left:
        1px solid
        var(--dm-industry-border);

}


.dm-industry-detail-priority-card {

    min-height: 310px;

    padding:
        36px 32px;

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

    border-right:
        1px solid
        var(--dm-industry-border);

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

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;

}


.dm-industry-detail-priority-card:hover {

    position: relative;

    z-index: 2;

    transform:
        translateY(-3px);

    border-color:
        rgba(22, 163, 74, .30);

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

}


.dm-industry-detail-priority-card h3 {

    margin:
        0 0 16px;

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

    font-size: 1.15rem;

    font-weight: 600;

    line-height: 1.32;

}


.dm-industry-detail-priority-card p {

    margin: 0;

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

    font-size: .89rem;

    line-height: 1.72;

}


/* ============================================================
   FULL-WIDTH FEATURE
   ============================================================ */

.dm-industry-detail-feature {

    position: relative;

    min-height: 660px;

    display: flex;

    align-items: center;

    overflow: hidden;

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

}


.dm-industry-detail-feature-media,
.dm-industry-detail-feature-overlay {

    position: absolute;

    inset: 0;

}


.dm-industry-detail-feature-media img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

}


.dm-industry-detail-feature-overlay {

    background:
        linear-gradient(
            90deg,
            rgba(6, 42, 22, .96) 0%,
            rgba(10, 61, 32, .84) 43%,
            rgba(10, 61, 32, .34) 73%,
            rgba(10, 61, 32, .10) 100%
        );

}


.dm-industry-detail-feature-container {

    position: relative;

    z-index: 2;

    width: 100%;

    padding:
        84px 0;

}


.dm-industry-detail-feature-card {

    max-width: 700px;

    padding: 54px;

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

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

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

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

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

}


.dm-industry-detail-feature-card h2 {

    max-width: 620px;

    margin:
        0 0 22px;

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

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

    font-weight: 600;

    line-height: 1.12;

    letter-spacing: -.03em;

    text-wrap: pretty;

}


.dm-industry-detail-feature-card p {

    max-width: 610px;

    margin:
        0 0 18px;

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

    font-size: .95rem;

    line-height: 1.78;

}


.dm-industry-detail-feature-card p:last-child {

    margin-bottom: 0;

}


/* ============================================================
   SOLUTIONS
   ============================================================ */

.dm-industry-detail-solutions {

    scroll-margin-top: 100px;

    padding:
        110px 0;

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

}


.dm-industry-detail-solution-grid {

    display: grid;

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

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

    border-left:
        1px solid
        var(--dm-industry-border);

}


.dm-industry-detail-solution-card {

    position: relative;

    min-height: 250px;

    display: grid;

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

    gap: 24px;

    align-items: start;

    padding:
        36px 34px;

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

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

    border-right:
        1px solid
        var(--dm-industry-border);

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

    text-decoration: none;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;

}


.dm-industry-detail-solution-card
.dm-industry-detail-number {

    margin:
        5px 0 0;

}


.dm-industry-detail-solution-card h3 {

    margin:
        0 0 14px;

    color:
        inherit;

    font-size: 1.15rem;

    font-weight: 600;

    line-height: 1.32;

}


.dm-industry-detail-solution-card p {

    max-width: 480px;

    margin: 0;

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

    font-size: .88rem;

    line-height: 1.7;

    transition:
        color .2s ease;

}


.dm-industry-detail-solution-card > strong {

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

    font-size: 1.15rem;

    font-weight: 500;

    transition:
        transform .2s ease;

}


.dm-industry-detail-solution-card:hover,
.dm-industry-detail-solution-card:focus-visible {

    position: relative;

    z-index: 2;

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

    background:
        var(--dm-industry-green-dark);

    transform:
        translateY(-3px);

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

}


.dm-industry-detail-solution-card:hover
.dm-industry-detail-number,
.dm-industry-detail-solution-card:focus-visible
.dm-industry-detail-number {

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

}


.dm-industry-detail-solution-card:hover p,
.dm-industry-detail-solution-card:focus-visible p {

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

}


.dm-industry-detail-solution-card:hover > strong,
.dm-industry-detail-solution-card:focus-visible > strong {

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

    transform:
        translateX(5px);

}


/* ============================================================
   BUSINESS VALUE
   ============================================================ */

.dm-industry-detail-value {

    scroll-margin-top: 100px;

    padding:
        110px 0;

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

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

}


.dm-industry-detail-value-grid {

    display: grid;

    grid-template-columns:
        minmax(0, .78fr)
        minmax(0, 1.22fr);

    gap: 100px;

    align-items: start;

}


.dm-industry-detail-value-heading {

    position: sticky;

    top: 120px;

}


.dm-industry-detail-value-heading h2 {

    max-width: 550px;

    margin:
        0 0 24px;

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

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

    font-weight: 600;

    line-height: 1.13;

    letter-spacing: -.03em;

    text-wrap: pretty;

}


.dm-industry-detail-value-heading p {

    max-width: 530px;

    margin: 0;

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

    font-size: .94rem;

    line-height: 1.78;

}


.dm-industry-detail-value-list {

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

}


.dm-industry-detail-value-list article {

    display: grid;

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

    gap: 24px;

    padding:
        32px 4px;

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

}


.dm-industry-detail-value-list article > span {

    padding-top: 4px;

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

    font-size: .73rem;

    font-weight: 700;

    letter-spacing: .10em;

}


.dm-industry-detail-value-list h3 {

    margin:
        0 0 10px;

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

    font-size: 1.12rem;

    font-weight: 600;

}


.dm-industry-detail-value-list p {

    max-width: 580px;

    margin: 0;

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

    font-size: .88rem;

    line-height: 1.68;

}


/* ============================================================
   INDUSTRY VIDEO / YOUTUBE
   ============================================================ */

.dm-industry-detail-video {

    scroll-margin-top: 100px;

    padding:
        110px 0;

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

}


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

.dm-industry-detail-video-heading {

    display: grid;

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

    gap: 72px;

    align-items: end;

    margin-bottom: 54px;

}


.dm-industry-detail-video-heading h2 {

    max-width: 750px;

    margin: 0;

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

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

    font-weight: 600;

    line-height: 1.14;

    letter-spacing: -.025em;

    text-wrap: pretty;

}


.dm-industry-detail-video-heading > p {

    max-width: 520px;

    margin: 0;

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

    font-size: .94rem;

    line-height: 1.76;

}


/* ============================================================
   VIDEO LAYOUT
   ============================================================ */

.dm-industry-detail-video-layout {

    display: grid;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(340px, .65fr);

    overflow: hidden;

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

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

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

}


/* ============================================================
   YOUTUBE PLAYER
   ============================================================ */

.dm-industry-detail-video-player {

    position: relative;

    min-width: 0;

    aspect-ratio:
        16 / 9;

    overflow: hidden;

    background:
        #000000;

}


.dm-industry-detail-video-player iframe {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    display: block;

    border: 0;

    background:
        #000000;

}


/* ============================================================
   VIDEO EDITORIAL CONTENT
   ============================================================ */

.dm-industry-detail-video-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        54px 48px;

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

    background:
        linear-gradient(
            145deg,
            var(--dm-industry-green-dark),
            var(--dm-industry-green-deep)
        );

}


.dm-industry-detail-video-label {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    width: fit-content;

    margin-bottom: 24px;

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

    font-size: .7rem;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: .12em;

    text-transform: uppercase;

}


.dm-industry-detail-video-label::before {

    content: "";

    flex: 0 0 auto;

    width: 28px;

    height: 2px;

    background:
        currentColor;

}


.dm-industry-detail-video-content h3 {

    max-width: 500px;

    margin:
        0 0 22px;

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

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

    font-weight: 600;

    line-height: 1.2;

    letter-spacing: -.025em;

    text-wrap: pretty;

}


.dm-industry-detail-video-content p {

    max-width: 520px;

    margin:
        0 0 18px;

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

    font-size: .89rem;

    line-height: 1.74;

}


.dm-industry-detail-video-content p:last-of-type {

    margin-bottom: 0;

}


/* ============================================================
   YOUTUBE LINK
   ============================================================ */

.dm-industry-detail-video-link {

    display: inline-flex;

    align-items: center;

    gap: 14px;

    width: fit-content;

    margin-top: 30px;

    padding-bottom: 7px;

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

    border-bottom:
        1px solid
        rgba(255, 255, 255, .32);

    font-size: .84rem;

    font-weight: 700;

    text-decoration: none;

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

}


.dm-industry-detail-video-link span {

    transition:
        transform .18s ease;

}


.dm-industry-detail-video-link:hover,
.dm-industry-detail-video-link:focus-visible {

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

    border-color:
        var(--dm-industry-green-muted);

}


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

    transform:
        translateX(5px);

}


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

.dm-industry-detail-perspectives {

    scroll-margin-top: 100px;

    padding:
        110px 0;

    background:
        var(--dm-industry-surface-alt);

}


.dm-industry-detail-perspective-grid {

    display: grid;

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

    gap: 24px;

}


.dm-industry-detail-perspective-card {

    min-width: 0;

    overflow: hidden;

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

    border:
        1px solid
        var(--dm-industry-border);

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

}


.dm-industry-detail-perspective-media {

    aspect-ratio:
        16 / 10;

    overflow: hidden;

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

}


.dm-industry-detail-perspective-media img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

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

}


.dm-industry-detail-perspective-card:hover
.dm-industry-detail-perspective-media img {

    transform:
        scale(1.035);

}


.dm-industry-detail-perspective-content {

    padding: 28px;

}


.dm-industry-detail-perspective-content > span {

    display: block;

    margin-bottom: 14px;

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

    font-size: .7rem;

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: .09em;

    text-transform: uppercase;

}


.dm-industry-detail-perspective-content h3 {

    margin:
        0 0 14px;

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

    font-size: 1.15rem;

    font-weight: 600;

    line-height: 1.35;

}


.dm-industry-detail-perspective-content p {

    margin: 0;

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

    font-size: .86rem;

    line-height: 1.7;

}


/* ============================================================
   WHEN TO TALK TO DATAMIND
   ============================================================ */

.dm-industry-detail-fit {

    padding:
        110px 0;

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

}


.dm-industry-detail-fit-card {

    display: grid;

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

    gap: 84px;

    padding: 64px;

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

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

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

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

}


.dm-industry-detail-fit-card h2 {

    max-width: 590px;

    margin: 0;

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

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

    font-weight: 600;

    line-height: 1.14;

    letter-spacing: -.025em;

    text-wrap: pretty;

}


.dm-industry-detail-fit-list {

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

}


.dm-industry-detail-fit-list p {

    position: relative;

    margin: 0;

    padding:
        23px 0
        23px 30px;

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

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

    font-size: .9rem;

    line-height: 1.68;

}


.dm-industry-detail-fit-list p::before {

    content: "";

    position: absolute;

    left: 0;

    top: 30px;

    width: 8px;

    height: 8px;

    background:
        var(--dm-industry-accent);

    border-radius: 50%;

}


/* ============================================================
   RELATED INDUSTRIES
   ============================================================ */

.dm-industry-detail-related {

    padding:
        110px 0;

    background:
        var(--dm-industry-surface-alt);

}


.dm-industry-detail-related
.dm-industry-detail-section-heading {

    align-items: end;

}


.dm-industry-detail-related-grid {

    display: grid;

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

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

    border-left:
        1px solid
        var(--dm-industry-border);

}


.dm-industry-detail-related-grid > a {

    min-height: 220px;

    display: flex;

    flex-direction: column;

    padding: 27px;

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

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

    border-right:
        1px solid
        var(--dm-industry-border);

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

    text-decoration: none;

    transition:
        color .2s ease,
        background .2s ease,
        transform .2s ease;

}


.dm-industry-detail-related-grid
> a > span {

    margin-bottom: 40px;

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

    font-size: .72rem;

    font-weight: 700;

    letter-spacing: .10em;

}


.dm-industry-detail-related-grid h3 {

    margin: 0;

    color:
        inherit;

    font-size: 1.04rem;

    font-weight: 600;

    line-height: 1.35;

}


.dm-industry-detail-related-grid strong {

    margin-top: auto;

    padding-top: 28px;

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

    font-size: 1.1rem;

    font-weight: 500;

    transition:
        transform .2s ease;

}


.dm-industry-detail-related-grid
> a:hover,
.dm-industry-detail-related-grid
> a:focus-visible {

    position: relative;

    z-index: 2;

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

    background:
        var(--dm-industry-green-dark);

    transform:
        translateY(-3px);

}


.dm-industry-detail-related-grid
> a:hover > span,
.dm-industry-detail-related-grid
> a:focus-visible > span,
.dm-industry-detail-related-grid
> a:hover strong,
.dm-industry-detail-related-grid
> a:focus-visible strong {

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

}


.dm-industry-detail-related-grid
> a:hover strong,
.dm-industry-detail-related-grid
> a:focus-visible strong {

    transform:
        translateX(5px);

}


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

.dm-industry-detail-cta {

    padding:
        0 0 110px;

    background:
        var(--dm-industry-surface-alt);

}


.dm-industry-detail-cta-card {

    display: grid;

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

    gap: 64px;

    align-items: end;

    padding: 66px;

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

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

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

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

}


.dm-industry-detail-cta-card h2 {

    max-width: 800px;

    margin:
        0 0 20px;

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

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

    font-weight: 600;

    line-height: 1.13;

    letter-spacing: -.03em;

    text-wrap: pretty;

}


.dm-industry-detail-cta-card p {

    max-width: 690px;

    margin: 0;

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

    font-size: .94rem;

    line-height: 1.78;

}


.dm-industry-detail-cta-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    min-height: 48px;

    padding:
        12px 20px;

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

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

    border:
        1px solid
        var(--dm-industry-white);

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

    font-size: .85rem;

    font-weight: 700;

    white-space: nowrap;

    text-decoration: none;

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

}


.dm-industry-detail-cta-button:hover,
.dm-industry-detail-cta-button:focus-visible {

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

    background:
        transparent;

    transform:
        translateY(-2px);

}


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

.dm-industry-detail-breadcrumb a:focus-visible,
.dm-industry-detail-hero-link:focus-visible,
.dm-industry-detail-nav a:focus-visible,
.dm-industry-detail-inline-link:focus-visible,
.dm-industry-detail-solution-card:focus-visible,
.dm-industry-detail-video-link:focus-visible,
.dm-industry-detail-related-grid > a:focus-visible,
.dm-industry-detail-cta-button:focus-visible {

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

    outline-offset: 4px;

}


/* ============================================================
   RESPONSIVE — 1200PX
   ============================================================ */

@media (max-width: 1200px) {

    .dm-industry-detail-hero {

        min-height: 680px;

    }


    .dm-industry-detail-intro-grid {

        gap: 76px;

    }


    .dm-industry-detail-statement-content {

        padding: 54px;

    }


    .dm-industry-detail-value-grid {

        gap: 76px;

    }


    .dm-industry-detail-related-grid {

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

    }

}


/* ============================================================
   RESPONSIVE — 1024PX
   ============================================================ */

@media (max-width: 1024px) {

    .dm-industry-detail-nav-inner {

        gap: 28px;

    }


    .dm-industry-detail-nav-inner > div {

        gap: 26px;

    }


    .dm-industry-detail-intro-grid {

        gap: 56px;

    }


    .dm-industry-detail-priority-grid {

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

    }


    .dm-industry-detail-section-heading,
    .dm-industry-detail-video-heading {

        gap: 46px;

    }


    .dm-industry-detail-video-layout {

        grid-template-columns:
            minmax(0, 1.15fr)
            minmax(320px, .85fr);

    }


    .dm-industry-detail-video-content {

        padding:
            46px 38px;

    }


    .dm-industry-detail-value-grid {

        gap: 56px;

    }


    .dm-industry-detail-fit-card {

        gap: 56px;

        padding: 56px;

    }

}


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

@media (max-width: 900px) {

    .dm-industry-detail-hero {

        min-height: 640px;

    }


    .dm-industry-detail-hero-container {

        padding-top: 145px;

        padding-bottom: 50px;

    }


    .dm-industry-detail-hero-card {

        padding: 42px;

    }


    .dm-industry-detail-nav-inner {

        display: block;

        padding-top: 14px;

    }


    .dm-industry-detail-nav-inner > span {

        display: block;

        margin-bottom: 2px;

    }


    .dm-industry-detail-nav-inner > div {

        gap: 24px;

    }


    .dm-industry-detail-nav a {

        padding:
            15px 0 17px;

    }


    .dm-industry-detail-intro {

        padding:
            86px 0;

    }


    .dm-industry-detail-intro-grid {

        grid-template-columns: 1fr;

        gap: 36px;

    }


    .dm-industry-detail-statement {

        padding-bottom: 86px;

    }


    .dm-industry-detail-statement-grid {

        grid-template-columns: 1fr;

        min-height: 0;

    }


    .dm-industry-detail-statement-media {

        min-height: 460px;

    }


    .dm-industry-detail-statement-content {

        padding: 46px;

    }


    .dm-industry-detail-section-heading,
    .dm-industry-detail-video-heading {

        grid-template-columns: 1fr;

        gap: 26px;

    }


    .dm-industry-detail-section-heading > p,
    .dm-industry-detail-video-heading > p {

        max-width: 650px;

    }


    .dm-industry-detail-video-layout {

        grid-template-columns: 1fr;

    }


    .dm-industry-detail-video-player {

        aspect-ratio:
            16 / 9;

    }


    .dm-industry-detail-video-content {

        padding: 44px;

    }


    .dm-industry-detail-priorities,
    .dm-industry-detail-solutions,
    .dm-industry-detail-value,
    .dm-industry-detail-video,
    .dm-industry-detail-perspectives,
    .dm-industry-detail-fit,
    .dm-industry-detail-related {

        padding:
            86px 0;

    }


    .dm-industry-detail-feature {

        min-height: 620px;

    }


    .dm-industry-detail-feature-card {

        padding: 44px;

    }


    .dm-industry-detail-value-grid {

        grid-template-columns: 1fr;

        gap: 46px;

    }


    .dm-industry-detail-value-heading {

        position: static;

    }


    .dm-industry-detail-perspective-grid {

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

    }


    .dm-industry-detail-fit-card {

        grid-template-columns: 1fr;

        gap: 42px;

    }


    .dm-industry-detail-cta-card {

        grid-template-columns: 1fr;

        gap: 36px;

        padding: 54px;

    }


    .dm-industry-detail-cta-button {

        width: fit-content;

    }

}


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

@media (max-width: 768px) {

    .dm-industry-detail-hero {

        min-height: 600px;

    }


    .dm-industry-detail-hero-overlay {

        background:
            linear-gradient(
                0deg,
                rgba(6, 42, 22, .96) 0%,
                rgba(6, 42, 22, .74) 60%,
                rgba(6, 42, 22, .26) 100%
            );

    }


    .dm-industry-detail-hero-container {

        padding-top: 135px;

        padding-bottom: 34px;

    }


    .dm-industry-detail-breadcrumb {

        margin-bottom: 20px;

    }


    .dm-industry-detail-hero-card {

        max-width: none;

        padding:
            34px 28px;

    }


    .dm-industry-detail-hero-card h1 {

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

        line-height: 1.1;

        letter-spacing: -.025em;

    }


    .dm-industry-detail-nav {

        position: relative;

        top: auto;

    }


    .dm-industry-detail-intro,
    .dm-industry-detail-priorities,
    .dm-industry-detail-solutions,
    .dm-industry-detail-value,
    .dm-industry-detail-video,
    .dm-industry-detail-perspectives,
    .dm-industry-detail-fit,
    .dm-industry-detail-related {

        padding:
            72px 0;

    }


    .dm-industry-detail-video-content {

        padding:
            38px 30px;

    }


    .dm-industry-detail-statement {

        padding-bottom: 72px;

    }


    .dm-industry-detail-statement-media {

        min-height: 380px;

    }


    .dm-industry-detail-statement-content {

        padding:
            38px 30px;

    }


    .dm-industry-detail-priority-grid {

        grid-template-columns: 1fr;

    }


    .dm-industry-detail-priority-card {

        min-height: 0;

        padding:
            32px 28px;

    }


    .dm-industry-detail-feature {

        min-height: 590px;

    }


    .dm-industry-detail-feature-overlay {

        background:
            linear-gradient(
                0deg,
                rgba(6, 42, 22, .97) 0%,
                rgba(10, 61, 32, .80) 67%,
                rgba(10, 61, 32, .26) 100%
            );

    }


    .dm-industry-detail-feature-container {

        padding:
            66px 0;

    }


    .dm-industry-detail-feature-card {

        max-width: none;

        padding:
            38px 30px;

    }


    .dm-industry-detail-solution-grid {

        grid-template-columns: 1fr;

    }


    .dm-industry-detail-solution-card {

        min-height: 210px;

    }


    .dm-industry-detail-perspective-grid {

        grid-template-columns: 1fr;

    }


    .dm-industry-detail-related-grid {

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

    }


    .dm-industry-detail-cta {

        padding-bottom: 86px;

    }

}


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

@media (max-width: 576px) {

    .dm-industry-detail-hero {

        min-height: 560px;

    }


    .dm-industry-detail-hero-container {

        padding-top: 120px;

        padding-bottom: 26px;

    }


    .dm-industry-detail-breadcrumb {

        font-size: .69rem;

    }


    .dm-industry-detail-hero-card {

        padding:
            28px 22px;

    }


    .dm-industry-detail-hero-card h1 {

        font-size:
            clamp(
                1.95rem,
                8vw,
                2.35rem
            );

        line-height: 1.12;

        letter-spacing: -.02em;

    }


    .dm-industry-detail-hero-card p {

        font-size: .91rem;

        line-height: 1.66;

    }


    .dm-industry-detail-intro h2,
    .dm-industry-detail-section-heading h2,
    .dm-industry-detail-video-heading h2,
    .dm-industry-detail-value-heading h2 {

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

        line-height: 1.16;

    }


    .dm-industry-detail-video-heading {

        margin-bottom: 36px;

    }


    .dm-industry-detail-video-content {

        padding:
            32px 22px;

    }


    .dm-industry-detail-video-content h3 {

        font-size: 1.55rem;

    }


    .dm-industry-detail-video-link {

        margin-top: 24px;

    }


    .dm-industry-detail-intro-copy
    .dm-industry-detail-lead {

        font-size: 1.05rem;

    }


    .dm-industry-detail-statement-media {

        min-height: 300px;

    }


    .dm-industry-detail-statement-content {

        padding:
            32px 22px;

    }


    .dm-industry-detail-statement-content h2 {

        font-size: 1.8rem;

        line-height: 1.16;

    }


    .dm-industry-detail-priority-card {

        padding:
            28px 22px;

    }


    .dm-industry-detail-feature {

        min-height: 560px;

    }


    .dm-industry-detail-feature-card {

        padding:
            32px 22px;

    }


    .dm-industry-detail-feature-card h2 {

        font-size: 1.9rem;

        line-height: 1.15;

    }


    .dm-industry-detail-solution-card {

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

        gap: 15px;

        min-height: 0;

        padding:
            28px 20px;

    }


    .dm-industry-detail-perspective-content {

        padding: 22px;

    }


    .dm-industry-detail-fit-card {

        padding:
            38px 26px;

    }


    .dm-industry-detail-fit-card h2 {

        font-size: 1.85rem;

        line-height: 1.16;

    }


    .dm-industry-detail-related-grid {

        grid-template-columns: 1fr;

    }


    .dm-industry-detail-related-grid > a {

        min-height: 170px;

    }


    .dm-industry-detail-related-grid
    > a > span {

        margin-bottom: 28px;

    }


    .dm-industry-detail-cta-card {

        padding:
            38px 26px;

    }


    .dm-industry-detail-cta-card h2 {

        font-size: 1.9rem;

        line-height: 1.15;

    }


    .dm-industry-detail-cta-button {

        width: 100%;

    }

}


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

@media (max-width: 375px) {

    .dm-industry-detail-hero-card {

        padding:
            26px 20px;

    }


    .dm-industry-detail-hero-card h1 {

        font-size: 2rem;

    }


    .dm-industry-detail-statement-content {

        padding:
            28px 20px;

    }


    .dm-industry-detail-statement-content h2 {

        font-size: 1.7rem;

    }


    .dm-industry-detail-priority-card {

        padding:
            26px 20px;

    }


    .dm-industry-detail-feature-card {

        padding:
            28px 20px;

    }


    .dm-industry-detail-feature-card h2 {

        font-size: 1.8rem;

    }


    .dm-industry-detail-solution-card {

        padding:
            26px 18px;

    }


    .dm-industry-detail-fit-card {

        padding:
            34px 22px;

    }


    .dm-industry-detail-fit-card h2 {

        font-size: 1.75rem;

    }


    .dm-industry-detail-cta-card {

        padding:
            34px 22px;

    }


    .dm-industry-detail-cta-card h2 {

        font-size: 1.8rem;

    }


    .dm-industry-detail-video-content {

        padding:
            28px 20px;

    }


    .dm-industry-detail-video-content h3 {

        font-size: 1.45rem;

    }

}


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

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

    html {

        scroll-behavior: auto;

    }


    .dm-industry-detail-hero-link span,
    .dm-industry-detail-inline-link span,
    .dm-industry-detail-statement-media img,
    .dm-industry-detail-priority-card,
    .dm-industry-detail-solution-card,
    .dm-industry-detail-solution-card > strong,
    .dm-industry-detail-video-link,
    .dm-industry-detail-video-link span,
    .dm-industry-detail-perspective-media img,
    .dm-industry-detail-related-grid > a,
    .dm-industry-detail-related-grid strong,
    .dm-industry-detail-cta-button {

        transition: none;

    }


    .dm-industry-detail-inline-link:hover span,
    .dm-industry-detail-hero-link:hover span,
    .dm-industry-detail-solution-card:hover,
    .dm-industry-detail-related-grid > a:hover,
    .dm-industry-detail-cta-button:hover {

        transform: none;

    }

}