.corporate-page .corporate-story {
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.48fr);
  gap: clamp(36px, 6vw, 110px);
  align-items: start;
  padding-block: clamp(52px, 6vw, 92px);
  background:
    radial-gradient(ellipse at 15% 18%, rgba(255, 255, 255, .9), transparent 42%),
    radial-gradient(ellipse at 84% 10%, rgba(170, 204, 235, .25), transparent 52%),
    radial-gradient(ellipse at 32% 94%, rgba(255, 255, 255, .75), transparent 46%),
    linear-gradient(125deg, #edf5fc, #e8f1f9 62%, #f0f6fc);
  border-top: 1px solid #dbe8f3;
}

.corporate-page .corporate-story h2 {
  font-size: clamp(2rem, 3.7vw, 3.5rem);
  letter-spacing: -.045em;
  line-height: 1.2;
}

.corporate-story .corporate-copy {
  min-width: 0;
  max-width: 80ch;
}

.corporate-story .corporate-copy p {
  font-size: 1.0625rem;
  line-height: 1.9;
  color: #435e79;
  text-wrap: pretty;
}

.corporate-story .corporate-copy p:first-child {
  font-size: 1.1875rem;
  line-height: 1.8;
  color: #173d63;
  font-weight: 500;
}

.corporate-story .corporate-copy p + p {
  margin-top: 24px;
}

@media (max-width: 900px) {
  .corporate-page .corporate-story {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }
}

@media (max-width: 600px) {
  .corporate-page .corporate-story {
    padding-block: 44px;
    gap: 26px;
  }

  .corporate-story .corporate-copy p {
    font-size: 1rem;
    line-height: 1.85;
  }

  .corporate-story .corporate-copy p:first-child {
    font-size: 1.0625rem;
  }
}

.corporate-purpose {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8%;
  padding: 76px 6%;
  background: linear-gradient(125deg, #082d57, #0d3b6e);
  color: #fff;
}

.corporate-purpose article {
  min-width: 0;
  padding-top: 24px;
  border-top: 1px solid rgba(210, 161, 91, .65);
}

.corporate-page .corporate-purpose h2 {
  margin: 0 0 24px;
  color: #fff;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.2;
  letter-spacing: -.035em;
}

.corporate-purpose p {
  max-width: 56ch;
  margin: 0;
  color: #d5e1ed;
  font-size: 18px;
  line-height: 1.85;
  text-wrap: pretty;
}

.corporate-purpose p + p {
  margin-top: 22px;
}

.corporate-purpose p:first-of-type {
  color: #edf4fa;
  font-weight: 500;
}

.catalog-header .catalog-intro {
  max-width: 74ch;
  margin: 24px 0 0;
  color: #51677d;
  font-size: 18px;
  line-height: 1.8;
  text-wrap: pretty;
}

.catalog-section .catalog-description {
  max-width: 78ch;
  margin: 18px 0 28px;
  color: #51677d;
  font-size: 17px;
  line-height: 1.8;
  text-wrap: pretty;
}

@media (max-width: 760px) {
  .corporate-purpose {
    grid-template-columns: minmax(0, 1fr);
    gap: 38px;
    padding: 44px 6%;
  }

  .corporate-page .corporate-purpose h2 {
    margin-bottom: 18px;
    font-size: 32px;
  }

  .corporate-purpose p,
  .catalog-header .catalog-intro,
  .catalog-section .catalog-description {
    font-size: 16px;
  }
}