/* Distribution Program: child-theme page styles. */
body.iris-distribution-native .site-content > .ast-container { width: 100%; max-width: none; padding: 0; }
body.iris-distribution-native :where(.site-main, .ast-article-single, .entry-content) { margin: 0; padding: 0; }
body.iris-distribution-native .entry-header { display: none; }
.iris-distribution-native-main { --dp-gap: 48px; --dp-text-dark: #171717; --dp-section-pad: clamp(58px, 7.2vw, 108px) 0; --dp-laser: #21f223; font-family: var(--ig-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif); font-size: 16px; background: #121214; color: #f5f5f5; }
.iris-distribution-native-main, .iris-distribution-native-main *, .iris-distribution-native-main *::before, .iris-distribution-native-main *::after { box-sizing: border-box; margin: 0; padding: 0; }
.iris-distribution-native-main a { text-decoration: none; color: inherit; }
.iris-distribution-native-main img { max-width: 100%; display: block; }
.iris-distribution-native-main .dp-form-unavailable { padding: 24px; border: 1px solid rgba(255,255,255,.18); line-height: 1.6; }
.iris-distribution-native-main .dp-form-unavailable a { display: inline-block; margin-top: 18px; color: var(--dp-laser); text-decoration: underline; }
.dp-main {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0;
            overflow-x: hidden;
        }

        .dp-container {
            max-width: 1220px;
            margin: 0 auto;
            padding: 0 24px;
            width: 100%;
        }

        .dp-hero {
            min-height: 520px;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
            background:
                linear-gradient(90deg, rgba(247, 251, 252, 0.98) 0%, rgba(247, 251, 252, 0.88) 38%, rgba(247, 251, 252, 0.18) 70%),
                url("../images/pages/distribution-program/hero.webp") center 30% / cover no-repeat;
        }

        .dp-hero-wrap {
            width: min(1180px, calc(100% - 40px));
            margin: 0 auto;
        }

        .dp-hero-copy {
            max-width: 620px;
            padding: 72px 0;
        }

        .dp-hero-label {
            margin: 0 0 16px;
            font-size: 14px;
            font-weight: 700;
            color: #00c85f;
            text-transform: uppercase;
        }

        .dp-hero-heading {
            margin: 0;
            font-size: clamp(44px, 6vw, 76px);
            line-height: 0.98;
            color: #111;
        }

        .dp-hero-desc {
            margin: 24px 0 0;
            color: #334656;
            font-size: clamp(18px, 2.4vw, 24px);
            line-height: 1.45;
        }

        .dp-hero-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-top: 34px;
        }

        .dp-opportunities {
            padding: var(--dp-section-pad);
            background: #111313;
        }

        /* Shared section components */
        .dp-kicker {
            color: #00c85f;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0.15em;
            text-transform: uppercase;
        }

        .dp-section-head {
            display: grid;
            grid-template-columns: minmax(0, 0.92fr) minmax(280px, 0.55fr);
            gap: clamp(26px, 5vw, 76px);
            align-items: end;
            margin-bottom: 34px;
        }

        .dp-section-head--centered {
            display: block;
            max-width: 860px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        .dp-section-head--centered .dp-section-title {
            margin-left: auto;
            margin-right: auto;
        }

        .dp-section-head--centered .dp-section-desc {
            max-width: 680px;
            margin: 16px auto 0;
            color: #a1a1aa;
        }

        .dp-section-title {
            max-width: 780px;
            margin-top: 14px;
            font-size: clamp(32px, 3.7vw, 58px);
            line-height: 1.02;
            letter-spacing: -0.06em;
            font-weight: 700;
            color: #f4f4f4;
        }

        .dp-section-title--compact {
            max-width: 620px;
            font-size: clamp(30px, 3.1vw, 48px);
            line-height: 1.04;
            letter-spacing: -0.055em;
        }

        .dp-section-desc {
            color: #a1a1aa;
            font-size: 15px;
            line-height: 1.66;
        }

        .dp-channel-fit {
            display: grid;
            grid-template-columns: minmax(340px, 0.82fr) minmax(0, 1.18fr);
            gap: clamp(22px, 4vw, 48px);
            align-items: stretch;
        }

        .dp-channel-intro {
            min-height: 660px;
            padding: clamp(26px, 3vw, 42px);
            border-radius: 18px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            background:
                linear-gradient(180deg, rgba(5, 6, 6, 0.08), rgba(5, 6, 6, 0.72)),
                url("../images/pages/home/sections/32-1e4b3434-da09-4d3b-b878-1b9c938db6c1.jpeg") center / cover no-repeat;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            overflow: hidden;
            position: relative;
        }

        .dp-channel-intro::after {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 16% 20%, rgba(33, 242, 35, 0.15), transparent 28%),
                linear-gradient(135deg, rgba(5, 6, 6, 0.10), rgba(5, 6, 6, 0.74));
            pointer-events: none;
        }

        .dp-channel-intro > * {
            position: relative;
            z-index: 1;
        }

        .dp-channel-intro .dp-section-title {
            max-width: 540px;
            color: #fff;
            font-size: clamp(38px, 4.6vw, 72px);
            line-height: 0.94;
            letter-spacing: -0.07em;
        }

        .dp-channel-intro p {
            max-width: 480px;
            margin-top: 18px;
            color: rgba(243, 248, 244, 0.72);
            font-size: 15px;
            line-height: 1.66;
        }

        .dp-channel-points {
            display: grid;
            gap: 1px;
            margin-top: 30px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            background: rgba(255, 255, 255, 0.12);
        }

        .dp-channel-point {
            padding: 16px;
            background: rgba(5, 6, 6, 0.44);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }

        .dp-channel-point b {
            display: block;
            color: var(--dp-laser);
            font-size: 10px;
            letter-spacing: 0.16em;
            text-transform: uppercase;
        }

        .dp-channel-point span {
            display: block;
            margin-top: 8px;
            color: rgba(243, 248, 244, 0.72);
            font-size: 13px;
            line-height: 1.45;
        }

        .dp-channel-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
        }

        .dp-channel-card {
            min-height: 322px;
            overflow: hidden;
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            background: #171A1B;
            display: grid;
            grid-template-rows: 46% 54%;
            transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.34s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.34s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .dp-channel-card:hover {
            transform: translateY(-3px);
            border-color: rgba(33, 242, 35, 0.32);
            box-shadow: 0 24px 70px rgba(0, 0, 0, 0.26);
        }

        .dp-channel-media {
            position: relative;
            overflow: hidden;
            background: #0B0E0F;
        }

        .dp-channel-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: saturate(0.9) contrast(1.06) brightness(0.82);
            transform: scale(1.03);
        }

        .dp-channel-media::after {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 18% 20%, rgba(33, 242, 35, 0.16), transparent 30%),
                linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.24));
        }

        .dp-channel-copy {
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .dp-channel-copy h3 {
            color: #F3F8F4;
            font-size: clamp(21px, 1.8vw, 29px);
            line-height: 1.02;
            letter-spacing: -0.05em;
        }

        .dp-channel-copy p {
            margin-top: 12px;
            color: rgba(243, 248, 244, 0.66);
            font-size: 13px;
            line-height: 1.52;
        }

        .dp-channel-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 18px;
        }

        .dp-channel-tags span {
            padding: 8px 10px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            color: rgba(243, 248, 244, 0.72);
            font-size: 10px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            font-weight: 700;
            background: rgba(255, 255, 255, 0.035);
        }

        /* Value Section */
        .dp-value {
            padding: var(--dp-section-pad);
            background: #E9EEE8;
        }

        .dp-value .dp-section-title {
            color: #0D0F10;
        }

        .dp-value .dp-section-desc {
            color: #40504A;
        }

        .dp-value-layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: clamp(24px, 4vw, 52px);
            align-items: stretch;
        }

        .dp-media-frame {
            position: relative;
            min-height: 468px;
            overflow: hidden;
            border-radius: 16px;
            background: #0B0E0F;
            box-shadow: 0 42px 120px rgba(0, 0, 0, 0.26);
        }

        .dp-media-frame video,
        .dp-media-frame img {
            width: 100%;
            height: 100%;
            min-height: inherit;
            object-fit: cover;
            filter: saturate(0.9) contrast(1.08) brightness(0.84);
        }

        .dp-value-list {
            display: grid;
            gap: 1px;
            border: 1px solid rgba(13, 15, 16, 0.12);
            background: rgba(13, 15, 16, 0.12);
        }

        .dp-value-item {
            display: grid;
            grid-template-columns: 92px 1fr;
            gap: 18px;
            padding: 20px;
            background: rgba(255, 255, 255, 0.72);
        }

        .dp-value-item b {
            color: #10B72A;
            font-size: 10px;
            letter-spacing: 0.16em;
            text-transform: uppercase;
        }

        .dp-value-item h3 {
            font-size: clamp(20px, 1.55vw, 26px);
            color: #0D0F10;
        }

        .dp-value-item p {
            margin-top: 8px;
            font-size: 13px;
            color: #40504A;
        }

        /* Fit Strip */
        .dp-fit-strip {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1px;
            margin-top: 20px;
            border: 1px solid rgba(13, 15, 16, 0.12);
            background: rgba(13, 15, 16, 0.12);
        }

        .dp-fit-item {
            min-height: 122px;
            padding: 18px;
            background: rgba(255, 255, 255, 0.70);
        }

        .dp-fit-item b {
            color: #10B72A;
            font-size: 10px;
            letter-spacing: 0.16em;
            text-transform: uppercase;
        }

        .dp-fit-item h3 {
            margin-top: 14px;
            font-size: 20px;
            color: #0D0F10;
        }

        .dp-fit-item p {
            margin-top: 8px;
            font-size: 13px;
            color: #40504A;
        }

        /* Process Section */
        .dp-process {
            padding: var(--dp-section-pad);
            padding-bottom: clamp(28px, 3vw, 44px);
            background: #121214;
        }

        .dp-process-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(255, 255, 255, 0.08);
        }

        .dp-step {
            min-height: 214px;
            padding: 20px;
            background: radial-gradient(circle at 12% 12%, rgba(33, 242, 35, 0.08), transparent 26%), #14161d;
        }

        .dp-step b {
            display: block;
            color: rgba(33, 242, 35, 0.9);
            font-size: 10px;
            letter-spacing: 0.17em;
            text-transform: uppercase;
        }

        .dp-step h3 {
            margin-top: 34px;
            font-size: 24px;
            color: #f4f4f4;
        }

        .dp-step p {
            margin-top: 10px;
            font-size: 13px;
            color: #a1a1aa;
        }

        .dp-form-section.dp-apply {
            padding: clamp(30px, 3.3vw, 48px) 0 clamp(42px, 4vw, 56px);
            background: #121214;
        }

        .dp-apply-wrap {
            display: grid;
            grid-template-columns: 0.74fr 1.26fr;
            gap: clamp(30px, 5vw, 78px);
            align-items: start;
            padding: clamp(28px, 3vw, 42px);
            border-radius: 18px;
            border: 1px solid rgba(255, 255, 255, 0.10);
            background:
                radial-gradient(circle at 10% 20%, rgba(33, 242, 35, 0.12), transparent 30%),
                linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.018)),
                #14161d;
        }

        .dp-apply-title {
            font-size: clamp(30px, 3.1vw, 48px);
            line-height: 1.04;
            letter-spacing: -0.055em;
            font-weight: 700;
            color: #f4f4f4;
        }

        .dp-apply-desc {
            margin-top: 18px;
            color: rgba(255, 255, 255, 0.60);
            font-size: 15px;
            line-height: 1.66;
        }

        .dp-apply-notes {
            display: grid;
            gap: 10px;
            margin-top: 28px;
        }

        .dp-apply-note {
            padding: 13px 14px;
            border: 1px solid rgba(255, 255, 255, 0.10);
            color: rgba(255, 255, 255, 0.66);
            font-size: 12px;
            line-height: 1.5;
            background: rgba(255, 255, 255, 0.035);
        }

        .dp-form {
            max-width: none;
            margin: 0;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
        }

        .dp-form-guide {
            grid-column: 1 / -1;
            margin: 0 0 2px;
            color: #cbd2d8;
            font-size: 13px;
        }

        .dp-field-wrap {
            display: grid;
            gap: 7px;
            min-width: 0;
        }

        .dp-field-wrap--full { grid-column: 1 / -1; }

        .dp-field-label {
            color: #f4f4f4;
            font-size: 13px;
            font-weight: 600;
        }

        .iris-distribution-native-main .dp-form input.dp-field,
        .iris-distribution-native-main .dp-form textarea.dp-field {
            width: 100%;
            min-height: 54px;
            border-radius: 0;
            border: 1px solid rgba(255, 255, 255, 0.15);
            background: rgba(5, 6, 6, 0.56);
            color: #f5f5f5;
            padding: 0 16px;
            font-size: 16px;
            font-family: inherit;
            outline: none;
        }

        .iris-distribution-native-main .dp-form .dp-field:focus {
            border-color: #2f7ef8;
            box-shadow: 0 0 0 1px rgba(47, 126, 248, 0.25);
        }

        .iris-distribution-native-main .dp-form .dp-field::placeholder {
            color: rgba(255, 255, 255, 0.7);
        }

        .iris-distribution-native-main .dp-form textarea.dp-field {
            min-height: 126px;
            padding: 16px;
            resize: vertical;
        }

        .dp-submit {
            grid-column: span 2;
            min-height: 54px;
            border: none;
            border-radius: 8px;
            background: linear-gradient(180deg, rgba(33, 242, 35, 1), rgba(33, 242, 35, 0.82));
            color: #061008;
            font-size: 14px;
            font-weight: 700;
            cursor: pointer;
            transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.34s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .dp-submit:hover {
            transform: translateY(-2px);
            box-shadow: 0 18px 44px rgba(33, 242, 35, 0.18);
            filter: none;
        }

        .dp-submit:disabled {
            opacity: 0.7;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }

        .dp-form-message {
            grid-column: span 2;
            text-align: center;
            font-size: 0.95rem;
            font-weight: 500;
            min-height: 1.4em;
            margin-top: 4px;
        }
        .dp-form-message:empty {
            position: absolute;
            min-height: 0;
            height: 0;
            overflow: hidden;
            margin: 0;
        }
        .dp-form-message.success { color: #4ade80; }
        .dp-form-message.error   { color: #f87171; }

        @media (max-width: 1000px) {
            .dp-hero { min-height: 620px; background-position: 58% center; }
            .dp-hero-heading { font-size: clamp(36px, 5vw, 52px); }
            .dp-hero-desc { font-size: clamp(16px, 2vw, 20px); }
            .dp-section-head,
            .dp-channel-fit,
            .dp-value-layout,
            .dp-apply-wrap { grid-template-columns: 1fr; }
            .dp-channel-intro { min-height: 560px; }
            .dp-process-grid,
            .dp-fit-strip { grid-template-columns: 1fr 1fr; }
        }

        @media (max-width: 768px) {
            .dp-container { padding: 0 14px; }
            .dp-channel-grid { grid-template-columns: 1fr; }
            .dp-channel-intro { min-height: 500px; }
            .dp-form {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 10px;
            }
            .iris-distribution-native-main .dp-form input.dp-field { min-height: 48px; padding: 0 12px; font-size: 16px; }
            .iris-distribution-native-main .dp-form textarea.dp-field { min-height: 96px; padding: 12px; }
            .dp-field-wrap--full,
            .dp-submit,
            .dp-form-message { grid-column: span 2; }
            .dp-hero {
                min-height: 540px;
                background:
                    linear-gradient(180deg, rgba(247, 251, 252, 0.98) 0%, rgba(247, 251, 252, 0.92) 45%, rgba(247, 251, 252, 0.70) 100%),
                    url("../images/pages/distribution-program/hero.webp") center center / cover no-repeat;
            }
            .dp-hero-copy { max-width: 100%; padding: 48px 0; }
            .dp-hero-heading { font-size: 36px; }
            .dp-hero-desc { font-size: 16px; }
            .dp-process-grid,
            .dp-value-item { grid-template-columns: 1fr; }
            .dp-value-layout > *,
            .dp-value-right {
                min-width: 0;
                width: 100%;
            }
            .dp-media-frame {
                min-height: 0;
                aspect-ratio: 16 / 9;
            }
            .dp-media-frame video,
            .dp-media-frame img {
                min-height: 0;
            }

            /* Built for channels: consistent card height and remove internal gaps */
            .dp-channel-card { min-height: 260px; grid-template-rows: 52% 48%; }
            .dp-channel-copy { justify-content: flex-start; }

            /* Mobile horizontal rails: keep content inside the viewport */
            .dp-channel-grid.ig-mobile-rail,
            .dp-process-grid.ig-mobile-rail,
            .dp-value-list.ig-mobile-rail,
            .dp-fit-strip.ig-mobile-rail {
                display: grid;
                grid-auto-flow: column;
                grid-auto-columns: min(82vw, 320px);
                grid-template-columns: none;
                grid-template-rows: none;
                gap: 14px;
                width: 100%;
                min-width: 0;
                max-width: 100%;
                margin-inline: 0;
                padding: 2px 14px 14px 0;
                overflow-x: auto;
                overflow-y: hidden;
                scroll-snap-type: inline mandatory;
                overscroll-behavior-inline: contain;
                scrollbar-width: thin;
                touch-action: pan-x pan-y;
                -webkit-overflow-scrolling: touch;
            }
            .dp-channel-grid.ig-mobile-rail > *,
            .dp-process-grid.ig-mobile-rail > *,
            .dp-value-list.ig-mobile-rail > *,
            .dp-fit-strip.ig-mobile-rail > * {
                grid-column: auto !important;
                grid-row: auto !important;
                min-width: 0;
                scroll-snap-align: start;
            }

            /* Easy to explain: two horizontal rails (4 cols + 3 cols) */
            .dp-value-list.ig-mobile-rail {
                border: none;
                background: transparent;
            }
            .dp-fit-strip.ig-mobile-rail {
                border: none;
                background: transparent;
                margin-top: 16px;
            }
            .dp-value-list.ig-mobile-rail .dp-value-item {
                display: flex;
                flex-direction: column;
                gap: 10px;
                padding: 18px;
                border-radius: 14px;
                border: 1px solid rgba(13, 15, 16, 0.12);
                background: rgba(255, 255, 255, 0.72);
                min-height: 220px;
            }
            .dp-value-list.ig-mobile-rail .dp-value-item b { font-size: 11px; }
            .dp-value-list.ig-mobile-rail .dp-value-item h3 { font-size: 18px; }
            .dp-fit-strip.ig-mobile-rail .dp-fit-item {
                border-radius: 14px;
                border: 1px solid rgba(13, 15, 16, 0.12);
                min-height: 180px;
            }
        }
.iris-distribution-native-main .dp-partner-back { display: inline-block; margin-bottom: 20px; color: #315446; font-size: 14px; font-weight: 700; }
.iris-distribution-native-main .dp-partner-back:hover,
.iris-distribution-native-main .dp-partner-back:focus-visible { color: #087927; text-decoration: underline; }
.iris-distribution-native-main .dp-alternate-path { margin-top: 24px; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.6; }
.iris-distribution-native-main .dp-alternate-path a { margin-left: 4px; color: var(--dp-laser); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }