.ocmlabs-specialheader-container {
    container-type: inline-size;
}

.ocmlabs-specialheader {
    word-wrap: break-word;

    font-size: clamp(3.025rem, 3.775vw + 1.88rem, 6.5rem);
    font-weight: 900;
    /* line-height: clamp(3.672rem, 5.563vw + 2.472rem, 6.922rem); */
    line-height: clamp(3.5rem, 4vw + 1.98rem, 7.4rem);

    text-transform: uppercase;

    margin-bottom: 0;

    /* -webkit-hyphens: none;
    hyphens: none; */

    &.center {
        text-align: center;
    }

    &.right {
        text-align: right;
    }

    hyphenate-limit-chars: 4 auto 3;
}

.huge-outlined-text {
    color: #fff;
    text-shadow:
        3px 3px 0 black,
        -3px 3px 0 black,
        -3px -3px 0 black,
        3px -3px 0 black;

    &:where(.dark, .dark *) {
        text-shadow:
            3px 3px 0 #fff,
            -3px 3px 0 #fff,
            -3px -3px 0 #fff,
            3px -3px 0 #fff;
    }
}

@supports (-webkit-text-stroke: 3px black) {
    .huge-outlined-text {
        text-shadow: none;
        color: inherit;
        -webkit-text-stroke-width: 1.5px;
        -webkit-text-fill-color: white;
        -webkit-text-stroke-color: inherit;

        &:where(.dark, .dark *) {
            -webkit-text-fill-color: transparent;
            -webkit-text-stroke-color: white;
        }

        @media (min-width: 640px) {
            -webkit-text-stroke-width: 2px;
        }

        @media (min-width: 1024px) {
            -webkit-text-stroke-width: 3px;
        }
    }
}