/* Renderer-owned section-media geometry. This file is linked last after every variation. */
@media (min-width: 900px) {
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .description-panel,
    .session-plan,
    .reliability-panel
  ).section-with-media {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(300px, 1.1fr) !important;
    gap: clamp(24px, 4vw, 58px) !important;
    align-items: start !important;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .editorial-strip.section-with-media {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: clamp(24px, 4vw, 58px) !important;
    align-items: start !important;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-with-media .section-media {
    align-self: start;
    min-width: 0;
    width: 100%;
    margin: 0;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .description-panel,
    .session-plan,
    .reliability-panel
  ).section-with-media .section-media {
    grid-column: 2;
    grid-row: 1 / span 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .description-panel,
    .session-plan,
    .reliability-panel
  ).section-with-media.section-media-layout--start .section-media {
    grid-column: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media :is(
    .eyebrow,
    h2,
    .description-copy
  ),
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media .section-heading,
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media :is(
    .eyebrow,
    h2,
    .reliability-lead
  ) {
    grid-column: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) :is(
    .description-panel,
    .session-plan,
    .reliability-panel
  ).section-with-media.section-media-layout--start :is(
    .eyebrow,
    h2,
    .description-copy,
    .section-heading,
    .reliability-lead
  ) {
    grid-column: 2;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media .eyebrow,
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media .section-heading {
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media .section-media {
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media h2 {
    grid-row: 2;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media .description-copy {
    grid-row: 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media .session-steps {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 0;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .reliability-grid {
    grid-column: 1 / -1;
    grid-row: 4;
    margin-top: 0;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .editorial-strip.section-with-media .section-heading {
    grid-column: 1 / span 3;
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .editorial-strip.section-with-media .section-media {
    grid-column: 4 / span 3;
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .editorial-strip.section-with-media.section-media-layout--start .section-heading {
    grid-column: 4 / span 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .editorial-strip.section-with-media.section-media-layout--start .section-media {
    grid-column: 1 / span 3;
  }
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .editorial-strip.section-with-media,
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .reliability-panel.section-with-media {
    grid-template-columns: minmax(0, .9fr) minmax(300px, 1.1fr) !important;
    gap: clamp(20px, 2.4vw, 34px) !important;
  }
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .editorial-strip.section-with-media .editorial-folio-ledger,
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .reliability-panel.section-with-media .reliability-folio-dossier {
    display: grid;
    grid-column: 1 !important;
    grid-row: 1 !important;
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .editorial-strip.section-with-media .section-media,
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .reliability-panel.section-with-media .section-media {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
}

@media (max-width: 899px) {
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-with-media {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media .eyebrow,
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media .section-heading,
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .editorial-strip.section-with-media .section-heading,
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .eyebrow {
    grid-column: 1;
    grid-row: 1;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media h2,
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media h2 {
    grid-column: 1;
    grid-row: 2;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media .description-copy,
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .reliability-lead {
    grid-column: 1;
    grid-row: 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .section-with-media .section-media {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    margin: 0;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .description-panel.section-with-media .section-media,
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .section-media {
    grid-row: 4;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .session-plan.section-with-media .session-steps {
    grid-column: 1;
    grid-row: 3;
  }
  body[data-design-grammar]:not([data-design-grammar="legacy"]) .reliability-panel.section-with-media .reliability-grid {
    grid-column: 1;
    grid-row: 5;
  }
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .editorial-strip.section-with-media .editorial-folio-ledger,
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .reliability-panel.section-with-media .reliability-folio-dossier {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .editorial-strip.section-with-media .section-media,
  body[data-design-grammar][data-structural-paradigm="folio-issue"] .reliability-panel.section-with-media .section-media {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
}