/*
Theme Name: DHIN
Template: apparatus
Theme URI: https://www.pixouls.com/
Author: Pixouls
Author URI: https://www.pixouls.com/
Description: Client-specific customizations built on the Apparatus framework by Pixouls.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: apparatus-child
Tags:
*/


/* $TOKENS
--------------------------------------------------------*/

:root {
    --dhin-ff: 'Raleway', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';

    /* Fluid type */
    --dhin-fs-2xs: 1.04rem;
    --dhin-fs-300: clamp(1.12rem, 1.056rem + 0.2vw, 1.28rem);
    --dhin-fs-400: clamp(1.408rem, 1.328rem + 0.24vw, 1.6rem);
    --dhin-fs-425: clamp(1.6rem, 1.6rem + 0.28vw, 1.84rem);
    --dhin-fs-450: clamp(1.6rem, 1.6rem + 0.33vw, 2.128rem);
    --dhin-fs-500: clamp(1.744rem, 1.6rem + 0.47vw, 2.128rem);
    --dhin-fs-600: clamp(2.192rem, 1.936rem + 0.8vw, 2.848rem);
    --dhin-fs-700: clamp(2.736rem, 2.32rem + 1.29vw, 3.792rem);
    --dhin-fs-800: clamp(3.424rem, 2.784rem + 1.99vw, 5.056rem);
    --dhin-fs-900: clamp(4.272rem, 3.312rem + 3vw, 6.736rem);
    --dhin-fs-1000: clamp(5.344rem, 3.92rem + 4.43vw, 8.976rem);

    --dhin-c-pri-hover: #38519e;
    --dhin-c-sec-hover: #eeaf55;
    --dhin-c-ter-hover: #db3ab2;
    --dhin-c-amber-250: #ffe9c3;
    --dhin-c-amber-650: #cba050;
    --dhin-c-cyan-150: #bceefa;
    --dhin-c-cyan-600: #0092b8;
    --dhin-c-cyan-700: #0e7490;
    --dhin-c-sky-650: #28589f;
    --dhin-c-pri-light: #38519e;
    --dhin-c-neutral-850: #141414;

    /* Radius scale */
    --dhin-r-sm: 0.32rem;
    --dhin-r-md: 0.52rem;
    --dhin-r-lg: 0.72rem;
    --dhin-r-xl: 1.12rem;
    --dhin-r-2xl: 1.52rem;
    --dhin-r-3xl: 1.92rem;
    --dhin-r-4xl: 2.32rem;

    --dhin-ease-slide: cubic-bezier(0.47, -0.1, 0.23, 1.11);
    --dhin-dur-fast: 200ms;
    --dhin-dur: 350ms;

    /* Get Started overlap into next section */
    --dhin-get-started-overlap: 12rem;

    /* Leading */
    --dhin-lh: 1.5;
    --dhin-lh-heading: 1.25;
    --dhin-lh-display: 1.1;
    --dhin-lh-ui: 1;
}


/* $VIEW-TRANSITIONS
--------------------------------------------------------*/
/* Undo Apparatus @view-transition { navigation: auto } — document
   crossfade stacks badly with .dhin-reveal section entrances. */
@view-transition {
    navigation: none;
}


/* $GLOBAL
--------------------------------------------------------*/

::-moz-selection {
    color: var(--c-d);
    background-color: var(--c-sec);
}

::selection {
    color: var(--c-d);
    background-color: var(--c-sec);
}

.app {
    min-height: 100vh;
        overflow-x: clip;
}


/* $TYPE
--------------------------------------------------------*/

html {
    font-family: var(--dhin-ff);
}

/* Floor mobile root rem (parent Option-2 can scale lower). */
@media only screen and (max-width: 896px) { html { font-size: 9.5px; } }
@media only screen and (max-width: 640px) { html { font-size: 9px; } }

body {
    font-family: var(--dhin-ff);
    font-size: var(--dhin-fs-425);
    line-height: var(--dhin-lh);
    color: var(--c-d);
    font-variant-numeric: lining-nums;
}

p {
    color: inherit;
}

/* Default link color transition */
a {
    -webkit-transition: color 0.15s ease;
    transition: color 0.15s ease;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--dhin-ff);
    font-weight: 700;
    line-height: var(--dhin-lh-heading);
    color: var(--c-pri);
}


/* $BUTTONS
--------------------------------------------------------*/

.dhin-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.6rem;
    padding: 1.28rem 2.4rem;
    font-family: var(--dhin-ff);
    font-size: 1.4rem;
    font-weight: 600;
    border: 0;
    border-radius: var(--dhin-r-md);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    font-variant-numeric: lining-nums;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}
.dhin-btn:hover,
.dhin-btn:focus-visible {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.dhin-btn--sm {
    gap: 0.4rem;
    padding: 0.8rem 1.2rem;
    font-size: 1.2rem;
}
.dhin-btn--xs {
    gap: 0.4rem;
    padding: 0.8rem 1.2rem;
    font-size: 1.04rem;
}
.dhin-btn--primary {
    background: var(--c-pri);
    color: var(--c-l);
}
.dhin-btn--primary:hover,
.dhin-btn--primary:focus-visible {
    background: var(--dhin-c-pri-hover);
}
.dhin-btn--secondary {
    background: var(--c-sec);
    color: var(--c-d);
}
.dhin-btn--secondary:hover,
.dhin-btn--secondary:focus-visible {
    background: var(--dhin-c-sec-hover);
}
.dhin-btn--tertiary {
    background: var(--c-ter);
    color: var(--c-l);
}
.dhin-btn--tertiary:hover,
.dhin-btn--tertiary:focus-visible {
    background: var(--dhin-c-ter-hover);
}
.dhin-btn--dark {
    background: var(--c-d);
    color: var(--c-l);
}
.dhin-btn--dark:hover,
.dhin-btn--dark:focus-visible {
    background: var(--dhin-c-pri-hover);
}
.dhin-btn--light {
    background: var(--c-l);
    color: var(--c-pri);
}
.dhin-btn--light:hover,
.dhin-btn--light:focus-visible {
    background: var(--c-sec);
}


/* $FX
--------------------------------------------------------*/

.main {
    position: relative;
    isolation: isolate;
}
.dhin-fx {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.7s ease-out;
    transition: opacity 0.7s ease-out;
}
.dhin-fx--ready {
    opacity: 1;
}
.dhin-fx--waves {
    /* Extend behind transparent header */
    top: -9.8rem;
    height: calc(100vh + 9.8rem);
}
.dhin-fx--lines {
    /* Extend behind transparent header */
    top: -9.8rem;
    height: 45rem;
}
    .dhin-fx canvas {
        display: block;
        width: 100%;
        height: 100%;
    }
@media only screen and (min-width: 1280px) {
    .dhin-fx--lines {
        height: 52rem;
    }
}


/* $WP ROCKET LAZY RENDER
   Rocket sets [data-wpr-lazyrender] { content-visibility: auto }, which
   contain-paints and clips descendants that draw outside THIS section box.
   Only opt out sections that intentionally overflow their own border box
   (not transforms that stay inside, e.g. history year markers).
   - Flags that hang above the section edge: .dhin-card__flag, .dhin-flag,
     .dhin-leaders__panel-flag (board, resources, flag-cards/panels, callouts,
     news-facts, newsletters, leaders)
   - Stat banner half below section: .dhin-stat-icons__banner
   - Negative-margin paint outside box: .dhin-get-started, .dhin-jumbo-video
--------------------------------------------------------*/

[data-wpr-lazyrender]:has(.dhin-card__flag),
[data-wpr-lazyrender]:has(.dhin-flag),
[data-wpr-lazyrender]:has(.dhin-leaders__panel-flag),
[data-wpr-lazyrender]:has(.dhin-stat-icons__banner),
[data-wpr-lazyrender].dhin-get-started,
[data-wpr-lazyrender].dhin-jumbo-video {
    -webkit-content-visibility: visible;
            content-visibility: visible;
}


/* $REVEAL
--------------------------------------------------------*/

.dhin-reveal {
    opacity: 0.01;
    -webkit-transform: translateY(2.4rem);
        -ms-transform: translateY(2.4rem);
            transform: translateY(2.4rem);
}
.dhin-reveal--in {
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transition: opacity 0.55s ease-out, -webkit-transform 0.55s ease-out;
    transition: opacity 0.55s ease-out, -webkit-transform 0.55s ease-out;
    transition: opacity 0.55s ease-out, transform 0.55s ease-out;
    transition: opacity 0.55s ease-out, transform 0.55s ease-out, -webkit-transform 0.55s ease-out;
}


/* $SEARCH
--------------------------------------------------------*/

.dhin-search-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.4rem;
    padding: 0.8rem 1.2rem;
    font-family: var(--dhin-ff);
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--c-d);
    background: var(--c-l);
    border: 0.1rem solid rgba(0, 42, 68, 0.2);
    border-radius: var(--dhin-r-md);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}
.dhin-search-btn:hover,
.dhin-search-btn:focus-visible {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
    background: rgba(0, 42, 68, 0.05);
}
    .dhin-search-btn__icon {
        width: 1.4rem;
        height: 1.4rem;
        fill: var(--c-d);
    }
.dhin-search-btn--icon {
    display: none;
}

