/* Decorative branding only. Original site.css, layouts and interactions remain intact. */
.gitech-brand-watermark {
    position: absolute;
    display: block;
    width: 340px;
    aspect-ratio: 1;
    background: url("../images/branding/watermark-outline-green.svg") center / contain no-repeat;
    pointer-events: none;
    user-select: none;
}

.gitech-subpage-banner > .gitech-brand-watermark {
    z-index: 1;
    top: 50%;
    right: clamp(12px, 5vw, 90px);
    width: clamp(220px, 25vw, 360px);
    transform: translateY(-50%);
    background-image: url("../images/branding/watermark-outline-white.svg");
    opacity: .16;
}

.gitech-footer {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.gitech-footer > .gitech-brand-watermark {
    z-index: 0;
    right: -32px;
    bottom: 18px;
    width: clamp(240px, 28vw, 390px);
    opacity: .18;
}

.gitech-footer > .gitech-container,
.gitech-subscribe-section > .gitech-container {
    position: relative;
    z-index: 1;
}

.gitech-subscribe-section > .gitech-brand-watermark {
    z-index: 0;
    left: 34%;
    bottom: -64px;
    width: clamp(260px, 30vw, 400px);
    opacity: .14;
}

@media (max-width: 767.98px) {
    .gitech-subpage-banner > .gitech-brand-watermark {
        right: -58px;
        opacity: .09;
    }

    .gitech-footer > .gitech-brand-watermark {
        right: -54px;
        opacity: .12;
    }

    .gitech-subscribe-section > .gitech-brand-watermark {
        left: -70px;
        bottom: -40px;
        opacity: .10;
    }
}
