/* Optical corrections after replacing CocoSharp Trial with Alexandria. */
.section.is-service::after {
    background-image:
        radial-gradient(62% 80% at 3% 25%, rgba(115, 224, 207, 0.38) 0%, rgba(115, 224, 207, 0) 72%),
        radial-gradient(55% 62% at 88% 8%, rgba(255, 184, 159, 0.42) 0%, rgba(255, 184, 159, 0) 75%),
        radial-gradient(65% 60% at 46% 68%, rgba(255, 226, 117, 0.34) 0%, rgba(255, 226, 117, 0) 78%),
        radial-gradient(45% 55% at 96% 90%, rgba(181, 202, 194, 0.28) 0%, rgba(181, 202, 194, 0) 78%);
    background-color: transparent !important;
}

.section.is-service .content .content h2 {
    font-size: 55px !important;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.section.is-service .service-nav ul li a {
    font-weight: 650;
    outline-offset: 5px;
}

.section.is-service .service-nav ul li a span {
    font-size: 18px;
    letter-spacing: -0.015em;
}

.section.is-service .service > div {
    font-size: 20px;
    line-height: 1.42;
    transition: opacity 320ms ease, transform 320ms ease;
    will-change: opacity, transform;
}

.section.is-service .service > div.close {
    opacity: 0;
    transform: translateX(36px);
    pointer-events: none;
}

.section.is-service .service > div p {
    font-size: inherit;
    line-height: 1.5;
}

.section.is-service .service ul {
    font-size: 1em !important;
    line-height: 200%;
    margin: 1.3em 0;
}

.section.is-service .service > div strong {
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .section.is-service .service-nav ul li a span { font-size: 14px; }
}

@media (max-width: 767.98px) {
    .section.is-service .content .content h2 { font-size: 40px !important; }
    .section.is-service .service > div { font-size: 15px; }
}

/* Short desktop windows: let the section grow instead of clipping its panels. */
@media (min-width: 768px) and (max-height: 820px) {
    .section.is-service .container-fluid.content {
        height: auto;
        min-height: 100vh;
        min-height: 100dvh;
        overflow: visible;
    }

    .section.is-service .content .content {
        height: auto;
        min-height: calc(100vh - 100px);
        min-height: calc(100dvh - 100px);
        overflow: visible;
        padding-bottom: 3rem;
    }

    .section.is-service .service {
        min-height: 500px;
    }
}