/* Search modal */
.dhin-search-modal {
    z-index: 990;
    position: fixed;
    inset: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: min(7vh, 7.2rem) 1.6rem;
}
.dhin-search-modal[hidden] {
    display: none;
}
body.dhin-search-open {
    overflow: hidden;
}
    .dhin-search-modal__backdrop {
        position: fixed;
        inset: 0;
        background: color-mix(in srgb, var(--c-d) 80%, transparent);
        opacity: 0;
        -webkit-transition: opacity 0.25s ease-out;
        transition: opacity 0.25s ease-out;
    }
    .dhin-search-modal--open .dhin-search-modal__backdrop {
        opacity: 1;
    }
    .dhin-search-modal__panel {
        position: relative;
        width: min(100%, 64rem);
        max-height: calc(100svh - 2 * min(7vh, 7.2rem));
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        background: var(--c-l);
        border-radius: var(--dhin-r-xl);
        -webkit-box-shadow: 0 2.4rem 6rem -1.2rem rgba(0, 42, 68, 0.45);
                box-shadow: 0 2.4rem 6rem -1.2rem rgba(0, 42, 68, 0.45);
        overflow: hidden;
        opacity: 0;
        -webkit-transform: translateY(1.6rem) scale(0.97);
            -ms-transform: translateY(1.6rem) scale(0.97);
                transform: translateY(1.6rem) scale(0.97);
        -webkit-transition: opacity 0.25s ease-out, -webkit-transform 0.25s var(--dhin-ease-slide);
        transition: opacity 0.25s ease-out, -webkit-transform 0.25s var(--dhin-ease-slide);
        transition: transform 0.25s var(--dhin-ease-slide), opacity 0.25s ease-out;
        transition: transform 0.25s var(--dhin-ease-slide), opacity 0.25s ease-out, -webkit-transform 0.25s var(--dhin-ease-slide);
    }
    .dhin-search-modal--open .dhin-search-modal__panel {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        opacity: 1;
    }
    .dhin-search-modal__bar {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        padding: 0.8rem 1.2rem;
    }
        .dhin-search-modal__bar-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 0.4rem;
        }
        input[type="search"].dhin-search-modal__input {
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            min-width: 0;
            padding: 0.8rem 1.6rem;
            font-family: var(--dhin-ff);
            font-size: 1.6rem;
            color: var(--c-d);
            background: transparent;
            border: 0;
            outline: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
                 appearance: none;
        }
        .dhin-search-modal__input::-webkit-search-decoration,
        .dhin-search-modal__input::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }
        input[type="search"].dhin-search-modal__input::-webkit-input-placeholder {
            color: color-mix(in srgb, var(--c-d) 60%, transparent);
        }
        input[type="search"].dhin-search-modal__input::-moz-placeholder {
            color: color-mix(in srgb, var(--c-d) 60%, transparent);
        }
        input[type="search"].dhin-search-modal__input:-ms-input-placeholder {
            color: color-mix(in srgb, var(--c-d) 60%, transparent);
        }
        input[type="search"].dhin-search-modal__input::-ms-input-placeholder {
            color: color-mix(in srgb, var(--c-d) 60%, transparent);
        }
        input[type="search"].dhin-search-modal__input::placeholder {
            color: color-mix(in srgb, var(--c-d) 60%, transparent);
        }
        .dhin-search-modal__submit {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 0.4rem 0 0.4rem 0.8rem;
            font-size: 1.6rem;
            color: var(--c-qua);
            background: transparent;
            border: 0;
            cursor: pointer;
        }
        .dhin-search-modal__esc {
            padding: 0.2rem 0.4rem 0.1rem;
            font-family: ui-monospace, monospace;
            font-size: 1.04rem;
            text-transform: uppercase;
            color: var(--c-d);
            background: transparent;
            border: 0.1rem solid var(--c-d);
            border-radius: 0.4rem;
            opacity: 0.3;
            cursor: pointer;
            -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
        }
        .dhin-search-modal__esc:hover,
        .dhin-search-modal__esc:focus-visible {
            color: var(--c-l);
            background: var(--c-pri);
            opacity: 0.9;
        }
    .dhin-search-modal__results {
        min-height: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        border-top: 0.1rem solid rgba(0, 42, 68, 0.1);
    }
    .dhin-search-modal__results[hidden] {
        display: none;
    }
        .dhin-search-modal__results-inner {
            position: relative;
            min-height: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }
        .dhin-search-modal__count {
            -ms-flex-negative: 0;
                flex-shrink: 0;
            margin: 0;
            padding: 0.6rem 1.6rem;
            font-size: 1.04rem;
            font-weight: 400;
            color: rgba(75, 85, 99, 0.7);
            border-bottom: 0.1rem solid #e5e7eb;
        }
        .dhin-search-modal__scroll {
            min-height: 5vh;
            padding-bottom: 2.4rem;
            overflow-y: auto;
        }
        /* Firefox: scrollbar-width would disable ::-webkit-* in Chromium */
        @supports (-moz-appearance: none) {
            .dhin-search-modal__scroll {
                scrollbar-width: thin;
                scrollbar-color: color-mix(in srgb, var(--c-pri) 55%, transparent) #eef1f5;
            }
        }
        .dhin-search-modal__scroll::-webkit-scrollbar {
            width: 1rem;
        }
        .dhin-search-modal__scroll::-webkit-scrollbar-track {
            background: #eef1f5;
        }
        .dhin-search-modal__scroll::-webkit-scrollbar-thumb {
            background: color-mix(in srgb, var(--c-pri) 55%, transparent);
            border: 0.2rem solid #eef1f5;
            border-radius: 999rem;
        }
        .dhin-search-modal__scroll::-webkit-scrollbar-thumb:hover {
            background: var(--c-pri);
        }
        .dhin-search-modal__status {
            margin: 0;
            padding: 1.6rem;
            font-size: 1.4rem;
            color: #4b5563;
        }
        .dhin-search-modal__list {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .dhin-search-modal__item + .dhin-search-modal__item {
            border-top: 0.1rem solid #e5e7eb;
        }
            .dhin-search-modal__link {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: start;
                    -ms-flex-align: start;
                        align-items: flex-start;
                gap: 1.2rem;
                padding: 1.2rem 1.6rem;
                color: var(--c-d);
                text-decoration: none;
                -webkit-transition: background 0.15s ease;
                transition: background 0.15s ease;
            }
            .dhin-search-modal__item[aria-selected="true"] .dhin-search-modal__link {
                background: color-mix(in srgb, var(--c-qua) 10%, transparent);
            }
            .dhin-search-modal__item-icon {
                display: -ms-grid;
                display: grid;
                place-items: center;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                width: 2.8rem;
                height: 2.8rem;
                font-size: 1.3rem;
                color: var(--c-pri);
                border: 0.1rem solid color-mix(in srgb, var(--c-pri) 20%, transparent);
                border-radius: 999rem;
            }
            .dhin-search-modal__item-body {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                min-width: 0;
            }
                .dhin-search-modal__item-title {
                    display: block;
                    margin-bottom: 0.2rem;
                    font-size: 1.4rem;
                    font-weight: 700;
                    line-height: var(--dhin-lh-heading);
                }
                .dhin-search-modal__item-snippet {
                    display: block;
                    font-size: 1.2rem;
                    color: #6b7280;
                }
                .dhin-search-modal__link mark {
                    padding: 0.2rem;
                    color: inherit;
                    background: color-mix(in srgb, var(--c-sec) 20%, transparent);
                }
                .dhin-search-modal__item[aria-selected="true"] .dhin-search-modal__link mark {
                    text-decoration: underline;
                    text-decoration-thickness: 0.1rem;
                    text-underline-offset: 0.2rem;
                }
            .dhin-search-modal__item-arrow {
                -ms-flex-item-align: center;
                    -ms-grid-row-align: center;
                    align-self: center;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                font-size: 1.4rem;
                color: var(--c-pri);
                opacity: 0;
                -webkit-transform: translateX(-1.2rem);
                    -ms-transform: translateX(-1.2rem);
                        transform: translateX(-1.2rem);
                -webkit-transition: all 0.15s ease;
                transition: all 0.15s ease;
            }
            .dhin-search-modal__item[aria-selected="true"] .dhin-search-modal__item-arrow {
                opacity: 1;
                -webkit-transform: translateX(0);
                    -ms-transform: translateX(0);
                        transform: translateX(0);
            }
        .dhin-search-modal__fade {
            position: absolute;
            inset: auto 0 0 0;
            height: 3.2rem;
            background: linear-gradient(to top, var(--c-l), rgba(255, 255, 255, 0.6), transparent);
            pointer-events: none;
        }


/* $ANNOUNCEMENT BAR
--------------------------------------------------------*/

/* Child override of Apparatus .notif — stays inside .dhin-hdr for headroom. */
.hdr.dhin-hdr > .notif.dhin-notif,
.notif.dhin-notif {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.8rem 1.6rem;
    width: 100%;
    padding: 0.6rem 1.6rem;
    font-family: var(--dhin-ff);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: var(--dhin-lh-ui);
    color: var(--c-l);
    text-decoration: none;
    background: var(--c-d);
    -webkit-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
}
.hdr.dhin-hdr > .notif.dhin-notif:hover,
.notif.dhin-notif:hover {
    color: var(--c-l);
    background: var(--c-d);
}
    .dhin-notif__text {
        min-width: 0;
        max-width: 100%;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        text-wrap: balance;
        text-align: center;
    }
    .dhin-notif__button {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 0.6rem;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        padding: 0.5rem 1.2rem;
        font-weight: 700;
        color: var(--c-d);
        white-space: nowrap;
        background: var(--c-sec);
        border-radius: var(--dhin-r-md);
        -webkit-transition: background-color 0.15s ease, -webkit-transform 0.15s ease;
        transition: background-color 0.15s ease, -webkit-transform 0.15s ease;
        transition: background-color 0.15s ease, transform 0.15s ease;
        transition: background-color 0.15s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
    }
    .dhin-notif__button i {
        font-size: 0.9em;
        -webkit-transition: -webkit-transform 0.15s ease;
        transition: -webkit-transform 0.15s ease;
        transition: transform 0.15s ease;
        transition: transform 0.15s ease, -webkit-transform 0.15s ease;
    }
.notif.dhin-notif:hover .dhin-notif__button,
.notif.dhin-notif:focus-visible .dhin-notif__button {
    background: var(--dhin-c-sec-hover);
}
.notif.dhin-notif:hover .dhin-notif__button i,
.notif.dhin-notif:focus-visible .dhin-notif__button i {
    -webkit-transform: translateX(0.2rem);
        -ms-transform: translateX(0.2rem);
            transform: translateX(0.2rem);
}
@media only screen and (min-width: 768px) {
    .notif.dhin-notif {
        padding: 0.6rem 2.4rem;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .dhin-notif__text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}


/* $HEADER
--------------------------------------------------------*/

.dhin-hdr-wrapper {
    position: relative;
    z-index: 900;
}
.hdr.dhin-hdr {
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
    /* Dropdowns need overflow:visible; nav bleed clips on .app */
    overflow: visible;
    /* White plate + scroll lift live on ::before (header size stays fixed) */
    background: transparent;
}
.hdr.dhin-hdr::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: -0.8rem;
    z-index: 0;
    background: #fff;
    -webkit-box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
            box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.hdr.dhin-hdr--unfixed {
    position: relative;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.hdr.dhin-hdr--scrolled {
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.hdr.dhin-hdr--unpinned {
    position: fixed;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}
.hdr.dhin-hdr--pinned {
    position: fixed;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.hdr.dhin-hdr--pinned::before {
    opacity: 1;
}
    .dhin-hdr .hdr__inner {
        position: relative;
        z-index: 1;
        width: 100%;
        max-width: 102.4rem;
        height: auto;
        margin-inline: auto;
        padding: 0.8rem 1.6rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 2.4rem;
    }
        .dhin-hdr__logo {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin-right: auto;
        }
            .dhin-hdr__logo-img {
                width: 16rem;
                height: auto;
            }
        .dhin-hdr__right {
            width: 100%;
        }
            .dhin-hdr__utils {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
                gap: 1.6rem;
                margin-bottom: 0.8rem;
            }
@media only screen and (min-width: 1024px) {
    .dhin-hdr__logo-img {
        width: 21.6rem;
    }
}
/* DHIN hamburger — fully owned (parent .hdr__nav-toggle unused) */
.dhin-nav-toggle {
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: var(--c-pri);
}
.dhin-nav-toggle__icon {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
}
.dhin-nav-toggle__bar {
    fill: currentColor;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transition: fill 0.15s linear, opacity 0.15s linear, -webkit-transform 0.3s ease;
    transition: fill 0.15s linear, opacity 0.15s linear, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, fill 0.15s linear, opacity 0.15s linear;
    transition: transform 0.3s ease, fill 0.15s linear, opacity 0.15s linear, -webkit-transform 0.3s ease;
}
.dhin-nav-toggle--open .dhin-nav-toggle__bar--top {
    -webkit-transform: rotate(225deg) translateY(8px);
        -ms-transform: rotate(225deg) translateY(8px);
            transform: rotate(225deg) translateY(8px);
}
.dhin-nav-toggle--open .dhin-nav-toggle__bar--mid {
    opacity: 0;
}
.dhin-nav-toggle--open .dhin-nav-toggle__bar--bot {
    -webkit-transform: rotate(-225deg) translateY(-8px);
        -ms-transform: rotate(-225deg) translateY(-8px);
            transform: rotate(-225deg) translateY(-8px);
}

/* Compact header + hamburger: earlier than parent 768 so 7-item nav fits */
@media only screen and (max-width: 1099px) {
    .dhin-hdr .hdr__inner {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0.8rem 1.6rem;
        gap: 0.8rem;
    }
    .dhin-hdr__right {
        width: auto;
    }
    .dhin-hdr__utils {
        display: none;
    }
    .dhin-nav-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .dhin-search-btn--icon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-left: auto;
        margin-right: 0.8rem;
        padding: 0.8rem;
        background: transparent;
        border: 0;
        border-radius: var(--dhin-r-md);
    }
    .dhin-search-btn--icon:hover,
    .dhin-search-btn--icon:focus-visible {
        background: rgba(0, 42, 68, 0.05);
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .dhin-search-btn--icon .dhin-search-btn__icon {
        width: 2.4rem;
        height: 2.4rem;
    }
}
@media only screen and (min-width: 1100px) {
    .dhin-nav-toggle {
        display: none;
    }
}


/* $NAV
--------------------------------------------------------*/

/* Base resets — parent .nav__list used to kill bullets; we own this now */
.dhin-nav__list,
.dhin-nav__sub-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 1100px) {
    .dhin-nav {
        --dhin-polygon: 1em;
        position: relative;
        display: block;
        width: 100%;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        background: linear-gradient(to bottom, var(--c-qua), var(--c-pri));
    }
    .dhin-nav::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: calc(100% - 0.05%);
        width: 0.8rem;
        background: linear-gradient(to bottom, var(--c-qua), var(--c-pri));
        clip-path: polygon(100% 0, 0 100%, 100% 100%);
    }
    .dhin-nav::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 100vw;
        background: linear-gradient(to bottom, var(--c-qua), var(--c-pri));
    }
        .dhin-nav__list {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                    align-items: stretch;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            gap: 0;
            margin: 0;
            padding: 0 0.8rem;
        }
            .dhin-nav__item {
                position: relative;
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 auto;
                        flex: 0 0 auto;
                margin-left: -1em;
            }
            .dhin-nav__item:first-child {
                margin-left: 0;
            }
            .dhin-nav__item::after {
                display: none;
            }
            .dhin-nav__item::before {
                content: '';
                pointer-events: none;
                position: absolute;
                inset: 0;
                z-index: 0;
                background: color-mix(in srgb, var(--c-pri) 50%, transparent);
                clip-path: polygon(var(--dhin-polygon) 0, 100% 0, calc(100% - var(--dhin-polygon)) 100%, 0 100%);
                opacity: 0;
            }
            .dhin-nav__item--active::before {
                opacity: 1;
            }
                .dhin-nav__link,
                .dhin-nav__button {
                    position: relative;
                    z-index: 10;
                    display: block;
                    width: auto;
                    height: auto;
                    min-width: -webkit-max-content;
                    min-width: -moz-max-content;
                    min-width: max-content;
                    white-space: nowrap;
                    /* Horizontal pad must clear --dhin-polygon slant on the active highlight */
                    padding: 1.4rem calc(var(--dhin-polygon) + 1rem);
                    font-size: 1.2rem;
                    font-weight: 700;
                    text-align: center;
                    text-transform: none;
                    color: var(--c-l);
                    background: transparent;
                    border: 0;
                    cursor: pointer;
                    clip-path: polygon(var(--dhin-polygon) 0, 100% 0, calc(100% - var(--dhin-polygon)) 100%, 0 100%);
                }
                .dhin-nav__link,
                .dhin-nav__button {
                    -webkit-transition: color 0.2s ease;
                    transition: color 0.2s ease;
                }
                .dhin-nav__link:hover,
                .dhin-nav__link:focus,
                .dhin-nav__button:hover,
                .dhin-nav__button:focus,
                .dhin-nav__button[aria-expanded="true"] {
                    color: var(--c-sec);
                }
                .dhin-nav__item--active > .dhin-nav__link,
                .dhin-nav__item--active > .dhin-nav__button {
                    color: var(--c-qui);
                }
                    .dhin-nav__button-text {
                        display: inline-block;
                        position: relative;
                        z-index: 10;
                        padding: 0;
                    }
                    .dhin-nav__button-icon {
                        display: inline-block;
                        width: 0.9rem;
                        height: 0.9rem;
                        margin-left: 0.4rem;
                        margin-right: 0;
                        vertical-align: 0;
                        fill: currentColor;
                        -webkit-transition: -webkit-transform 0.25s ease;
                        transition: -webkit-transform 0.25s ease;
                        transition: transform 0.25s ease;
                        transition: transform 0.25s ease, -webkit-transform 0.25s ease;
                    }
                    .dhin-nav__button[aria-expanded="true"] .dhin-nav__button-icon {
                        -webkit-transform: rotate(180deg);
                            -ms-transform: rotate(180deg);
                                transform: rotate(180deg);
                    }
                /* Panel visibility via aria-expanded; [hidden] neutralized below */
                .dhin-nav__sub,
                .dhin-nav__sub[hidden] {
                    display: block;
                }
                .dhin-nav__sub {
                    /* padding-top = hover bridge (keeps pointer inside the item while crossing the visual gap) */
                    --dhin-nav-sub-gap: 0.6rem;
                    position: absolute;
                    top: 100%;
                    left: 1.2rem;
                    z-index: 999;
                    width: 24rem;
                    padding: var(--dhin-nav-sub-gap) 0 0;
                    background: transparent;
                    border: 0;
                    border-radius: 0;
                    -webkit-box-shadow: none;
                            box-shadow: none;
                    overflow: visible;
                    opacity: 0;
                    visibility: hidden;
                    pointer-events: none;
                    -webkit-transform: translateY(0.8rem) scale(0.97);
                        -ms-transform: translateY(0.8rem) scale(0.97);
                            transform: translateY(0.8rem) scale(0.97);
                    -webkit-transform-origin: top left;
                        -ms-transform-origin: top left;
                            transform-origin: top left;
                    -webkit-transition: opacity 0.2s ease, visibility 0.2s, -webkit-transform 0.2s cubic-bezier(0.32, 0.72, 0, 1);
                    transition: opacity 0.2s ease, visibility 0.2s, -webkit-transform 0.2s cubic-bezier(0.32, 0.72, 0, 1);
                    transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.32, 0.72, 0, 1), visibility 0.2s;
                    transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.32, 0.72, 0, 1), visibility 0.2s, -webkit-transform 0.2s cubic-bezier(0.32, 0.72, 0, 1);
                }
                /* Last item (Contact Us): open from bottom-right so the panel stays on-screen */
                .dhin-nav__item:last-child .dhin-nav__sub {
                    left: auto;
                    right: 1.2rem;
                    -webkit-transform-origin: top right;
                        -ms-transform-origin: top right;
                            transform-origin: top right;
                }
                .dhin-nav__button[aria-expanded="true"] + .dhin-nav__sub {
                    opacity: 1;
                    visibility: visible;
                    pointer-events: auto;
                    -webkit-transform: translateY(0) scale(1);
                        -ms-transform: translateY(0) scale(1);
                            transform: translateY(0) scale(1);
                }
                .dhin-nav__sub::before,
                .dhin-nav__sub::after {
                    display: none;
                }
                    .dhin-nav__sub-inner {
                        min-width: 0;
                        padding: 0.6rem;
                        background: linear-gradient(to bottom, var(--c-pri), color-mix(in srgb, var(--c-pri) 88%, var(--c-d)));
                        border: 0.1rem solid rgba(255, 255, 255, 0.12);
                        border-radius: 1.2rem;
                        -webkit-box-shadow: 0 1.6rem 3rem -0.6rem rgba(0, 42, 68, 0.35), 0 0.4rem 0.8rem -0.4rem rgba(0, 42, 68, 0.2);
                                box-shadow: 0 1.6rem 3rem -0.6rem rgba(0, 42, 68, 0.35), 0 0.4rem 0.8rem -0.4rem rgba(0, 42, 68, 0.2);
                        overflow: hidden;
                    }
                        .dhin-nav__sub-list {
                            display: -ms-grid;
                            display: grid;
                            gap: 0.2rem;
                            margin: 0;
                            padding: 0;
                            list-style: none;
                        }
                            .dhin-nav__sub-link {
                                display: block;
                                padding: 1rem 1.4rem;
                                font-size: 1.2rem;
                                font-weight: 700;
                                text-align: left;
                                color: var(--c-l);
                                border-radius: 0.7rem;
                                -webkit-transition: background-color 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
                                transition: background-color 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
                            }
                            .dhin-nav__sub-link:hover,
                            .dhin-nav__sub-link:focus-visible {
                                color: var(--c-sec);
                                background: rgba(255, 255, 255, 0.1);
                                padding-left: 1.8rem;
                                border-radius: 0.7rem;
                            }
                            .dhin-nav__sub-link--active {
                                color: var(--c-qui);
                                background: rgba(255, 255, 255, 0.06);
                            }
    .dhin-nav__foot {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dhin-nav,
    .dhin-nav__sub,
    .dhin-nav__sub-inner,
    .dhin-nav__button-icon,
    .dhin-nav__link,
    .dhin-nav__button,
    .dhin-nav__sub-link {
        -webkit-transition: none;
        transition: none;
    }
}

/* Mobile / tablet nav panel */
@media only screen and (max-width: 1099px) {
    .dhin-nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        bottom: auto;
        display: block;
        max-height: calc(100dvh - 100% - 6.4rem);
        padding: 0.8rem 1.2rem 1.6rem;
        background: linear-gradient(to bottom, var(--c-pri), color-mix(in srgb, var(--c-pri) 90%, var(--c-d)));
        border-radius: 0 0 1.6rem 1.6rem;
        -webkit-box-shadow: 0 2.4rem 4rem -1.6rem rgba(0, 42, 68, 0.5);
                box-shadow: 0 2.4rem 4rem -1.6rem rgba(0, 42, 68, 0.5);
        overflow-y: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transform: translateY(-0.8rem);
            -ms-transform: translateY(-0.8rem);
                transform: translateY(-0.8rem);
        -webkit-transition: opacity 0.25s ease, visibility 0.3s, -webkit-transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
        transition: opacity 0.25s ease, visibility 0.3s, -webkit-transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
        transition: opacity 0.25s ease, transform 0.3s cubic-bezier(0.32, 0.72, 0, 1), visibility 0.3s;
        transition: opacity 0.25s ease, transform 0.3s cubic-bezier(0.32, 0.72, 0, 1), visibility 0.3s, -webkit-transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
    }
    .dhin-nav--open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }
        .dhin-nav__list {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 100%;
            margin: 0;
            padding: 0;
            gap: 0;
        }
            .dhin-nav__item {
                width: 100%;
                border-bottom: 0.1rem solid rgba(255, 255, 255, 0.08);
            }
            .dhin-nav__item:last-child {
                border-bottom: 0;
            }
            /* Parent Apparatus hover underline — desktop block hides it; must also die here (769–1099) */
            .dhin-nav__item::after {
                display: none;
            }
                .dhin-nav__link,
                .dhin-nav__button {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                            justify-content: space-between;
                    gap: 1.2rem;
                    width: 100%;
                    height: auto;
                    min-height: 5.4rem;
                    padding: 1.4rem 1.2rem;
                    font-size: 1.8rem;
                    font-weight: 700;
                    line-height: var(--dhin-lh-heading);
                    text-align: left;
                    text-transform: none;
                    color: var(--c-l);
                    background: transparent;
                    border: 0;
                    border-radius: 0.8rem;
                    -webkit-tap-highlight-color: transparent;
                    -webkit-transition: background-color 0.15s ease, color 0.15s ease;
                    transition: background-color 0.15s ease, color 0.15s ease;
                }
                .dhin-nav__link:active,
                .dhin-nav__button:active {
                    background: rgba(255, 255, 255, 0.08);
                }
                .dhin-nav__item--active > .dhin-nav__link,
                .dhin-nav__item--active > .dhin-nav__button {
                    color: var(--c-qui);
                }
                .dhin-nav__button[aria-expanded="true"] {
                    color: var(--c-sec);
                }
                    .dhin-nav__button-icon {
                        -ms-flex-negative: 0;
                            flex-shrink: 0;
                        width: 2rem;
                        height: 2rem;
                        padding: 0.2rem;
                        -webkit-box-sizing: content-box;
                                box-sizing: content-box;
                        fill: currentColor;
                        opacity: 0.75;
                        -webkit-transition: -webkit-transform 0.25s ease;
                        transition: -webkit-transform 0.25s ease;
                        transition: transform 0.25s ease;
                        transition: transform 0.25s ease, -webkit-transform 0.25s ease;
                    }
                    .dhin-nav__button[aria-expanded="true"] .dhin-nav__button-icon {
                        -webkit-transform: rotate(180deg);
                            -ms-transform: rotate(180deg);
                                transform: rotate(180deg);
                    }
                /*
                 * Kill parent Apparatus desktop dropdown chrome (unscoped base CSS).
                 * Between 769–1099 those rules still apply and win on :expanded
                 * (translate(-50%)) unless we reset them here with equal/higher specificity.
                 */
                .dhin-nav__sub,
                .dhin-nav__sub[hidden],
                .dhin-nav__button[aria-expanded="true"] + .dhin-nav__sub {
                    position: static;
                    top: auto;
                    left: auto;
                    right: auto;
                    width: 100%;
                    min-width: 0;
                    margin-top: 0;
                    border: 0;
                    border-radius: 1rem;
                    -webkit-box-shadow: none;
                            box-shadow: none;
                    -webkit-transform: none;
                        -ms-transform: none;
                            transform: none;
                    -webkit-transition-delay: 0s;
                            transition-delay: 0s;
                }
                .dhin-nav__sub::before,
                .dhin-nav__sub::after {
                    display: none;
                }
                /* Expand via aria-expanded; [hidden] neutralized */
                .dhin-nav__sub,
                .dhin-nav__sub[hidden] {
                    display: -ms-grid;
                    display: grid;
                }
                .dhin-nav__sub {
                    -ms-grid-rows: 0fr;
                    grid-template-rows: 0fr;
                    background: color-mix(in srgb, var(--c-d) 55%, transparent);
                    opacity: 0;
                    visibility: hidden;
                    pointer-events: none;
                    -webkit-transition: grid-template-rows 0.3s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.25s ease, visibility 0.3s;
                    transition: grid-template-rows 0.3s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.25s ease, visibility 0.3s;
                    transition: grid-template-rows 0.3s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.25s ease, visibility 0.3s, -ms-grid-rows 0.3s cubic-bezier(0.32, 0.72, 0, 1);
                }
                .dhin-nav__button[aria-expanded="true"] + .dhin-nav__sub {
                    -ms-grid-rows: 1fr;
                    grid-template-rows: 1fr;
                    opacity: 1;
                    visibility: visible;
                    pointer-events: auto;
                    margin-bottom: 0.8rem;
                }
                    .dhin-nav__sub-inner,
                    .dhin-nav__sub-inner--grid {
                        width: 100%;
                        min-width: 0;
                        min-height: 0;
                        padding: 0 0.6rem;
                        overflow: hidden;
                        display: block;
                        -ms-grid-columns: 1fr;
                        grid-template-columns: 1fr;
                        -webkit-transition: padding 0.3s cubic-bezier(0.32, 0.72, 0, 1);
                        transition: padding 0.3s cubic-bezier(0.32, 0.72, 0, 1);
                    }
                    .dhin-nav__button[aria-expanded="true"] + .dhin-nav__sub .dhin-nav__sub-inner {
                        padding: 0.6rem;
                    }
                        .dhin-nav__sub-list {
                            display: -ms-grid;
                            display: grid;
                            gap: 0.2rem;
                            margin: 0;
                            padding: 0;
                        }
                            .dhin-nav__sub-link {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                    -ms-flex-align: center;
                                        align-items: center;
                                min-height: 5rem;
                                padding: 1.2rem 1.2rem;
                                font-size: 1.6rem;
                                font-weight: 700;
                                line-height: var(--dhin-lh-heading);
                                color: var(--c-l);
                                border-radius: 0.7rem;
                                -webkit-tap-highlight-color: transparent;
                            }
                            .dhin-nav__sub-link:hover,
                            .dhin-nav__sub-link:focus {
                                color: var(--c-sec);
                                background: transparent;
                                padding-left: 1.2rem;
                            }
                            .dhin-nav__sub-link:active {
                                background: rgba(255, 255, 255, 0.08);
                            }
                            .dhin-nav__sub-link--active {
                                color: var(--c-qui);
                                background: rgba(255, 255, 255, 0.06);
                            }
    .dhin-nav__foot {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 0.8rem 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
        margin-top: 1.6rem;
        padding-top: 1.6rem;
        border-top: 0.1rem solid rgba(255, 255, 255, 0.14);
    }
        .dhin-nav__foot .dhin-btn {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            min-height: 5.4rem;
            font-size: 1.6rem;
        }
        /* No scale grow in the tight foot grid — overlaps / clips the panel */
        .dhin-nav__foot .dhin-btn:hover,
        .dhin-nav__foot .dhin-btn:focus-visible,
        .dhin-nav__foot .dhin-search-btn:hover,
        .dhin-nav__foot .dhin-search-btn:focus-visible {
            -webkit-transform: none;
                -ms-transform: none;
                    transform: none;
        }
        /* Primary is --c-pri (same blue as this panel) — use dark so CHR reads as a filled button */
        .dhin-nav__foot .dhin-btn--primary {
            background: var(--c-d);
        }
        .dhin-nav__foot .dhin-btn--primary:hover,
        .dhin-nav__foot .dhin-btn--primary:focus-visible {
            background: var(--dhin-c-pri-hover);
        }
        .dhin-search-btn--drawer {
            grid-column: 1 / -1;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            min-height: 5.4rem;
            font-size: 1.6rem;
            color: var(--c-d);
            background: var(--c-l);
        }
        /* Default search hover uses translucent dark fill (for white header) — keep solid light on blue panel */
        .dhin-search-btn--drawer:hover,
        .dhin-search-btn--drawer:focus-visible {
            color: var(--c-d);
            background: var(--c-l);
            border-color: rgba(0, 42, 68, 0.35);
        }
        .dhin-search-btn--drawer:hover .dhin-search-btn__icon,
        .dhin-search-btn--drawer:focus-visible .dhin-search-btn__icon {
            fill: var(--c-d);
        }
}


/* $FOOTER
--------------------------------------------------------*/

.dhin-ftr {
    padding: 4.8rem 0 1.6rem;
    background: linear-gradient(120deg, var(--c-qua), var(--dhin-c-sky-650) 65%);
    color: var(--c-l);
    font-size: 1.2rem;
    text-align: center;
}
    .dhin-ftr a {
        text-decoration: none;
        text-decoration-color: currentColor;
        text-underline-offset: 0.2rem;
        text-decoration-thickness: 0.1rem;
    }
    .dhin-ftr a:hover {
        text-decoration-color: currentColor;
    }
    .dhin-ftr__inner {
        width: 100%;
        max-width: 102.4rem;
        margin-inline: auto;
        padding: 0 1.6rem;
        display: -ms-grid;
        display: grid;
        gap: 3.2rem 1.6rem;
    }
        .dhin-ftr__logo {
            display: inline-block;
            margin-inline: auto;
        }
            .dhin-ftr__logo-img {
                width: 14.4rem;
                height: auto;
            }
        .dhin-ftr__actions {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            gap: 1.2rem 1.2rem;
        }
            .dhin-ftr__newsletter {
                -webkit-box-ordinal-group: 0;
                    -ms-flex-order: -1;
                        order: -1;
                min-width: 19.2rem;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                -webkit-box-shadow: 0 0.4rem 0.6rem -0.1rem rgba(0, 0, 0, 0.2), 0 0.2rem 0.4rem -0.2rem rgba(0, 0, 0, 0.2);
                        box-shadow: 0 0.4rem 0.6rem -0.1rem rgba(0, 0, 0, 0.2), 0 0.2rem 0.4rem -0.2rem rgba(0, 0, 0, 0.2);
            }
            .dhin-ftr__social {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
            }
                .dhin-ftr__social-link {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    -webkit-box-pack: center;
                        -ms-flex-pack: center;
                            justify-content: center;
                    width: 3.6rem;
                    height: 3.6rem;
                    font-size: 1.6rem;
                    color: var(--c-l);
                    -webkit-transition: color 0.15s ease;
                    transition: color 0.15s ease;
                }
                .dhin-ftr__social-link:hover,
                .dhin-ftr__social-link:focus {
                    color: var(--dhin-c-cyan-150);
                }
        .dhin-ftr__legal {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            gap: 1.6rem;
        }
            .dhin-ftr__copyright {
                -webkit-box-ordinal-group: 3;
                    -ms-flex-order: 2;
                        order: 2;
                margin: 0;
                font-size: 1.04rem;
                font-variant-numeric: lining-nums;
                text-wrap: pretty;
            }
            .dhin-ftr__nav {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                gap: 1.6rem;
            }
                .dhin-ftr__nav-link {
                    display: inline-block;
                    padding: 0 0.2rem;
                    font-size: 1.04rem;
                    color: var(--c-l);
                    text-decoration: none;
                    text-underline-offset: 0.2rem;
                    -webkit-transition: color 0.15s ease;
                    transition: color 0.15s ease;
                }
                .dhin-ftr__nav-link:hover,
                .dhin-ftr__nav-link:focus {
                    color: var(--dhin-c-cyan-150);
                    text-decoration: underline;
                }
                .dhin-ftr__nav-link--active {
                    color: var(--c-sec);
                    text-decoration: underline;
                }

