.c-intro { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 64px; padding: 54px 0 52px; align-items: start; }
.c-intro-copy { min-width: 0; }
.c-intro-copy h1 { max-width: 19ch; margin-bottom: 28px; }
.c-intro-copy > .c-reading-text { max-width: 61ch; }
.c-intro-side { min-width: 0; padding-top: 4px; }
.c-takeaway { background: var(--green); color: var(--white); padding: 28px; border-radius: 3px; }
.c-takeaway-label { font-size: 16px; color: #d6e4d3; border-bottom: 1px solid #738f81; padding-bottom: 14px; }
.c-takeaway-main { font-size: 26px; line-height: 1.25; letter-spacing: -.025em; margin-top: 20px; }
.c-takeaway > p:last-child { font-size: 16px; line-height: 1.65; color: #e9efe3; }
.c-intro .c-atmosphere + .c-takeaway { margin-top: 14px; }
.c-page--home .c-intro { padding-top: 60px; }
@media (max-width: 1000px) {
  .c-intro { gap: 30px; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
  .c-takeaway { padding: 22px; }
}
@media (max-width: 760px) {
  .c-intro, .c-page--home .c-intro { display: block; padding: 34px 0 32px; }
  .c-intro-copy h1 { margin-bottom: 22px; }
  .c-intro-side { margin-top: 28px; }
  .c-intro-side:has(.c-atmosphere) { display: flex; flex-direction: column; }
  .c-intro-side .c-takeaway { order: -1; }
  .c-intro .c-atmosphere + .c-takeaway { margin-top: 0; }
  .c-intro-side .c-atmosphere { margin-top: 16px; }
  .c-takeaway-main { font-size: 25px; }
}