/* Shared large section-intro composition. */
:root {
  --type-section-intro-title: clamp(5.75rem, 9vw, 9.375rem);
  --type-ibm-intro: clamp(1.0625rem, calc(0.96rem + 0.3vw), 1.3125rem);
  --type-ibm-body: 1rem;
  --type-ibm-card: clamp(0.9375rem, calc(0.9rem + 0.1vw), 1rem);
  --type-ibm-meta: 0.75rem;
  --line-ibm-intro: 1.5;
  --line-ibm-body: 1.6;
  --line-ibm-card: 1.55;
  --line-ibm-meta: 1.3;
  --type-intro-copy: var(--type-ibm-intro);
  --leading-section-intro-title: 0.9;
  --leading-intro-copy: var(--line-ibm-intro);
  --measure-intro-copy: 38.75rem;
}

.section-intro {
  align-items: end !important;
  border-top: 1px solid var(--usural-border, var(--v2-border, rgba(17, 17, 17, 0.14)));
  display: grid !important;
  gap: clamp(2.5rem, 6vw, 7.5rem) !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(17.5rem, 0.95fr) !important;
  min-height: 0 !important;
  padding-top: clamp(2rem, 3vw, 3rem) !important;
}

.section-intro > :first-child {
  align-self: end !important;
  min-width: 0;
}

.section-intro__eyebrow,
.section-intro > :first-child > :first-child:not(.section-intro__title) {
  margin: 0 0 clamp(2.375rem, 3vw, 3.75rem) !important;
}

.section-intro__title,
.section-intro > :first-child > h2 {
  font-family: var(--font-display, var(--v2-font-display)) !important;
  font-size: var(--type-section-intro-title) !important;
  font-weight: 800 !important;
  letter-spacing: -0.052em !important;
  line-height: var(--leading-section-intro-title) !important;
  margin: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  text-transform: uppercase;
  word-break: normal !important;
}

.section-intro__description,
.section-intro > :last-child {
  align-self: end !important;
  justify-self: end !important;
  margin: 0 !important;
  max-width: var(--measure-intro-copy) !important;
  min-width: 0;
  width: 100%;
}

.section-intro__description,
.section-intro__description p,
.section-intro > :last-child > p {
  color: var(--usural-muted, var(--v2-muted, #5e5e5e)) !important;
  font-family: var(--font-body, var(--v2-font-body)) !important;
  font-size: var(--type-intro-copy) !important;
  font-weight: 400 !important;
  letter-spacing: -0.005em !important;
  line-height: var(--leading-intro-copy) !important;
}

.section-intro__description p,
.section-intro > :last-child > p {
  margin: 0 !important;
}

.section-intro__description p + p,
.section-intro > :last-child > p + p {
  margin-top: 1rem !important;
}

.usural-editorial-section.section-intro {
  padding-bottom: clamp(4.5rem, 6vw, 6.25rem) !important;
  padding-left: clamp(1.25rem, 5vw, 5rem) !important;
  padding-right: clamp(1.25rem, 5vw, 5rem) !important;
}

.usural-editorial-section.section-intro > div {
  align-self: end !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Specificity bridge for the legacy Webflow export; this remains the canonical component. */
body.usural-system-page.usural-internal-page .usural-editorial-section.section-intro {
  align-items: end !important;
  gap: clamp(2.5rem, 6vw, 7.5rem) !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(17.5rem, 0.95fr) !important;
  padding: clamp(2rem, 3vw, 3rem) clamp(1.25rem, 5vw, 5rem) clamp(4.5rem, 6vw, 6.25rem) !important;
}

body.usural-system-page.usural-internal-page .usural-editorial-section.section-intro > div {
  align-self: end !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

body.usural-system-page.usural-internal-page .usural-editorial-section.section-intro h2 {
  font-size: var(--type-section-intro-title) !important;
  line-height: var(--leading-section-intro-title) !important;
  max-width: none !important;
}

body.usural-system-page.usural-internal-page .usural-editorial-section.section-intro > div:last-child {
  align-self: end !important;
  justify-self: end !important;
  max-width: var(--measure-intro-copy) !important;
}

body.usural-system-page.usural-internal-page .usural-editorial-section.section-intro p {
  font-size: var(--type-intro-copy) !important;
  line-height: var(--leading-intro-copy) !important;
  max-width: var(--measure-intro-copy) !important;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .section-intro {
    gap: clamp(2rem, 4vw, 3.5rem) !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(16.25rem, 0.75fr) !important;
  }

  .section-intro__title,
  .section-intro > :first-child > h2 {
    font-size: clamp(4rem, 8vw, 6.5rem) !important;
  }

  .section-intro__description,
  .section-intro__description p,
  .section-intro > :last-child > p {
    font-size: clamp(1.0625rem, 1.9vw, 1.125rem) !important;
  }

  body.usural-system-page.usural-internal-page .usural-editorial-section.section-intro {
    gap: clamp(2rem, 4vw, 3.5rem) !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(16.25rem, 0.75fr) !important;
  }

  body.usural-system-page.usural-internal-page .usural-editorial-section.section-intro h2 {
    font-size: clamp(4rem, 8vw, 6.5rem) !important;
  }

  body.usural-system-page.usural-internal-page .usural-editorial-section.section-intro p {
    font-size: clamp(1.0625rem, 1.9vw, 1.125rem) !important;
  }
}

@media screen and (max-width: 767px) {
  .section-intro {
    align-items: start !important;
    gap: clamp(1.75rem, 8vw, 2.5rem) !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .section-intro__eyebrow,
  .section-intro > :first-child > :first-child:not(.section-intro__title) {
    margin-bottom: clamp(1.5rem, 7vw, 2.25rem) !important;
  }

  .section-intro__title,
  .section-intro > :first-child > h2 {
    font-size: clamp(2.25rem, 10vw, 4.5rem) !important;
    line-height: 0.94 !important;
  }

  .section-intro__description,
  .section-intro > :last-child {
    justify-self: start !important;
    max-width: 34rem !important;
  }

  .section-intro__description,
  .section-intro__description p,
  .section-intro > :last-child > p {
    font-size: clamp(0.9375rem, 4.1vw, 1.0625rem) !important;
    line-height: 1.5 !important;
  }

  body.usural-system-page.usural-internal-page .usural-editorial-section.section-intro {
    gap: clamp(1.75rem, 8vw, 2.5rem) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: clamp(2rem, 8vw, 3rem) clamp(1.25rem, 5vw, 5rem) clamp(4.5rem, 16vw, 6rem) !important;
  }

  body.usural-system-page.usural-internal-page .usural-editorial-section.section-intro h2 {
    font-size: clamp(2.25rem, 10vw, 4.5rem) !important;
    line-height: 0.94 !important;
  }

  body.usural-system-page.usural-internal-page .usural-editorial-section.section-intro > div:last-child {
    justify-self: start !important;
    max-width: 34rem !important;
  }

  body.usural-system-page.usural-internal-page .usural-editorial-section.section-intro p {
    font-size: clamp(0.9375rem, 4.1vw, 1.0625rem) !important;
    line-height: 1.5 !important;
  }
}