@media only screen and (min-width: 640px) {
    .dhin-ftr__nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
@media only screen and (min-width: 769px) {
    .dhin-ftr {
        padding: 2.4rem 0 1.6rem;
    }
    .dhin-ftr__inner {
        -ms-grid-columns: auto 1.6rem 1fr;
        grid-template-columns: auto 1fr;
        gap: 2.4rem 1.6rem;
    }
    .dhin-ftr__logo {
        margin-inline: 0;
    }
    .dhin-ftr__actions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        margin-top: auto;
    }
    .dhin-ftr__newsletter {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .dhin-ftr__legal {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }
    .dhin-ftr__copyright {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-ftr {
        padding: 2.4rem 0;
    }
    .dhin-ftr__inner {
        gap: 0.8rem 1.6rem;
    }
    .dhin-ftr__logo {
        -ms-grid-row-span: 2;
        grid-row: span 2;
    }
        .dhin-ftr__logo-img {
            width: 19.2rem;
        }
    .dhin-ftr__legal {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        grid-column: auto;
    }
}


/* $POPS
--------------------------------------------------------*/

.pop {
    z-index: 990;
        padding: 2.4rem 1.6rem 1.6rem;
    background-color: color-mix(in srgb, var(--c-d) 80%, transparent);
    backdrop-filter: none;
}
.pop:has(.dhin-modal__panel) {
    overflow: hidden;
}
.pop--newsletter .pop__item {
    width: min(100%, 67.2rem);
}
    .dhin-newsletter__iframe {
        display: block;
        width: 100%;
        height: 30rem;
        border: 0;
    }
.pop--video .pop__item.dhin-modal__panel {
    width: min(100%, 102.4rem);
}
.pop--video .dhin-modal__body {
    overflow: hidden;
}
    .dhin-video-pop__frame {
        aspect-ratio: 16 / 9;
        overflow: hidden;
        background: #111;
        -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
                box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
    }
        .dhin-video-pop__iframe {
            display: block;
            width: 100%;
            height: 100%;
            border: 0;
            background: #111;
        }

/* Promo pop — Apparatus auto-open + session dismiss; DHIN modal chrome */
.pop--promo .pop__item.dhin-modal__panel {
    width: min(100%, 56rem);
}
.pop--promo .dhin-modal__body.dhin-promo__body {
    overflow: hidden;
    color: var(--c-d);
    background: var(--c-l);
}
    .dhin-promo__card {
        display: block;
        color: inherit;
        text-decoration: none;
    }
    .dhin-promo__img {
        display: block;
        width: 100%;
        height: auto;
        max-height: 28rem;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 0;
    }
    .dhin-promo__content-inner {
        padding: 2.4rem 2.4rem 2.8rem;
        text-align: center;
    }
    .dhin-promo__text {
        margin: 0;
        font-size: var(--dhin-fs-400);
        line-height: var(--dhin-lh);
        text-wrap: pretty;
    }
    .dhin-promo__text > *:first-child {
        margin-top: 0;
    }
    .dhin-promo__text > *:last-child {
        margin-bottom: 0;
    }
    .dhin-promo__cta {
        margin-top: 2rem;
        pointer-events: none;
    }
    .dhin-promo__form {
        margin-top: 2rem;
        text-align: left;
    }
        .dhin-promo__form .gform_footer {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
        }
        .dhin-promo__form .gform_confirmation_message {
            text-align: center;
        }
.dhin-promo__body--link .dhin-promo__card:hover .dhin-promo__cta,
.dhin-promo__body--link .dhin-promo__card:focus-visible .dhin-promo__cta {
    background: var(--dhin-c-sec-hover);
}


/* $LAYOUT
--------------------------------------------------------*/

.dhin-container {
    width: 100%;
    max-width: 102.4rem;
    margin-inline: auto;
    padding-inline: 1.6rem;
}
.dhin-container--wide {
    max-width: 144rem;
}


/* $LINKS
--------------------------------------------------------*/

.dhin-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.4rem;
    font-size: 1.4rem;
    font-weight: 600;
    white-space: nowrap;
    -webkit-transition: color 0.15s ease, -webkit-transform 0.15s ease;
    transition: color 0.15s ease, -webkit-transform 0.15s ease;
    transition: color 0.15s ease, transform 0.15s ease;
    transition: color 0.15s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
}
.dhin-link:hover,
.dhin-link:focus-visible {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.dhin-link--white {
    color: var(--c-l);
}
.dhin-link--white:hover,
.dhin-link--white:focus-visible {
    color: var(--dhin-c-cyan-150);
}
.dhin-link--primary {
    color: var(--c-pri);
}
.dhin-link--primary:hover,
.dhin-link--primary:focus-visible {
    color: var(--c-qua);
}
@media (prefers-reduced-motion: reduce) {
    .dhin-link:hover,
    .dhin-link:focus-visible {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
}


/* $CARDS
--------------------------------------------------------*/

.dhin-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.4rem 0;
    color: var(--c-d);
    background: var(--c-l);
    border: 0.1rem solid rgba(0, 42, 68, 0.05);
    list-style: none;
}
a.dhin-card {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
}
a.dhin-card:hover,
a.dhin-card:focus-visible {
    -webkit-transform: translateY(-0.2rem);
        -ms-transform: translateY(-0.2rem);
            transform: translateY(-0.2rem);
    -webkit-box-shadow: 0 1.2rem 2.4rem -0.8rem rgba(0, 42, 68, 0.28);
            box-shadow: 0 1.2rem 2.4rem -0.8rem rgba(0, 42, 68, 0.28);
}
a.dhin-card:hover .dhin-link,
a.dhin-card:focus-visible .dhin-link {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
a.dhin-card:hover .dhin-link--white,
a.dhin-card:focus-visible .dhin-link--white {
    color: var(--dhin-c-cyan-150);
}
a.dhin-card:hover .dhin-link--primary,
a.dhin-card:focus-visible .dhin-link--primary {
    color: var(--c-qua);
}
@media (prefers-reduced-motion: reduce) {
    a.dhin-card:hover,
    a.dhin-card:focus-visible {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    a.dhin-card:hover .dhin-link,
    a.dhin-card:focus-visible .dhin-link {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
}
.dhin-card--blue {
    background: var(--c-pri);
    color: var(--c-l);
}
@property --dhin-burst {
    syntax: '<length-percentage>';
    inherits: false;
    initial-value: 42%;
}
.dhin-card--blue-gradient {
    --dhin-burst: 42%;
    background-color: var(--c-pri);
    background-image:
        radial-gradient(
            circle at 100% 0%,
            color-mix(in srgb, var(--c-qua) 70%, transparent) 0%,
            transparent var(--dhin-burst)
        ),
        linear-gradient(45deg, var(--c-pri) 77%, var(--c-qua) 100%);
    color: var(--c-l);
}
a.dhin-card.dhin-card--blue-gradient {
    transition:
        --dhin-burst 0.5s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}
a.dhin-card.dhin-card--blue-gradient:hover,
a.dhin-card.dhin-card--blue-gradient:focus-visible {
    --dhin-burst: 115%;
}
@media (prefers-reduced-motion: reduce) {
    a.dhin-card.dhin-card--blue-gradient {
        -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
        transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
    }
    a.dhin-card.dhin-card--blue-gradient:hover,
    a.dhin-card.dhin-card--blue-gradient:focus-visible {
        --dhin-burst: 42%;
    }
}
/* Flag titles overlap above the card edge */
.dhin-card:has(.dhin-card__flag) {
    padding-top: 0;
    overflow: visible;
}
    .dhin-card__flag {
        -ms-flex-item-align: start;
            align-self: flex-start;
        min-width: 40%;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        margin: 0;
        -webkit-transform: translate(-1.6rem, -50%);
            -ms-transform: translate(-1.6rem, -50%);
                transform: translate(-1.6rem, -50%);
        -webkit-filter: drop-shadow(0 1rem 0.8rem rgba(0, 0, 0, 0.04)) drop-shadow(0 0.4rem 0.3rem rgba(0, 0, 0, 0.1));
                filter: drop-shadow(0 1rem 0.8rem rgba(0, 0, 0, 0.04)) drop-shadow(0 0.4rem 0.3rem rgba(0, 0, 0, 0.1));
        font-size: 1.4rem;
        font-weight: 700;
        color: var(--c-d);
    }
    .dhin-card__flag--left {
        -ms-flex-item-align: start;
            align-self: flex-start;
        -webkit-transform: translate(-1.6rem, -50%);
            -ms-transform: translate(-1.6rem, -50%);
                transform: translate(-1.6rem, -50%);
    }
        .dhin-card__flag span {
            position: relative;
            z-index: 10;
            display: block;
            padding: 0.8rem 3em;
            background: var(--c-sec);
            color: var(--c-d);
            text-align: left;
            clip-path: polygon(1.6rem 0, 100% 0, calc(100% - 1.6rem) 100%, 0 100%);
        }
    .dhin-card__content {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        padding: 0 2.4rem;
    }
    .dhin-card__footer {
        padding: 0 2.4rem;
        margin-top: 1.6rem;
    }


/* $BLOCK: JUMBO HOME
--------------------------------------------------------*/

.dhin-jumbo-home {
    position: relative;
    overflow: hidden;
    color: var(--c-d);
}
    .dhin-jumbo-home__veil {
        pointer-events: none;
        position: absolute;
        inset: 0;
        z-index: 0;
        background: radial-gradient(ellipse 90% 70% at 40% 35%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 72%);
    }
    .dhin-jumbo-home__inner {
        position: relative;
        z-index: 10;
        width: 100%;
        max-width: 102.4rem;
        margin-inline: auto;
        padding: 3.2rem 1.6rem;
        display: -ms-grid;
        display: grid;
        gap: 2.4rem;
    }
        .dhin-jumbo-home__body {
            max-width: 65%;
        }
            .dhin-jumbo-home__title {
                margin: 0 0 1.6rem;
                font-size: 3rem;
                font-weight: 800;
                text-wrap: balance;
            }
            .dhin-jumbo-home__text {
                margin: 0;
                text-wrap: pretty;
            }

@media only screen and (min-width: 769px) {
    .dhin-jumbo-home__veil {
        background: radial-gradient(ellipse 64rem 34rem at 30% 50%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.75) 42%, rgba(255, 255, 255, 0) 72%);
    }
    .dhin-jumbo-home__inner {
        padding-block: 4.8rem;
    }
    .dhin-jumbo-home__title {
        margin-bottom: 2.4rem;
        font-size: 3.6rem;
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-jumbo-home__inner {
        padding-block: 8rem;
    }
    .dhin-jumbo-home__title {
        font-size: 4.8rem;
    }
}
@media only screen and (max-width: 768px) {
    .dhin-jumbo-home__body {
        max-width: none;
    }
}


/* $BLOCK: CALLOUT CARDS
--------------------------------------------------------*/

.dhin-callouts {
    position: relative;
    z-index: 10;
    margin: 1.6rem 0 4.8rem;
}
    .dhin-callouts__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 3.2rem 2rem;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .dhin-callouts__item {
        height: 100%;
        list-style: none;
    }
    .dhin-callouts__card {
        height: 100%;
        padding-bottom: 1.6rem;
        font-size: 1.2rem;
    }
    .dhin-callouts .dhin-card__flag {
        font-size: 1.2rem;
    }
    .dhin-callouts .dhin-card__flag span {
        text-align: left;
    }
        .dhin-callouts__content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            gap: 1.6rem;
        }
            .dhin-callouts__icon {
                -webkit-box-ordinal-group: 0;
                    -ms-flex-order: -1;
                        order: -1;
                max-width: 8rem;
                margin-inline: auto;
            }
                .dhin-callouts__icon-svg,
                .dhin-callouts__icon img {
                    width: 100%;
                    height: auto;
                }
            .dhin-callouts__text {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                margin: 0;
                text-wrap: pretty;
            }

@media only screen and (min-width: 480px) {
    .dhin-callouts__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding-right: 1.6rem;
    }
    .dhin-callouts__icon {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-inline: 0;
    }
}
@media only screen and (min-width: 769px) {
    .dhin-callouts__grid {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
    .dhin-callouts .dhin-card__flag {
        font-size: 1.04rem;
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-callouts__grid {
        -webkit-column-gap: 3.2rem;
           -moz-column-gap: 3.2rem;
                column-gap: 3.2rem;
    }
    .dhin-callouts .dhin-card__flag {
        font-size: 1.2rem;
    }
}


/* $BLOCK: FEATURE BAND
--------------------------------------------------------*/

.dhin-feature {
    /* No overflow clip — flag drop-shadow paints outside the section */
    position: relative;
}
.dhin-feature--bg-white {
    background: var(--c-l);
}
.dhin-feature--bg-sky_gradient {
    margin-block: 4.8rem;
    padding-block: 8rem;
    background: linear-gradient(120deg, var(--c-qua), var(--dhin-c-sky-650) 65%);
    color: var(--c-l);
}
.dhin-feature--bg-cyan {
    margin-top: 4.8rem;
    padding-block: 8rem;
    background: var(--dhin-c-cyan-150);
}
/* Welcome: gradient band, amber rule, no bottom pad */
.dhin-feature--bordered {
    margin-block: 0;
    padding-bottom: 0;
}
    .dhin-feature__bg {
        pointer-events: none;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
    .dhin-feature__pattern {
        pointer-events: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
    }
    .dhin-feature--pattern-plus .dhin-feature__pattern {
        -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #000), to(transparent));
        -webkit-mask-image: linear-gradient(to right, #000 30%, transparent 100%);
        mask-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #000), to(transparent));
        mask-image: linear-gradient(to right, #000 30%, transparent 100%);
    }
    .dhin-feature--pattern-triangle .dhin-feature__pattern {
        -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(60%, #000), to(transparent));
        -webkit-mask-image: linear-gradient(to right, #000 60%, transparent 100%);
        mask-image: -webkit-gradient(linear, left top, right top, color-stop(60%, #000), to(transparent));
        mask-image: linear-gradient(to right, #000 60%, transparent 100%);
    }
    .dhin-feature__pattern-svg {
        display: block;
        max-width: none;
    }
    .dhin-feature--pattern-plus .dhin-feature__pattern-svg {
        width: 100%;
        height: auto;
    }
    .dhin-feature--pattern-triangle .dhin-feature__pattern-svg {
        width: auto;
        height: 100%;
    }
    .dhin-feature__pattern-svg path,
    .dhin-feature__pattern-svg polygon {
        transform-box: fill-box;
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        will-change: transform;
    }
    @media (prefers-reduced-motion: reduce) {
        .dhin-feature__pattern-svg path,
        .dhin-feature__pattern-svg polygon {
            -webkit-transform: none;
                -ms-transform: none;
                    transform: none;
            will-change: auto;
        }
    }
    .dhin-feature__inner {
        position: relative;
        z-index: 1;
    }
    .dhin-feature--bordered .dhin-feature__inner {
        padding-bottom: 0;
        border-bottom: 0.1rem solid var(--c-sec);
    }
        .dhin-feature__grid {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            gap: 4.8rem;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
        }
        .dhin-feature--bordered .dhin-feature__grid {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }
            .dhin-feature__media {
                position: relative;
                max-width: 80%;
                margin-inline: auto;
            }
                .dhin-feature__figure {
                    position: relative;
                    margin: 0;
                }
                .dhin-feature__figure--parallelogram {
                    display: inline-block;
                    -webkit-filter: drop-shadow(0 2rem 1.3rem rgba(0, 0, 0, 0.2));
                            filter: drop-shadow(0 2rem 1.3rem rgba(0, 0, 0, 0.2));
                }
                .dhin-feature__figure--parallelogram > .dhin-feature__img {
                    clip-path: polygon(6.4rem 0, 100% 0, calc(100% - 6.4rem) 100%, 0 100%);
                }
                    .dhin-feature__img {
                        display: block;
                        width: 100%;
                        height: auto;
                    }
                .dhin-feature__deco {
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    width: 41.66%;
                }
                    .dhin-feature__deco-svg,
                    .dhin-feature__deco img {
                        width: 100%;
                        height: auto;
                    }
            .dhin-feature__title {
                margin: 0 0 1.6rem;
                font-size: 2.4rem;
                color: inherit;
                text-wrap: pretty;
            }
            .dhin-feature--bg-white .dhin-feature__title,
            .dhin-feature--bg-cyan .dhin-feature__title {
                color: var(--c-pri);
            }
            .dhin-feature__text {
                margin-bottom: 2.4rem;
                text-wrap: pretty;
            }
                .dhin-feature__text p {
                    margin: 0 0 1.6rem;
                }
                .dhin-feature__text p:last-child {
                    margin-bottom: 0;
                }

@media only screen and (min-width: 769px) {
    .dhin-feature__grid {
        -ms-grid-columns: 1fr 6.4rem 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 6.4rem;
    }
    .dhin-feature__media {
        max-width: none;
        margin-inline: 0;
        padding-right: 20%;
    }
    .dhin-feature--img-right .dhin-feature__media {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        padding-right: 0;
    }
    .dhin-feature--bordered .dhin-feature__media {
        padding-right: 0;
    }
    .dhin-feature__title {
        font-size: 3rem;
    }
    .dhin-feature--pattern-plus .dhin-feature__pattern,
    .dhin-feature--pattern-triangle .dhin-feature__pattern {
        width: 60%;
    }
}
@media only screen and (max-width: 768px) {
    .dhin-feature--bordered .dhin-feature__media {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        max-width: 60%;
    }
}

.dhin-btn--shadow {
    -webkit-box-shadow: 0 0.4rem 0.6rem -0.1rem rgba(0, 0, 0, 0.2), 0 0.2rem 0.4rem -0.2rem rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.4rem 0.6rem -0.1rem rgba(0, 0, 0, 0.2), 0 0.2rem 0.4rem -0.2rem rgba(0, 0, 0, 0.2);
}
.dhin-btn--min-w {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-width: 19.2rem;
}


/* $BLOCK: QUOTES
--------------------------------------------------------*/

.dhin-quotes {
    position: relative;
    margin-block: 8rem;
}
    .dhin-quote {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: var(--c-pri);
    }
        .dhin-quote__row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 0.8rem;
            -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                    align-items: baseline;
        }
            .dhin-quote__mark {
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                color: var(--c-qui);
                -webkit-transform: skewX(-14deg);
                    -ms-transform: skewX(-14deg);
                        transform: skewX(-14deg);
            }
                .dhin-quote__mark svg {
                    display: block;
                    width: 2.4rem;
                    height: 2.4rem;
                    max-width: none;
                }
            .dhin-quote__body {
                position: relative;
                z-index: 1;
            }
                .dhin-quote__quote {
                    margin: 0;
                    text-wrap: pretty;
                }
                    .dhin-quote__quote p {
                        margin: 0 0 1.6rem;
                    }
                    .dhin-quote__quote p:last-child {
                        margin: 0;
                    }
                .dhin-quote__cite {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    gap: 0.4rem;
                    margin-top: 3.2rem;
                    font-size: 1.4rem;
                    font-weight: 600;
                    font-style: italic;
                    text-wrap: pretty;
                }
    .dhin-quotes__pagination {
        --swiper-pagination-bullet-width: 1.2rem;
        --swiper-pagination-bullet-height: 1.2rem;
        --swiper-pagination-bullet-horizontal-gap: 0.6rem;
        --swiper-pagination-bullet-inactive-opacity: 1;
        position: static;
        margin: 3.2rem auto 0;
        text-align: center;
    }
    .dhin-quotes .swiper-pagination-bullet {
        background: var(--c-pri);
    }
    .dhin-quotes .swiper-pagination-bullet-active {
        background: var(--c-qua);
    }

@media only screen and (min-width: 640px) {
    .dhin-quote {
        font-size: 1.8rem;
    }
    .dhin-quote__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 1.6rem;
    }
    .dhin-quote__mark svg {
        width: 4.8rem;
        height: 4.8rem;
    }
}
@media only screen and (min-width: 769px) {
    .dhin-quote {
        font-size: 2rem;
    }
    .dhin-quote__mark svg {
        width: 5.6rem;
        height: 5.6rem;
    }
}


/* $BLOCK: SOLUTIONS OVERVIEW
--------------------------------------------------------*/

.dhin-sol-overview {
    position: relative;
    overflow: hidden;
    padding-top: 4.8rem;
}
    .dhin-sol-overview__title {
        margin: 0 0 4.8rem;
        font-size: 2.4rem;
        text-align: center;
    }
    .dhin-sol-overview__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 4.8rem;
    }
        .dhin-sol-overview__heading {
            margin: 0 0 1.6rem;
            font-size: 1.8rem;
            text-wrap: pretty;
        }
        .dhin-sol-overview__text {
            margin: 0 0 2.4rem;
            text-wrap: pretty;
        }
        .dhin-sol-overview__diagram {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            gap: 3.2rem;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }
            .dhin-sol-overview__bubble-wrap {
                position: relative;
                /* fit-content so the connector meets the circle edge */
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                -ms-grid-column-align: end;
                    justify-self: end;
            }
                .dhin-sol-overview__bubble {
                    padding: 0.4rem;
                }
                    .dhin-sol-overview__bubble-heading {
                        margin: 0;
                        font-size: 1.4rem;
                        text-wrap: balance;
                    }
            .dhin-sol-overview__items {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                gap: 3.2rem;
                margin: 0;
                padding: 0;
                list-style: none;
            }
                .dhin-sol-overview__item {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    gap: 1.2rem;
                    font-size: 1.4rem;
                }
                    .dhin-sol-overview__item-icon {
                        position: relative;
                        -ms-flex-negative: 0;
                            flex-shrink: 0;
                        width: 4.8rem;
                        color: var(--c-pri);
                    }
                        .dhin-sol-overview__item-svg,
                        .dhin-sol-overview__item-icon img {
                            position: relative;
                            z-index: 1;
                            width: 100%;
                            height: auto;
                        }
                    .dhin-sol-overview__item-title {
                        margin: 0;
                        font-size: 1.4rem;
                        color: var(--c-d);
                        text-wrap: pretty;
                    }
                    .dhin-sol-overview__item-text {
                        margin: 0;
                        text-wrap: pretty;
                    }

@media only screen and (min-width: 640px) {
    .dhin-sol-overview__diagram {
        -ms-grid-columns: 1fr 3.2rem 2.5fr;
        grid-template-columns: 1fr 2.5fr;
        gap: 3.2rem;
    }
    .dhin-sol-overview__bubble-wrap::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 100%;
        width: 3.2rem;
        height: 0.1rem;
        background: var(--c-d);
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .dhin-sol-overview__bubble {
        display: -ms-inline-grid;
        display: inline-grid;
        place-items: center;
        aspect-ratio: 1;
        padding: 2rem;
        background: var(--c-qui);
        border-radius: 50%;
    }
    .dhin-sol-overview__bubble-heading {
        text-align: center;
    }
    .dhin-sol-overview__items {
        padding-left: 1.6rem;
        border-left: 0.1rem solid var(--c-d);
    }
    .dhin-sol-overview__item-icon::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 100%;
        width: 1.6rem;
        height: 0.1rem;
        background: var(--c-d);
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .dhin-sol-overview__item-icon {
        width: 5.6rem;
    }
}
@media only screen and (min-width: 769px) {
    .dhin-sol-overview {
        padding-top: 9.6rem;
    }
    .dhin-sol-overview__diagram {
        -ms-grid-columns: 1fr 3fr;
        grid-template-columns: 1fr 3fr;
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-sol-overview__grid {
        -ms-grid-columns: 1fr 4.8rem 1.8fr;
        grid-template-columns: 1fr 1.8fr;
        gap: 4.8rem;
    }
    .dhin-sol-overview__diagram {
        -ms-grid-columns: 1fr 4.8rem 2.25fr;
        grid-template-columns: 1fr 2.25fr;
        gap: 4.8rem;
    }
    .dhin-sol-overview__bubble-wrap::before {
        width: 4.8rem;
    }
    .dhin-sol-overview__heading {
        font-size: 2rem;
    }
}
@media only screen and (min-width: 1280px) {
    .dhin-sol-overview__bubble-heading {
        font-size: 1.6rem;
    }
}


/* $BLOCK: NEWS + FACTS
--------------------------------------------------------*/

.dhin-news-facts {
    position: relative;
    overflow: hidden;
    padding-block: 8rem;
    background: url('assets/img/patterns/wavy-lines.webp') top center / cover no-repeat;
}
    .dhin-news-facts__inner {
        position: relative;
        z-index: 1;
    }
        .dhin-news-facts__grid {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            gap: 4.8rem;
        }
        .dhin-news-facts__card {
            height: 100%;
        }
            .dhin-news-facts__meta {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                gap: 0.4rem;
                margin-bottom: 0.2rem;
                font-size: 1.04rem;
            }
                .dhin-news-facts__meta-sep {
                    color: var(--c-qui);
                }
            .dhin-news-facts__article-title {
                margin: 0 0 0.4rem;
                font-size: 1.4rem;
                color: var(--c-sec);
                text-wrap: pretty;
            }
            .dhin-news-facts__excerpt {
                font-size: 1.2rem;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }
                .dhin-news-facts__excerpt p {
                    margin: 0;
                    text-wrap: pretty;
                }
            .dhin-news-facts__footer {
                text-align: right;
            }
            .dhin-news-facts__facts {
                display: -ms-grid;
                display: grid;
                place-items: center;
                font-weight: 700;
                text-align: center;
            }
                .dhin-stat__value {
                    margin: 0 0 0.4rem;
                    font-size: 2rem;
                    font-weight: 800;
                    text-wrap: balance;
                }
                .dhin-stat__details {
                    margin: 0;
                    text-wrap: balance;
                }

@media only screen and (min-width: 640px) {
    .dhin-news-facts__grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (min-width: 769px) {
    .dhin-news-facts {
        padding-top: 14.4rem;
    }
    .dhin-news-facts__article-title {
        font-size: 1.6rem;
    }
    .dhin-stat__value {
        font-size: 2.4rem;
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-news-facts__inner {
        max-width: 76.8rem;
    }
}


/* $BLOCK: PARTNERS MARQUEE
--------------------------------------------------------*/

.dhin-partners {
    position: relative;
    overflow: hidden;
    padding-block: 4rem 4.8rem;
}
    .dhin-partners__title {
        margin: 0 0 2.4rem;
        font-size: 1.2rem;
        font-weight: 600;
        letter-spacing: 0.18em;
        line-height: var(--dhin-lh-heading);
        text-align: center;
        text-transform: uppercase;
        color: color-mix(in srgb, var(--c-d) 55%, transparent);
    }
    .dhin-partners__marquee {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 2.6rem;
        width: 100%;
    }
        .dhin-partners__row {
            position: relative;
            overflow: hidden;
        }
            .dhin-partners__track {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                gap: 8rem;
                width: -webkit-max-content;
                width: -moz-max-content;
                width: max-content;
                will-change: transform;
                -webkit-animation: dhin-marquee-left 127s linear infinite;
                        animation: dhin-marquee-left 127s linear infinite;
            }
            .dhin-partners__row--right .dhin-partners__track {
                -webkit-animation-name: dhin-marquee-right;
                        animation-name: dhin-marquee-right;
                -webkit-animation-duration: 118s;
                        animation-duration: 118s;
            }
            .dhin-partners__row:nth-child(3) .dhin-partners__track {
                -webkit-animation-duration: 136s;
                        animation-duration: 136s;
            }
                .dhin-partners__item {
                    display: -ms-grid;
                    display: grid;
                    place-items: center;
                    -ms-flex-negative: 0;
                        flex-shrink: 0;
                    padding: 1rem 2.4rem;
                }
                    .dhin-partners__item img,
                    .dhin-partners__logo {
                        width: auto;
                        max-width: 22rem;
                        height: 10rem;
                        -o-object-fit: contain;
                           object-fit: contain;
                    }

@-webkit-keyframes dhin-marquee-left {
    from { -webkit-transform: translateX(0); transform: translateX(0); }
    to   { -webkit-transform: translateX(-50%); transform: translateX(-50%); }
}

@keyframes dhin-marquee-left {
    from { -webkit-transform: translateX(0); transform: translateX(0); }
    to   { -webkit-transform: translateX(-50%); transform: translateX(-50%); }
}
@-webkit-keyframes dhin-marquee-right {
    from { -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    to   { -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes dhin-marquee-right {
    from { -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    to   { -webkit-transform: translateX(0); transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
    .dhin-partners__track {
        -webkit-animation: none !important;
                animation: none !important;
    }
}
@media only screen and (min-width: 769px) {
    .dhin-partners {
        padding-block: 5.6rem 6.4rem;
    }
    .dhin-partners__title {
        margin-bottom: 3.2rem;
        font-size: 1.3rem;
    }
}


/* $FLAG
--------------------------------------------------------*/

.dhin-flag {
    margin: 0 0 1.6rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-filter: drop-shadow(0 0.4rem 0.5rem rgba(0, 0, 0, 0.15));
            filter: drop-shadow(0 0.4rem 0.5rem rgba(0, 0, 0, 0.15));
    font-size: 2rem;
    text-align: center;
    text-wrap: pretty;
}
    .dhin-flag__inner {
        display: block;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        margin-inline: auto;
        padding: 0.8rem 3em;
        background: var(--c-sec);
        color: var(--c-pri);
        clip-path: polygon(1em 0, 100% 0, calc(100% - 1em) 100%, 0 100%);
    }
@media only screen and (min-width: 769px) {
    .dhin-flag {
        font-size: 2.4rem;
    }
}


/* $JUMBO INTERIOR
--------------------------------------------------------*/

.dhin-jumbo {
    position: relative;
    overflow: hidden;
    color: var(--c-d);
}
    .dhin-jumbo__inner {
        position: relative;
        z-index: 1;
        display: -ms-grid;
        display: grid;
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content;
        gap: 2.4rem;
        padding-block: 3.2rem;
    }
    /* Match Resources rhythm: short air between hero and next block */
    .dhin-jumbo + .dhin-resources,
    .dhin-jumbo + .dhin-gov .dhin-gov__main > :first-child {
        margin-top: 2.4rem;
    }
    /* Only when lines FX hero meets white/transparent next — avoid stacked white gap */
    .dhin-jumbo:not(.dhin-jumbo--plain) + .dhin-section--default {
        -webkit-padding-before: 2.4rem;
                padding-block-start: 2.4rem;
    }
    .dhin-jumbo:not(.dhin-jumbo--plain) + .dhin-mission {
        -webkit-margin-before: 2.4rem;
                margin-block-start: 2.4rem;
    }
        .dhin-jumbo__title {
            margin: 0 0 1.6rem;
            font-size: 3rem;
            font-weight: 800;
            text-wrap: balance;
        }
        .dhin-jumbo__text {
            margin: 0;
            text-wrap: pretty;
        }
            .dhin-jumbo__text p {
                margin-block: 0 1.6rem;
                text-wrap: pretty;
            }
            .dhin-jumbo__text p:last-child {
                margin-bottom: 0;
            }
        .dhin-jumbo__cta {
            margin: 2.4rem 0 0;
        }
        .dhin-jumbo__callout {
            position: relative;
            overflow: hidden;
            padding: 2.4rem;
            background: var(--dhin-c-cyan-150);
            -webkit-box-shadow: 0 1.6rem 2.4rem -0.8rem rgba(0, 0, 0, 0.15);
                    box-shadow: 0 1.6rem 2.4rem -0.8rem rgba(0, 0, 0, 0.15);
            border: 0.1rem solid #dbeafe;
        }
            .dhin-jumbo__callout-label {
                margin: 0;
                font-size: 1.2rem;
                font-weight: 600;
                letter-spacing: 0.22em;
                text-transform: uppercase;
                color: var(--c-pri);
            }
            .dhin-jumbo__callout-text {
                margin-top: 1.6rem;
                font-size: 1.8rem;
                font-weight: 600;
                text-wrap: balance;
                color: var(--c-d);
            }
            .dhin-jumbo__callout .dhin-btn {
                margin-top: 1.6rem;
            }
        .dhin-jumbo--post .dhin-jumbo__inner {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        min-height: 19.2rem;
    }
    .dhin-jumbo__title--post {
        margin-bottom: 0;
        text-align: center;
    }
    .dhin-jumbo__photo {
        position: absolute;
        inset: 0;
        z-index: 0;
    }
        .dhin-jumbo__photo-img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            opacity: 0.2;
        }

@media only screen and (min-width: 769px) {
    .dhin-jumbo__inner {
        padding-block: 4.8rem;
    }
    .dhin-jumbo:not(.dhin-jumbo--plain) + .dhin-section--default {
        -webkit-padding-before: 3.2rem;
                padding-block-start: 3.2rem;
    }
    .dhin-jumbo:not(.dhin-jumbo--plain) + .dhin-mission {
        -webkit-margin-before: 3.2rem;
                margin-block-start: 3.2rem;
    }
    .dhin-jumbo__inner--aside {
        -ms-grid-columns: 1.875fr 4rem 1fr;
        grid-template-columns: 1.875fr 1fr;
        gap: 4rem;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .dhin-jumbo__title {
        margin-bottom: 2.4rem;
        font-size: 3.6rem;
    }
    .dhin-jumbo__title--post {
        margin-bottom: 0;
        text-align: left;
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-jumbo__inner {
        padding-block: 8rem;
    }
    .dhin-jumbo:not(.dhin-jumbo--plain) + .dhin-section--default {
        -webkit-padding-before: 2.4rem;
                padding-block-start: 2.4rem;
    }
    .dhin-jumbo:not(.dhin-jumbo--plain) + .dhin-mission {
        -webkit-margin-before: 2.4rem;
                margin-block-start: 2.4rem;
    }
    .dhin-jumbo__title {
        font-size: 4.8rem;
    }
    .dhin-jumbo__callout {
        margin-left: 6.4rem;
    }
}


/* $POSTS ARCHIVE
--------------------------------------------------------*/

.dhin-posts {
    position: relative;
    margin-top: 3.2rem;
    margin-bottom: 8rem;
}
    .dhin-posts__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 2.4rem;
    }

.dhin-post-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
    height: 100%;
    background: var(--c-l);
    border: 0.1rem solid rgba(0, 42, 68, 0.1);
    -webkit-box-shadow: 0 0.4rem 0.96rem -0.16rem rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.4rem 0.96rem -0.16rem rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-transform var(--dhin-dur-fast), -webkit-box-shadow var(--dhin-dur-fast);
    transition: -webkit-transform var(--dhin-dur-fast), -webkit-box-shadow var(--dhin-dur-fast);
    transition: transform var(--dhin-dur-fast), box-shadow var(--dhin-dur-fast);
    transition: transform var(--dhin-dur-fast), box-shadow var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast), -webkit-box-shadow var(--dhin-dur-fast);
}
.dhin-post-card:hover,
.dhin-post-card:focus-within {
    -webkit-transform: translateY(-0.2rem);
        -ms-transform: translateY(-0.2rem);
            transform: translateY(-0.2rem);
    -webkit-box-shadow: 0 3.2rem 4rem -1.2rem rgba(0, 0, 0, 0.25);
            box-shadow: 0 3.2rem 4rem -1.2rem rgba(0, 0, 0, 0.25);
}
    .dhin-post-card__media {
        display: -ms-grid;
        display: grid;
        place-items: center;
        aspect-ratio: 5 / 2;
        width: 100%;
        overflow: hidden;
        background: var(--dhin-c-cyan-150);
        color: var(--c-pri);
    }
        .dhin-post-card__icon {
            font-size: 8rem;
        }
        .dhin-post-card__img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -webkit-transition: -webkit-transform 800ms;
            transition: -webkit-transform 800ms;
            transition: transform 800ms;
            transition: transform 800ms, -webkit-transform 800ms;
        }
        .dhin-post-card:hover .dhin-post-card__img {
            -webkit-transform: scale(1.05);
                -ms-transform: scale(1.05);
                    transform: scale(1.05);
        }
    .dhin-post-card__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 2.4rem 2.4rem 0;
    }
        .dhin-post-card__meta {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            gap: 1.6rem;
            margin-bottom: 1.6rem;
            font-size: 1.2rem;
            font-weight: 500;
            color: rgba(20, 20, 20, 0.5);
        }
            .dhin-post-card__badge {
                display: inline-block;
                padding: 0.2rem 1rem;
                border: 0.1rem solid rgba(38, 61, 146, 0.2);
                border-radius: 999rem;
                background: rgba(188, 238, 250, 0.4);
                color: var(--c-pri);
            }
        .dhin-post-card__title {
            margin: 0 0 1.6rem;
            font-size: 2rem;
        }
            .dhin-post-card__link {
                color: inherit;
                text-decoration: none;
            }
            .dhin-post-card__link::after {
                content: '';
                position: absolute;
                inset: 0;
                z-index: 1;
            }
            .dhin-post-card:hover .dhin-post-card__link,
            .dhin-post-card__link:focus {
                text-decoration: underline;
                text-decoration-thickness: 0.1rem;
                text-underline-offset: 0.2rem;
            }
        .dhin-post-card__excerpt {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin: 0 0 2.4rem;
            color: #404040;
        }
        .dhin-post-card__footer {
            margin-top: auto;
            padding: 0 0 2.4rem;
            text-align: right;
        }

.dhin-btn--outline {
    background: var(--c-l);
    border: 0.1rem solid rgba(0, 42, 68, 0.15);
    color: var(--c-d);
}
.dhin-btn--outline:hover {
    background: rgba(0, 42, 68, 0.05);
}

@media only screen and (min-width: 769px) {
    .dhin-posts__grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}


/* $POST SINGLE + PROSE
--------------------------------------------------------*/

.dhin-post {
    padding-top: 1.6rem;
    padding-bottom: 4.8rem;
}
    .dhin-post__meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 2.4rem;
        margin-bottom: 4rem;
        padding-bottom: 1.6rem;
        border-bottom: 0.1rem solid #e5e5e5;
        font-size: 1.4rem;
        font-weight: 500;
    }
        .dhin-post__meta-left {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 1.6rem;
        }
        .dhin-post__meta-left p {
            margin: 0;
        }

.dhin-prose {
    color: inherit;
}
    .dhin-prose p {
        margin-block: 1.6rem;
    }
    .dhin-prose a {
        color: inherit;
        text-decoration: underline;
        text-decoration-thickness: 0.1rem;
        text-underline-offset: 0.25rem;
        -webkit-transition: color 0.15s ease;
        transition: color 0.15s ease;
    }
    .dhin-prose a:hover {
        color: var(--c-pri);
    }
    .dhin-section--blue .dhin-prose a:hover,
    .dhin-section--dark .dhin-prose a:hover,
    .dhin-card--blue .dhin-prose a:hover,
    .dhin-card--blue-gradient .dhin-prose a:hover,
    .dhin-card--blue-light .dhin-prose a:hover {
        color: var(--c-sec);
    }
    .dhin-prose h2, .dhin-prose h3, .dhin-prose h4 {
        margin: 4rem 0 1.6rem;
    }
    .dhin-prose ul, .dhin-prose ol {
        margin-block: 1.6rem;
        padding-left: 2.6rem;
    }
    .dhin-prose li {
        margin-block: 0.8rem;
    }
    .dhin-prose blockquote {
        position: relative;
        margin: 4rem 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: var(--c-pri);
        text-wrap: pretty;
    }
        .dhin-prose blockquote::before {
            content: "";
            display: block;
            width: 2.4rem;
            height: 2.4rem;
            margin-bottom: 0.8rem;
            background: var(--c-qui);
            -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 216C0 149.7 53.7 96 120 96h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V216zm256 0c0-66.3 53.7-120 120-120h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H320c-35.3 0-64-28.7-64-64V216z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 216C0 149.7 53.7 96 120 96h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V216zm256 0c0-66.3 53.7-120 120-120h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H320c-35.3 0-64-28.7-64-64V216z'/%3E%3C/svg%3E") center / contain no-repeat;
            -webkit-transform: skewX(-14deg);
                -ms-transform: skewX(-14deg);
                    transform: skewX(-14deg);
        }
        .dhin-prose blockquote p {
            margin: 0 0 1.6rem;
        }
        .dhin-prose blockquote p:last-of-type {
            margin-bottom: 0;
        }
        .dhin-prose blockquote cite {
            display: block;
            margin-top: 3.2rem;
            font-size: 1.4rem;
            font-weight: 600;
            font-style: italic;
            text-wrap: pretty;
        }
        .dhin-prose blockquote cite::before {
            content: "\2014\00a0";
        }

    .dhin-prose .wp-block-columns {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 1.6rem;
        margin-block: 1.6rem;
    }
        .dhin-prose .wp-block-columns ul,
        .dhin-prose .wp-block-columns ol {
            margin-block: 0;
        }

@media only screen and (min-width: 640px) {
    .dhin-prose blockquote {
        padding-left: 6.4rem;
        font-size: 1.8rem;
    }
    .dhin-prose blockquote::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 4.8rem;
        height: 4.8rem;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 769px) {
    .dhin-post {
        padding-bottom: 6.4rem;
    }
    .dhin-prose blockquote {
        padding-left: 7.2rem;
        font-size: 2rem;
    }
    .dhin-prose blockquote::before {
        width: 5.6rem;
        height: 5.6rem;
    }
    .dhin-prose .wp-block-columns {
        -ms-grid-columns: 1fr 4.8rem 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 4.8rem;
    }
}


/* $NEWSLETTERS
--------------------------------------------------------*/

.dhin-newsletters {
    position: relative;
    margin-top: 9.6rem;
    padding-bottom: 8rem;
    background: var(--dhin-c-cyan-150);
}
    .dhin-newsletters__intro {
        max-width: 67.2rem;
        margin: 0 auto 3.2rem;
        text-align: center;
        text-wrap: pretty;
    }
        .dhin-newsletters__intro p {
            margin: 0;
        }
    .dhin-newsletters__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 2.4rem;
        margin-bottom: 4.8rem;
    }
        .dhin-newsletters__heading {
            margin: 0 0 1.6rem;
            font-size: 2rem;
        }

.dhin-newsletter-card {
    position: relative;
    display: block;
    background: var(--c-l);
    -webkit-box-shadow: 0 0.4rem 0.96rem -0.16rem rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.4rem 0.96rem -0.16rem rgba(0, 0, 0, 0.1);
    color: inherit;
    text-decoration: none;
    -webkit-transition: background var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast), -webkit-box-shadow var(--dhin-dur-fast);
    transition: background var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast), -webkit-box-shadow var(--dhin-dur-fast);
    transition: transform var(--dhin-dur-fast), box-shadow var(--dhin-dur-fast), background var(--dhin-dur-fast);
    transition: transform var(--dhin-dur-fast), box-shadow var(--dhin-dur-fast), background var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast), -webkit-box-shadow var(--dhin-dur-fast);
}
.dhin-newsletter-card--featured:hover,
.dhin-newsletter-card--featured:focus-visible {
    -webkit-transform: translateY(-0.2rem);
        -ms-transform: translateY(-0.2rem);
            transform: translateY(-0.2rem);
    -webkit-box-shadow: 0 3.2rem 4rem -1.2rem rgba(0, 0, 0, 0.25);
            box-shadow: 0 3.2rem 4rem -1.2rem rgba(0, 0, 0, 0.25);
}
    .dhin-newsletter-card--featured {
        padding-bottom: 1.6rem;
    }
        .dhin-newsletter-card__preview {
            display: block;
            padding: 0.8rem;
        }
            .dhin-newsletter-card__preview img,
            .dhin-newsletter-card__img {
                display: block;
                width: 100%;
                /* Override WP PDF preview height="1024" so aspect-ratio can apply */
                height: auto;
                aspect-ratio: 16 / 9;
                -o-object-fit: cover;
                   object-fit: cover;
                -o-object-position: top;
                   object-position: top;
                border: 0.1rem solid rgba(0, 42, 68, 0.05);
            }
            .dhin-newsletter-card__fallback {
                display: -ms-grid;
                display: grid;
                place-items: center;
                aspect-ratio: 16 / 9;
                width: 100%;
                font-size: 6.4rem;
                background: var(--dhin-c-cyan-150);
                color: var(--c-pri);
            }
        .dhin-newsletter-card__row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            gap: 1.6rem;
            padding: 0 2.4rem;
        }
        .dhin-newsletter-card__title {
            display: block;
            font-size: 1.6rem;
            font-weight: 700;
            color: var(--c-pri);
        }
        .dhin-newsletter-card--featured:hover .dhin-newsletter-card__title,
        .dhin-newsletter-card--featured:focus-visible .dhin-newsletter-card__title {
            text-decoration: underline;
            text-decoration-thickness: 0.1rem;
            text-underline-offset: 0.2rem;
        }
        .dhin-newsletter-card__size {
            display: block;
            font-size: var(--dhin-fs-2xs);
            text-transform: uppercase;
            opacity: 0.7;
        }
        .dhin-newsletter-card__btn {
            display: -ms-grid;
            display: grid;
            place-items: center;
            width: 3.6rem;
            height: 3.6rem;
            border: 0.1rem solid rgba(0, 42, 68, 0.15);
            border-radius: var(--dhin-r-md);
            background: var(--c-l);
            color: var(--c-ter);
            -webkit-transition: background var(--dhin-dur-fast), color var(--dhin-dur-fast), border-color var(--dhin-dur-fast);
            transition: background var(--dhin-dur-fast), color var(--dhin-dur-fast), border-color var(--dhin-dur-fast);
        }
        .dhin-newsletter-card__btn--ghost {
            border-color: transparent;
            background: transparent;
        }
        .dhin-newsletter-card--row:hover .dhin-newsletter-card__btn--ghost,
        .dhin-newsletter-card--row:focus-visible .dhin-newsletter-card__btn--ghost {
            background: color-mix(in srgb, var(--c-ter) 10%, transparent);
        }
    .dhin-newsletter-card--row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 1.6rem;
        padding: 0.8rem 0.8rem;
        -webkit-box-shadow: none;
                box-shadow: none;
        background: transparent;
        -webkit-transition: background var(--dhin-dur-fast);
        transition: background var(--dhin-dur-fast);
    }
    .dhin-newsletter-card--row:hover,
    .dhin-newsletter-card--row:focus-visible {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        background: color-mix(in srgb, var(--c-qui) 12%, var(--c-l));
    }
        .dhin-newsletter-card--row .dhin-newsletter-card__title {
            font-size: 1.4rem;
        }
        .dhin-newsletter-card--row .dhin-newsletter-card__size {
            margin-left: auto;
        }

.dhin-newsletters__accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6rem;
}
    .dhin-newsletters__year {
        -webkit-box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.08);
                box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.08);
    }
        .dhin-newsletters__list {
            margin: 0;
            padding: 0.8rem 1.2rem 1.2rem;
            list-style: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            background: var(--c-l);
            border-top: 0.1rem solid #e5e7eb;
        }
            .dhin-newsletters__list > li + li {
                border-top: 0.1rem solid #e5e7eb;
            }

.dhin-newsletters__connect {
    padding: 3.2rem 2.4rem;
    background: rgba(0, 205, 238, 0.3);
    text-align: center;
}
    .dhin-newsletters__connect-title {
        margin: 0 0 0.4rem;
        font-size: 2rem;
    }
    .dhin-newsletters__connect-text {
        margin: 0 0 1.6rem;
        font-size: 1.4rem;
        text-wrap: pretty;
    }

@media only screen and (min-width: 769px) {
    .dhin-newsletters__grid {
        -ms-grid-columns: 1fr 3.2rem 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 3.2rem;
    }
}


/* $JUMBO CENTERED TEXT
--------------------------------------------------------*/

.dhin-jumbo__inner--center {
    max-width: 76.8rem;
    text-align: center;
}
    .dhin-jumbo__title--center {
        margin-bottom: 0;
    }
    .dhin-jumbo__text--center {
        margin-top: 1.6rem;
        text-wrap: pretty;
    }
        .dhin-jumbo__text--center p {
            margin-block: 1.6rem;
        }


/* $BLOCK: MISSION CARD
--------------------------------------------------------*/

.dhin-mission {
    position: relative;
    z-index: 1;
    margin-block: 8rem;
}
    .dhin-mission__container {
        width: 100%;
        max-width: 89.6rem;
        margin-inline: auto;
        padding-inline: 1.6rem;
    }
    .dhin-mission__card {
        overflow: visible;
        background: linear-gradient(to top, var(--c-qua), var(--dhin-c-sky-650) 65%);
        color: var(--c-l);
    }
        .dhin-mission__grid {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            gap: 1.6rem;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding-inline: 2.4rem;
        }
        .dhin-mission__content {
            padding-block: 2.4rem;
        }
            .dhin-mission__title {
                margin: 0 0 2.4rem;
                color: var(--c-l);
            }
            .dhin-mission__item {
                margin-bottom: 2.4rem;
            }
            .dhin-mission__item:last-child {
                margin-bottom: 0;
            }
                .dhin-mission__label {
                    margin: 0 0 0.8rem;
                    font-size: var(--dhin-fs-2xs);
                    font-weight: 700;
                    letter-spacing: 0.24em;
                    text-transform: uppercase;
                    color: var(--c-qui);
                }
                .dhin-mission__text {
                    margin: 0;
                    text-wrap: pretty;
                }
        .dhin-mission__media {
            max-width: 28.8rem;
            margin-inline: auto;
            -webkit-transform: translateY(0.8rem);
                -ms-transform: translateY(0.8rem);
                    transform: translateY(0.8rem);
        }
            .dhin-mission__figure {
                margin: 0;
                clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
            }
                .dhin-mission__img {
                    display: block;
                    width: 100%;
                    height: auto;
                }

@media only screen and (min-width: 769px) {
    .dhin-mission__grid {
        -ms-grid-columns: 1fr 4.8rem 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 4.8rem;
    }
    .dhin-mission__content {
        padding-left: 2.4rem;
    }
    .dhin-mission__media {
        max-width: none;
        margin-inline: 0;
        -webkit-transform: translateY(-2.4rem);
            -ms-transform: translateY(-2.4rem);
                transform: translateY(-2.4rem);
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-mission__content {
        font-size: 1.8rem;
    }
}


/* $BLOCK: HISTORY TIMELINE
--------------------------------------------------------*/

.dhin-history {
    position: relative;
    margin-top: 1.6rem;
    margin-bottom: 8rem;
}
    .dhin-history__head {
        margin-bottom: 4.8rem;
        text-align: center;
    }
        .dhin-history__title {
            margin: 0 0 1.6rem;
        }
        .dhin-history__intro {
            margin: 0;
            text-wrap: pretty;
        }
    .dhin-history__timeline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 4.8rem;
        margin: 0;
        padding: 0;
        list-style: none;
    }
        .dhin-history__entry {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            gap: 4.8rem;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            font-size: 1.4rem;
        }
            .dhin-history__marker {
                position: relative;
                z-index: 1;
                width: 100%;
            }
            .dhin-history__marker::before {
                content: '';
                position: absolute;
                z-index: 0;
                top: 50%;
                left: 50%;
                width: 0.1rem;
                height: calc(50% + 4.8rem);
                background: var(--c-d);
            }
                .dhin-history__badge {
                    position: relative;
                    width: 14.4rem;
                    margin-inline: auto;
                }
                    .dhin-history__year {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        z-index: 2;
                        margin: 0;
                        min-width: 40%;
                        max-width: -webkit-max-content;
                        max-width: -moz-max-content;
                        max-width: max-content;
                        -webkit-transform: translate(-1.6rem, -50%);
                            -ms-transform: translate(-1.6rem, -50%);
                                transform: translate(-1.6rem, -50%);
                        -webkit-filter: drop-shadow(0 0.4rem 0.3rem rgba(0, 0, 0, 0.1));
                                filter: drop-shadow(0 0.4rem 0.3rem rgba(0, 0, 0, 0.1));
                        font-size: 1.4rem;
                        font-weight: 700;
                        color: var(--c-d);
                    }
                        .dhin-history__year span {
                            display: block;
                            padding: 0.8rem 3em;
                            background: var(--c-sec);
                            clip-path: polygon(1.6rem 0, 100% 0, calc(100% - 1.6rem) 100%, 0 100%);
                        }
                    .dhin-history__circle {
                        position: relative;
                        z-index: 1;
                        display: block;
                        aspect-ratio: 1;
                        overflow: hidden;
                        border-radius: 50%;
                    }
                        .dhin-history__img {
                            width: 100%;
                            height: 100%;
                            -o-object-fit: cover;
                               object-fit: cover;
                        }
            .dhin-history__body {
                position: relative;
                padding: 1.6rem 2.4rem;
                border-top: 0.1rem solid var(--c-d);
            }
            .dhin-history__body::before,
            .dhin-history__body::after {
                content: '';
                position: absolute;
                background: var(--c-d);
            }
            .dhin-history__body::before {
                top: 0;
                left: 0;
                width: 0.1rem;
                height: 1.6rem;
            }
            .dhin-history__body::after {
                top: 0;
                right: 0;
                width: 0.1rem;
                height: 1.6rem;
            }
                .dhin-history__body p {
                    margin: 0;
                    text-wrap: pretty;
                }

@media only screen and (min-width: 769px) {
    .dhin-history__entry {
        -ms-grid-columns: 1fr 3.5fr;
        grid-template-columns: 1fr 3.5fr;
    }
    .dhin-history__marker::before {
        top: 50%;
        left: 50%;
        width: calc(50% + 4.8rem);
        height: 0.1rem;
    }
    .dhin-history__body {
        border-top: 0;
        border-left: 0.1rem solid var(--c-d);
        padding: 1.6rem 0 1.6rem 2.4rem;
    }
    .dhin-history__body::before {
        top: 0;
        left: 0;
        width: 1.6rem;
        height: 0.1rem;
    }
    .dhin-history__body::after {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
        width: 1.6rem;
        height: 0.1rem;
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-history__entry {
        -ms-grid-columns: 1fr 6.4rem 4.5fr;
        grid-template-columns: 1fr 4.5fr;
        gap: 6.4rem;
    }
    .dhin-history__marker::before {
        width: calc(50% + 6.4rem);
    }
}


/* $BLOCK: BOARD LIST
--------------------------------------------------------*/

.dhin-board {
    position: relative;
    margin-block: 4.8rem 8rem;
}
    .dhin-board__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 2rem 3.2rem;
        margin: 0;
        padding: 1.6rem 0 0;
        list-style: none;
    }
        .dhin-board__person {
            list-style: none;
        }
            .dhin-board__name {
                margin: 0;
                font-size: 1.4rem;
                color: var(--c-sec);
            }
            .dhin-board__org-title,
            .dhin-board__org {
                margin: 0.6rem 0 0;
                font-size: 1.2rem;
                text-wrap: pretty;
            }
            .dhin-board__org {
                font-weight: 700;
            }
            .dhin-board__star {
                color: var(--c-qui);
            }
    .dhin-board__note {
        margin: 4rem 0 0;
        font-size: 1.2rem;
        font-style: italic;
    }

@media only screen and (min-width: 640px) {
    .dhin-board__grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-board__grid {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}


/* $BLOCK: LEADERSHIP BROWSER
--------------------------------------------------------*/

.dhin-leaders {
    position: relative;
    margin-top: 3.2rem;
    margin-bottom: 8rem;
}
    .dhin-leaders__desktop {
        display: none;
    }
    .dhin-leaders__mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 6.4rem;
    }

    .dhin-leaders__selector {
        width: 100%;
        padding: 1.6rem 2rem;
        border: 0.1rem solid rgba(0, 42, 68, 0.1);
        border-radius: var(--dhin-r-2xl);
        background: var(--c-l);
        color: var(--c-d);
        text-align: left;
        cursor: pointer;
        -webkit-transition: border-color var(--dhin-dur-fast), background var(--dhin-dur-fast), color var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast), -webkit-box-shadow var(--dhin-dur-fast);
        transition: border-color var(--dhin-dur-fast), background var(--dhin-dur-fast), color var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast), -webkit-box-shadow var(--dhin-dur-fast);
        transition: transform var(--dhin-dur-fast), border-color var(--dhin-dur-fast), box-shadow var(--dhin-dur-fast), background var(--dhin-dur-fast), color var(--dhin-dur-fast);
        transition: transform var(--dhin-dur-fast), border-color var(--dhin-dur-fast), box-shadow var(--dhin-dur-fast), background var(--dhin-dur-fast), color var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast), -webkit-box-shadow var(--dhin-dur-fast);
    }
    .dhin-leaders__selector:hover {
        -webkit-transform: translateY(-0.2rem);
            -ms-transform: translateY(-0.2rem);
                transform: translateY(-0.2rem);
        border-color: rgba(38, 61, 146, 0.4);
        -webkit-box-shadow: 0 0.4rem 0.96rem -0.16rem rgba(0, 0, 0, 0.1);
                box-shadow: 0 0.4rem 0.96rem -0.16rem rgba(0, 0, 0, 0.1);
    }
    .dhin-leaders__selector--active {
        border-color: var(--c-pri);
        background: var(--c-pri);
        color: var(--c-l);
        -webkit-box-shadow: 0 1.6rem 2.4rem -0.8rem rgba(38, 61, 146, 0.2);
                box-shadow: 0 1.6rem 2.4rem -0.8rem rgba(38, 61, 146, 0.2);
    }
    .dhin-leaders__selector--active:hover {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
        .dhin-leaders__selector-head {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            gap: 1.6rem;
        }
            .dhin-leaders__selector-name {
                display: block;
                font-size: 1.6rem;
                font-weight: 600;
            }
            .dhin-leaders__selector-title {
                display: block;
                margin-top: 0.4rem;
                font-size: 1.2rem;
                letter-spacing: 0.22em;
                text-transform: uppercase;
                color: rgba(0, 42, 68, 0.6);
            }
            .dhin-leaders__selector--active .dhin-leaders__selector-title {
                color: rgba(255, 255, 255, 0.7);
            }
            .dhin-leaders__selector-cta {
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                font-size: 1.2rem;
                font-weight: 600;
                letter-spacing: 0.18em;
                text-transform: uppercase;
                color: var(--c-pri);
                opacity: 0;
                -webkit-transform: translateY(0.4rem);
                    -ms-transform: translateY(0.4rem);
                        transform: translateY(0.4rem);
                -webkit-transition: opacity var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast);
                transition: opacity var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast);
                transition: opacity var(--dhin-dur-fast), transform var(--dhin-dur-fast);
                transition: opacity var(--dhin-dur-fast), transform var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast);
            }
            .dhin-leaders__selector:hover .dhin-leaders__selector-cta,
            .dhin-leaders__selector:focus-visible .dhin-leaders__selector-cta {
                opacity: 1;
                -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                        transform: translateY(0);
            }
            .dhin-leaders__selector--active .dhin-leaders__selector-cta {
                color: var(--c-l);
            }
        .dhin-leaders__selector-excerpt {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin-top: 1.2rem;
            max-height: 9.6rem;
            font-size: 1.4rem;
            color: rgba(0, 42, 68, 0.7);
            text-wrap: pretty;
        }
        .dhin-leaders__selector--active .dhin-leaders__selector-excerpt {
            color: rgba(255, 255, 255, 0.8);
        }

    .dhin-leaders__panel {
        display: none;
        background: var(--c-l);
        border: 0.1rem solid rgba(0, 42, 68, 0.05);
        -webkit-box-shadow: 0 3.2rem 4rem -1.2rem rgba(0, 42, 68, 0.1);
                box-shadow: 0 3.2rem 4rem -1.2rem rgba(0, 42, 68, 0.1);
    }
    .dhin-leaders__panel--active {
        display: block;
    }
        .dhin-leaders__panel-flag {
            margin: 0;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            -webkit-filter: drop-shadow(0 0.4rem 0.3rem rgba(0, 0, 0, 0.1));
                    filter: drop-shadow(0 0.4rem 0.3rem rgba(0, 0, 0, 0.1));
            font-size: 1.8rem;
            font-weight: 700;
        }
            .dhin-leaders__panel-flag-inner {
                display: block;
                width: calc(100% - 1.6rem);
                padding: 0.8rem 3em 0.8rem 2.4rem;
                background: var(--c-pri);
                color: var(--c-l);
                text-align: left;
                clip-path: polygon(1.6rem 0, 100% 0, calc(100% - 1.6rem) 100%, 0 100%);
            }
                .dhin-leaders__panel-title {
                    display: block;
                    font-size: 1.2rem;
                    text-transform: uppercase;
                }
                .dhin-leaders__panel-divider {
                    display: none;
                }
        .dhin-leaders__panel-body {
            position: relative;
            padding: 0 2.4rem 2.4rem;
        }
            .dhin-leaders__panel-scroll {
                overflow: visible;
            }
            .dhin-leaders__panel-fade {
                display: none;
            }

    .dhin-leaders__card {
        background: var(--c-l);
        border: 0.1rem solid rgba(0, 42, 68, 0.05);
    }
        .dhin-leaders__card-body {
            padding: 0 1.6rem 2.4rem;
        }
        .dhin-leaders__card-toggle {
            margin-top: 1.6rem;
        }

