        .rt-large-text {
            display: flex;
            align-items: center;
        }

        .rt-faq-dropdown-list {
            transition: height 0.35s ease;
        }

        .rt-faq-bar-rotate {
            transition: transform 0.35s ease;
        }

        /* ── Video V3: Scroll-scrub scale animation ── */
        .rt-video-v3 {
            /* Extra height creates scroll distance for the scrub effect */
            height: 200vh;
            position: relative;
        }

            .rt-video-v3 .rt-video-main {
                position: sticky;
                top: 0;
                height: 100vh;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .rt-video-v3 .rt-video-wrap {
                transform: scale(0.65);
                border-radius: 20px;
                overflow: hidden;
                will-change: transform, border-radius;
                transition: none; /* scrubbed by JS, no CSS transition */
            }

        /* ── HomeTwo exterior panels: hover accordion ── */
        .rt-exterior-text-item {
            transition: flex 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .rt-exterior-overlay-wrapper {
            pointer-events: none;
        }

        .rt-exterior-text-item.is-active .rt-exterior-overlay-wrapper,
        .rt-exterior-text-item.is-active .rt-exterior-overlay-wrapper.rt-one {
            pointer-events: auto;
        }

        .rt-exterior-image-overlay {
            transition: opacity 0.4s ease;
        }

        .rt-exterior-text-item.is-active .rt-exterior-image-overlay {
            opacity: 0.7 !important;
        }

        .rt-top-big-text {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s;
        }

        .rt-exterior-text-item.is-active .rt-top-big-text,
        .rt-exterior-text-item.is-active .rt-top-big-text.two,
        .rt-exterior-text-item.is-active .rt-top-big-text.three,
        .rt-exterior-text-item.is-active .rt-top-big-text.four {
            opacity: 1;
            transform: translateY(0);
        }

        .rt-exterior-text-bottom {
            transition: opacity 0.3s ease;
        }

        .rt-exterior-text-item.is-active .rt-exterior-text-bottom {
            opacity: 0;
        }

        /* ── Background images: layered and crossfade ── */
        .rt-exterior-image-main {
            position: relative;
        }

            .rt-exterior-image-main .rt-image-full-width {
                transition: opacity 0.6s ease;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
                /* First image sets the container height */
                .rt-exterior-image-main .rt-image-full-width:first-child {
                    position: relative;
                }

        /* ── Fix 1: Banner description padding on smaller screens ── */
        @media screen and (max-width: 767px) {
            .rt-p-tag-color-white {
                width: 90%;
                padding-left: 1rem;
                padding-right: 1rem;
            }
        }

        @media screen and (max-width: 479px) {
            .rt-p-tag-color-white {
                width: 100%;
                padding-left: 0.75rem;
                padding-right: 0.75rem;
            }
        }

        /* ── Fix 2: Normalize spec card images + fix card text spacing ── */
        @media screen and (max-width: 767px) {
            .about-one-service-card .rt-width-height-full-mobile-l {
                width: auto;
                height: auto;
                max-width: 40%;
                flex-shrink: 0;
            }

            .rt-service-v4-card-image,
            .rt-service-v4-card-image.rt-active.rt-auto-fit {
                width: 100%;
                max-width: 10rem;
                height: auto;
            }

            .about-one-service-card .rt-service-v4-card-text {
                flex: 1;
                min-width: 0;
                padding-left: 0;
            }

            .rt-service-v4-card-text ul {
                padding-left: 18px;
            }
        }

        @media screen and (max-width: 479px) {
            .about-one-service-card .rt-width-height-full-mobile-l {
                max-width: 100%;
                max-height: 200px;
                overflow: hidden;
            }

            .rt-service-v4-card-image,
            .rt-service-v4-card-image.rt-active.rt-auto-fit {
                max-width: 100%;
            }

            .about-one-service-card .rt-service-v4-card-text {
                padding-left: 0;
            }
        }

        /* ── Fix 3: Exterior columns text clipping on large tablets (≤1100px) ── */
        @media screen and (max-width: 1100px) {
            .rt-exterior-main-text-wrapper {
                grid-template-columns: 1fr 1fr !important;
            }

            .rt-exterior-image-section {
                height: auto !important;
            }

            .rt-exterior-overlay-wrapper,
            .rt-exterior-overlay-wrapper.rt-one {
                position: static !important;
                padding-top: 30px !important;
                padding-bottom: 30px !important;
                overflow: visible !important;
            }

            .rt-exterior-image-main {
                position: absolute !important;
                inset: 0% !important;
            }

            .rt-exterior-main-text-wrapper {
                position: relative !important;
            }

            .rt-top-big-text,
            .rt-top-big-text.two,
            .rt-top-big-text.three,
            .rt-top-big-text.four {
                opacity: 1 !important;
                transform: translateY(0) !important;
                gap: 12px !important;
            }

            .rt-exterior-text-bottom {
                display: none !important;
            }

            .rt-exterior-big-paragraph {
                max-width: 100% !important;
            }

                .rt-exterior-big-paragraph p {
                    font-size: 14px !important;
                    line-height: 1.5 !important;
                }

            .rt-exterior-text-item {
                flex: 1 !important;
                padding: 15px 12px !important;
            }

                .rt-exterior-text-item.rt-one,
                .rt-exterior-text-item.three {
                    border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
                }

                .rt-exterior-text-item.rt-two,
                .rt-exterior-text-item.four {
                    border-right: none !important;
                }

                .rt-exterior-text-item.rt-one,
                .rt-exterior-text-item.rt-two {
                    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
                }
        }

        /* ── Fix 3b: Single column on smaller tablets/mobile ── */
        @media screen and (max-width: 767px) {
            .rt-exterior-main-text-wrapper {
                grid-template-columns: 1fr !important;
            }

            .rt-exterior-text-item.rt-one,
            .rt-exterior-text-item.three {
                border-right: none !important;
            }

            .rt-exterior-text-item.rt-one,
            .rt-exterior-text-item.rt-two,
            .rt-exterior-text-item.three {
                border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
            }
        }
