.r { display: flex; flex-wrap: wrap; margin-left: -2rem; margin-right: -2rem; }
.r-no-pad { margin-left: 0; margin-right: 0; }
.r-no-pad > .col,
.r-no-pad > [class*="col-"] { padding-left: 0; padding-right: 0; }
.r--s { margin-left: -1rem; margin-right: -1rem; }
.r--s > .col,
.r--s > [class*=col-] { padding-left: 1rem; padding-right: 1rem; }
.b { width: 100%; max-width: 90rem; margin-left: auto; margin-right: auto; }

/* [class*=col-] { container: r-col / inline-size; width: 100%; } */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-pad {
            width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; }
.col-1    { flex: 0 0 8.333%;  max-width: 8.333%;  }
.col-2    { flex: 0 0 16.666%; max-width: 16.666%; }
.col-3    { flex: 0 0 25%;     max-width: 25%;     }
.col-4    { flex: 0 0 33.333%; max-width: 33.333%; }
.col-5    { flex: 0 0 41.666%; max-width: 41.666%; }
.col-6    { flex: 0 0 50%;     max-width: 50%;     }
.col-7    { flex: 0 0 58.333%; max-width: 58.333%; }
.col-8    { flex: 0 0 66.666%; max-width: 66.666%; }
.col-9    { flex: 0 0 75%;     max-width: 75%;     }
.col-10   { flex: 0 0 83.333%; max-width: 83.333%; }
.col-11   { flex: 0 0 91.666%; max-width: 91.666%; }
.col-12   { flex: 0 0 100%;    max-width: 100%;    }
.off-1    { margin-left: 8.333%;  }
.off-2    { margin-left: 16.666%; }
.off-3    { margin-left: 25%;     }
.off-4    { margin-left: 33.333%; }
.off-5    { margin-left: 41.666%; }
.off-6    { margin-left: 50%;     }
.off-7    { margin-left: 58.333%; }
.off-8    { margin-left: 66.666%; }
.off-9    { margin-left: 75%;     }
.off-10   { margin-left: 83.333%; }
.off-11   { margin-left: 91.666%; }
.no-col-pad { padding-left: 0; padding-right: 0; }
.flx      { display: flex; }
.flx-jc   { justify-content: center; }
.flx-js   { justify-content: flex-start; }
.flx-je   { justify-content: flex-end; }
.flx-jsb  { justify-content: space-between; }
.flx-as   { align-items: flex-start; }
.flx-ac   { align-items: center; }
.flx-ae   { align-items: flex-end; }
.flx-ast  { align-items: stretch; }
.flx-dc   { flex-direction: column; }
.flx-dcr  { flex-direction: column-reverse; }
.flx-dr   { flex-direction: row; }
.flx-drr  { flex-direction: row-reverse; }
.flx-ww   { flex-wrap: wrap; }
.flx-nw   { flex-wrap: nowrap; }
.flx-0-auto { flex: 0 0 auto; }
.flx-1-auto { flex: 1 0 auto; }
.flx-1      { flex: 1; }
.flx-2      { flex: 2; }
.flx-shr-0 { flex-shrink: 0; }
.flx-shr-1 { flex-shrink: 1; }
.flx-shr-2 { flex-shrink: 2; }
.flx-shr-3 { flex-shrink: 3; }
.gap-line { gap: 2px; }
.gap-xxs  { gap: .25rem; }
.gap-xs   { gap: .5rem; }
.gap-s    { gap: 1rem; }
.gap-m    { gap: 2rem; }
.gap-l    { gap: 3rem; }
.gap-xl   { gap: 4rem; }
.rgap-xxs { row-gap: .25rem; }
.rgap-xs  { row-gap: .5rem; }
.rgap-s   { row-gap: 1rem; }
.rgap-m   { row-gap: 2rem; }
.rgap-l   { row-gap: 3rem; }
.rgap-xl  { row-gap: 4rem; }
.rgap-xxl { row-gap: 6rem; }
.first    { order: -1; }
.order-0  { order: 0;  }
.order-1  { order: 1;  }
.order-2  { order: 2;  }
.order-3  { order: 3;  }
.order-4  { order: 4;  }
.order-5  { order: 5;  }
.order-6  { order: 6;  }
.order-7  { order: 7;  }
.order-8  { order: 8;  }
.order-9  { order: 9;  }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }
.last     { order: 13; }
.hide     { display: none; }
.show     { display: block; }
.show-inline { display: block; }
.t-center { text-align: center; }
.t-start  { text-align: left; }
.t-end    { text-align: right; }
.ar-portrait  { aspect-ratio: 2/3; }
.ar-square    { aspect-ratio: 1/1; }
.ar-wide      { aspect-ratio: 3/2; }
.ar-vid       { aspect-ratio: 16/9; }
.ar-midwide   { aspect-ratio: 2/1; }
.ar-extrawide { aspect-ratio: 21/10; }
.bleed, .bleed-left  { margin-left: -2rem; }
.bleed, .bleed-right { margin-right: -2rem; }
.d-xxs + .d-xxs { margin-top: .25rem; }
.d-xs + .d-xs   { margin-top: .5rem; }
.d-s + .d-s     { margin-top: 1rem; }
.d-m + .d-m     { margin-top: 1.5rem; }
.d-l + .d-l     { margin-top: 2rem; }
.d-xl + .d-xl   { margin-top: 2rem; }
.d-xxl + .d-xxl { margin-top: 4rem; }
@media (max-width: 42.5em) {
.hide-xs                            { display: none !important; }
.text-center-mobile                 { text-align: center; }
.text-right-mobile                  { text-align: right; }
.mobile-maxwidth-50                 { max-width: 50%; }
.mobile-maxwidth-75                 { max-width: 75%; }
.media.text-center-mobile           { margin-left: auto; margin-right: auto; }
.media-xs-4-3 picture img           { aspect-ratio: 4 / 3; }
}