@media only screen and (min-width: 769px) {
    .dhin-leaders__mobile {
        display: none;
    }
    .dhin-leaders__desktop {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(0, 1.05fr) 4rem minmax(0, 1.95fr);
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.95fr);
        gap: 4rem;
    }
        .dhin-leaders__list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 2rem;
            position: sticky;
            top: 9.6rem;
            -ms-flex-item-align: start;
                -ms-grid-row-align: start;
                align-self: start;
        }
        .dhin-leaders__detail {
            position: sticky;
            top: 11.2rem;
            -ms-flex-item-align: start;
                -ms-grid-row-align: start;
                align-self: start;
        }
        .dhin-leaders__panel-flag-inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            gap: 0;
        }
        .dhin-leaders__panel-title {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }
        .dhin-leaders__panel-divider {
            display: inline-block;
            width: 0.1rem;
            height: 2.4rem;
            margin-inline: 1.2rem;
            -webkit-transform: rotate(24deg);
                -ms-transform: rotate(24deg);
                    transform: rotate(24deg);
            background: var(--c-qui);
        }
}
@media only screen and (min-width: 1024px) {
    .dhin-leaders__desktop {
        gap: 5.6rem;
    }
}


/* $SECTION (generic themed band)
--------------------------------------------------------*/

.dhin-section {
    position: relative;
    padding-block: 4.8rem;
}
.dhin-section--cyan-light {
    background: color-mix(in srgb, var(--dhin-c-cyan-150) 40%, transparent);
}
.dhin-section--cyan {
    background: var(--dhin-c-cyan-150);
}
.dhin-section--blue {
    background: var(--c-pri);
    color: var(--c-l);
}
.dhin-section--dark {
    background: var(--c-d);
    color: var(--c-l);
}
.dhin-section--cyan-light + .dhin-section--cyan-light,
.dhin-section--cyan + .dhin-section--cyan {
    padding-top: 0;
}
.dhin-section--blue + .dhin-section--blue {
    padding-top: 0;
}
    .dhin-section__title {
        margin: 0 0 1.6rem;
        font-size: 2.4rem;
        color: var(--c-pri);
        text-wrap: pretty;
    }
    .dhin-section__title--prose {
        color: var(--c-d);
    }
    .dhin-section__title--white {
        color: var(--c-l);
    }
    .dhin-section__title--center {
        text-align: center;
    }
    .dhin-section__intro {
        max-width: 76.8rem;
        color: var(--c-d);
        text-wrap: pretty;
    }
        .dhin-section__intro p {
            margin-block: 0 1.6rem;
        }
    .dhin-section__intro--center {
        margin-inline: auto;
        text-align: center;
    }
    .dhin-section--blue .dhin-section__intro,
    .dhin-section--dark .dhin-section__intro,
    .dhin-section--blue .dhin-section__intro {
        color: inherit;
    }
    .dhin-section--blue .dhin-section__title,
    .dhin-section--dark .dhin-section__title {
        color: var(--c-l);
    }
    .dhin-section--blue p,
    .dhin-section--dark p,
    .dhin-stat-icons p {
        color: inherit;
    }
    .dhin-section__footnote {
        max-width: 102.4rem;
        margin: 3.2rem 0 0;
        font-size: 1.4rem;
        text-wrap: pretty;
    }
        .dhin-section__footnote p {
            margin: 0 0 1.6rem;
        }
        .dhin-section__footnote p:last-child {
            margin-bottom: 0;
        }

