/* From Color-Coated Steel to Finished Profiles: linked past/current/future swipers. */
            .ms-trip {
                padding: 88px 0 96px;
                overflow: hidden;
                background: #fff;
            }

            .ms-trip-in {
                width: 1600px;
                max-width: calc(100% - 160px);
                margin: 0 auto;
            }

            .ms-trip-stage {
                position: relative;
                height: 600px;
                overflow: hidden;
            }

            .ms-trip-stage::before,
            .ms-trip-stage::after {
                position: absolute;
                right: -10px;
                z-index: 0;
                color: rgba(197, 13, 24, 0.035);
                font-size: 74px;
                font-weight: 700;
                line-height: 0.9;
                letter-spacing: -0.03em;
                pointer-events: none;
            }

            .ms-trip-stage::before {
                content: "FROM COLOR-COATED";
                top: 64px;
            }

            .ms-trip-stage::after {
                content: "FINISHED PROFILES";
                top: 178px;
            }

            .ms-trip-past,
            .ms-trip-now,
            .ms-trip-future,
            .ms-trip-copy,
            .ms-trip-nav {
                position: absolute;
                z-index: 1;
            }

            .ms-trip-past {
                left: 0;
                top: 388px;
                width: 262px;
                height: 212px;
            }

            .ms-trip-now {
                left: 272px;
                top: 0;
                width: 511px;
                height: 600px;
            }

            .ms-trip-future {
                left: 800px;
                top: 388px;
                width: 802px;
                height: 212px;
            }

            .ms-trip-past .swiper-wrapper,
            .ms-trip-now .swiper-wrapper,
            .ms-trip-future .swiper-wrapper,
            .ms-trip-past .swiper-slide,
            .ms-trip-now .swiper-slide,
            .ms-trip-future .swiper-slide {
                height: 100%;
            }

            .ms-trip-past .swiper-slide,
            .ms-trip-now .swiper-slide,
            .ms-trip-future .swiper-slide {
                position: relative;
                flex-shrink: 0;
                overflow: hidden;
            }

            .ms-trip-past img,
            .ms-trip-now img,
            .ms-trip-future img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .ms-trip-now img {
                height: 559px;
            }

            .ms-trip-label {
                position: absolute;
                left: 0;
                bottom: 0;
                margin: 0;
                color: #444;
                font-size: 17px;
                line-height: 1;
            }

            .ms-trip-label strong {
                margin-right: 8px;
                color: #111;
                font-size: 31px;
            }

            .ms-trip-copy {
                left: 800px;
                top: 4px;
                width: 650px;
            }

            .ms-trip-count {
                display: flex;
                align-items: center;
                gap: 8px;
                color: #888;
                font-size: 13px;
                line-height: 1;
            }

            .ms-trip-count i {
                display: block;
                width: 54px;
                height: 1px;
                background: #c9c9c9;
            }

            .ms-trip-copy h2 {
                margin: 12px 0 0;
                color: #111;
                font-size: 46px;
                font-weight: 700;
                line-height: 1.18;
                letter-spacing: -0.035em;
            }

            .ms-trip-copy p {
                width: 560px;
                max-width: 100%;
                margin: 12px 0 0;
                color: #315aa3;
                font-size: 13px;
                font-weight: 500;
                line-height: 1.65;
            }

            .ms-trip-nav {
                left: 800px;
                top: 300px;
                display: flex;
                gap: 9px;
            }

            .ms-trip-nav button {
                display: grid;
                place-items: center;
                width: 36px;
                height: 36px;
                padding: 0;
                border: 0;
                border-radius: 50%;
                background: #e5e6e8;
                color: #777;
                font-family: Arial, sans-serif;
                font-size: 30px;
                line-height: 1;
                cursor: pointer;
            }

            .ms-trip-nav .ms-trip-prev {
                background: #c10d18;
                color: #fff;
            }

            @media (max-width: 1050px) {
                .ms-trip {
                    padding: 70px 0;
                }

                .ms-trip-in {
                    max-width: calc(100% - 48px);
                }

                .ms-trip-stage {
                    height: auto;
                    display: grid;
                    grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
                    gap: 36px;
                    overflow: visible;
                }

                .ms-trip-stage::before,
                .ms-trip-stage::after {
                    display: none;
                }

                .ms-trip-past,
                .ms-trip-now,
                .ms-trip-future,
                .ms-trip-copy,
                .ms-trip-nav {
                    position: static;
                    width: auto;
                    height: auto;
                }

                .ms-trip-now {
                    grid-column: 1;
                    grid-row: 1 / span 2;
                }

                .ms-trip-copy {
                    grid-column: 2;
                    grid-row: 1;
                }

                .ms-trip-future {
                    grid-column: 2;
                    grid-row: 2;
                }

                .ms-trip-past {
                    display: none;
                }

                .ms-trip-now .swiper-slide {
                    height: auto;
                }

                .ms-trip-now img {
                    height: auto;
                    aspect-ratio: 511 / 559;
                }

                .ms-trip-nav {
                    grid-column: 2;
                    grid-row: 3;
                    margin-top: 16px;
                }
            }

            @media (max-width: 600px) {
                .ms-trip {
                    padding: 56px 0;
                }

                .ms-trip-in {
                    max-width: calc(100% - 32px);
                }

                .ms-trip-stage {
                    display: flex;
                    flex-direction: column;
                    gap: 20px;
                }

                .ms-trip-copy,
                .ms-trip-now,
                .ms-trip-future,
                .ms-trip-nav {
                    width: 100%;
                }

                .ms-trip-copy {
                    order: 1;
                }

                .ms-trip-now {
                    order: 2;
                }

                .ms-trip-future {
                    order: 3;
                }

                .ms-trip-nav {
                    order: 4;
                    margin-top: 0;
                }

                .ms-trip-copy h2 {
                    font-size: 30px;
                }

                .ms-trip-copy h2 br {
                    display: none;
                }

                .ms-trip-copy p {
                    width: auto;
                }

            }