.triangle-header-logomark {
        block-size: 3.5rem;
        inline-size: auto;
        object-fit: contain;
    }

    .triangle-header-logomark {
        block-size: 3.5rem;
        inline-size: auto;
        object-fit: contain;
    }

    .triangle-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        row-gap: 1rem;
        column-gap: 1rem;
        width: 100%;
        padding: var(--space0);
        background-color: white;
        border-block-end: 0.125rem solid var(--primary);
    }

    .triangle-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        row-gap: 1rem;
        column-gap: 1rem;
        width: 100%;
        padding: var(--space0);
        background-color: white;
        border-block-end: 0.125rem solid var(--primary);
    }

    .triangle-header-nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
        row-gap: 1rem;
        column-gap: 1rem;
    }

    .triangle-header-nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
        row-gap: 1rem;
        column-gap: 1rem;
    }

    .triangle-header-title-container {
        display: flex;
        align-items: center;
    }

    .triangle-header-title-container {
        display: flex;
        align-items: center;
    }

    .triangle-nav-btn:last-child {
        background-color: var(--primary);
        color: var(--neutral-light);
        font-weight: 400;
    }

    .triangle-nav-btn:last-child {
        background-color: var(--primary);
        color: var(--neutral-light);
        font-weight: 400;
    }

    .triangle-nav-btn {
        border-radius: 0.25rem;
        padding: 0.5rem 1.25rem;
        font-weight: 300;
        transition: background-color 150ms;
        color: inherit;
        text-decoration: none;
    }

    .triangle-nav-btn {
        border-radius: 0.25rem;
        padding: 0.5rem 1.25rem;
        font-weight: 300;
        transition: background-color 150ms;
        color: inherit;
        text-decoration: none;
    }

    .tl-columns {
        display: flex;
        flex-direction: column;
        align-items: center;
        inline-size: 100%;
        gap: var(--space3);
        padding: var(--space0);
    }

    .tl-columns {
        display: flex;
        flex-direction: column;
        align-items: center;
        inline-size: 100%;
        gap: var(--space3);
        padding: var(--space0);
    }

    .tl-column {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: var(--space0);
    }

    .tl-column {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: var(--space0);
    }

    .hero-video {
        inline-size: 100%;
        block-size: auto;
        box-shadow: var(--shadow-realistic);
        border-radius: 0.25rem;
    }

    .hero-video {
        inline-size: 100%;
        block-size: auto;
        box-shadow: var(--shadow-realistic);
        border-radius: 0.25rem;
    }

    .hero-heading {
        text-align: center;
        margin-block: 0.5em;
        display: none;
    }

    .hero-heading {
        text-align: center;
        margin-block: 0.5em;
        display: none;
    }

    .hero {
        display: flex;
    }

    .hero {
        display: flex;
    }

    .hero-paragraph {
        font-size: max(var(--s2), var(--min1));
        text-align: center;
    }

    .hero-paragraph {
        font-size: max(var(--s2), var(--min1));
        text-align: center;
    }

    .hero-cta {
        display: inline-block;
        text-underline-offset: 0.25em;
        text-decoration-color: var(--tertiary);
        text-decoration: underline;
        color: inherit;
        margin-block-start: 0.5em;
    }

    .hero-cta {
        display: inline-block;
        text-underline-offset: 0.25em;
        text-decoration-color: var(--tertiary);
        text-decoration: underline;
        color: inherit;
        margin-block-start: 0.5em;
    }

    .hero-cta:hover {
        text-decoration-color: var(--primary);
    }

    .hero-cta:hover {
        text-decoration-color: var(--primary);
    }

    .hr-thick {
        background-color: var(--primary);
        inline-size: 100%;
        block-size: 3rem;
    }

    .hr-thick {
        background-color: var(--primary);
        inline-size: 100%;
        block-size: 3rem;
    }

    section {
        padding: var(--space0);
        inline-size: 100%;
        padding-block-end: var(--s5);
    }

    section {
        padding: var(--space0);
        inline-size: 100%;
        padding-block-end: var(--s5);
    }

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

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

    .service-column {
        --basis: 44em;
        flex-basis: calc((var(--basis) - 100%) * 1000);
        flex-grow: 1;
        display: flex;
        justify-content: flex-start;
        padding: var(--space0);
        flex-direction: column;
        transition: transform 200ms;
    }

    .service-column {
        --basis: 44em;
        flex-basis: calc((var(--basis) - 100%) * 1000);
        flex-grow: 1;
        display: flex;
        justify-content: flex-start;
        padding: var(--space0);
        flex-direction: column;
        transition: transform 200ms;
    }

    .service-column img {
        aspect-ratio: 16 / 9;
        border-radius: 0.25rem;
        border: 1px solid rgb(235, 235, 235);
    }

    .service-column img {
        aspect-ratio: 16 / 9;
        border-radius: 0.25rem;
        border: 1px solid rgb(235, 235, 235);
    }

    section > h1 {
        padding-inline: var(--space2);
    }

    section > h1 {
        padding-inline: var(--space2);
    }

    .hr-info {
        background-color: var(--primary);
        inline-size: 100%;
        display: flex;
        justify-content: center;
        padding: var(--s3) var(--s0);
    }

    .hr-info {
        background-color: var(--primary);
        inline-size: 100%;
        display: flex;
        justify-content: center;
        padding: var(--s3) var(--s0);
    }

    .footer {
        background-color: var(--secondary);
        inline-size: 100%;
        padding: var(--space0);
        color: white;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: var(--space0);
    }

    .footer {
        background-color: var(--secondary);
        inline-size: 100%;
        padding: var(--space0);
        color: white;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: var(--space0);
    }

    ul {
        font-size: max(1rem, var(--s1));
        padding-inline-start: var(--space4);
    }

    ul {
        font-size: max(1rem, var(--s1));
        padding-inline-start: var(--space4);
    }

    .hero .tl-columns {
        padding: 0px;
    }

    .hero .tl-columns {
        padding: 0px;
    }

    .hero .tl-column {
        padding: 0px;
    }

    .hero .tl-column {
        padding: 0px;
    }

    .tl-column-right {
        display: flex;
        inline-size: 100%;
        max-inline-size: var(--measure);
        align-items: center;
        justify-content: flex-start;
        padding: var(--space0);
    }

    .tl-column-right {
        display: flex;
        inline-size: 100%;
        max-inline-size: var(--measure);
        align-items: center;
        justify-content: flex-start;
        padding: var(--space0);
    }

    .footer ul {
        font-size: inherit;
        padding: 0px;
        list-style-type: none;
        margin: 0px;
    }

    .footer ul {
        font-size: inherit;
        padding: 0px;
        list-style-type: none;
        margin: 0px;
    }

    .triangle-nav-btn:hover {
        background-color: rgb(235, 235, 235);
    }

    .triangle-nav-btn:hover {
        background-color: rgb(235, 235, 235);
    }

    .triangle-nav-btn:last-child:hover {
        background-color: var(--tertiary);
    }

    .triangle-nav-btn:last-child:hover {
        background-color: var(--tertiary);
    }

    .service-column:hover {
        transform: scale(1.025);
    }

    .service-column:hover {
        transform: scale(1.025);
    }

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

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

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

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

    .footer-ul {
        font-size: inherit;
        padding: 0px;
        list-style-type: none;
        margin: 0px;
    }

    .footer-ul {
        font-size: inherit;
        padding: 0px;
        list-style-type: none;
        margin: 0px;
    }

    .TWY4INT {
        text-align: center;
    }

    .TWY4INT {
        text-align: center;
    }

    .important-info-column {
        flex-direction: column;
        align-items: flex-start;
        flex-basis: 44em;
    }

    .important-info-column {
        flex-direction: column;
        align-items: flex-start;
        flex-basis: 44em;
    }

    .important-info-column .hero-cta {
        display: inline;
    }

    .important-info-column .hero-cta {
        display: inline;
    }

    .important-info-column li {
        margin-block-end: 0.5em;
    }

    .important-info-column li {
        margin-block-end: 0.5em;
    }

    .footer-nav-link {
        text-decoration-color: rgba(255, 255, 255, 0.5);
    }

    .footer-nav-link {
        text-decoration-color: rgba(255, 255, 255, 0.5);
    }

    .footer-nav-link:hover {
        text-decoration-color: white;
    }

    .footer-nav-link:hover {
        text-decoration-color: white;
    }

    .service-column span {
        font-size: max(1rem, var(--s1));
        font-weight: 600;
        margin-block-start: 0.5em;
    }

    .service-column span {
        font-size: max(1rem, var(--s1));
        font-weight: 600;
        margin-block-start: 0.5em;
    }

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

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