@media only screen and (min-width: 769px) {
    .dhin-section {
        padding-block: 6.4rem;
    }
    .dhin-section__title:not(.dhin-section__title--prose) {
        font-size: 3rem;
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-section {
        padding-block: 8rem;
    }
}


/* $ACCORDION
--------------------------------------------------------*/

.dhin-accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6rem;
    margin-top: 4rem;
}
    .dhin-accordion__item {
        width: 100%;
    }
        .dhin-accordion__trigger {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            cursor: pointer;
            background: var(--c-l);
            font-size: 1.6rem;
            font-weight: 700;
            color: var(--c-pri);
            list-style: none;
        }
        .dhin-accordion__trigger::-webkit-details-marker {
            display: none;
        }
            .dhin-accordion__heading {
                -webkit-box-flex: 1;
                    -ms-flex: 1 1 auto;
                        flex: 1 1 auto;
                display: block;
                padding: 1.2rem 1.8rem;
            }
            .dhin-accordion__tab {
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                padding: 0.8rem 1.6rem 0.8rem 2.4em;
                background: var(--c-qui);
                color: var(--c-pri);
                clip-path: polygon(0 0, 100% 0, 100% 100%, 0.8em 100%);
                -webkit-transition: background var(--dhin-dur-fast);
                transition: background var(--dhin-dur-fast);
            }
            .dhin-accordion__trigger:hover .dhin-accordion__tab,
            .dhin-accordion__item[open] .dhin-accordion__tab {
                background: var(--c-sec);
            }
                .dhin-accordion__icon {
                    display: block;
                    -webkit-transition: -webkit-transform var(--dhin-dur-fast);
                    transition: -webkit-transform var(--dhin-dur-fast);
                    transition: transform var(--dhin-dur-fast);
                    transition: transform var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast);
                }
                .dhin-accordion__item[open] .dhin-accordion__icon {
                    -webkit-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                            transform: rotate(45deg);
                }
        .dhin-accordion__content {
            padding: 1.4rem 1.6rem;
            background: var(--c-l);
            border-top: 0.1rem solid #e5e7eb;
            font-size: 1.4rem;
            color: var(--c-d);
        }

@media only screen and (min-width: 769px) {
    .dhin-accordion__trigger {
        font-size: 1.8rem;
    }
}


/* $DESTINATION CARDS
--------------------------------------------------------*/

.dhin-destinations {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 3.2rem;
    margin-top: 4rem;
}
    .dhin-destination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 100%;
        padding-block: 2.4rem;
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(0.8rem);
        border: 0.1rem solid rgba(0, 42, 68, 0.1);
        -webkit-box-shadow: 0 1.6rem 2.4rem -0.8rem rgba(0, 42, 68, 0.12);
                box-shadow: 0 1.6rem 2.4rem -0.8rem rgba(0, 42, 68, 0.12);
    }
        .dhin-destination__head {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            gap: 1.6rem;
            padding: 0 2.4rem 2.4rem;
            border-bottom: 0.1rem solid rgba(0, 42, 68, 0.1);
        }
            .dhin-destination__id {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                gap: 1.2rem;
            }
                .dhin-destination__logo {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    -webkit-box-pack: center;
                        -ms-flex-pack: center;
                            justify-content: center;
                    -ms-flex-negative: 0;
                        flex-shrink: 0;
                    width: 4rem;
                    aspect-ratio: 1;
                    padding: 0.6rem;
                    border-radius: var(--dhin-r-lg);
                }
                .dhin-destination__logo--bg-green { background: #45db61; }
                .dhin-destination__logo--bg-blue { background: var(--c-pri); }
                .dhin-destination__logo--bg-cyan { background: var(--dhin-c-cyan-150); }
                .dhin-destination__logo--bg-amber { background: var(--c-sec); }
                .dhin-destination__logo--bg-dark { background: var(--c-pri); }
                .dhin-destination__logo--bg-white { background: var(--c-l); -webkit-box-shadow: inset 0 0 0 0.1rem rgba(0, 42, 68, 0.1); box-shadow: inset 0 0 0 0.1rem rgba(0, 42, 68, 0.1); }
                .dhin-destination__logo--fg-dark { color: var(--c-d); }
                .dhin-destination__logo--fg-white { color: var(--c-l); }
                .dhin-destination__logo--fg-blue { color: var(--c-pri); }
                    .dhin-destination__logo svg,
                    .dhin-destination__logo img {
                        display: block;
                        width: 100%;
                        height: 100%;
                        -o-object-fit: contain;
                           object-fit: contain;
                        fill: currentColor;
                    }
                .dhin-destination__title {
                    margin: 0;
                    font-size: 2rem;
                    color: var(--c-d);
                }
                .dhin-destination__kicker {
                    margin: 0.2rem 0 0;
                    font-size: 1.2rem;
                    font-weight: 600;
                    letter-spacing: 0.2em;
                    text-transform: uppercase;
                    color: color-mix(in srgb, var(--c-pri) 60%, transparent);
                }
            .dhin-destination__badge {
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                padding: 0.4rem 1.2rem;
                border-radius: 999rem;
                background: rgba(0, 42, 68, 0.05);
                font-size: 1.2rem;
                font-weight: 600;
                color: var(--c-pri);
            }
        .dhin-destination__body {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
            padding: 2.4rem 2.4rem 0;
            color: rgba(0, 42, 68, 0.7);
        }
            .dhin-destination__body p {
                margin: 0;
                text-wrap: pretty;
            }
        .dhin-destination__footer {
            margin-top: auto;
            padding: 2.4rem 2.4rem 0;
        }

@media only screen and (min-width: 640px) {
    .dhin-destination__logo {
        width: 5.6rem;
        padding: 0.8rem;
        border-radius: var(--dhin-r-2xl);
    }
    .dhin-destination__head {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .dhin-destination__id {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 1.6rem;
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-destinations {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}


/* $BLOCK: SOLUTIONS CHILD PAGES
--------------------------------------------------------*/

.dhin-sol-children {
    position: relative;
    z-index: 0;
    padding-block: 8rem;
    background: var(--dhin-c-cyan-150);
}
/* Extra top pad when a get-started card overlaps this band */
.dhin-sol-children--pad-top {
    padding-top: calc(8rem + var(--dhin-get-started-overlap));
}
    .dhin-sol-children__title {
        margin: 0 0 1.6rem;
        font-size: 1.8rem;
        text-align: center;
        color: var(--c-d);
    }
    .dhin-sol-children__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 1.6rem;
    }
        .dhin-sol-children__card {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 100%;
            padding: 2.4rem 2.4rem 2rem;
            text-align: center;
            background: var(--c-l);
            border: 0.1rem solid color-mix(in srgb, var(--c-pri) 10%, transparent);
            -webkit-transition: background var(--dhin-dur-fast);
            transition: background var(--dhin-dur-fast);
        }
        .dhin-sol-children__card:hover,
        .dhin-sol-children__card:focus-within {
            background: rgba(255, 255, 255, 0.8);
        }
            .dhin-sol-children__icon {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                width: 6.4rem;
                height: 6.4rem;
                margin: 0 auto 0.8rem;
                color: var(--c-pri);
            }
                .dhin-sol-children__icon-svg {
                    width: 4.8rem;
                    max-width: 4.8rem;
                    max-height: 4.8rem;
                    height: auto;
                    -ms-flex-negative: 0;
                        flex-shrink: 0;
                }
            .dhin-sol-children__card-title {
                margin: 0 0 0.8rem;
                font-size: 1.4rem;
                font-weight: 700;
                color: var(--c-pri);
                text-decoration-thickness: 0.1rem;
                text-underline-offset: 0.2rem;
            }
            .dhin-sol-children__card:hover .dhin-sol-children__card-title,
            .dhin-sol-children__card:focus-within .dhin-sol-children__card-title {
                text-decoration-line: underline;
            }
            .dhin-sol-children__arrow {
                margin-top: auto;
                font-size: 2.4rem;
                line-height: var(--dhin-lh-ui);
                color: var(--c-ter);
                -webkit-transition: -webkit-transform var(--dhin-dur-fast);
                transition: -webkit-transform var(--dhin-dur-fast);
                transition: transform var(--dhin-dur-fast);
                transition: transform var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast);
            }
            .dhin-sol-children__card:hover .dhin-sol-children__arrow {
                -webkit-transform: translateX(0.4rem);
                    -ms-transform: translateX(0.4rem);
                        transform: translateX(0.4rem);
            }
            .dhin-sol-children__link {
                position: absolute;
                inset: 0;
                z-index: 1;
            }

@media only screen and (min-width: 640px) {
    .dhin-sol-children__card {
        width: calc(50% - 1.2rem);
    }
}
@media only screen and (min-width: 769px) {
    .dhin-sol-children__title {
        font-size: 2rem;
    }
    .dhin-sol-children__card {
        width: calc(33.3333% - 1.2rem);
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-sol-children__card {
        width: calc(25% - 1.2rem);
    }
}


/* $BLOCK: ICON CARDS
--------------------------------------------------------*/

.dhin-icon-cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 2.4rem;
    margin-top: 3.2rem;
}
    .dhin-icon-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 1.2rem;
        height: 100%;
        padding: 2.4rem;
        background: var(--c-l);
        color: var(--c-d);
        border: 0.1rem solid rgba(0, 42, 68, 0.05);
        -webkit-box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
                box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
    }
        .dhin-icon-card__head {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 1.2rem;
        }
            .dhin-icon-card__icon {
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                color: var(--dhin-c-cyan-600);
            }
                .dhin-icon-card__icon .dhin-icon-card__svg {
                    width: 2rem;
                    height: 2rem;
                    max-width: none;
                }
            .dhin-icon-card__circle {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                width: 4.8rem;
                height: 4.8rem;
                border-radius: 50%;
                background: color-mix(in srgb, var(--c-sec) 20%, transparent);
                color: var(--c-sec);
            }
                .dhin-icon-card__circle .dhin-icon-card__svg {
                    width: 2.4rem;
                    height: 2.4rem;
                    max-width: none;
                }
            .dhin-icon-card__title {
                margin: 0;
                font-size: 1.8rem;
                font-weight: 700;
                color: var(--c-pri);
                text-wrap: pretty;
            }
        .dhin-icon-card__body {
            font-size: inherit;
        }
            .dhin-icon-card__body > p:first-child {
                margin-top: 0;
            }
            .dhin-icon-card__body > p:last-child,
            .dhin-icon-card__body > ul:last-child {
                margin-bottom: 0;
            }
        .dhin-icon-card__footer {
            margin-top: auto;
        }
            .dhin-icon-card__link {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                gap: 0.8rem;
                font-weight: 400;
                color: var(--c-pri);
                text-decoration: none;
            }
            .dhin-icon-card__link:hover,
            .dhin-icon-card__link:focus-visible {
                color: var(--c-qua);
            }
    .dhin-icon-card--blue {
        background: var(--c-pri);
        color: var(--c-l);
    }
        .dhin-icon-card--blue .dhin-icon-card__title {
            color: var(--c-l);
        }
        .dhin-icon-card--blue .dhin-icon-card__icon {
            color: var(--c-sec);
        }
        .dhin-icon-card--blue .dhin-prose,
        .dhin-icon-card--blue p {
            color: inherit;
        }
    .dhin-icon-card--flagged {
        padding-top: 0;
        overflow: visible;
    }

@media only screen and (min-width: 769px) {
    .dhin-icon-cards--cols-1 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .dhin-icon-cards--cols-2 {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
    .dhin-icon-cards--cols-3 {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
    .dhin-icon-cards--cols-2:not(.dhin-icon-cards--aside-span) > :last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
    /* 2-col: first two stack left; third spans both rows on the right */
    .dhin-icon-cards--aside-span > :nth-child(2) {
        -ms-grid-column: 1;
        grid-column: 1;
    }
    .dhin-icon-cards--aside-span > :nth-child(3) {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1 / span 2;
    }
    .dhin-icon-card__title {
        font-size: 2rem;
    }
}

.dhin-section:has(.dhin-icon-cards) + .dhin-section:has(.dhin-icon-cards):not(:has(.dhin-section__title)) {
    padding-top: 0;
}
.dhin-section:has(.dhin-icon-cards) + .dhin-section:has(.dhin-icon-cards):not(:has(.dhin-section__title)) .dhin-icon-cards {
    margin-top: 2.4rem;
}


/* $BLOCK: SPLIT ASIDE
--------------------------------------------------------*/

.dhin-split__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 3.2rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}
    .dhin-split__text > p:first-child {
        margin-top: 0;
    }
    .dhin-split__card {
        gap: 0.8rem;
        padding: 2.4rem;
        -webkit-box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
                box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
    }
    .dhin-card--white {
        background: var(--c-l);
        color: var(--c-d);
    }
        .dhin-split__card-icon {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            color: var(--dhin-c-cyan-600);
        }
            .dhin-split__card-svg {
                width: 2rem;
                height: 2rem;
                max-width: none;
            }
        .dhin-split__card-title {
            margin: 0;
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--c-pri);
        }
        .dhin-card--blue .dhin-split__card-title {
            color: var(--c-l);
        }
        .dhin-split__card-text {
            margin: 0;
            text-wrap: pretty;
        }
        .dhin-split__card-cta {
            margin: 0.8rem 0 0;
        }
        .dhin-split__card-head {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 1.2rem;
            margin: 0;
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--c-pri);
        }
        .dhin-card--blue .dhin-split__card-head {
            color: var(--c-l);
        }
            .dhin-split__card-icon--inline {
                -ms-flex-negative: 0;
                    flex-shrink: 0;
            }
            .dhin-card--blue .dhin-split__card-icon {
                color: var(--c-sec);
            }
        .dhin-split__card-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 1.6rem;
            margin: 1.6rem 0 0;
            padding: 0;
            list-style: none;
        }
            .dhin-split__card-item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                gap: 0.8rem;
                text-wrap: pretty;
            }
                .dhin-split__card-check {
                    -ms-flex-negative: 0;
                        flex-shrink: 0;
                    margin-top: 0.3rem;
                    font-size: 1.6rem;
                    color: var(--c-sec);
                }

@media only screen and (min-width: 1024px) {
    .dhin-split__inner {
        -ms-grid-columns: 1.2fr 4.8rem 1fr;
        grid-template-columns: 1.2fr 1fr;
        gap: 4.8rem;
    }
}


/* $BLOCK: STATS BAND
--------------------------------------------------------*/

.dhin-stats__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 4rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}
    .dhin-stats__text p {
        margin-block: 0 1.6rem;
        text-wrap: pretty;
    }
    .dhin-stats__text p:last-child {
        margin-bottom: 0;
    }
    .dhin-stats__cards {
        display: -ms-grid;
        display: grid;
        gap: 2.4rem;
    }
        .dhin-stats__card {
            padding: 2.4rem;
            background: var(--c-l);
            color: var(--c-d);
            -webkit-box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
                    box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
        }
            .dhin-stats__value {
                margin: 0 0 0.8rem;
                font-size: 3rem;
                font-weight: 600;
                line-height: var(--dhin-lh-display);
            }
            .dhin-stats__label {
                margin: 0;
                font-size: 1.4rem;
                text-wrap: pretty;
            }

@media only screen and (min-width: 1024px) {
    .dhin-stats__inner {
        -ms-grid-columns: 1.2fr 6.4rem 1fr;
        grid-template-columns: 1.2fr 1fr;
        gap: 6.4rem;
    }
}


/* $BLOCK: STAT ICONS BAND
--------------------------------------------------------*/

