/* stylelint-disable */
@layer drv.components.stage {
  .drv-stage {
    display: block;
  }
  .drv-stage--color {
    margin-block-end: var(--drv-spacing-08, 2.5rem);
    background-color: var(--drv-stage-colored-bg, var(--drv-color-ui-02, #d3db2b));
  }
  @media (min-width: 37.5rem) {
    .drv-stage--color {
      margin-block-end: var(--drv-spacing-09, 3rem);
    }
  }
  @media (min-width: 64.0625rem) {
    .drv-stage--color {
      margin-block-end: var(--drv-spacing-10, 4rem);
    }
  }
  .drv-stage:has(.drv-stage__intro:empty) .drv-stage__title {
    margin-block-end: var(--drv-spacing-07, 2rem);
  }
  @media (min-width: 37.5rem) {
    .drv-stage:has(.drv-stage__intro:empty) .drv-stage__title {
      margin-block-end: var(--drv-spacing-09, 3rem);
    }
  }
  @media (min-width: 64.0625rem) {
    .drv-stage:has(.drv-stage__intro:empty) .drv-stage__title {
      margin-block-end: var(--drv-spacing-11, 6rem);
    }
  }
  .drv-stage__title {
    margin-block: var(--drv-spacing-05, 1rem);
  }
  @media (min-width: 37.5rem) {
    .drv-stage__title {
      margin-block: var(--drv-spacing-07, 2rem);
    }
  }
  @media (min-width: 64.0625rem) {
    .drv-stage__title {
      max-inline-size: 83.3333333333%;
      margin-block-start: var(--drv-spacing-09, 3rem);
    }
  }
  @media (min-width: 90rem) {
    .drv-stage__title {
      max-inline-size: 75%;
      margin-block-end: var(--drv-spacing-08, 2.5rem);
    }
  }
  .drv-stage__title:first-child {
    margin-block-start: var(--drv-spacing-07, 2rem);
    margin-block-end: var(--drv-spacing-05, 1rem);
  }
  @media (min-width: 37.5rem) {
    .drv-stage__title:first-child {
      margin-block-start: var(--drv-spacing-09, 3rem);
      margin-block-end: var(--drv-spacing-07, 2rem);
    }
  }
  @media (min-width: 64.0625rem) {
    .drv-stage__title:first-child {
      margin-block-end: var(--drv-spacing-08, 2.5rem);
    }
  }
  .drv-stage__intro {
    margin-block: var(--drv-spacing-05, 1rem) var(--drv-spacing-08, 2.5rem);
  }
  @media (min-width: 37.5rem) {
    .drv-stage__intro {
      margin-block-end: var(--drv-spacing-09, 3rem);
    }
  }
  @media (min-width: 64.0625rem) {
    .drv-stage__intro {
      max-inline-size: 83.3333333333%;
      margin-block-end: var(--drv-spacing-10, 4rem);
    }
  }
  @media (min-width: 90rem) {
    .drv-stage__intro {
      max-inline-size: 75%;
    }
  }
  .drv-stage__intro:empty {
    display: none;
  }
  .drv-intro {
    font-size: var(--drv-font-body-02-sm-font-size, 1.125rem);
    line-height: var(--drv-font-body-02-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-body-02-sm-letter-spacing, 0.2px);
    font-weight: var(--drv-font-body-02-sm-font-weight, var(--drv-font-weight-normal, 400));
  }
  @media (min-width: 37.5rem) {
    .drv-intro {
      font-size: var(--drv-font-body-02-md-font-size, 1.25rem);
      line-height: var(--drv-font-body-02-md-line-height, 1.5);
    }
  }
  @media (min-width: 64.0625rem) {
    .drv-intro {
      font-size: var(--drv-font-body-02-lg-font-size, 1.3125rem);
      line-height: var(--drv-font-body-02-lg-line-height, 1.5238095238);
    }
  }
}