.org-intro-block {
    @apply mb-40 pt-10;

    .org-intro-block-wrapper {
        @apply gap-8 items-center;
        @apply lg:grid lg:grid-cols-12;

        .first {
            @apply col-span-6 order-1;

            .atm-heading {
                @apply text-secondary-col-1;
            }
        }

        .second {
            @apply col-span-5 order-2 col-end-13;
        }
    }

    &.swapped {
        .org-intro-block-wrapper {
            .first {
                @apply pt-16 order-2 col-end-13;
            }

            .second {
                @apply order-1 col-end-auto;
                .mol-intro-media {
                    .intro-media-video,
                    .intro-media-image,
                    .intro-media-slider {
                        @apply lg:-mr-10 lg:ml-10;
                    }
                }
            }
        }
    }
}