.dhin-stat-icons {
    position: relative;
    z-index: 2;
    padding-top: 8rem;
    background: linear-gradient(to bottom, var(--dhin-c-sky-650), var(--c-qua));
    color: var(--c-l);
}
    .dhin-stat-icons__head {
        max-width: 67.2rem;
        margin-inline: auto;
        text-align: center;
    }
        .dhin-stat-icons__head .dhin-section__title {
            margin-bottom: 0.8rem;
        }
        .dhin-stat-icons__kicker {
            margin: 0;
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--c-sec);
            text-wrap: pretty;
        }
    .dhin-stat-icons__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 4.8rem 2.4rem;
        margin: 4.8rem 0 0;
        padding: 0;
        list-style: none;
    }
        .dhin-stat-icons__item {
            text-align: center;
        }
            .dhin-stat-icons__svg {
                display: block;
                width: 100%;
                max-width: 12.8rem;
                height: auto;
                margin-inline: auto;
            }
            .dhin-stat-icons__label {
                margin: 1.6rem 0 0;
                text-wrap: pretty;
            }
    .dhin-stat-icons__banner-wrap {
        max-width: 76.8rem;
        margin: 3.2rem auto 0;
        -webkit-filter: drop-shadow(0 1rem 0.8rem rgba(0, 0, 0, 0.04)) drop-shadow(0 0.4rem 0.3rem rgba(0, 0, 0, 0.1));
                filter: drop-shadow(0 1rem 0.8rem rgba(0, 0, 0, 0.04)) drop-shadow(0 0.4rem 0.3rem rgba(0, 0, 0, 0.1));
    }
        .dhin-stat-icons__banner {
            position: relative;
            z-index: 10;
            padding: 1.6rem 4.8em;
            background: var(--c-sec);
            color: var(--c-d);
            text-align: center;
            clip-path: polygon(1.6rem 0, 100% 0, calc(100% - 1.6rem) 100%, 0 100%);
            -webkit-transform: translateY(50%);
                -ms-transform: translateY(50%);
                    transform: translateY(50%);
        }
            .dhin-stat-icons__banner p {
                margin: 0;
                font-weight: 700;
                text-wrap: pretty;
            }

.dhin-stat-icons + .dhin-section {
    padding-top: 8rem;
}

@media only screen and (min-width: 640px) {
    .dhin-stat-icons__svg {
        max-width: 19.2rem;
    }
}
@media only screen and (min-width: 769px) {
    .dhin-stat-icons__grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-stat-icons__grid {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
}


/* $BLOCK: CHECKLIST
--------------------------------------------------------*/

.dhin-checklist {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.6rem 3.2rem;
    margin: 2.4rem 0 0;
    padding: 0;
    list-style: none;
}
    .dhin-checklist__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 1.2rem;
        text-wrap: pretty;
    }
        .dhin-checklist__icon {
            -ms-flex-negative: 0;
                flex-shrink: 0;
            margin-top: 0.3rem;
            font-size: 2rem;
            color: var(--c-sec);
        }

@media only screen and (min-width: 769px) {
    .dhin-checklist {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}


/* $BLOCK: TEXT COLUMNS
--------------------------------------------------------*/

.dhin-text-cols {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 3.2rem;
    margin-top: 3.2rem;
}
    .dhin-text-cols__col > p:first-child {
        margin-top: 0;
    }
    .dhin-text-cols__col > p:last-child {
        margin-bottom: 0;
    }

@media only screen and (min-width: 1024px) {
    .dhin-text-cols {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}


/* $BLOCK: GET STARTED CARD
--------------------------------------------------------*/

/* Overlap via negative margin + sibling pad (not translateY) */
.dhin-get-started {
    position: relative;
    z-index: 2;
    margin-bottom: calc(-1 * var(--dhin-get-started-overlap));
    text-align: center;
}
    .dhin-get-started__card {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 4.8rem 2.4rem;
        -webkit-box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
                box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
    }
        .dhin-get-started__card .dhin-section__title {
            margin-bottom: 1.6rem;
        }
        .dhin-get-started__text {
            max-width: 76.8rem;
            margin: 0 0 2.4rem;
            text-wrap: pretty;
        }
.dhin-get-started + .dhin-sol-children,
.dhin-get-started + .dhin-section {
    padding-top: calc(8rem + var(--dhin-get-started-overlap));
}


/* $BLOCK: CTA CENTER
--------------------------------------------------------*/

.dhin-cta-center {
    text-align: center;
}
    .dhin-cta-center .dhin-section__title {
        margin-bottom: 1.6rem;
    }
    .dhin-cta-center__text {
        max-width: 67.2rem;
        margin: 0 auto 2.4rem;
        text-wrap: pretty;
    }


/* $BLOCK: SERVICE DESK PANEL + LIST
--------------------------------------------------------*/

.dhin-sd-panel__head {
    margin-bottom: 3.2rem;
    text-align: center;
}
    .dhin-sd-panel__intro {
        margin: 0;
        text-wrap: pretty;
    }
.dhin-card--blue-light {
    background: var(--dhin-c-pri-light);
    color: var(--c-l);
}
.dhin-sd-panel__card {
    padding: 2.4rem;
    text-align: center;
    font-size: 1.4rem;
    -webkit-box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
            box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
}

.dhin-sd {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 3.2rem 2rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
    .dhin-sd__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
        .dhin-sd__icon {
            font-size: 3.2rem;
            color: var(--c-sec);
        }
        .dhin-sd__label {
            margin: 0.8rem 0 0.4rem;
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--c-l);
        }
        .dhin-sd__item:has(.dhin-btn) .dhin-sd__label {
            margin-bottom: 1.6rem;
        }
        .dhin-sd__list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 0.4rem;
            margin: 0;
            padding: 0;
            list-style: none;
        }
            .dhin-sd__hours {
                font-size: 1.2rem;
            }
            .dhin-sd__link {
                color: var(--c-l);
                text-decoration: none;
            }
            .dhin-sd__link:hover,
            .dhin-sd__link:focus-visible {
                color: var(--dhin-c-cyan-150);
            }

@media only screen and (min-width: 640px) {
    .dhin-sd {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
    .dhin-sd__icon {
        font-size: 4.8rem;
    }
}
@media only screen and (min-width: 769px) {
    .dhin-sd-panel__card {
        padding: 2.4rem 3.2rem;
    }
}

/* $BLOCK EXTENSIONS: CHR + HCCD
--------------------------------------------------------*/

.dhin-section--flush-top {
    padding-top: 0;
}
.dhin-section--narrow .dhin-container {
    max-width: 89.6rem;
}
.dhin-section__cta {
    margin: 2.4rem 0 0;
}

.dhin-feature--bg-blue_swoosh {
    position: relative;
    overflow: hidden;
    padding-block: 4.8rem;
    background: var(--c-pri);
    color: var(--c-l);
}
    .dhin-feature--bg-blue_swoosh .dhin-feature__title,
    .dhin-feature--bg-blue_swoosh h3,
    .dhin-feature--bg-blue_swoosh h4 {
        color: var(--c-l);
    }
    .dhin-feature--bg-blue_swoosh p {
        color: inherit;
    }
    .dhin-feature--bg-blue_swoosh .dhin-feature__text h4 {
        margin: 2.4rem 0 0.8rem;
        font-size: 1.6rem;
    }
    .dhin-feature__swoosh {
        position: absolute;
        inset: 0 auto 0 0;
        width: 100%;
        pointer-events: none;
        background: url('assets/img/patterns/swoosh-lines.png') center / cover no-repeat;
        -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(30%, black), to(transparent));
        -webkit-mask-image: linear-gradient(to right, black 30%, transparent);
        mask-image: -webkit-gradient(linear, left top, right top, color-stop(30%, black), to(transparent));
        mask-image: linear-gradient(to right, black 30%, transparent);
    }
    @media only screen and (min-width: 769px) {
        .dhin-feature__swoosh {
            width: 60%;
        }
    }
    .dhin-feature--bg-blue_swoosh .dhin-feature__inner {
        position: relative;
        z-index: 1;
    }
.dhin-feature__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1.6rem;
}

.dhin-video {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: var(--dhin-r-md);
    background: #000;
}
    .dhin-video__poster {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: none;
        cursor: pointer;
    }
        .dhin-video__img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
        .dhin-video__play {
            position: absolute;
            top: 50%;
            left: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            width: 6.4rem;
            height: 6.4rem;
            color: var(--c-l);
            background: var(--c-pri);
            border-radius: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            -webkit-transition: background var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast);
            transition: background var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast);
            transition: transform var(--dhin-dur-fast), background var(--dhin-dur-fast);
            transition: transform var(--dhin-dur-fast), background var(--dhin-dur-fast), -webkit-transform var(--dhin-dur-fast);
        }
        .dhin-video__poster:hover .dhin-video__play,
        .dhin-video__poster:focus-visible .dhin-video__play {
            background: var(--dhin-c-pri-hover);
            -webkit-transform: translate(-50%, -50%) scale(1.08);
                -ms-transform: translate(-50%, -50%) scale(1.08);
                    transform: translate(-50%, -50%) scale(1.08);
        }
    .dhin-video__iframe {
        width: 100%;
        height: 100%;
        border: 0;
    }

@media only screen and (min-width: 769px) {
    .dhin-checklist--one-col {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
.dhin-checklist--bold .dhin-checklist__item {
    font-weight: 700;
}

@media only screen and (min-width: 1024px) {
    .dhin-text-cols--right-wider {
        -ms-grid-columns: 1fr 1.4fr;
        grid-template-columns: 1fr 1.4fr;
    }
}
.dhin-text-cols__col > :first-child {
    margin-top: 0;
}
.dhin-text-cols__col .dhin-btn {
    margin-top: 0.8rem;
}
.dhin-text-cols__col .dhin-accordion {
    margin-top: 2.4rem;
}
.dhin-prose ul.dhin-checklist,
.dhin-feature__text ul.dhin-checklist {
    margin: 1.6rem 0 0;
    padding-left: 0;
    list-style: none;
}
.dhin-prose ul.dhin-checklist .dhin-checklist__item,
.dhin-feature__text ul.dhin-checklist .dhin-checklist__item {
    padding-left: 0;
}
.dhin-prose ul.dhin-checklist .dhin-checklist__item::marker,
.dhin-feature__text ul.dhin-checklist .dhin-checklist__item::marker {
    content: '';
}
.dhin-prose-img--narrow {
    display: block;
    max-width: 32rem;
    width: 100%;
    height: auto;
    margin: 3.2rem auto 0;
}

/* Accordion: cream trigger/tab vs default white/cyan */
.dhin-accordion--cream .dhin-accordion__trigger {
    background: var(--dhin-c-amber-250);
}
.dhin-accordion--cream .dhin-accordion__content {
    background: var(--c-l);
    border-top-color: rgba(0, 42, 68, 0.08);
}
.dhin-accordion--cream .dhin-accordion__tab {
    background: var(--c-sec);
}
.dhin-accordion--cream .dhin-accordion__trigger:hover .dhin-accordion__tab,
.dhin-accordion--cream .dhin-accordion__item[open] .dhin-accordion__tab {
    background: var(--c-qui);
}

.dhin-prose a.dhin-btn {
    text-decoration: none;
}
.dhin-prose a.dhin-btn--primary,
.dhin-prose a.dhin-btn--tertiary,
.dhin-prose a.dhin-btn--dark {
    color: var(--c-l);
}
.dhin-prose a.dhin-btn--light {
    color: var(--c-pri);
}
.dhin-section--blue .dhin-section__intro a,
.dhin-section--dark .dhin-section__intro a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}

.dhin-cta-center__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1.6rem 2.4rem;
}

/* $BLOCK: FLAG CARDS
--------------------------------------------------------*/

.dhin-flag-cards__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 4rem 2.4rem;
    margin: 2.4rem 0 0;
    padding: 0;
    list-style: none;
}
    .dhin-flag-cards__item {
        height: 100%;
        list-style: none;
    }
    .dhin-flag-cards__card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 100%;
        -webkit-box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
                box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
    }
    .dhin-card--cyan {
        background: var(--c-qui);
        color: var(--c-d);
    }
        .dhin-flag-cards__content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            padding: 2rem 2rem 2.4rem;
        }
            .dhin-flag-cards__text {
                -webkit-box-flex: 1;
                    -ms-flex: 1 1 auto;
                        flex: 1 1 auto;
            }
            .dhin-flag-cards__text p {
                margin-block: 0 1.2rem;
            }
            .dhin-flag-cards__cta {
                margin: 1.2rem 0 0;
            }

@media only screen and (min-width: 769px) {
    .dhin-flag-cards__grid {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}


/* $BLOCK: IMAGE CARDS
--------------------------------------------------------*/

.dhin-img-cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 2.4rem;
    margin-top: 2.4rem;
}
    .dhin-img-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        overflow: hidden;
        background: var(--c-l);
        border-radius: var(--dhin-r-md);
        -webkit-box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
                box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.4rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
    }
        .dhin-img-card__media {
            margin: 0;
            aspect-ratio: 3 / 2;
            overflow: hidden;
        }
            .dhin-img-card__img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                -o-object-position: top;
                   object-position: top;
            }
        .dhin-img-card__body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            padding: 2rem 2rem 2.4rem;
        }
            .dhin-img-card__title {
                margin: 0 0 0.8rem;
                font-size: 1.8rem;
                color: var(--c-pri);
            }
            .dhin-img-card__text {
                -webkit-box-flex: 1;
                    -ms-flex: 1 1 auto;
                        flex: 1 1 auto;
            }
            .dhin-img-card__text p {
                margin-block: 0 1.2rem;
            }
            .dhin-img-card__cta {
                margin: 0.8rem 0 0;
            }

@media only screen and (min-width: 769px) {
    .dhin-img-cards {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}


/* $GOVERNANCE LAYOUT + NAV
--------------------------------------------------------*/

.dhin-gov {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    max-width: 102.4rem;
    margin-inline: auto;
    padding-inline: 1.6rem;
    margin-bottom: 4.8rem;
}
    .dhin-gov__main {
        min-height: 20vh;
    }
    .dhin-gov__main .dhin-container {
        padding-inline: 0;
    }
    /* Full-bleed band paint; re-inset content inside cyan/themed sections */
    .dhin-gov__main .dhin-board .dhin-container,
    .dhin-gov__main .dhin-flag-panels .dhin-container,
    .dhin-gov__main .dhin-section--cyan .dhin-container,
    .dhin-gov__main .dhin-section--cyan-light .dhin-container,
    .dhin-gov__main .dhin-section--blue .dhin-container {
        padding-inline: 1.6rem;
    }
    .dhin-gov__aside {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        margin-top: 4.8rem;
        margin-bottom: 4.8rem;
    }
.dhin-gov-nav {
    padding-bottom: 1.2rem;
}
    .dhin-gov-nav .dhin-card__content {
        padding: 0 1.2rem;
    }
    .dhin-gov-nav__list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -ms-grid;
        display: grid;
        gap: 0.4rem;
    }
        .dhin-gov-nav__link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            gap: 0.8rem;
            width: 100%;
            padding: 0.4rem 0.8rem;
            border-radius: 0.6rem;
            font-size: 1.4rem;
            font-weight: 600;
            color: var(--c-l);
            text-decoration: none;
            text-wrap: pretty;
            -webkit-transition: background-color 0.2s ease, color 0.2s ease;
            transition: background-color 0.2s ease, color 0.2s ease;
        }
        .dhin-gov-nav__link:hover,
        .dhin-gov-nav__link:focus-visible {
            background: rgba(0, 42, 68, 0.2);
        }
        .dhin-gov-nav__link--active {
            background: rgba(255, 255, 255, 0.1);
            color: var(--dhin-c-cyan-150);
        }
            .dhin-gov-nav__icon {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 auto;
                        flex: 0 0 auto;
                margin-top: 0.3rem;
                font-size: 1.2rem;
                color: var(--c-sec);
            }

@media only screen and (min-width: 1024px) {
    .dhin-gov {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(0, 1fr) 2.4rem auto;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 2.4rem;
    }
    .dhin-gov__aside {
        -webkit-box-ordinal-group: initial;
            -ms-flex-order: initial;
                order: initial;
        position: sticky;
        top: 12.8rem;
        z-index: 30;
        -ms-flex-item-align: start;
            -ms-grid-row-align: start;
            align-self: start;
        width: 24rem;
        margin-bottom: 0;
    }
}


/* $BLOCK: BOARD LIST EXTENSIONS
--------------------------------------------------------*/

