.sec_intro {
  position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(ellipse at 50% 0, #142d54 0, #0a1729 56%, #071322 100%);
  &::before { position: absolute; z-index: -1; left: -20%; bottom: -165px; width: 75%; height: 370px; background: url("../../assets/images/mesh-wave.svg") center / cover no-repeat; content: ""; opacity: .45; transform: scaleX(-1); }
  .wrap { margin: 0 auto; padding: 110px 40px 112px; max-width: 1320px; display: grid; grid-template-columns: 1fr 135px; align-items: center; gap: 70px; }
  .copy { max-width: 760px; justify-self: center; text-align: center; }
  .kicker { margin-bottom: 21px; }
  h2 { font-size: 42px; font-weight: 800; line-height: 1.5em; letter-spacing: -.035em; }
  .copy > p:last-child { margin: 24px auto 0; max-width: 660px; color: #b8cbe4; font-size: 16px; line-height: 2em; }
  .side-note { padding-left: 33px; border-left: 1px solid #39618e; color: #5884b6; font-family: var(--font-en); font-size: 13px; font-weight: 600; line-height: 1.8em; letter-spacing: .25em; }
  @media (max-width: 900px) { .wrap { padding: 90px 28px; grid-template-columns: 1fr; } .side-note { display: none; } h2 { font-size: 36px; } }
  @media (max-width: 600px) { .wrap { padding: 72px 18px 83px; } .kicker { font-size: 10px; } h2 { font-size: 30px; } .copy > p:last-child { font-size: 14px; line-height: 1.9em; } }
}