html.low-pink {
    background-color: #e786b1;
}

#Home {
    width: 100%;
    min-height: auto;
    height: calc(100% - 4.5rem);

    html.low-pink & {
        background-color: #e786b1;
    }

    .IntroLogo {
        @include center-absolute;

        top: 52%;
        max-width: calc(1080px);
        display: flex;

        width: 100%;

        .VideoWrapper {
            flex: 0 0;
            flex-basis: 33%;

            width: 33%;
            height: auto;
            overflow: hidden;

            video {
                display: block;
                width: 101%;
            }
        }
    }

    html.ithing & {
        min-height: 10px;
    }

    @media (orientation: portrait) {
        height: calc(100% - 3.5rem);

        .IntroLogo {
            padding-top: 2rem;
            height: 100%;
            top: 48%;
            flex-direction: column;

            .VideoWrapper {
                height: 33%;
                width: auto;
                text-align: center;
                overflow: hidden;

                video {
                    display: inline-block;
                    width: auto;
                    height: 101%;
                }
            }
        }
    }
}

html.low-pink:not(.ithing) {
    background-color: #e786b1;
}

#Home {
    width: 100%;
    min-height: auto;
    height: calc(100% - 4.5rem);

    html.low-pink & {
        background-color: #e786b1;
    }

    .IntroLogo {
        @include center-absolute;

        top: 52%;
        max-width: calc(1080px);
        display: flex;

        width: 100%;

        .VideoWrapper {
            flex: 0 0;
            flex-basis: 33%;

            width: 33%;
            height: auto;
            overflow: hidden;

            video {
                display: block;
                width: 101%;
            }
        }
    }

    html.ithing & {
        min-height: 10px;
    }

    @media (orientation: portrait) {
        height: calc(100% - 3.5rem);

        .IntroLogo {
            padding-top: 2rem;
            height: 100%;
            top: 48%;
            flex-direction: column;

            .VideoWrapper {
                height: 33%;
                width: auto;
                text-align: center;
                overflow: hidden;

                video {
                    display: inline-block;
                    width: auto;
                    height: 101%;
                }
            }
        }
    }
}

Fix pink bkg for idevices
Fix pink bkg for idevices