/* Exec titles grid: 2-col lg, 4-col xl (members stay 3-col) */
@media only screen and (min-width: 1024px) {
    .dhin-board__grid--titles {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (min-width: 1280px) {
    .dhin-board__grid--titles {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
}
/* Shared cyan band + vertical overlap */
.dhin-board--band,
.dhin-flag-panels__row--band {
    background: var(--dhin-c-cyan-150);
}

.dhin-board--band {
    padding: 12.8rem 0 8rem;
}
.dhin-gov__main .dhin-board {
    margin-bottom: 0;
}
.dhin-gov__main .dhin-board:not(.dhin-board--band) {
    z-index: 1;
}
.dhin-gov__main .dhin-board--band {
    z-index: 0;
    margin-top: -4.8rem;
    margin-bottom: 0;
}
.dhin-board--band + * {
    margin-top: 0;
}


/* $BLOCK: FLAG PANELS
--------------------------------------------------------*/

.dhin-flag-panels {
    position: relative;
    margin-block: 3.2rem 8rem;
}
    .dhin-flag-panels__row {
        position: relative;
        z-index: 1;
    }
    .dhin-flag-panels__row + .dhin-flag-panels__row {
        margin-top: 4.8rem;
    }
    /* Stacked cyan bands overlap */
    .dhin-flag-panels__row--band {
        z-index: 0;
        margin-top: 0;
        padding: 12.8rem 0;
    }
    .dhin-flag-panels__row:not(:first-child).dhin-flag-panels__row--band {
        margin-top: -4.8rem;
    }
    .dhin-flag-panels__row--band + .dhin-flag-panels__row {
        margin-top: -4.8rem;
    }
    .dhin-flag-panels__content {
        text-wrap: pretty;
    }
    .dhin-flag-panels__content > :first-child {
        margin-top: 0;
    }
    .dhin-flag-panels__content > :last-child {
        margin-bottom: 0;
    }
    /* Underline; cyan on hover */
    .dhin-flag-panels__content a {
        color: var(--c-l);
        font-weight: 700;
        text-decoration: underline;
        text-decoration-thickness: 0.1rem;
        text-underline-offset: 0.25rem;
        -webkit-transition: color 0.15s ease;
        transition: color 0.15s ease;
    }
    .dhin-card--blue .dhin-flag-panels__content a:hover,
    .dhin-card--blue .dhin-flag-panels__content a:focus-visible {
        color: var(--dhin-c-cyan-150);
    }
    .dhin-flag-panels__content p a {
        font-weight: 400;
    }
    .dhin-flag-panels__content ul {
        margin: 1.6rem 0 0;
        padding: 0;
        list-style: none;
        display: -ms-grid;
        display: grid;
        gap: 1.2rem;
    }
    .dhin-flag-panels__content ul li {
        position: relative;
        padding-left: 2.8rem;
    }
    .dhin-flag-panels__content ul li > i:first-child,
    .dhin-flag-panels__content ul li > svg:first-child {
        position: absolute;
        left: 0;
        top: 0.4rem;
        width: 1.6rem;
        color: var(--c-sec);
    }


/* $BLOCK: DOC CARDS
--------------------------------------------------------*/

.dhin-doc-cards {
    position: relative;
    margin-block: 3.2rem 8rem;
}
.dhin-gov__main > .dhin-cta-center.dhin-section--default:has(+ .dhin-doc-cards) {
    padding-block: 0;
}
.dhin-gov__main > .dhin-cta-center.dhin-section--default:has(+ .dhin-doc-cards):not(:has(.dhin-btn)):not(:has(.dhin-cta-center__btns)) .dhin-cta-center__text {
    margin-bottom: 0;
}
.dhin-gov__main > .dhin-cta-center + .dhin-doc-cards {
    margin-block: 3.2rem 8rem;
}
    .dhin-doc-cards__grid {
        display: -ms-grid;
        display: grid;
        gap: 2.4rem;
    }
    .dhin-doc-cards__card {
        height: 100%;
        padding-block: 2.4rem;
    }
        .dhin-doc-cards__title {
            margin: 0 0 1.2rem;
            font-size: 1.8rem;
            color: var(--c-sec);
            text-wrap: pretty;
        }
        .dhin-doc-cards__text {
            margin: 0 0 1.6rem;
            text-wrap: pretty;
        }
        .dhin-doc-cards__cta {
            margin: 0;
        }
    .dhin-doc-cards--center .dhin-doc-cards__card {
        text-align: center;
    }

@media only screen and (min-width: 769px) {
    .dhin-doc-cards__grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
    .dhin-doc-cards--single .dhin-doc-cards__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}


/* $BLOCK: JOTFORM EMBED
--------------------------------------------------------*/

.dhin-form-embed {
    padding-block: 4.8rem;
}
.dhin-form-embed--center {
    text-align: center;
}
    .dhin-form-embed__text {
        max-width: 76.8rem;
    }
    .dhin-form-embed--center .dhin-form-embed__text {
        margin-inline: auto;
    }
    .dhin-form-embed__btn {
        margin: 1.6rem 0;
    }
    .dhin-form-embed__iframe {
        display: block;
        width: 100%;
        min-height: 30rem;
        margin-top: 2.4rem;
        border: 0;
    }


/* $BLOCK: MEETINGS BROWSER
--------------------------------------------------------*/

.dhin-meetings {
    position: relative;
    margin-block: 3.2rem 8rem;
}
.dhin-meetings [hidden] {
    display: none !important;
}
    .dhin-meetings__filter-card {
        padding: 2.4rem;
        background: var(--dhin-c-cyan-150);
        border: 0.1rem solid rgba(255, 255, 255, 0.4);
        -webkit-box-shadow: 0 1rem 1.5rem -0.3rem rgba(38, 61, 146, 0.1);
                box-shadow: 0 1rem 1.5rem -0.3rem rgba(38, 61, 146, 0.1);
        margin-bottom: 4.8rem;
    }
        .dhin-meetings__filter-head {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            gap: 1.6rem;
            margin-bottom: 1.6rem;
        }
        .dhin-meetings__title {
            margin: 0;
            font-size: 2.4rem;
            color: var(--c-d);
        }
        .dhin-meetings__pill {
            border-radius: 99rem;
            padding: 0.4rem 1.2rem;
            font-size: 1.2rem;
            font-weight: 600;
            white-space: nowrap;
        }
        .dhin-meetings__pill--count {
            background: rgba(0, 42, 68, 0.05);
            color: var(--c-qua);
        }
        .dhin-meetings__pill--files {
            background: color-mix(in srgb, var(--c-sec) 45%, #fff);
            color: var(--c-d);
        }
        .dhin-meetings__intro {
            max-width: 67.2rem;
            margin: 0 0 2.4rem;
            color: rgba(0, 42, 68, 0.7);
            text-wrap: pretty;
        }
        .dhin-meetings__filters {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-align: end;
                -ms-flex-align: end;
                    align-items: flex-end;
            gap: 1.6rem;
        }
        .dhin-meetings__selects {
            display: -ms-grid;
            display: grid;
            gap: 1.6rem;
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
            width: 100%;
        }
        .dhin-meetings__filter {
            display: -ms-grid;
            display: grid;
            gap: 0.8rem;
        }
            .dhin-meetings__filter-label {
                font-size: 1.1rem;
                font-weight: 600;
                letter-spacing: 0.2em;
                text-transform: uppercase;
                color: color-mix(in srgb, var(--c-qua) 70%, transparent);
            }
            .dhin-meetings__select {
                width: 100%;
                padding: 1rem 1.2rem;
                border: 0.1rem solid rgba(0, 42, 68, 0.1);
                border-radius: 0.4rem;
                background: rgba(255, 255, 255, 0.8);
                font: inherit;
                font-size: 1.4rem;
                color: rgba(0, 42, 68, 0.8);
            }
        .dhin-meetings__clear {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 0.8rem;
            width: 100%;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            padding: 1rem 1.6rem;
            border: 0.1rem solid rgba(0, 42, 68, 0.1);
            border-radius: 0.4rem;
            background: rgba(255, 255, 255, 0.8);
            font: inherit;
            font-size: 1.4rem;
            color: rgba(0, 42, 68, 0.8);
            cursor: pointer;
        }
        .dhin-meetings__clear:disabled {
            opacity: 0.5;
            cursor: default;
        }
    .dhin-meetings__grid {
        display: -ms-grid;
        display: grid;
        gap: 1.6rem;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
    }
    .dhin-meetings__committee {
        height: 100%;
        padding: 0;
        background: rgba(255, 255, 255, 0.9);
        -webkit-box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.05);
                box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.05);
    }
        .dhin-meetings__committee-head {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            gap: 1.6rem;
            padding: 2rem 2.4rem;
            border-bottom: 0.1rem solid rgba(0, 42, 68, 0.1);
        }
        .dhin-meetings__committee-name {
            margin: 0 0 0.4rem;
            font-size: 2rem;
            color: var(--c-d);
        }
        .dhin-meetings__committee-desc {
            margin: 0;
            font-size: 1.4rem;
            color: rgba(0, 42, 68, 0.7);
            text-wrap: pretty;
        }
        .dhin-meetings__list {
            display: -ms-grid;
            display: grid;
            gap: 1.2rem;
            padding: 2rem 2.4rem 2.4rem;
        }
        .dhin-meetings__meeting {
            padding: 1.2rem;
            border: 0.1rem solid rgba(0, 42, 68, 0.1);
            border-radius: 0.4rem;
            background: rgba(255, 255, 255, 0.8);
            -webkit-box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
                    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
        }
            .dhin-meetings__meeting-head {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                -webkit-box-align: start;
                    -ms-flex-align: start;
                        align-items: flex-start;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                gap: 1.2rem;
            }
            .dhin-meetings__date {
                margin: 0 0 0.2rem;
                font-size: 1.2rem;
                font-weight: 600;
                letter-spacing: 0.2em;
                text-transform: uppercase;
                color: color-mix(in srgb, var(--c-qua) 70%, transparent);
            }
            .dhin-meetings__meeting-title {
                margin: 0;
                font-size: 1.8rem;
                color: var(--c-d);
            }
            .dhin-meetings__files {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                gap: 0.8rem;
                margin-top: 1.6rem;
            }
                .dhin-meetings__file {
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    gap: 0.8rem;
                    padding: 0.8rem 1.2rem;
                    border: 0.1rem solid rgba(0, 42, 68, 0.1);
                    border-radius: 0.4rem;
                    background: rgba(255, 255, 255, 0.8);
                    font-size: 1.3rem;
                    font-weight: 600;
                    color: rgba(0, 42, 68, 0.8);
                    text-decoration: none;
                    -webkit-transition: border-color 0.2s ease, color 0.2s ease;
                    transition: border-color 0.2s ease, color 0.2s ease;
                }
                .dhin-meetings__file:hover {
                    border-color: color-mix(in srgb, var(--c-qua) 30%, transparent);
                    color: var(--c-d);
                }
            .dhin-meetings__no-files {
                margin: 1.6rem 0 0;
                font-size: 1.4rem;
                color: rgba(0, 42, 68, 0.6);
            }
        .dhin-meetings__older {
            -ms-grid-column-align: start;
                justify-self: start;
        }
    .dhin-meetings__empty {
        padding: 2.4rem;
        background: rgba(255, 255, 255, 0.9);
    }

@media only screen and (min-width: 640px) {
    .dhin-meetings__selects {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        width: auto;
        min-width: 44rem;
    }
    .dhin-meetings__filters {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    .dhin-meetings__clear {
        width: auto;
    }
}
@media only screen and (min-width: 1280px) {
    .dhin-meetings__grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}


/* $BLOCK: SERVICE DESK JUMBO
--------------------------------------------------------*/

.dhin-sd-jumbo__title {
    margin-bottom: 1.6rem;
}
    .dhin-sd-jumbo__kicker {
        display: block;
        margin-bottom: 0.4rem;
        font-size: 1.6rem;
        font-weight: 700;
    }
.dhin-sd-jumbo__media {
    position: relative;
    max-width: 80%;
    margin: 4.8rem auto 0;
}
    .dhin-sd-jumbo__figure {
        margin: 0;
        overflow: hidden;
        clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
    }
        .dhin-sd-jumbo__img {
            display: block;
            width: 100%;
            height: auto;
        }
    .dhin-sd-jumbo__icon {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 41%;
    }
        .dhin-sd-jumbo__icon-svg {
            width: 100%;
            height: auto;
        }
.dhin-sd-jumbo__aside {
    padding-block: 2.4rem;
    text-align: center;
}
    @media only screen and (min-width: 769px) {
        .dhin-sd-jumbo__aside .dhin-sd {
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
        }
    }
    .dhin-sd-jumbo__aside-title {
        margin: 0 0 1.6rem;
        font-size: 1.6rem;
        color: var(--c-l);
    }

@media only screen and (min-width: 769px) {
    .dhin-sd-jumbo__media {
        max-width: 75%;
        margin-inline: 0;
        padding-right: 20%;
    }
}


/* $JUMBO CTA LABEL
--------------------------------------------------------*/

.dhin-jumbo__cta-label {
    margin: 2.4rem 0 0.8rem;
    font-size: 1.4rem;
    font-weight: 700;
}
.dhin-jumbo__cta--labeled {
    margin-top: 0;
}


/* $BLOCK: RESOURCE LIST
--------------------------------------------------------*/

.dhin-resources {
    position: relative;
    margin-block: 4.8rem 8rem;
}
    /* Title + optional description chip */
    .dhin-resources__flag {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        min-width: -webkit-min-content;
        min-width: -moz-min-content;
        min-width: min-content;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
    }
        .dhin-card__flag .dhin-resources__flag-desc {
            display: none;
        }
    .dhin-resources__desc-mobile {
        margin: 0 0 1.6rem;
    }
    @media only screen and (min-width: 768px) {
        /* Description chip beside title */
        .dhin-card__flag .dhin-resources__flag-desc {
            display: block;
            margin-left: -2.4rem;
            padding: 0.9em 3em 0.9em 2em;
            -ms-flex-item-align: stretch;
                -ms-grid-row-align: stretch;
                align-self: stretch;
            -ms-flex-line-pack: center;
                align-content: center;
            background: var(--c-qui);
            color: var(--c-d);
            font-size: 1.2rem;
            font-weight: 400;
            clip-path: polygon(1.6rem 0, 100% 0, calc(100% - 1.6rem) 100%, 0 100%);
        }
        .dhin-resources--grid .dhin-card__flag .dhin-resources__flag-desc {
            background: var(--c-pri);
            color: var(--c-l);
        }
        .dhin-resources__desc-mobile {
            display: none;
        }
    }

    /* CSS columns (short groups pack upward) */
    .dhin-resources__groups {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
        -webkit-column-gap: 4.8rem;
           -moz-column-gap: 4.8rem;
                column-gap: 4.8rem;
    }
        .dhin-resources__group {
            -moz-column-break-inside: avoid;
                 break-inside: avoid;
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
            display: inline-block;
            width: 100%;
            margin: 0 0 3.2rem;
        }
        .dhin-resources__group:last-child {
            margin-bottom: 0;
        }
        .dhin-resources__group-title {
            margin: 0 0 1.2rem;
            font-size: 1.6rem;
            color: var(--c-sec);
        }
        .dhin-resources__list {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .dhin-resources__item + .dhin-resources__item {
            border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
        }
            .dhin-resources__link {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                gap: 1rem;
                padding: 1rem 0.8rem;
                color: var(--c-l);
                font-size: 1.4rem;
                font-weight: 600;
                line-height: var(--dhin-lh-heading);
                text-decoration: none;
                border-radius: 0.4rem;
                -webkit-transition: background-color 0.15s ease, -webkit-transform 0.15s ease;
                transition: background-color 0.15s ease, -webkit-transform 0.15s ease;
                transition: background-color 0.15s ease, transform 0.15s ease;
                transition: background-color 0.15s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
            }
            .dhin-resources__link:hover,
            .dhin-resources__link:focus-visible {
                background: rgba(0, 42, 68, 0.5);
                -webkit-transform: scale(1.05);
                    -ms-transform: scale(1.05);
                        transform: scale(1.05);
            }
                .dhin-resources__link i {
                    -webkit-box-flex: 0;
                        -ms-flex: 0 0 auto;
                            flex: 0 0 auto;
                    line-height: var(--dhin-lh-ui);
                }
                .dhin-resources__link-type {
                    margin-left: auto;
                    padding-left: 1.6rem;
                    font-size: 1rem;
                    font-weight: 400;
                    letter-spacing: 0.05em;
                    text-transform: uppercase;
                    opacity: 0.7;
                }

    /* Card-grid mode */
    .dhin-resources__grid {
        display: -ms-grid;
        display: grid;
        gap: 1.6rem;
    }
        .dhin-resources__tile {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 0.8rem;
            height: 100%;
            padding: 2.4rem;
            background: var(--c-l);
            color: var(--c-d);
            text-align: center;
            -webkit-transition: background-color 0.2s ease;
            transition: background-color 0.2s ease;
        }
        .dhin-resources__tile:hover,
        .dhin-resources__tile:focus-within {
            background: rgba(255, 255, 255, 0.9);
        }
            .dhin-resources__tile-title {
                margin: 0;
                font-size: 1.4rem;
                color: var(--c-pri);
            }
            .dhin-resources__tile:hover .dhin-resources__tile-title,
            .dhin-resources__tile:focus-within .dhin-resources__tile-title {
                text-decoration: underline;
                text-decoration-thickness: 0.1rem;
                text-underline-offset: 0.2rem;
            }
            .dhin-resources__tile-text {
                margin: 0;
                font-size: 1.2rem;
                text-wrap: pretty;
            }
            .dhin-resources__tile-cta {
                margin: auto 0 0;
                padding-top: 0.8rem;
            }
                /* Stretched link */
                .dhin-resources__tile-link {
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    gap: 0.6rem;
                    color: var(--c-ter);
                    font-size: 1rem;
                    font-weight: 700;
                    letter-spacing: 0.05em;
                    text-transform: uppercase;
                    text-decoration: none;
                }
                .dhin-resources__tile-link::after {
                    content: '';
                    position: absolute;
                    inset: 0;
                }
                .dhin-resources__tile-link i {
                    font-size: 1.4rem;
                }

    .dhin-resources__note {
        margin-top: 2.4rem;
        font-size: 1.2rem;
        text-wrap: pretty;
    }
        .dhin-resources__note p {
            margin: 0;
        }

/* Blue list: opt into a single full-width column */
.dhin-resources--one-col .dhin-resources__groups {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
}
.dhin-resources--one-col .dhin-resources__group {
    display: block;
    width: 100%;
}
.dhin-resources--one-col .dhin-resources__link:hover,
.dhin-resources--one-col .dhin-resources__link:focus-visible {
    -webkit-transform: scale(1.025);
        -ms-transform: scale(1.025);
            transform: scale(1.025);
}

@media only screen and (min-width: 640px) {
    .dhin-resources__groups {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }
    .dhin-resources--one-col .dhin-resources__groups {
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }
    .dhin-resources__grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (min-width: 768px) {
    .dhin-resources__grid {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-resources__groups {
        -webkit-column-gap: 6.4rem;
           -moz-column-gap: 6.4rem;
                column-gap: 6.4rem;
    }
    .dhin-resources__grid {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
}


/* $BLOCK: VIDEO JUMBO
--------------------------------------------------------*/
.dhin-jumbo-video {
    margin-bottom: 4.8rem;
    overflow-x: clip;
}
    .dhin-jumbo-video__media {
        max-width: 128rem;
        margin-inline: auto;
    }
        .dhin-jumbo-video__video {
            display: block;
            width: 100%;
            aspect-ratio: 16 / 9;
            height: auto;
            -o-object-fit: cover;
               object-fit: cover;
        }
    .dhin-jumbo-video__card {
        max-width: 89.6rem;
        margin-inline: auto;
        padding: 3.2rem 2.4rem;
        text-align: center;
    }
        .dhin-jumbo-video__title {
            margin: 0 0 1.6rem;
            font-size: 3rem;
            font-weight: 800;
            color: var(--c-l);
            text-wrap: balance;
        }
        .dhin-jumbo-video__text {
            text-wrap: pretty;
        }
            .dhin-jumbo-video__text p {
                margin: 0 0 1.6rem;
            }
            .dhin-jumbo-video__text p:last-child {
                margin-bottom: 0;
            }

@media only screen and (min-width: 640px) {
    /* Card overlaps video bottom */
    .dhin-jumbo-video__inner {
        position: relative;
        z-index: 2;
        margin-top: -19.2rem;
    }
    .dhin-jumbo-video__card {
        background: color-mix(in srgb, var(--c-pri) 90%, transparent);
    }
}
@media only screen and (min-width: 769px) {
    .dhin-jumbo-video {
        margin-bottom: 9.6rem;
    }
    .dhin-jumbo-video__card {
        padding: 4.8rem;
    }
    .dhin-jumbo-video__title {
        font-size: 3.6rem;
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-jumbo-video__title {
        font-size: 4.8rem;
    }
}


/* $BLOCK: FLAG FEATURE
--------------------------------------------------------*/
.dhin-flag-feature {
    margin-block: 4rem;
    overflow-x: clip;
}
    .dhin-flag-feature__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 4.8rem;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
        .dhin-flag-feature__band-col {
            position: relative;
        }
        /* Band paint to viewport edge */
        .dhin-flag-feature__band-col::before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            width: 100vw;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            background: var(--c-qui);
        }
            .dhin-flag-feature__band {
                position: relative;
                height: 100%;
                padding: 4.8rem 1.6rem 8rem;
                background: var(--c-qui);
            }
                .dhin-flag-feature__title {
                    margin: 0;
                    font-size: 2.4rem;
                    color: var(--c-pri);
                    text-wrap: balance;
                }
            .dhin-flag-feature__icon {
                position: absolute;
                top: 83.333%;
                right: 0;
                width: 9.6rem;
                -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
            }
                .dhin-flag-feature__icon-svg,
                .dhin-flag-feature__icon img {
                    display: block;
                    width: 100%;
                    height: auto;
                }
        .dhin-flag-feature__text p {
            margin: 0 0 1.6rem;
        }
        .dhin-flag-feature__text p:last-child {
            margin-bottom: 0;
        }

@media only screen and (min-width: 640px) {
    .dhin-flag-feature__icon {
        top: 66.666%;
    }
}
@media only screen and (min-width: 769px) {
    .dhin-flag-feature__grid {
        -ms-grid-columns: 1fr 6.4rem 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 6.4rem;
    }
    .dhin-flag-feature__band-col::before {
        left: auto;
        right: 100%;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .dhin-flag-feature__band {
        padding: 8rem 14.4rem 8rem 1.6rem;
        clip-path: polygon(0 0, 100% 0, calc(100% - 9.6rem) 100%, 0 100%);
    }
    .dhin-flag-feature__icon {
        top: 40%;
        width: 11.2rem;
        -webkit-transform: translate(16.666%, -50%);
            -ms-transform: translate(16.666%, -50%);
                transform: translate(16.666%, -50%);
    }
}
@media only screen and (min-width: 1024px) {
    .dhin-flag-feature__icon {
        top: 50%;
    }
}


/* $BLOCK: HEALTH DATA TABLES
--------------------------------------------------------*/
.dhin-health-tables {
    padding-block: 4rem;
}
    .dhin-health-tables__block {
        margin-bottom: 4rem;
    }
    .dhin-health-tables__block:last-of-type {
        margin-bottom: 0;
    }
        .dhin-health-tables__title {
            margin: 0 0 1.6rem;
            font-size: 2.4rem;
            color: var(--c-d);
        }
        .dhin-health-tables__scroll {
            position: relative;
            width: 100%;
            overflow-x: auto;
        }
            .dhin-health-tables__table {
                width: 100%;
                border-collapse: collapse;
                font-size: 1.4rem;
                text-align: center;
            }
                .dhin-health-tables__table th,
                .dhin-health-tables__table td {
                    padding: 0.8rem;
                    white-space: nowrap;
                    vertical-align: middle;
                }
                .dhin-health-tables__table thead th {
                    font-weight: 600;
                    border-bottom: 0.1rem solid rgba(0, 42, 68, 0.15);
                }
                .dhin-health-tables__table tbody tr {
                    border-bottom: 0.1rem solid rgba(0, 42, 68, 0.1);
                }
                .dhin-health-tables__table tbody tr:last-child {
                    border-bottom: 0;
                }
                .dhin-health-tables__table tbody tr:nth-child(even) {
                    background: rgba(248, 250, 252, 0.6);
                }
                .dhin-health-tables__name-col {
                    font-weight: 400;
                    text-align: left;
                    white-space: normal;
                    min-width: 16rem;
                }
                thead .dhin-health-tables__name-col {
                    font-weight: 600;
                }
                    .dhin-health-tables__note {
                        display: block;
                        margin-top: 0.4rem;
                        font-size: 1rem;
                        line-height: var(--dhin-lh-heading);
                        color: #a1a1a1;
                    }
                .dhin-health-tables__check {
                    display: inline-block;
                    width: 1.6rem;
                    height: 1.6rem;
                    color: var(--dhin-c-cyan-700);
                }
    .dhin-health-tables__footer {
        margin-top: 3.2rem;
    }
        .dhin-health-tables__footer p {
            margin: 0 0 1.6rem;
        }
        .dhin-health-tables__footer p:last-child {
            margin-bottom: 0;
        }

@media only screen and (min-width: 640px) {
    /* Sticky name column */
    .dhin-health-tables__name-col {
        position: sticky;
        left: 0;
        z-index: 10;
        background: var(--c-l);
    }
    .dhin-health-tables__table tbody tr:nth-child(even) .dhin-health-tables__name-col {
        background: #f8fafc;
    }
}


/* $404
--------------------------------------------------------*/
.dhin-404 {
    position: relative;
    min-height: 50vh;
    padding: 10vh 0 4.8rem;
    overflow: clip;
    background: linear-gradient(120deg, var(--c-qua), var(--dhin-c-sky-650) 65%);
}
    .dhin-404__inner {
        position: relative;
        z-index: 1;
        text-align: center;
    }
        .dhin-404__title {
            margin: 0;
            font-size: clamp(5.4rem, 25vw, 36.8rem);
            font-weight: 800;
            line-height: var(--dhin-lh-heading);
            text-transform: uppercase;
            color: rgba(0, 42, 68, 0.3);
        }
        .dhin-404__text {
            margin: 0 0 3.2rem;
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--c-l);
            text-wrap: pretty;
        }
        .dhin-404__nav {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            gap: 1.6rem;
            max-width: 57.6rem;
            margin-inline: auto;
            font-weight: 600;
        }
            .dhin-404__link {
                color: var(--c-l);
                text-decoration: underline;
                text-underline-offset: 0.4rem;
            }
            .dhin-404__link:hover,
            .dhin-404__link:focus-visible {
                color: var(--dhin-c-cyan-150);
            }

@media only screen and (min-width: 769px) {
    .dhin-404 {
        min-height: 70vh;
    }
    .dhin-404__text {
        font-size: 2.4rem;
    }
}


/* $CONTACT CARD
--------------------------------------------------------*/
.dhin-prose .dhin-address-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6rem;
    padding: 2.4rem;
    border: 0.1rem solid #e5e5e5;
    border-radius: 1.6rem;
    background: #fafafa;
}
    .dhin-prose .dhin-address-card address {
        font-style: normal;
    }
    .dhin-prose .dhin-address-card p {
        margin: 0 0 0.4rem;
    }
    .dhin-prose .dhin-address-card p:last-child {
        margin-bottom: 0;
    }

@media only screen and (min-width: 769px) {
    .dhin-prose .dhin-address-card {
        padding: 3.2rem;
    }
}

/* Legal: compact headings */
.dhin-prose .dhin-legal h2 {
    font-size: 2.4rem;
    font-weight: 600;
    margin: 4rem 0 1.2rem;
}
.dhin-prose .dhin-legal h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 2.4rem 0 0.8rem;
}
.dhin-prose .dhin-legal hr {
    border: 0;
    border-top: 0.1rem solid #e5e5e5;
    margin: 3.2rem 0;
}
.dhin-prose .dhin-legal small {
    font-size: 1.4rem;
}


/* $HCCD REPORTS
--------------------------------------------------------*/

.dhin-reports {
    padding-block: 1.6rem 6.4rem;
}
    .dhin-reports__toolbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 1.6rem;
        margin-bottom: 2.4rem;
    }
        .dhin-reports__search {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 1rem;
            -webkit-box-flex: 1;
                -ms-flex: 1 1 28rem;
                    flex: 1 1 28rem;
            max-width: 44.8rem;
            padding: 0 1.6rem;
            background: var(--c-l);
            border: 0.1rem solid rgba(0, 42, 68, 0.2);
            border-radius: var(--dhin-r-md);
            -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
            transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
            transition: border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
        }
        .dhin-reports__search:focus-within {
            border-color: var(--c-qua);
            -webkit-box-shadow: 0 0 0 0.3rem rgba(0, 128, 202, 0.15);
                    box-shadow: 0 0 0 0.3rem rgba(0, 128, 202, 0.15);
        }
            .dhin-reports__search i {
                font-size: 1.4rem;
                color: rgba(0, 42, 68, 0.45);
            }
            .dhin-reports__search input {
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
                padding: 1.1rem 0;
                font-family: var(--dhin-ff);
                font-size: 1.5rem;
                color: var(--c-d);
                background: none;
                border: 0;
                outline: 0;
            }
        .dhin-reports__meta {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 1.6rem;
        }
        .dhin-reports__count {
            margin: 0;
            font-size: 1.3rem;
            font-weight: 600;
            color: rgba(0, 42, 68, 0.55);
        }
        .dhin-reports__views {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            gap: 0.2rem;
            padding: 0.3rem;
            background: rgba(0, 42, 68, 0.06);
            border-radius: 99rem;
        }
            .dhin-reports__view {
                display: -ms-grid;
                display: grid;
                place-items: center;
                width: 3.2rem;
                height: 3.2rem;
                font-size: 1.3rem;
                color: rgba(0, 42, 68, 0.5);
                background: transparent;
                border: 0;
                border-radius: 99rem;
                cursor: pointer;
                -webkit-transition: color 0.15s ease, background 0.15s ease, -webkit-box-shadow 0.15s ease;
                transition: color 0.15s ease, background 0.15s ease, -webkit-box-shadow 0.15s ease;
                transition: color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
                transition: color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
            }
            .dhin-reports__view:hover,
            .dhin-reports__view:focus-visible {
                color: var(--c-pri);
            }
            .dhin-reports__view--active,
            .dhin-reports__view--active:hover,
            .dhin-reports__view--active:focus-visible {
                color: var(--c-pri);
                background: var(--c-l);
                -webkit-box-shadow: 0 0.1rem 0.4rem rgba(0, 42, 68, 0.2);
                        box-shadow: 0 0.1rem 0.4rem rgba(0, 42, 68, 0.2);
            }
/* Report disclosures */
.dhin-disclose {
    margin-top: 2rem;
    border: 0.1rem solid rgba(0, 42, 68, 0.15);
    border-radius: var(--dhin-r-md);
    background: var(--c-l);
    overflow: hidden;
}
.dhin-disclose + .dhin-disclose {
    margin-top: 0.8rem;
}
    .dhin-disclose__summary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 1.2rem;
        padding: 1.4rem 2rem;
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--c-pri);
        background: rgba(0, 128, 202, 0.05);
        cursor: pointer;
        list-style: none;
        -webkit-transition: color 0.15s ease, background 0.15s ease;
        transition: color 0.15s ease, background 0.15s ease;
    }
    .dhin-disclose__summary::-webkit-details-marker {
        display: none;
    }
    .dhin-disclose__summary:hover {
        color: var(--c-qua);
        background: rgba(0, 128, 202, 0.1);
    }
    /* Open: keep tint + divider */
    .dhin-disclose[open] .dhin-disclose__summary {
        background: rgba(0, 128, 202, 0.08);
        border-bottom: 0.1rem solid rgba(0, 42, 68, 0.12);
    }
        .dhin-disclose__chevron {
            font-size: 1.2rem;
            -webkit-transition: -webkit-transform 0.2s ease;
            transition: -webkit-transform 0.2s ease;
            transition: transform 0.2s ease;
            transition: transform 0.2s ease, -webkit-transform 0.2s ease;
        }
        .dhin-disclose[open] .dhin-disclose__chevron {
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
        }
    .dhin-disclose__body {
        padding: 2rem 2rem 2.4rem;
        font-size: 1.5rem;
    }
    .dhin-disclose__body > :first-child {
        margin-top: 0;
    }
    .dhin-disclose__body > :last-child {
        margin-bottom: 0;
    }

    .dhin-reports__filter {
        position: relative;
        margin-right: auto;
    }
        .dhin-reports__filter-btn {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 0.8rem;
            padding: 1.1rem 1.6rem;
            font-family: var(--dhin-ff);
            font-size: 1.4rem;
            font-weight: 600;
            color: var(--c-pri);
            background: var(--c-l);
            border: 0.1rem solid rgba(0, 42, 68, 0.2);
            border-radius: var(--dhin-r-md);
            cursor: pointer;
            -webkit-transition: border-color 0.2s ease, color 0.15s ease, -webkit-box-shadow 0.2s ease;
            transition: border-color 0.2s ease, color 0.15s ease, -webkit-box-shadow 0.2s ease;
            transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.15s ease;
            transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.15s ease, -webkit-box-shadow 0.2s ease;
        }
        .dhin-reports__filter-btn:hover,
        .dhin-reports__filter-btn:focus-visible {
            border-color: var(--c-qua);
            color: var(--c-qua);
        }
        .dhin-reports__filter--open .dhin-reports__filter-btn {
            border-color: var(--c-qua);
            -webkit-box-shadow: 0 0 0 0.3rem rgba(0, 128, 202, 0.15);
                    box-shadow: 0 0 0 0.3rem rgba(0, 128, 202, 0.15);
        }
        /* Active tag filter accent */
        .dhin-reports__filter-btn--filtered {
            color: var(--dhin-c-cyan-700);
            border-color: var(--dhin-c-cyan-700);
            background: rgba(0, 205, 238, 0.08);
        }
            .dhin-reports__filter-btn i,
            .dhin-reports__filter-btn svg {
                font-size: 1.2rem;
                opacity: 0.7;
            }
            .dhin-reports__filter-btn .dhin-reports__filter-chevron {
                -webkit-transition: -webkit-transform 0.2s ease;
                transition: -webkit-transform 0.2s ease;
                transition: transform 0.2s ease;
                transition: transform 0.2s ease, -webkit-transform 0.2s ease;
            }
            .dhin-reports__filter--open .dhin-reports__filter-chevron {
                -webkit-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
            }
        .dhin-reports__filter-menu {
            z-index: 20;
            position: absolute;
            top: calc(100% + 0.6rem);
            left: 0;
            min-width: 22rem;
            padding: 0.6rem;
            background: var(--c-l);
            border: 0.1rem solid rgba(0, 42, 68, 0.12);
            border-radius: var(--dhin-r-md);
            -webkit-box-shadow: 0 1.2rem 3.2rem -0.8rem rgba(0, 42, 68, 0.3);
                    box-shadow: 0 1.2rem 3.2rem -0.8rem rgba(0, 42, 68, 0.3);
            -webkit-animation: dhin-filter-in 0.15s ease-out;
                    animation: dhin-filter-in 0.15s ease-out;
        }
            .dhin-reports__filter-option {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                gap: 0.8rem;
                width: 100%;
                padding: 0.9rem 1.2rem;
                font-family: var(--dhin-ff);
                font-size: 1.4rem;
                font-weight: 600;
                text-align: left;
                color: var(--c-d);
                background: none;
                border: 0;
                border-radius: var(--dhin-r-sm);
                cursor: pointer;
                -webkit-transition: background 0.15s ease, color 0.15s ease;
                transition: background 0.15s ease, color 0.15s ease;
            }
            .dhin-reports__filter-option:hover,
            .dhin-reports__filter-option:focus-visible {
                color: var(--c-qua);
                background: rgba(0, 128, 202, 0.08);
            }
                /* FA may replace <i> with <svg> */
                .dhin-reports__filter-option i,
                .dhin-reports__filter-option svg {
                    font-size: 1.1rem;
                    color: var(--dhin-c-cyan-700);
                    visibility: hidden;
                }
                .dhin-reports__filter-option--active i,
                .dhin-reports__filter-option--active svg {
                    visibility: visible;
                }
                .dhin-reports__filter-count {
                    margin-left: auto;
                    font-size: 1.2rem;
                    font-weight: 600;
                    color: rgba(0, 42, 68, 0.45);
                }

@-webkit-keyframes dhin-filter-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(-0.4rem);
                transform: translateY(-0.4rem);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}

@keyframes dhin-filter-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(-0.4rem);
                transform: translateY(-0.4rem);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dhin-reports__filter-menu {
        -webkit-animation: none;
                animation: none;
    }
}
    .dhin-reports__scroll {
        width: 100%;
        overflow-x: auto;
        border: 0.1rem solid rgba(0, 42, 68, 0.12);
        border-radius: var(--dhin-r-lg);
        background: var(--c-l);
    }
        .dhin-reports__table {
            width: 100%;
            border-collapse: collapse;
            font-size: 1.4rem;
            text-align: left;
        }
            .dhin-reports__table th,
            .dhin-reports__table td {
                padding: 1.2rem 1.6rem;
                vertical-align: middle;
            }
            .dhin-reports__table thead th {
                font-weight: 700;
                font-size: 1.3rem;
                color: var(--c-d);
                white-space: nowrap;
                background: #f8fafc;
                border-bottom: 0.1rem solid rgba(0, 42, 68, 0.15);
            }
                .dhin-reports__sort {
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    gap: 0.6rem;
                    padding: 0;
                    font: inherit;
                    color: inherit;
                    background: none;
                    border: 0;
                    cursor: pointer;
                    -webkit-transition: color 0.2s ease;
                    transition: color 0.2s ease;
                }
                .dhin-reports__sort:hover,
                .dhin-reports__sort:focus-visible {
                    color: var(--c-qua);
                }
                    .dhin-reports__sort i {
                        font-size: 1.1rem;
                        opacity: 0.5;
                    }
                th[aria-sort] .dhin-reports__sort i {
                    opacity: 1;
                    color: var(--c-qua);
                }
            .dhin-reports__row {
                border-bottom: 0.1rem solid rgba(0, 42, 68, 0.08);
                cursor: pointer;
                -webkit-transition: background-color 0.15s ease;
                transition: background-color 0.15s ease;
            }
            .dhin-reports__row:last-child {
                border-bottom: 0;
            }
            .dhin-reports__row:hover,
            .dhin-reports__row:focus-visible {
                background: rgba(0, 205, 238, 0.07);
            }
                .dhin-reports__thumb-col {
                    width: 9.6rem;
                }
                    .dhin-reports__thumb {
                        display: block;
                        width: 8rem;
                        height: 5.2rem;
                        -o-object-fit: cover;
                           object-fit: cover;
                        -o-object-position: top;
                           object-position: top;
                        border: 0.1rem solid rgba(0, 42, 68, 0.1);
                        border-radius: var(--dhin-r-sm);
                        background: #f8fafc;
                    }
                    .dhin-reports__thumb--empty {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                            -ms-flex-align: center;
                                align-items: center;
                        -webkit-box-pack: center;
                            -ms-flex-pack: center;
                                justify-content: center;
                        font-size: 1.8rem;
                        color: rgba(0, 42, 68, 0.25);
                    }
                .dhin-reports__name {
                    min-width: 22rem;
                }
                    .dhin-reports__link {
                        display: block;
                        font-size: 1.5rem;
                        font-weight: 600;
                        color: var(--c-pri);
                        -webkit-transition: color 0.15s ease;
                        transition: color 0.15s ease;
                    }
                    .dhin-reports__row:hover .dhin-reports__link {
                        color: var(--c-qua);
                    }
                    .dhin-reports__tags {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                            flex-wrap: wrap;
                        gap: 0.4rem;
                        margin-top: 0.6rem;
                    }
                        .dhin-reports__tag {
                            display: inline-block;
                            padding: 0.2rem 0.8rem;
                            font-size: 1.1rem;
                            font-weight: 600;
                            color: var(--dhin-c-cyan-700);
                            background: rgba(0, 205, 238, 0.12);
                            border-radius: 99rem;
                        }
                .dhin-reports__desc-col {
                    min-width: 32rem;
                    max-width: 64rem;
                    color: rgba(0, 42, 68, 0.75);
                }
                .dhin-reports__date {
                    white-space: nowrap;
                    font-weight: 600;
                    color: rgba(0, 42, 68, 0.75);
                }
                    /* Tag under date */
                    .dhin-reports__fresh {
                        display: table;
                        margin-top: 0.4rem;
                        padding: 0.1rem 0.7rem;
                        font-size: 1rem;
                        font-weight: 700;
                        text-transform: uppercase;
                        letter-spacing: 0.05em;
                        color: var(--dhin-c-cyan-700);
                        background: rgba(0, 205, 238, 0.14);
                        border-radius: 99rem;
                    }
    .dhin-reports__grid {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(28rem, 1fr));
        gap: 2.4rem;
    }
    .dhin-reports__grid[hidden] {
        display: none;
    }
    .dhin-reports__empty {
        margin: 3.2rem 0 0;
        text-align: center;
        font-weight: 600;
        color: rgba(0, 42, 68, 0.55);
    }

