@include namespace('body') {
    @include scope(namespace()) {
        > :first-child {
            //margin-top: 0;
        }
    }
}
@include namespace('body') {
    @include scope(namespace()) {
        font-size: 1 / 16 * 18em;

        > :first-child {
            margin-top: 0;
        }

        :link {
            color: prop(--colors --link --idle-body, $global: true);
        }

        :visited {
            color: prop(--colors --link --visited-body, $global: true);
        }

        h1,
        h2,
        h3,
        h4 {
            transform:   translateX(-.06em);
            font-family: $font-fam--large;
            font-weight: 600;
        }

        h1 {
            @include iro-responsive-modular-scale(font-size, 4, $responsive-mod-scale);
        }

        h2 {
            @include iro-responsive-modular-scale(font-size, 3, $responsive-mod-scale);
        }

        h3 {
            @include iro-responsive-modular-scale(font-size, 2, $responsive-mod-scale);

            letter-spacing: .1em;
            text-transform: uppercase;
        }

        h4,
        h5,
        h6 {
            @include iro-responsive-modular-scale(font-size, 1, $responsive-mod-scale);

            letter-spacing: .1em;
            text-transform: uppercase;
        }

        img {
            max-width: 100%;
        }
    }
}