.sec_web_hero {
  overflow: hidden;
  border-top: 1px solid #dce9f8;
  background: radial-gradient(ellipse at 74% 38%, #dcecff 0, transparent 47%), linear-gradient(115deg, #f8fbff, #eef6ff 63%, #dcecff);

  .wrap {
    margin: 0 auto;
    padding: 52px 40px 56px;
    max-width: 1600px;
    display: grid;
    grid-template-columns: minmax(0, .83fr) minmax(0, 1.17fr);
    align-items: center;
    gap: 18px;

    @media (max-width: 1200px) { padding: 42px 28px 48px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
    @media (max-width: 800px) { padding: 35px 28px 0; grid-template-columns: 1fr; gap: 18px; }
    @media (max-width: 600px) { padding: 26px 18px 0; }
  }

  .main {
    min-width: 0;
    padding-bottom: 12px;
  }

  .breadcrumb {
    margin-bottom: 56px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: #5f7594;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4em;

    a:hover, a:focus-visible { color: #145dd2; text-decoration: underline; }
    @media (max-width: 1200px) { margin-bottom: 34px; }
    @media (max-width: 800px) { margin-bottom: 40px; }
    @media (max-width: 600px) { margin-bottom: 30px; }
  }

  .kicker { margin-bottom: 17px; }

  h1 {
    color: #0b2344;
    font-size: 62px;
    font-weight: 800;
    line-height: 1.25em;
    letter-spacing: -.04em;

    @media (max-width: 1200px) { font-size: 54px; }
    @media (max-width: 1000px) { font-size: 46px; }
    @media (max-width: 600px) { font-size: 38px; }
    @media (max-width: 400px) { font-size: 34px; }
  }

  .catch {
    margin-top: 23px;
    color: #102d54;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.48em;
    letter-spacing: -.03em;

    @media (max-width: 1200px) { font-size: 30px; }
    @media (max-width: 1000px) { font-size: 26px; }
    @media (max-width: 600px) { margin-top: 16px; font-size: 24px; }
  }

  .lead {
    margin-top: 23px;
    max-width: 540px;
    color: #50698a;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.9em;

    @media (max-width: 1000px) { font-size: 14px; }
    @media (max-width: 600px) { margin-top: 18px; font-size: 14px; }
  }

  .actions {
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;

    @media (max-width: 600px) { margin-top: 27px; gap: 16px; .link_ptn_3 { margin: 0 auto; } }
  }

  .image {
    overflow: hidden;
    min-width: 0;
    border-radius: 12px;
    box-shadow: 0 22px 55px #3876bb19;

    img {
      width: 100%;
      aspect-ratio: 1.43;
      object-fit: cover;
      object-position: 59% center;
    }

    @media (max-width: 800px) { margin: 0 -28px; border-radius: 0; box-shadow: none; img { aspect-ratio: 1.75; } }
    @media (max-width: 600px) { margin: 0 -18px; img { aspect-ratio: 1.42; object-position: 60% center; } }
  }
}