.banner {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: var(--space0);
        inline-size: 100%;
        background-position: center center;
        background-size: cover;
        background-image: url("images/american-flag.webp");
        aspect-ratio: 2.3 / 1;
    }

    .banner {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: var(--space0);
        inline-size: 100%;
        background-position: center center;
        background-size: cover;
        background-image: url("images/american-flag.webp");
        aspect-ratio: 2.3 / 1;
    }

    .banner {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: var(--space0);
        inline-size: 100%;
        background-position: center center;
        background-size: cover;
        background-image: url("images/american-flag.webp");
        aspect-ratio: 2.3 / 1;
    }

    .banner-stripe {
        inline-size: 100%;
        max-inline-size: 87%;
    }

    .banner-stripe {
        inline-size: 100%;
        max-inline-size: 87%;
    }

    .banner-stripe {
        inline-size: 100%;
        max-inline-size: 87%;
    }

    .logo {
        block-size: 6em;
        inline-size: auto;
    }

    .logo {
        block-size: 6em;
        inline-size: auto;
    }

    .logo {
        block-size: 6em;
        inline-size: auto;
    }

    @media (max-width: 768px) {
      .banner-stripe { max-inline-size: 100%; }
    }

    @media (max-width: 768px) {
      .banner-stripe { max-inline-size: 100%; }
    }

    @media (max-width: 768px) {
      .banner-stripe { max-inline-size: 100%; }
    }

    @media (max-width: 36rem) {
      .banner { aspect-ratio: 1.8 / 1; }
      .banner-stripe { block-size: 70%; }
    }

    @media (max-width: 36rem) {
      .banner { aspect-ratio: 1.8 / 1; }
      .banner-stripe { block-size: 70%; }
    }

    @media (max-width: 36rem) {
      .banner { aspect-ratio: 1.8 / 1; }
      .banner-stripe { block-size: 70%; }
    }

    .home-info {
        font-size: 2rem;
        font-weight: 600;
        block-size: auto;
        margin-block: var(--space1);
        padding-inline: var(--space0);
    }

    .home-info {
        font-size: 2rem;
        font-weight: 600;
        block-size: auto;
        margin-block: var(--space1);
        padding-inline: var(--space0);
    }

    .home-info {
        font-size: 2rem;
        font-weight: 600;
        block-size: auto;
        margin-block: var(--space1);
        padding-inline: var(--space0);
    }

    .tl-columns {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        inline-size: 100%;
        gap: var(--space4);
        padding: var(--space0);
    }

    .tl-columns {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        inline-size: 100%;
        gap: var(--space4);
        padding: var(--space0);
    }

    .tl-columns {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        inline-size: 100%;
        gap: var(--space4);
        padding: var(--space0);
    }

    .tl-column {
        --basis: 50em;
        flex-basis: calc((var(--basis) - 100%) * 1000);
        flex-grow: 1;
        padding: var(--space0);
        justify-content: flex-start;
    }

    .tl-column {
        --basis: 50em;
        flex-basis: calc((var(--basis) - 100%) * 1000);
        flex-grow: 1;
        padding: var(--space0);
        justify-content: flex-start;
    }

    .tl-column {
        --basis: 50em;
        flex-basis: calc((var(--basis) - 100%) * 1000);
        flex-grow: 1;
        padding: var(--space0);
        justify-content: flex-start;
    }

    .tl-column h1 {
        margin-block-start: 0px;
    }

    .tl-column h1 {
        margin-block-start: 0px;
    }

    .tl-column h1 {
        margin-block-start: 0px;
    }

    section {
        background: rgb(220, 220, 220);
    }

    section {
        background: rgb(220, 220, 220);
    }

    section {
        background: rgb(220, 220, 220);
    }

    .section-data {
        font-size: 2.5em;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: -0.015em;
        border-bottom-width: 0.075em;
        border-bottom-style: solid;
        border-bottom-color: black;
        padding-block-end: 0.75em;
        block-size: 100%;
        display: inline-flex;
        align-items: flex-end;
        text-align: center;
    }

    .section-data {
        font-size: 2.5em;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: -0.015em;
        border-bottom-width: 0.075em;
        border-bottom-style: solid;
        border-bottom-color: black;
        padding-block-end: 0.75em;
        block-size: 100%;
        display: inline-flex;
        align-items: flex-end;
        text-align: center;
    }

    .section-data {
        font-size: 2.5em;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: -0.015em;
        border-bottom-width: 0.075em;
        border-bottom-style: solid;
        border-bottom-color: black;
        padding-block-end: 0.75em;
        block-size: 100%;
        display: inline-flex;
        align-items: flex-end;
        text-align: center;
    }

    .section-data strong {
        display: inline;
        font-weight: 900;
    }

    .section-data strong {
        display: inline;
        font-weight: 900;
    }

    .section-data strong {
        display: inline;
        font-weight: 900;
    }

    .section-data span {
        inline-size: 100%;
    }

    .section-data span {
        inline-size: 100%;
    }

    .section-data span {
        inline-size: 100%;
    }

    .container {
        padding: 0px;
    }

    .container {
        padding: 0px;
    }

    .container {
        padding: 0px;
    }

    hr {
        max-inline-size: none;
        margin: 0px;
    }

    hr {
        max-inline-size: none;
        margin: 0px;
    }

    hr {
        max-inline-size: none;
        margin: 0px;
    }