@media only screen and (max-width: 768px) {
    .dhin-reports__desc-col {
        display: none;
    }
}


/* Single report */
.dhin-jumbo--report .dhin-jumbo__title--report {
    max-width: none;
    font-size: var(--dhin-fs-700);
}
.dhin-report__breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.8rem;
    margin: 0 0 1.2rem;
    font-size: 1.3rem;
    font-weight: 600;
    color: rgba(0, 42, 68, 0.6);
}
    .dhin-report__breadcrumb a {
        color: var(--c-pri);
        -webkit-transition: color 0.15s ease;
        transition: color 0.15s ease;
    }
    .dhin-report__breadcrumb a:hover,
    .dhin-report__breadcrumb a:focus-visible {
        color: var(--c-qua);
    }
    .dhin-report__breadcrumb i {
        font-size: 1rem;
        opacity: 0.5;
    }
.dhin-report__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.6rem;
    margin-top: 1.6rem;
}
    .dhin-report__updated {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 0.8rem;
        margin: 0;
        font-size: 1.4rem;
        font-weight: 600;
        color: rgba(0, 42, 68, 0.7);
    }
.dhin-report {
    padding-block: 0 6.4rem;
}
    .dhin-report__intro {
        display: -ms-grid;
        display: grid;
        gap: 2.4rem;
        margin-bottom: 3.2rem;
    }
        .dhin-report__description {
            font-size: 1.5rem;
        }
        .dhin-report__summary {
            padding: 2rem 2.4rem;
            font-size: 1.4rem;
            background: rgba(0, 205, 238, 0.08);
            border-left: 0.4rem solid var(--c-qui);
            border-radius: var(--dhin-r-md);
        }
            .dhin-report__summary-title {
                margin: 0 0 0.8rem;
                font-size: 1.4rem;
                color: var(--c-d);
            }
            .dhin-report__summary .dhin-prose {
                font-size: 1.4rem;
            }
    .dhin-report__stage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
        .dhin-report__actions {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            padding-right: 2rem;
        }
            /* Tab merges with viewer top border */
            .dhin-report__action {
                z-index: 1;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                gap: 0.8rem;
                margin-bottom: -0.1rem;
                padding: 0.8rem 1.4rem;
                font-family: var(--dhin-ff);
                font-size: 1.2rem;
                font-weight: 600;
                color: var(--c-pri);
                background: var(--c-l);
                border: 0.1rem solid rgba(0, 42, 68, 0.12);
                border-bottom: 0;
                border-radius: var(--dhin-r-md) var(--dhin-r-md) 0 0;
                cursor: pointer;
                -webkit-transition: color 0.15s ease, background 0.15s ease;
                transition: color 0.15s ease, background 0.15s ease;
            }
            .dhin-report__action:hover,
            .dhin-report__action:focus-visible {
                color: var(--c-l);
                background: var(--c-pri);
                border-color: var(--c-pri);
            }
                .dhin-report__action i {
                    font-size: 1.1rem;
                }
    .dhin-report__viz {
        /* Fixed height — Tableau must not inflate host */
        height: 60rem;
        border: 0.1rem solid rgba(0, 42, 68, 0.12);
        border-radius: var(--dhin-r-lg);
        background: var(--c-l);
        overflow: hidden;
    }
        .dhin-report__viz tableau-viz {
            display: block;
            width: 100%;
            height: 100%;
        }
        .dhin-report__viz-loading {
            margin: 0;
            padding: 4.8rem 1.6rem;
            text-align: center;
            font-weight: 600;
            color: rgba(0, 42, 68, 0.55);
        }

    /* Related */
    .dhin-related {
        margin-top: 6.4rem;
    }
        .dhin-related__title {
            margin: 0 0 2.4rem;
            font-size: 2.4rem;
            color: var(--c-pri);
        }
        .dhin-related__grid {
            display: -ms-grid;
            display: grid;
            gap: 2.4rem;
        }

/* Report card */
.dhin-report-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: var(--c-l);
    border: 0.1rem solid rgba(0, 42, 68, 0.12);
    border-radius: var(--dhin-r-lg);
    overflow: hidden;
    -webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
    transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
}
.dhin-report-card[hidden] {
    display: none;
}
.dhin-report-card:hover,
.dhin-report-card:focus-visible {
    border-color: var(--c-qua);
    -webkit-box-shadow: 0 1.2rem 3.2rem -1.2rem rgba(0, 42, 68, 0.3);
            box-shadow: 0 1.2rem 3.2rem -1.2rem rgba(0, 42, 68, 0.3);
    -webkit-transform: translateY(-0.3rem);
        -ms-transform: translateY(-0.3rem);
            transform: translateY(-0.3rem);
}
    .dhin-report-card__thumb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        aspect-ratio: 16 / 9;
        background: #f8fafc;
        border-bottom: 0.1rem solid rgba(0, 42, 68, 0.08);
        font-size: 3.2rem;
        color: rgba(0, 42, 68, 0.2);
        overflow: hidden;
    }
        .dhin-report-card__thumb img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: top;
               object-position: top;
        }
    .dhin-report-card__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0.8rem;
        padding: 1.6rem 2rem 2rem;
    }
        .dhin-report-card__body .dhin-reports__tags {
            margin-top: 0;
        }
        .dhin-report-card__name {
            font-size: 1.6rem;
            font-weight: 700;
            color: var(--c-pri);
            -webkit-transition: color 0.15s ease;
            transition: color 0.15s ease;
        }
        .dhin-report-card:hover .dhin-report-card__name {
            color: var(--c-qua);
        }
        .dhin-report-card__desc {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: 1.3rem;
            color: rgba(0, 42, 68, 0.7);
        }
        .dhin-report-card__date {
            margin-top: auto;
            font-size: 1.3rem;
            font-weight: 600;
            color: rgba(0, 42, 68, 0.55);
        }
            .dhin-report-card__date .dhin-reports__fresh {
                display: inline-block;
                margin: 0 0 0 0.8rem;
            }

    /* Fullscreen + viewport-fill fallback */
    .dhin-report__stage:-webkit-full-screen {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        width: 100%;
        height: 100%;
        padding: 1.2rem 1.6rem 1.6rem;
        background: var(--c-l);
        overflow: hidden;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .dhin-report__stage:-ms-fullscreen {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        width: 100%;
        height: 100%;
        padding: 1.2rem 1.6rem 1.6rem;
        background: var(--c-l);
        overflow: hidden;
        box-sizing: border-box;
    }
    .dhin-report__stage:fullscreen,
    .dhin-report__stage--fill {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        height: 100%;
        padding: 1.2rem 1.6rem 1.6rem;
        background: var(--c-l);
        overflow: hidden;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .dhin-report__stage--fill {
        position: fixed;
        inset: 0;
        z-index: 980;
    }
    body.dhin-stage-fill {
        overflow: hidden;
    }
    .dhin-report__stage:-webkit-full-screen .dhin-report__viz {
        -webkit-box-flex: 1;
                flex: 1 1 auto;
        min-height: 0;
        height: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
    }
    .dhin-report__stage:-ms-fullscreen .dhin-report__viz {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        min-height: 0;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
    }
    .dhin-report__stage:fullscreen .dhin-report__viz,
    .dhin-report__stage--fill .dhin-report__viz {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        min-height: 0;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .dhin-report__stage:-webkit-full-screen .dhin-report__viz tableau-viz {
        -webkit-box-flex: 1;
                flex: 1 1 auto;
        width: 100%;
        height: 100%;
        min-height: 0;
    }
    .dhin-report__stage:-ms-fullscreen .dhin-report__viz tableau-viz {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        width: 100%;
        height: 100%;
        min-height: 0;
    }
    .dhin-report__stage:fullscreen .dhin-report__viz tableau-viz,
    .dhin-report__stage--fill .dhin-report__viz tableau-viz {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        width: 100%;
        height: 100%;
        min-height: 0;
    }

@media only screen and (min-width: 960px) {
    .dhin-related__grid {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
    .dhin-related__grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}


/* Update notice */
.dhin-reports__notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 1rem;
    margin: 0 0 2.4rem;
    padding: 1.2rem 1.6rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--c-d);
    background: color-mix(in srgb, var(--c-qui) 10%, var(--c-l));
    border: 0.1rem solid color-mix(in srgb, var(--c-qui) 35%, transparent);
    border-radius: var(--dhin-r-md);
}
    .dhin-reports__notice i {
        color: var(--dhin-c-cyan-700);
    }


/* Modal panel (blue chrome + overhanging flag title) */
.pop__item.dhin-modal__panel,
.dhin-modal__panel {
    position: relative;
    width: min(100%, 68rem);
    max-height: calc(100dvh - 4.8rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* overflow:visible so flag + close can overhang the panel */
    padding: 2.4rem;
    overflow: visible;
    color: var(--c-l);
    background: var(--c-pri);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 2.4rem 6rem -1.2rem rgba(0, 42, 68, 0.45);
            box-shadow: 0 2.4rem 6rem -1.2rem rgba(0, 42, 68, 0.45);
    outline: 0;
    opacity: 0;
    -webkit-transform: translateY(1.6rem) scale(0.97);
        -ms-transform: translateY(1.6rem) scale(0.97);
            transform: translateY(1.6rem) scale(0.97);
    -webkit-transition: opacity 0.25s ease-out, -webkit-transform 0.25s var(--dhin-ease-slide);
    transition: opacity 0.25s ease-out, -webkit-transform 0.25s var(--dhin-ease-slide);
    transition: transform 0.25s var(--dhin-ease-slide), opacity 0.25s ease-out;
    transition: transform 0.25s var(--dhin-ease-slide), opacity 0.25s ease-out, -webkit-transform 0.25s var(--dhin-ease-slide);
}
/* Specificity: keep after .pop__item.dhin-modal__panel base rule */
.pop--active .pop__item.dhin-modal__panel,
.pop--active .dhin-modal__panel {
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}
    /* Out-of-flow header keeps equal chrome on all sides */
    .dhin-modal__header {
        position: static;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        padding: 0;
        border: 0;
    }
        /* Flag title on top edge */
        .dhin-modal__title {
            z-index: 1;
            position: absolute;
            top: 0;
            left: 50%;
            min-width: 40%;
            max-width: -webkit-max-content;
            max-width: -moz-max-content;
            max-width: max-content;
            margin: 0;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            -webkit-filter: drop-shadow(0 1rem 0.8rem rgba(0, 0, 0, 0.04)) drop-shadow(0 0.4rem 0.3rem rgba(0, 0, 0, 0.1));
                    filter: drop-shadow(0 1rem 0.8rem rgba(0, 0, 0, 0.04)) drop-shadow(0 0.4rem 0.3rem rgba(0, 0, 0, 0.1));
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--c-d);
            text-align: center;
        }
            .dhin-modal__title span {
                position: relative;
                z-index: 10;
                display: block;
                padding: 0.8rem 3em;
                background: var(--c-sec);
                color: var(--c-d);
                text-align: center;
                clip-path: polygon(1.6rem 0, 100% 0, calc(100% - 1.6rem) 100%, 0 100%);
            }
        /* Close control */
        .dhin-modal__close {
            z-index: 2;
            position: absolute;
            top: -1.2rem;
            right: -1.2rem;
            display: -ms-grid;
            display: grid;
            place-items: center;
            width: 3.6rem;
            height: 3.6rem;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            font-size: 1.5rem;
            line-height: var(--dhin-lh-ui);
            color: var(--c-pri);
            background: var(--c-sec);
            border: 0;
            border-radius: 50%;
            -webkit-box-shadow: 0 0.4rem 1rem rgba(0, 42, 68, 0.25);
                    box-shadow: 0 0.4rem 1rem rgba(0, 42, 68, 0.25);
            cursor: pointer;
            -webkit-transition: background 0.15s ease, color 0.15s ease, -webkit-transform 0.15s ease;
            transition: background 0.15s ease, color 0.15s ease, -webkit-transform 0.15s ease;
            transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
            transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
        }
        .dhin-modal__close:hover,
        .dhin-modal__close:focus-visible {
            color: var(--c-d);
            background: var(--dhin-c-sec-hover, var(--c-sec));
            -webkit-transform: scale(1.06);
                -ms-transform: scale(1.06);
                    transform: scale(1.06);
        }
    /* Scrollport: JotForm grows iframe (scrolling=no); --scroll bleeds into right chrome */
    .dhin-modal__body {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        min-height: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain;
        color: var(--c-l);
    }
    .dhin-modal__body--scroll {
        margin-right: -1.6rem;
        padding-right: 0.8rem;
    }
    /* Firefox: scrollbar-width would disable ::-webkit-* in Chromium */
    @supports (-moz-appearance: none) {
        .dhin-modal__body {
            scrollbar-width: thin;
            scrollbar-color: color-mix(in srgb, var(--dhin-c-cyan-150) 70%, transparent) transparent;
        }
    }
    .dhin-modal__body::-webkit-scrollbar {
        width: 0.8rem;
    }
    .dhin-modal__body::-webkit-scrollbar-track {
        background: transparent;
        margin-block: 0.4rem;
    }
    .dhin-modal__body::-webkit-scrollbar-thumb {
        background: color-mix(in srgb, var(--dhin-c-cyan-150) 55%, transparent);
        border: 0.15rem solid transparent;
        border-radius: 999rem;
        background-clip: padding-box;
    }
    .dhin-modal__body::-webkit-scrollbar-thumb:hover {
        background: var(--dhin-c-cyan-150);
        border: 0.15rem solid transparent;
        background-clip: padding-box;
    }

/* Share fields */
        .dhin-share__group {
            margin-bottom: 2.4rem;
        }
        .dhin-share__group:last-of-type {
            margin-bottom: 0;
        }
            .dhin-share__label {
                display: block;
                margin-bottom: 0.4rem;
                font-size: 1.4rem;
                font-weight: 700;
                color: var(--c-l);
            }
            .dhin-share__hint {
                margin: 0 0 0.8rem;
                font-size: 1.2rem;
                color: rgba(255, 255, 255, 0.7);
            }
            .dhin-share__row {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: stretch;
                    -ms-flex-align: stretch;
                        align-items: stretch;
                gap: 0.8rem;
            }
                /* Reset parent form styles */
                input.dhin-share__field,
                textarea.dhin-share__field {
                    -webkit-box-flex: 1;
                        -ms-flex: 1;
                            flex: 1;
                    min-width: 0;
                    margin: 0;
                    padding: 1rem 1.2rem;
                    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
                    font-size: 1.2rem;
                    color: var(--c-d);
                    background: #f8fafc;
                    border: 0.1rem solid rgba(0, 42, 68, 0.15);
                    border-radius: var(--dhin-r-md);
                    -webkit-box-shadow: none;
                            box-shadow: none;
                    outline: 0;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                         appearance: none;
                    -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
                    transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
                    transition: border-color 0.15s ease, box-shadow 0.15s ease;
                    transition: border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
                }
                input.dhin-share__field:focus,
                textarea.dhin-share__field:focus {
                    border-color: var(--c-qua);
                    -webkit-box-shadow: 0 0 0 0.3rem rgba(0, 128, 202, 0.15);
                            box-shadow: 0 0 0 0.3rem rgba(0, 128, 202, 0.15);
                }
                textarea.dhin-share__field {
                    resize: none;
                }
                .dhin-share__copy {
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    -webkit-box-pack: center;
                        -ms-flex-pack: center;
                            justify-content: center;
                    gap: 0.6rem;
                    -ms-flex-item-align: start;
                        align-self: flex-start;
                    -ms-flex-negative: 0;
                        flex-shrink: 0;
                    min-width: 9.6rem;
                    padding: 1rem 1.4rem;
                    font-family: var(--dhin-ff);
                    font-size: 1.3rem;
                    font-weight: 600;
                    white-space: nowrap;
                    color: var(--c-d);
                    background: var(--c-sec);
                    border: 0.1rem solid var(--c-sec);
                    border-radius: var(--dhin-r-md);
                    cursor: pointer;
                    -webkit-transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
                    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
                }
                .dhin-share__copy:hover,
                .dhin-share__copy:focus-visible {
                    color: var(--c-d);
                    background: var(--dhin-c-sec-hover);
                    border-color: var(--dhin-c-sec-hover);
                }
                .dhin-share__copy--done,
                .dhin-share__copy--done:hover {
                    color: var(--c-l);
                    background: var(--dhin-c-cyan-700);
                    border-color: var(--dhin-c-cyan-700);
                }

/* PDF / document preview pop */
.pop--pdf .pop__item.dhin-modal__panel,
.pop--pdf .dhin-pdf-pop {
    width: min(100%, 115.2rem);
}
.dhin-pdf-pop__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6rem;
    overflow: hidden;
}
.dhin-pdf-pop__frame {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-height: 0;
    padding: 0.4rem;
    background: #f3f4f6;
    border: 0.1rem solid rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: inset 0 0.2rem 0.6rem rgba(0, 42, 68, 0.12);
            box-shadow: inset 0 0.2rem 0.6rem rgba(0, 42, 68, 0.12);
}
.dhin-pdf-pop__iframe {
    display: block;
    width: 100%;
    height: 70vh;
    max-height: calc(100dvh - 18rem);
    border: 0;
    background: #fff;
}
.dhin-pdf-pop__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 1.2rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.pop--pdf .dhin-modal__title {
    max-width: min(90%, 56rem);
}
.pop--pdf .dhin-modal__title span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    .dhin-modal__panel {
        -webkit-transition: none;
        transition: none;
    }
}