media/css/foundation/annual-report-2024.scss

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

@use '../m24/vars/lib' as *;

// components
@use 'm24/article/ai-strategy';
@use 'm24/article/article';
@use 'm24/article/header';
@use 'm24/article/image-block';
@use 'm24/article/media-block';
@use 'm24/article/related';
@use 'm24/index/article-gallery';
@use 'm24/index/blockquote';
@use 'm24/index/documents';
@use 'm24/index/hero';
@use 'm24/index/join-us';
@use 'm24/index/opening';
@use 'm24/index/toc';

// * -------------------------------------------------------------------------- */
// Section headings

.m24-c-ar-intro-title {
    font-size: $text-title-xl;
    margin-bottom: $spacer-sm;
}

.m24-c-ar-intro-body {
    font-weight: 500;
    font-size: $text-body-lg;
}

@media #{$mq-lg} {
    .m24-c-ar-intro-text.m24-l-two-columns {
        @include grid;

        .m24-c-ar-intro-title {
            grid-column: 1/7;
        }

        .m24-c-ar-intro-body {
            grid-column: 7/-1;
        }
    }
}

@media #{$mq-xl} {
    .m24-c-ar-report-split.m24-l-grid-half {
        max-width: $content-max;
        box-sizing: border-box;
        margin: 0 auto;
        display: grid;
        column-gap: $grid-gutter;
        grid-template-columns: repeat(2, 1fr);

        & > .m24-c-content:first-of-type {
            padding-right: 0;

            .m24-c-ar-intro-title {
                padding-right: $spacer-lg
            }
        }

        & > .m24-c-content:last-of-type {
            background-color: inherit;
            padding-left: 0;
        }
    }

    #products .m24-c-ar-intro-text,
    #ai .m24-c-ar-intro-text {
        min-height: 270px;
    }
}