@media(prefers-reduced-motion){*,*::before,*::after{transition-duration:0ms !important;transition-timing-function:linear !important;transition-delay:0ms !important;animation-duration:0ms !important;animation-timing-function:linear !important;animation-delay:0ms !important}}*,*::before,*::after{box-sizing:border-box;position:relative;margin:0;padding:0;outline:none}*::before,*::after{content:none}.x-component{color:var(--text-md-em) !important}html{scroll-padding-top:calc(var(--nav-height) + 1.5rem);scrollbar-gutter:stable}html:has(.dux-nav.open){overflow:hidden}body,html{min-height:100%;width:100%;background:var(--surface-base)}body{background-image:var(--body-bg-url);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}@supports(-webkit-appearance: none) and (hanging-punctuation: first){body{background-attachment:unset;background-size:auto;background-repeat:repeat}}img,svg,figure{max-width:100%}svg [fill],svg[fill]{fill:currentColor}svg [stroke],svg[stroke]{stroke:currentColor}table{border-collapse:collapse;border-spacing:0}ul[role=list]{list-style:none;padding:0}hr{border:none;margin-block:var(--space-md)}:root{--special-gothic-font: "Special Gothic Expanded One", serif;--border-1: hsl(0 0 80%);--surface-base: hsl(0 0 95%);--surface-green: hsl(154 48% 24%);--surface-green-transluscent: hsl(154 48% 24% / 0.75);--surface-orange: hsl(16 66% 45%);--surface-orange-dim: hsl(16 66% 35%);--surface-raised: hsl(0 0 100%);--surface-red: hsl(358 58% 40%);--link-color: hsl(240, 100%, 53.3%);--text-high-em: hsl(0 0 0%);--text-md-em: hsl(0 0 15%);--text-on-green: hsl(0 0 100%);--text-on-orange: hsl(0 0 100%);--text-on-red: hsl(0 0 100%);--surface-overlay: hsl(0 0 0 / 0.50);--space-sm: 0.5rem;--space-md: 0.75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-body: 1rem;--font-size-button: 1rem;--font-size-h4: 1rem;--font-size-nav-button: 1rem;--font-size-small-heading: 1rem;--font-size-h3: 1.25rem;--font-size-h2: 1.625rem;--font-size-h1: 2rem;--font-size-countdown: 5rem;--nav-height: 3.5rem;--nav-z-index: 10;--dux-max-width: 1600px;--dux-padding-inline: 1.25rem;--dux-padding-block: 3rem;--dux-container-width: min(100% - var(--dux-padding-inline) * 2, var(--dux-max-width));--footer-padding-block: var(--dux-padding-block);--footer-logo-width: 7rem;--footer-logo-height: 8rem}@media(width > 45rem){:root{--space-sm: 0.75rem;--space-md: 1rem;--space-lg: 1.25rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-size-xs: 0.875rem;--font-size-button: 1.25rem;--font-size-h4: 1.25rem;--font-size-nav-button: 1.25rem;--font-size-sm: 1.125rem;--font-size-small-heading: 1.25rem;--font-size-body: 1.5rem;--font-size-h3: 1.75rem;--font-size-h2: 2.25rem;--font-size-h1: 3.25rem;--font-size-countdown: 8rem;--nav-height: 4.5rem;--dux-padding-block: 4rem;--footer-logo-width: 11rem;--footer-logo-height: 12rem}}@media(width > 64rem){:root{--space-sm: 1rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6.25rem;--space-4xl: 8rem;--font-size-xs: 0.875rem;--font-size-button: 1.25rem;--font-size-nav-button: 1.25rem;--font-size-sm: 1.125rem;--font-size-small-heading: 1.25rem;--font-size-body: 1.5rem;--font-size-h4: 1.5rem;--font-size-h3: 2rem;--font-size-h2: 2.5rem;--font-size-h1: 4rem;--font-size-countdown: calc(5rem + 3vw);--dux-padding-block: 6.25rem}}p,li,a{font-size:var(--font-size-body);font-family:"Public Sans",serif;font-weight:400;line-height:150%;color:var(--text-md-em)}a{text-underline-offset:auto;text-underline-position:from-font;font-size:inherit;text-decoration:underline;color:var(--link-color)}h1,.text-h1,h2,.text-h2,h3,.text-h3,h4,.text-h4,.heading-sm{font-family:var(--special-gothic-font);line-height:110%;margin-block-end:.375em;text-transform:uppercase;font-weight:400}h1,.text-h1{font-size:var(--font-size-h1)}h2,.text-h2{font-size:var(--font-size-h2)}h3,.text-h3{font-size:var(--font-size-h3)}h4,.text-h4{font-size:var(--font-size-h4)}.heading-sm{font-size:var(--font-size-button)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}:is(h1,h2,h3,h4,.text-h1,.text-h2,.text-h3,.text-h4,.heading-sm,p)+:is(h1,h2,h3,h4,.text-h1,.text-h2,.text-h3,.text-h4,.heading-sm),p+p{margin-block-start:1em}input,select,button,textarea{font:inherit}section+section{margin-block-start:var(--space-3xl)}section.has-background{padding-block:var(--space-3xl)}section.has-background+section.has-background{margin-block-start:0}button,.button{padding:1rem 1.25rem;display:flex;justify-content:center;align-items:center;background-color:var(--surface-orange);color:var(--text-on-orange);text-decoration:none;border:none;font-size:var(--font-size-button);font-family:var(--special-gothic-font);cursor:pointer}button:hover,.button:hover{background-color:var(--surface-orange-dim)}button.link,.button.link{background-color:rgba(0,0,0,0);color:var(--text-md-em)}button.link svg [fill],.button.link svg [fill]{fill:var(--text-md-em)}button.link svg [stroke],.button.link svg [stroke]{stroke:var(--text-md-em)}button.white,.button.white{background-color:var(--surface-base);color:var(--surface-green)}a.link{font-size:inherit;color:inherit;font-family:var(--special-gothic-font)}.agreement{position:fixed;bottom:0;right:0;max-width:37.5rem;padding:1.5rem 1.25rem;background:var(--surface-raised);color:var(--text-md-em);outline:3px solid var(--surface-green, #205B41);visibility:hidden;opacity:0;z-index:1001}@media(width > 64rem){.agreement{padding:2rem}}.agreement.show{visibility:visible;opacity:1}.agreement .agreement-content .agreement-header{display:grid;grid-template-columns:1fr max-content;align-items:center;margin-block-end:.375em}.agreement .agreement-content .agreement-header h4{margin-block-end:0}.agreement .agreement-content .agreement-header button{padding:0}.agreement .agreement-content .agreement-cta{display:flex;margin-block-start:1rem}@media(width < 64rem){.agreement .agreement-content .agreement-cta{justify-content:center}.agreement .agreement-content .agreement-cta button{width:100%}}.dux-nav{height:var(--nav-height);background-color:var(--surface-raised);position:sticky;inset-inline:0;top:0;z-index:10;box-shadow:50vw 3px var(--surface-green),-50vw 3px var(--surface-green)}.dux-nav .dux-nav-container{display:grid;grid-template-columns:max-content 1fr max-content}.dux-nav .dux-nav-hamburger button,.dux-nav .dux-nav-cta .button{height:var(--nav-height)}.dux-nav.open{position:fixed;z-index:11}.dux-nav.open+.dux-nav-spacer{height:var(--nav-height)}.dux-nav.open .dux-nav-links{opacity:1;pointer-events:all}.dux-nav .dux-nav-links a{font-size:var(--font-size-nav-button);line-height:110%;color:var(--text-md-em)}.dux-nav .dux-nav-logo{height:var(--nav-height);color:var(--surface-green);display:flex;align-items:center;width:fit-content}.dux-nav .dux-nav-logo svg,.dux-nav .dux-nav-logo img{height:calc(var(--nav-height) - .5rem)}.dux-nav .dux-nav-logo svg [fill],.dux-nav .dux-nav-logo svg[fill]{fill:revert-layer}.dux-nav .dux-nav-logo svg [stroke],.dux-nav .dux-nav-logo svg[stroke]{stroke:revert-layer}.dux-nav .dux-nav-logo a{width:fit-content}@media(width <= 64rem){.dux-nav .dux-nav-links{opacity:0;pointer-events:none;position:fixed;overflow:hidden;top:var(--nav-height);bottom:0;inset-inline:0;background-color:var(--surface-overlay);z-index:10}.dux-nav .dux-nav-links ul{background-color:var(--surface-raised);height:100%;max-width:17rem;display:flex;flex-direction:column;align-items:center;justify-content:start}.dux-nav .dux-nav-links ul li{width:100%}.dux-nav .dux-nav-links ul li a{display:inline-block;padding-block:1.5rem;width:100%;text-align:center;text-decoration:none}.dux-nav .dux-nav-links ul li a:hover{background-color:var(--surface-green);color:var(--surface-raised)}}@media(width > 45rem){.dux-nav .dux-nav-container{grid-template-columns:1fr min-content 1fr}.dux-nav .dux-nav-cta{justify-self:end}.dux-nav svg,.dux-nav img{max-width:unset}}@media(width > 64rem){.dux-nav .dux-nav-container{max-width:var(--dux-container-width);margin-inline:auto}.dux-nav .dux-nav-hamburger{display:none}.dux-nav .dux-nav-logo img{max-width:100%;object-fit:contain}.dux-nav .dux-nav-links ul{display:flex;flex-wrap:nowrap}.dux-nav .dux-nav-links ul li a{height:var(--nav-height);display:grid;padding-inline:1rem;white-space:nowrap;align-items:center;text-decoration:none}.dux-nav .dux-nav-links ul li a:hover{background-color:var(--surface-green);color:var(--surface-raised)}}.dux-footer{margin-block-start:var(--space-3xl);width:100%;background:linear-gradient(0deg, rgba(32, 91, 65, 0.95) 0%, rgba(32, 91, 65, 0.95) 100%),var(--footer-bg) #d3d3d3 50%/cover no-repeat}.dux-page-wrapper:has(.has-background:last-child)+.dux-footer{margin-block-start:0}.dux-footer .dux-footer-content{max-width:var(--dux-container-width);margin-inline:auto;padding-block:var(--footer-padding-block);color:var(--text-on-green);display:grid;gap:3rem var(--space-lg);grid-template-columns:repeat(auto-fill, minmax(min(45%, 15rem), 1fr))}@media(width <= 64rem){.dux-footer .dux-footer-content>*{grid-column:1/-1}}@media(width > 64rem){.dux-footer .dux-footer-content{grid-template-columns:repeat(auto-fill, minmax(min(100%, 20rem), 1fr))}.dux-footer .dux-footer-content .dux-footer-links{grid-column:2/-1}}.dux-footer .dux-footer-content .dux-footer-details p{color:var(--text-on-green)}.dux-footer .dux-footer-content .dux-footer-details a svg{width:var(--footer-logo-width);height:var(--footer-logo-height)}.dux-footer .dux-footer-content .dux-footer-details a svg [fill],.dux-footer .dux-footer-content .dux-footer-details a svg[fill]{fill:revert-layer}.dux-footer .dux-footer-content .dux-footer-details a svg [stroke],.dux-footer .dux-footer-content .dux-footer-details a svg[stroke]{stroke:revert-layer}.dux-footer .dux-footer-content .dux-footer-links{display:grid;grid-template-columns:subgrid;gap:3rem}.dux-footer .dux-footer-content .dux-footer-links h4{margin-block-end:var(--space-lg)}.dux-footer .dux-footer-content .dux-footer-links ul{display:grid;gap:1rem}.dux-footer .dux-footer-content .dux-footer-links ul li a.link{font-family:"Public Sans",serif;color:var(--text-on-green)}.dux-footer .dux-footer-copyright{display:flex;place-content:center;padding-block:1.75rem;border-top:2px solid var(--surface-raised);background-color:var(--surface-green)}.dux-footer .dux-footer-copyright p{color:var(--text-on-green)}.dux-hero{position:relative;width:100%;height:auto;overflow:hidden}.dux-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, var(--dux-hero-start-gradient, var(--surface-green-transluscent, rgba(32, 91, 65, 0.75))) 0%, var(--dux-hero-end-gradient, var(--surface-green, #205B41)) 100%);pointer-events:none;z-index:1}.dux-hero .dux-hero-video,.dux-hero .dux-hero-img{position:absolute;inset:0;object-fit:cover;object-position:center;height:100%;width:100%}@media(prefers-reduced-motion: reduce){.dux-hero .dux-hero-video{animation:none;display:none}}.dux-hero .dux-hero-content{z-index:2;max-width:var(--dux-container-width);margin-inline:auto;display:grid;gap:4rem var(--space-lg)}@media(width > 100rem){.dux-hero .dux-hero-content{grid-template-columns:1fr min-content}}.dux-hero .dux-hero-content h1,.dux-hero .dux-hero-content h2,.dux-hero .dux-hero-content h3,.dux-hero .dux-hero-content h4,.dux-hero .dux-hero-content .text-h1,.dux-hero .dux-hero-content .text-h2,.dux-hero .dux-hero-content .text-h3,.dux-hero .dux-hero-content .text-h4,.dux-hero .dux-hero-content .heading-sm,.dux-hero .dux-hero-content p,.dux-hero .dux-hero-content svg{color:var(--text-on-green)}.dux-hero .dux-hero-content .dux-hero-content-text svg{width:11rem;height:12rem}.dux-hero .dux-hero-content .dux-hero-content-text svg,.dux-hero .dux-hero-content .dux-hero-content-text img{margin-block-end:var(--space-xl)}.dux-hero .dux-hero-content .dux-hero-content-text :is(h1,h2,h3,h4,.text-h1,.text-h2,.text-h3,.text-h4,.heading-sm)+:is(h1,h2,h3,h4,.text-h1,.text-h2,.text-h3,.text-h4,.heading-sm){margin-block-start:var(--space-sm)}.dux-hero .dux-hero-content .dux-hero-action{margin-block-start:var(--space-xl)}@media(width > 45rem){.dux-hero .dux-hero-content .dux-hero-action .button,.dux-hero .dux-hero-content .dux-hero-action button{width:fit-content}}.dux-hero.dux-hero-sub-page .dux-hero-content{justify-items:center;text-align:center}.dux-hero.dux-hero-sub-page .dux-hero-content h1,.dux-hero.dux-hero-sub-page .dux-hero-content h2,.dux-hero.dux-hero-sub-page .dux-hero-content h3,.dux-hero.dux-hero-sub-page .dux-hero-content h4{margin-block-end:0}.dux-hero #heroPauseButton{border:2px solid var(--surface-raised);color:var(--surface-raised);background-color:rgba(0,0,0,0);padding:.75rem;position:absolute;bottom:1rem;right:0;margin-block-start:3rem;margin-inline-end:1rem;width:fit-content;z-index:3}@media(width <= 45rem){.dux-hero #heroPauseButton{position:sticky;left:100%}}@media(prefers-reduced-motion: reduce){.dux-hero #heroPauseButton{display:none}}/*# sourceMappingURL=dux.css.map */
.dux-alert-banner {
    width: 100%;
    background-color: var(--surface-red);
    z-index: 11;

    .dux-alert-banner-content {
        width: var(--dux-container-width);
        margin-inline: auto;
        padding-block: .65rem;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 0.5rem 1.5rem;

        .dux-alert-banner-content-text {
            display: flex;
            gap: 0.5rem 1.5rem;
            flex-wrap: wrap;
            width: fit-content;
        }

        @media (width > 64rem) {
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            gap: 0.5rem 1.5rem;

            p.text-sm {
                white-space: nowrap;
            }
        }

        p, a {
            color: var(--text-on-red);
            margin-block: 0;
            line-height: 150%;
        }

        a {
            text-decoration: none;
            font-size: var(--font-size-button);
            white-space: nowrap;
        }
    }
}
.dux-timer {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xl);
    width: 100%;
    font-family: var(--special-gothic-font);

    .dux-timer-row {
        display: flex;
        justify-content: space-around;
        gap: inherit;
        min-width: min(100%, 400px);
    }
    .dux-timer-number {
        font-family: var(--special-gothic-font);
        font-size: var(--font-size-countdown);
        line-height: 110%;
        font-variant-numeric: lining-nums tabular-nums;
    }

    .heading-sm {
        margin-block-start: 0;
        text-align: center;
    }
}

.dux-hero-content-timer-text {
    @media (width > 100rem) {
        padding-inline-start: 5rem;
        h2, h3, h4, p {
            white-space: nowrap;
        }
    }
}
section.dux-sponsors {
    --sponsors-max-width: 100%;
    --sponsors-padding: 2rem 1.25rem 2rem 1.25rem;
    --sponsors-br: 0;
    --sponsors-border: 3px solid var(--border-1, #CCC);
    --sponsors-border-width: 3px 0;
    --sponsors-grid-template-columns: 1fr;
    --sponsors-grid-areas: "content" "pic";
    --sponsors-action-links-width: 100%;
    --sponsors-content-justify: center;
    --sponsors-action-margin-block: 1.25rem 2rem;
    --sponsors-text-wrap: balance;

    @media (width > 45rem) {
        --sponsors-max-width: var(--dux-container-width);
        --sponsors-padding: 3rem 2rem 3rem 2rem;
        --sponsors-br: 2rem;
        --sponsors-border-width: 3px;
        --sponsors-action-links-width: fit-content;
        --sponsors-action-margin-block: 2rem 3rem;
        --sponsors-text-wrap: pretty;
    }

    @media (width > 75rem) {
        --sponsors-padding: 6.25rem 4rem;
        --sponsors-grid-template-columns: 1fr 1fr;
        --sponsors-grid-areas: "content pic";
        --sponsors-content-justify: start;
    }

    position: relative;
    max-width: var(--sponsors-max-width);
    margin-inline: auto;
    padding: var(--sponsors-padding);
    background-color: var(--surface-raised);
    border-radius: var(--sponsors-br);
    border: var(--sponsors-border);
    border-width: var(--sponsors-border-width);
    display: grid;
    grid-template-columns: var(--sponsors-grid-template-columns);
    grid-template-areas: var(--sponsors-grid-areas);
    gap: var(--space-xl);

    picture {
        grid-area: pic;
        margin-inline: auto;
    }

    .dux-sponsors-content {
        grid-area: content;
        text-align: var(--sponsors-content-justify);
        align-self: center;

        p {
            text-wrap: var(--sponsors-text-wrap);
        }

        .dux-sponsors-action {
            margin-block: var(--sponsors-action-margin-block);
            width: fit-content;
            justify-self: var(--sponsors-content-justify);

            & .button, & button {
                width: var(--sponsors-action-links-width);
            }
        }

        .sponsor-list {
            h3 {
                text-wrap: var(--sponsors-text-wrap);
            }

            ul {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: var(--sponsors-content-justify);
                gap: var(--space-md);

                li {
                    max-width: 12rem;

                    img {
                    }
                }
            }
        }
    }
}
.dux-google-ad {
    margin-block: var(--space-lg);

    .dux-google-ad-wrapper {
        max-width: var(--dux-container-width);
        margin-inline: auto;
        width: 320px;
        min-height: 50px;

        @media (width > 45rem) {
            width: 728px;
            min-height: 90px;
        }
        overflow: auto;
    }
}
.dux-columns {
    max-width: var(--dux-container-width);
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem 4rem;
    align-items: center;

    @media (width > 75rem) {
        grid-template-columns: var(--dux-columns-grid-columns);
    }

    .dux-columns-text {

        .dux-columns-actions {
            margin-block-start: var(--space-lg);
            display: flex;
            flex-wrap: wrap;
            gap: .75rem;

            a.button {
                width: fit-content;
            }
        }

        &.align-top {
            align-self: start;
        }
    }

    figure {
        width: 100%;

        &.align-top {
            align-self: start;
        }

        iframe {
            width: 100%;
            aspect-ratio: var(--youtube-block-aspect-ratio);
        }
    }
}
.dux-brand-callout {
    overflow: hidden;
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
            var(--brand-callout-bg) lightgray 50% / 150px 150px repeat;
    border-block: 3px solid var(--border-1, #CCC);

    .dux-brand-callout-content {
        max-width: var(--dux-container-width);
        margin-inline: auto;
        display: grid;
        gap: 3rem;

        @media (width > 64rem) {
            justify-items: center;
        }

        .dux-brand-callout-details {
            display: grid;
            gap: 1.5rem;

            @media (width > 64rem) {
                justify-items: center;
                text-align: center;
            }

            h2 {
                margin-block-end: 0;
            }

            p {
                max-width: 50ch;
            }

            .dux-brand-callout-action {
                a.button {
                    width: fit-content;
                }
            }
        }

        .dux-brand-scroll-image {
            overflow: hidden;
            width: 100%;

            .dux-brand-scroll-track {
                display: flex;
                gap: var(--space-xl) var(--space-2xl);
                align-items: center;
                width: 100%;
                flex-wrap: wrap;

                @media (width > 64rem) {
                    justify-content: center;
                }

                .reduce-animation-hide {
                    display: none;
                }

                img {
                    max-height: 100px;
                    max-width: unset;
                }
            }

            @media (prefers-reduced-motion: no-preference) {
                mask-image: linear-gradient(.25turn, transparent, #fff 10%, #fff 90%, transparent);
                .dux-brand-scroll-track {
                    flex-wrap: nowrap;
                    width: max-content;
                    column-gap: var(--space-4xl);
                    padding-inline-end: var(--space-4xl);
                    animation: scroll-carousel var(--brand-callout-animation-time) linear infinite;

                    .reduce-animation-hide {
                        display: inline-block;
                    }
                }
            }
        }
    }
}

@keyframes scroll-carousel {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.dux-highlights {
    max-width: var(--dux-container-width);
    margin-inline: auto;
    display: grid;
    justify-items: center;

    p {
        text-align: center;
    }

    .dux-highlights-grid {
        margin-block-start: var(--space-2xl);
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 18rem 18rem 12rem 18rem;
        grid-template-areas:
             'two four'
             'six six'
             'five one'
             'three three';
        gap: var(--space-sm);
        width: 100%;

        --bg-image-height: 18rem;
        --sm-image-height: 12rem;

        img {
            max-width: 100%;
        }

        @media (width > 45rem) {
            grid-template-areas:
             'two four'
             'five one'
             'three six';

            --bg-image-height: 18rem;
            --sm-image-height: 18rem;
        }

        @media (width > 64rem) {
            --highlights-col-gap-size: 8rem;
            --highlights-row-gap-size: 5rem;
            --bg-image-height: calc(var(--highlights-row-gap-size) + var(--sm-image-height) + var(--space-sm));
            --sm-image-height: 20.5rem;

            grid-template-columns: 1fr 1fr var(--highlights-col-gap-size) 1.5fr;
            grid-template-rows: 20.5rem var(--highlights-row-gap-size) 20.5rem;
            grid-template-areas:
             'one two three three'
             'four two three three'
             'four five five six';
        }

        & > img {
            height: var(--bg-image-height);
            width: 100%;
            object-fit: cover;
            object-position: center;
        }

        :nth-child(1) {
            grid-area: one;
            height: var(--sm-image-height);
        }

        :nth-child(2) {
            grid-area: two;
        }

        :nth-child(3) {
            grid-area: three;
        }

        :nth-child(4) {
            grid-area: four;
        }

        :nth-child(5) {
            grid-area: five;
            height: var(--sm-image-height);
        }

        :nth-child(6) {
            grid-area: six;

            @media (width > 64rem) {
                height: var(--sm-image-height);
            }
        }
    }
}
.dux-card-container {
    max-width: var(--dux-container-width);
    margin-inline: auto;
    display: grid;
    justify-items: center;

    p {
        text-align: center;
    }

    .dux-card-container-cards {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--space-md);
        margin-block-start: var(--space-2xl);
        max-width: 50rem;

        @media (width > 45rem) {
            grid-template-columns: 1fr 1fr;
        }

        @media (width > 75rem) {
            max-width: unset;
            grid-template-columns: repeat(4, 1fr);
        }

        .dux-card-container-card {

            img {
                width: 100%;
                height: 100%;
                object-position: center;
                object-fit: cover;
                aspect-ratio: 1;
            }

            p.text-h4 {
                position: absolute;
                height: fit-content;
                bottom: 0;
                margin-block-end: 0;
                width: 100%;
                padding: 1.25rem;
                border-top: 2px solid #FFF;
                background: rgba(32, 91, 65, 0.75);
                backdrop-filter: blur(3px);
                color: var(--text-on-green);
            }
        }
    }
}