/* Latest TOP 756:1093 / About 763:1109. Text stays in normal document flow. */
.why-design-section { position: relative; isolation: isolate; background: #fff; color: var(--ink); scroll-margin-top: 100px; }
.why-design-inner { position: relative; max-width: 1440px; margin-inline: auto; padding: 120px 80px 160px 32px; }
.why-design-heading h2 { font: 700 140px/.95 var(--font-en); letter-spacing: -.02em; }
.why-design-label { margin: 37px 0 0 8px; font-size: 20px; font-weight: 700; line-height: 1.2; }
.why-design-content { display: grid; grid-template-columns: minmax(0, 640fr) minmax(0, 600fr); gap: 80px; padding-left: 8px; margin-top: 83px; }
.why-design-lead { min-width: 0; font-size: 40px; font-weight: 700; line-height: 1.5; }
.why-design-copy { min-width: 0; padding-top: 6px; font-size: 16px; line-height: 2.2; color: rgb(0 7 31 / 85%); overflow-wrap: break-word; }
.why-design-copy p + p { margin-top: 2.2em; }
.why-design-copy p:first-child { line-height: 2.28; }

@media (min-width: 768px) and (max-width: 1199px) {
  .why-design-inner { padding-inline: 32px 40px; }
  .why-design-heading h2 { font-size: clamp(80px, 9.7222vw, 140px); }
  .why-design-content { gap: 48px; }
  .why-design-lead { font-size: 30px; }
}
@media (max-width: 767px) {
  .why-design-inner { padding: 80px 24px 88px; }
  .why-design-heading h2 { margin-left: -2px; font-size: clamp(50px, 13vw, 88px); }
  .why-design-label { margin: 24px 0 0; font-size: 16px; line-height: 1.5; }
  .why-design-content { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 0; margin-top: 48px; }
  .why-design-lead { font-size: clamp(24px, 6.4vw, 36px); line-height: 1.65; }
  .why-design-copy { padding: 0; font-size: 14px; line-height: 2.1; }
  .why-design-copy p:first-child { line-height: 2.1; }
  .why-design-copy p + p { margin-top: 1.5em; }
}