/* แถบวิดีโอ + ปุ่มติดต่อทีมวิศวกร
   ใช้ที่: หน้าแรก, เกี่ยวกับเรา */

/* "ทีมงานวิศวกรชำนาญงาน" - text + CTAs on the left, clip on the right.
               Scoped to .video-modern; palette #062452 / #0a4091 / #fff / #ccc */
            .video-one.video-modern {
                background-attachment: scroll;
                background-color: #062452;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                padding: 24px 4px 64px 4px;
                position: relative;
                z-index: 1;
            }

            .video-one.video-modern .video-one__wrpper {
                align-items: center;
                display: grid;
                gap: 46px;
                grid-template-columns: 1fr 1fr;
            }

            .video-one.video-modern .video-one__left {
                float: none;
                width: auto;
            }

            .video-one.video-modern .intro-eyebrow {
                align-items: center;
                color: #ffffff;
                display: inline-flex;
                font-family: 'promptregular';
                font-size: 15px;
                font-weight: 600;
                letter-spacing: .3px;
                margin-bottom: 14px;
                opacity: .8;
            }

            .video-one.video-modern .video-one__title {
                color: #ffffff;
                font-family: 'promptregular';
                font-size: 26px;
                font-weight: 600;
                line-height: 1.4;
                margin: 0 0 16px;
            }

            .video-one.video-modern .video-one__text {
                color: rgba(255, 255, 255, .78);
                font-family: 'promptregular';
                font-size: 17px;
                line-height: 30px;
                margin: 0 0 26px;
                max-width: 520px;
            }

            /* ---- CTA row ---- */
            .video-one.video-modern .video-one__btn {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                margin: 0;
            }

            .video-one.video-modern .vid-btn {
                align-items: center;
                border: 1px solid transparent;
                border-radius: 999px;
                display: inline-flex;
                font-family: 'promptregular';
                font-size: 16px;
                font-weight: 600;
                gap: 9px;
                line-height: 1;
                padding: 14px 24px;
                text-decoration: none;
                transition: background-color .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;
            }

            .video-one.video-modern .vid-btn i {
                font-size: 16px;
            }

            .video-one.video-modern .vid-btn:hover {
                transform: translateY(-2px);
            }

            /* primary - phone */
            .video-one.video-modern .vid-btn--call {
                background: #ffffff;
                color: #062452;
            }

            .video-one.video-modern .vid-btn--call:hover {
                background: #0a4091;
                color: #ffffff;
            }

            /* LINE brand green */
            .video-one.video-modern .vid-btn--line {
                background: #06c755;
                border-color: #06c755;
                color: #ffffff;
            }

            .video-one.video-modern .vid-btn--line:hover {
                background: #05b04a;
                border-color: #05b04a;
                color: #ffffff;
            }

            /* outlined - quote */
            .video-one.video-modern .vid-btn--quote {
                background: transparent;
                border-color: rgba(255, 255, 255, .5);
                color: #ffffff;
            }

            .video-one.video-modern .vid-btn--quote:hover {
                background: #ffffff;
                border-color: #ffffff;
                color: #062452;
            }

            /* ---- clip ---- */
            .video-one.video-modern .video-one__right {
                float: none;
                width: auto;
            }

            .video-one.video-modern .video-embed {
                aspect-ratio: 16 / 9;
                background: #062452;
                border: 1px solid rgba(255, 255, 255, .25);
                border-radius: 18px;
                box-shadow: 0 26px 60px -28px rgba(0, 0, 0, .75);
                overflow: hidden;
                position: relative;
                width: 100%;
            }

            .video-one.video-modern .video-embed iframe {
                border: 0;
                display: block;
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
            }

            @media (max-width: 991px) {
                .video-one.video-modern .video-one__wrpper {
                    gap: 34px;
                    grid-template-columns: 1fr;
                }

                .video-one.video-modern .video-one__title {
                    font-size: 25px;
                }

                /* จอเล็ก: จัดกลางเฉพาะปุ่ม */
                .video-one.video-modern .video-one__btn {
                    justify-content: center;
                }
            }

            @media (max-width: 767px) {
                .video-one.video-modern {
                    padding: 60px 0;
                }

                .video-one.video-modern .video-one__title {
                    font-size: 22px;
                }

                .video-one.video-modern .vid-btn {
                    font-size: 15px;
                    padding: 13px 20px;
                }
            }

            @media (prefers-reduced-motion: reduce) {
                .video-one.video-modern .vid-btn {
                    transition: none;
                }

                .video-one.video-modern .vid-btn:hover {
                    transform: none;
                }
            }