/* 680px */
@media (min-width: 42.5em) {
  /* .b { max-width: 80%; } */  
  .media-md-4-3 picture img           { aspect-ratio: 4 / 3; }
  .desktop-maxwidth-50                { max-width: 50%; }
  .desktop-maxwidth-75                { max-width: 75%; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-pad-md {
              width: 100%; padding-left: 2rem; padding-right: 2rem; }
  .col-md-1    { flex: 0 0 8.333%;  max-width: 8.333%;  }
  .col-md-2    { flex: 0 0 16.666%; max-width: 16.666%; }
  .col-md-3    { flex: 0 0 25%;     max-width: 25%;     }
  .col-md-4    { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-md-5    { flex: 0 0 41.666%; max-width: 41.666%; }
  .col-md-6    { flex: 0 0 50%;     max-width: 50%;     }
  .col-md-7    { flex: 0 0 58.333%; max-width: 58.333%; }
  .col-md-8    { flex: 0 0 66.666%; max-width: 66.666%; }
  .col-md-9    { flex: 0 0 75%;     max-width: 75%;     }
  .col-md-10   { flex: 0 0 83.333%; max-width: 83.333%; }
  .col-md-11   { flex: 0 0 91.666%; max-width: 91.666%; }
  .col-md-12   { flex: 0 0 100%;    max-width: 100%;    }
  .off-md-0    { margin-left: 0;  }
  .off-md-1    { margin-left: 8.333%;  }
  .off-md-2    { margin-left: 16.666%; }
  .off-md-3    { margin-left: 25%;     }
  .off-md-4    { margin-left: 33.333%; }
  .off-md-5    { margin-left: 41.666%; }
  .off-md-6    { margin-left: 50%;     }
  .off-md-7    { margin-left: 58.333%; }
  .off-md-8    { margin-left: 66.666%; }
  .off-md-9    { margin-left: 75%;     }
  .off-md-10   { margin-left: 83.333%; }
  .off-md-11   { margin-left: 91.666%; }
  .no-col-pad-md { padding-left: 0; padding-right: 0; }
  .flx-md      { display: flex; }
  .flx-md-jc   { justify-content: center; }
  .flx-md-js   { justify-content: flex-start; }
  .flx-md-je   { justify-content: flex-end; }
  .flx-md-jsb  { justify-content: space-between; }
  .flx-md-as   { align-items: flex-start; }
  .flx-md-ac   { align-items: center; }
  .flx-md-ae   { align-items: flex-end; }
  .flx-md-ast  { align-items: stretch; }
  .flx-md-dc   { flex-direction: column; }
  .flx-md-dcr  { flex-direction: column-reverse; }
  .flx-md-dr   { flex-direction: row; }
  .flx-md-drr  { flex-direction: row-reverse; }
  .flx-md-ww   { flex-wrap: wrap; }
  .flx-md-nw   { flex-wrap: nowrap; }
  .flx-md-0-auto { flex: 0 0 auto; }
  .flx-md-1-auto { flex: 1 0 auto; }
  .flx-md-1      { flex: 1; }
  .flx-md-2      { flex: 2; }
  .flx-md-shr-0 { flex-shrink: 0; }
  .flx-md-shr-1 { flex-shrink: 1; }
  .flx-md-shr-2 { flex-shrink: 2; }
  .flx-md-shr-3 { flex-shrink: 3; }
  .gap-md-line { gap: 2px; }
  .gap-md-xxs  { gap: .25rem; }
  .gap-md-xs   { gap: .5rem; }
  .gap-md-s    { gap: 1rem; }
  .gap-md-m    { gap: 2rem; }
  .gap-md-l    { gap: 3rem; }
  .gap-md-xl   { gap: 4rem; }
  .rgap-md-xxs { row-gap: .25rem; }
  .rgap-md-xs  { row-gap: .5rem; }
  .rgap-md-s   { row-gap: 1rem; }
  .rgap-md-m   { row-gap: 2rem; }
  .rgap-md-l   { row-gap: 3rem; }
  .rgap-md-xl  { row-gap: 4rem; }
  .rgap-md-xxl { row-gap: 6rem; }
  .first-md    { order: -1; }
  .order-md-0  { order: 0;  }
  .order-md-1  { order: 1;  }
  .order-md-2  { order: 2;  }
  .order-md-3  { order: 3;  }
  .order-md-4  { order: 4;  }
  .order-md-5  { order: 5;  }
  .order-md-6  { order: 6;  }
  .order-md-7  { order: 7;  }
  .order-md-8  { order: 8;  }
  .order-md-9  { order: 9;  }
  .order-md-10 { order: 10; }
  .order-md-11 { order: 11; }
  .order-md-12 { order: 12; }
  .last-md     { order: 13; }
  .hide-md     { display: none; }
  .show-md     { display: block; }
  .show-md-inline { display: block; }
  .t-md-center, .text-center-desktop { text-align: center; }
  .t-md-right, .text-right-desktop { text-align: right; }
  .media.text-center-desktop { margin-left: auto; margin-right: auto; }
  .t-md-start  { text-align: left; }
  .t-md-end    { text-align: right; }
  .ar-md-auto      { aspect-ratio: auto; }
  .ar-md-portrait  { aspect-ratio: 2/3; }
  .ar-md-square    { aspect-ratio: 1/1; }
  .ar-md-wide      { aspect-ratio: 3/2; }
  .ar-md-vid       { aspect-ratio: 16/9; }
  .ar-md-midwide   { aspect-ratio: 2/1; }
  .ar-md-extrawide { aspect-ratio: 21/10; }
  .bleed-md, .bleed-md-left        { margin-left: -4rem; }
  .bleed-md, .bleed-md-right       { margin-right: -4rem; }
  .no-bleed-md, .no-bleed-md-left  { margin-left: 0; }
  .no-bleed-md, .no-bleed-md-right { margin-right: 0; }
  .d-md-xxs + .d-md-xxs { margin-top: .25rem; }
  .d-md-xs + .d-md-xs   { margin-top: .5rem; }
  .d-md-s + .d-md-s     { margin-top: 1rem; }
  .d-md-m + .d-md-m     { margin-top: 1.5rem; }
  .d-md-l + .d-md-l     { margin-top: 2rem; }
  .d-md-xl + .d-md-xl   { margin-top: 3rem; }
  .d-md-xxl + .d-md-xxl { margin-top: 4rem; }
  .no-d-md + .no-d-md   { margin-top: 0; }
}

/* 960px */
@media (min-width: 60em) {
  /* .b { max-width: 80%; } */
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-pad-lg {
              width: 100%; padding-left: 2rem; padding-right: 2rem; }
  .col-lg-1    { flex: 0 0 8.333%;  max-width: 8.333%;  }
  .col-lg-2    { flex: 0 0 16.666%; max-width: 16.666%; }
  .col-lg-3    { flex: 0 0 25%;     max-width: 25%;     }
  .col-lg-4    { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-lg-5    { flex: 0 0 41.666%; max-width: 41.666%; }
  .col-lg-6    { flex: 0 0 50%;     max-width: 50%;     }
  .col-lg-7    { flex: 0 0 58.333%; max-width: 58.333%; }
  .col-lg-8    { flex: 0 0 66.666%; max-width: 66.666%; }
  .col-lg-9    { flex: 0 0 75%;     max-width: 75%;     }
  .col-lg-10   { flex: 0 0 83.333%; max-width: 83.333%; }
  .col-lg-11   { flex: 0 0 91.666%; max-width: 91.666%; }
  .col-lg-12   { flex: 0 0 100%;    max-width: 100%;    }
  .off-lg-0    { margin-left: 0;  }
  .off-lg-1    { margin-left: 8.333%;  }
  .off-lg-2    { margin-left: 16.666%; }
  .off-lg-3    { margin-left: 25%;     }
  .off-lg-4    { margin-left: 33.333%; }
  .off-lg-5    { margin-left: 41.666%; }
  .off-lg-6    { margin-left: 50%;     }
  .off-lg-7    { margin-left: 58.333%; }
  .off-lg-8    { margin-left: 66.666%; }
  .off-lg-9    { margin-left: 75%;     }
  .off-lg-10   { margin-left: 83.333%; }
  .off-lg-11   { margin-left: 91.666%; }
  .no-col-pad-lg { padding-left: 0; padding-right: 0; }
  .flx-lg      { display: flex; }
  .flx-lg-jc   { justify-content: center; }
  .flx-lg-js   { justify-content: flex-start; }
  .flx-lg-je   { justify-content: flex-end; }
  .flx-lg-jsb  { justify-content: space-between; }
  .flx-lg-as   { align-items: flex-start; }
  .flx-lg-ac   { align-items: center; }
  .flx-lg-ae   { align-items: flex-end; }
  .flx-lg-ast  { align-items: stretch; }
  .flx-lg-dc   { flex-direction: column; }
  .flx-lg-dcr  { flex-direction: column-reverse; }
  .flx-lg-dr   { flex-direction: row; }
  .flx-lg-drr  { flex-direction: row-reverse; }
  .flx-lg-ww   { flex-wrap: wrap; }
  .flx-lg-nw   { flex-wrap: nowrap; }
  .flx-lg-0-auto { flex: 0 0 auto; }
  .flx-lg-1-auto { flex: 1 0 auto; }
  .flx-lg-1      { flex: 1; }
  .flx-lg-2      { flex: 2; }
  .flx-lg-shr-0 { flex-shrink: 0; }
  .flx-lg-shr-1 { flex-shrink: 1; }
  .flx-lg-shr-2 { flex-shrink: 2; }
  .flx-lg-shr-3 { flex-shrink: 3; }
  .gap-lg-line { gap: 2px; }
  .gap-lg-xxs  { gap: .25rem; }
  .gap-lg-xs   { gap: .5rem; }
  .gap-lg-s    { gap: 1rem; }
  .gap-lg-m    { gap: 2rem; }
  .gap-lg-l    { gap: 3rem; }
  .gap-lg-xl   { gap: 4rem; }
  .rgap-lg-xxs { row-gap: .25rem; }
  .rgap-lg-xs  { row-gap: .5rem; }
  .rgap-lg-s   { row-gap: 1rem; }
  .rgap-lg-m   { row-gap: 2rem; }
  .rgap-lg-l   { row-gap: 3rem; }
  .rgap-lg-xl  { row-gap: 4rem; }
  .rgap-lg-xxl { row-gap: 6rem; }
  .first-lg    { order: -1; }
  .order-lg-0  { order: 0;  }
  .order-lg-1  { order: 1;  }
  .order-lg-2  { order: 2;  }
  .order-lg-3  { order: 3;  }
  .order-lg-4  { order: 4;  }
  .order-lg-5  { order: 5;  }
  .order-lg-6  { order: 6;  }
  .order-lg-7  { order: 7;  }
  .order-lg-8  { order: 8;  }
  .order-lg-9  { order: 9;  }
  .order-lg-10 { order: 10; }
  .order-lg-11 { order: 11; }
  .order-lg-12 { order: 12; }
  .last-lg     { order: 13; }
  .hide-lg     { display: none; }
  .show-lg     { display: block; }
  .show-lg-inline { display: block; }
  .t-lg-center { text-align: center; }
  .t-lg-start  { text-align: left; }
  .t-lg-end    { text-align: right; }
  .ar-lg-auto      { aspect-ratio: auto; }
  .ar-lg-portrait  { aspect-ratio: 2/3; }
  .ar-lg-square    { aspect-ratio: 1/1; }
  .ar-lg-wide      { aspect-ratio: 3/2; }
  .ar-lg-vid       { aspect-ratio: 16/9; }
  .ar-lg-midwide   { aspect-ratio: 2/1; }
  .ar-lg-extrawide { aspect-ratio: 21/10; }
  .bleed-lg, .bleed-lg-left        { margin-left: -4rem; }
  .bleed-lg, .bleed-lg-right       { margin-right: -4rem; }
  .no-bleed-lg, .no-bleed-lg-left  { margin-left: 0; }
  .no-bleed-lg, .no-bleed-lg-right { margin-right: 0; }
  .d-lg-xxs + .d-lg-xxs { margin-top: .25rem; }
  .d-lg-xs + .d-lg-xs   { margin-top: .5rem; }
  .d-lg-s + .d-lg-s     { margin-top: 1rem; }
  .d-lg-m + .d-lg-m     { margin-top: 1.5rem; }
  .d-lg-l + .d-lg-l     { margin-top: 2rem; }
  .d-lg-xl + .d-lg-xl   { margin-top: 3rem; }
  .d-lg-xxl + .d-lg-xxl { margin-top: 4rem; }
  .no-d-lg + .no-d-lg   { margin-top: 0; }
}

/* 1367px */
@media (min-width: 85em) {
  .b           { padding-left: 2rem; padding-right: 2rem; }
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-pad-xl {
              width: 100%; padding-left: 2rem; padding-right: 2rem; }
  .col-xl-1    { flex: 0 0 8.333%;  max-width: 8.333%;  }
  .col-xl-2    { flex: 0 0 16.666%; max-width: 16.666%; }
  .col-xl-3    { flex: 0 0 25%;     max-width: 25%;     }
  .col-xl-4    { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-xl-5    { flex: 0 0 41.666%; max-width: 41.666%; }
  .col-xl-6    { flex: 0 0 50%;     max-width: 50%;     }
  .col-xl-7    { flex: 0 0 58.333%; max-width: 58.333%; }
  .col-xl-8    { flex: 0 0 66.666%; max-width: 66.666%; }
  .col-xl-9    { flex: 0 0 75%;     max-width: 75%;     }
  .col-xl-10   { flex: 0 0 83.333%; max-width: 83.333%; }
  .col-xl-11   { flex: 0 0 91.666%; max-width: 91.666%; }
  .col-xl-12   { flex: 0 0 100%;    max-width: 100%;    }
  .off-xl-0    { margin-left: 0;  }
  .off-xl-1    { margin-left: 8.333%;  }
  .off-xl-2    { margin-left: 16.666%; }
  .off-xl-3    { margin-left: 25%;     }
  .off-xl-4    { margin-left: 33.333%; }
  .off-xl-5    { margin-left: 41.666%; }
  .off-xl-6    { margin-left: 50%;     }
  .off-xl-7    { margin-left: 58.333%; }
  .off-xl-8    { margin-left: 66.666%; }
  .off-xl-9    { margin-left: 75%;     }
  .off-xl-10   { margin-left: 83.333%; }
  .off-xl-11   { margin-left: 91.666%; }
  .no-col-pad-xl { padding-left: 0; padding-right: 0; }
  .flx-xl      { display: flex; }
  .flx-xl-jc   { justify-content: center; }
  .flx-xl-js   { justify-content: flex-start; }
  .flx-xl-je   { justify-content: flex-end; }
  .flx-xl-jsb  { justify-content: space-between; }
  .flx-xl-as   { align-items: flex-start; }
  .flx-xl-ac   { align-items: center; }
  .flx-xl-ae   { align-items: flex-end; }
  .flx-xl-ast  { align-items: stretch; }
  .flx-xl-dc   { flex-direction: column; }
  .flx-xl-dcr  { flex-direction: column-reverse; }
  .flx-xl-dr   { flex-direction: row; }
  .flx-xl-drr  { flex-direction: row-reverse; }
  .flx-xl-nw   { flex-wrap: nowrap; }
  .flx-xl-0-auto { flex: 0 0 auto; }
  .flx-xl-1-auto { flex: 1 0 auto; }
  .flx-xl-1      { flex: 1; }
  .flx-xl-2      { flex: 2; }
  .flx-xl-shr-0 { flex-shrink: 0; }
  .flx-xl-shr-1 { flex-shrink: 1; }
  .flx-xl-shr-2 { flex-shrink: 2; }
  .flx-xl-shr-3 { flex-shrink: 3; }
  .gap-xl-line { gap: 2px; }
  .gap-xl-xxs  { gap: .25rem; }
  .gap-xl-xs   { gap: .5rem; }
  .gap-xl-s    { gap: 1rem; }
  .gap-xl-m    { gap: 2rem; }
  .gap-xl-l    { gap: 3rem; }
  .gap-xl-xl   { gap: 4rem; }
  .rgap-xl-xxs { row-gap: .25rem; }
  .rgap-xl-xs  { row-gap: .5rem; }
  .rgap-xl-s   { row-gap: 1rem; }
  .rgap-xl-m   { row-gap: 2rem; }
  .rgap-xl-l   { row-gap: 3rem; }
  .rgap-xl-xl  { row-gap: 4rem; }
  .rgap-xl-xxl { row-gap: 6rem; }
  .first-xl    { order: -1; }
  .order-xl-0  { order: 0;  }
  .order-xl-1  { order: 1;  }
  .order-xl-2  { order: 2;  }
  .order-xl-3  { order: 3;  }
  .order-xl-4  { order: 4;  }
  .order-xl-5  { order: 5;  }
  .order-xl-6  { order: 6;  }
  .order-xl-7  { order: 7;  }
  .order-xl-8  { order: 8;  }
  .order-xl-9  { order: 9;  }
  .order-xl-10 { order: 10; }
  .order-xl-11 { order: 11; }
  .order-xl-12 { order: 12; }
  .last-xl     { order: 13; }
  .show-xl     { display: block; }
  .hide-xl     { display: none; }
  .show-xl-inline { display: block; }
  .t-xl-center { text-align: center; }
  .t-xl-start  { text-align: left; }
  .t-xl-end    { text-align: right; }
  .ar-xl-auto      { aspect-ratio: auto; }
  .ar-xl-portrait  { aspect-ratio: 2/3; }
  .ar-xl-square    { aspect-ratio: 1/1; }
  .ar-xl-wide      { aspect-ratio: 3/2; }
  .ar-xl-vid       { aspect-ratio: 16/9; }
  .ar-xl-midwide   { aspect-ratio: 2/1; }
  .ar-xl-extrawide { aspect-ratio: 21/10; }
  .bleed-xl, .bleed-xl-left        { margin-left: -4rem; }
  .bleed-xl, .bleed-xl-right       { margin-right: -4rem; }
  .no-bleed-xl, .no-bleed-xl-left  { margin-left: 0; }
  .no-bleed-xl, .no-bleed-xl-right { margin-right: 0; }
  .d-xl-xxs + .d-xl-xxs { margin-top: .25rem; }
  .d-xl-xs + .d-xl-xs   { margin-top: .5rem; }
  .d-xl-s + .d-xl-s     { margin-top: 1rem; }
  .d-xl-m + .d-xl-m     { margin-top: 1.5rem; }
  .d-xl-l + .d-xl-l     { margin-top: 2rem; }
  .d-xl-xl + .d-xl-xl   { margin-top: 3rem; }
  .d-xl-xxl + .d-xl-xxl { margin-top: 4rem; }
  .no-d-xl + .no-d-xl   { margin-top: 0; }
}

@media (min-width: 120em) {
  .bleed-xl, .bleed-xl-left  { margin-left: calc(-4rem - (100vw - 120rem) / 2); }
  .bleed-xl, .bleed-xl-right { margin-right: calc(-4rem - (100vw - 120rem) / 2); }
  /* .b { max-width: 112rem; } */
}