.sec_products {
  position: relative; overflow: hidden; background: linear-gradient(180deg, #0b1b31, #071526 100%);
  .wrap { margin: 0 auto; padding: 105px 40px 110px; max-width: 1500px; }
  .heading { margin: 0 auto 42px; max-width: 850px; text-align: center; .kicker { margin-bottom: 20px; } h2 { font-size: 39px; font-weight: 800; line-height: 1.5em; letter-spacing: -.035em; } > p:last-child { margin-top: 15px; color: #b9cbe3; font-size: 15px; } }
  .cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .card { position: relative; overflow: hidden; min-height: 370px; border: 1px solid #46628d; border-radius: 13px; background: linear-gradient(120deg, #15243e, #0b1d38 70%, #17274a); box-shadow: 0 25px 55px #020b1c70; }
  .card::after { position: absolute; inset: 0; background: linear-gradient(90deg, #101e33fa 0, #101e33e0 45%, #101e3366 75%, #101e3322); content: ""; pointer-events: none; }
  .copy { position: relative; z-index: 1; padding: 34px 30px; width: 63%; min-height: 370px; display: flex; flex-direction: column; align-items: flex-start; }
  .label { color: #91b5ff; font-family: var(--font-en); font-size: 11px; font-weight: 700; line-height: 1.4em; letter-spacing: .22em; }
  h3 { margin-top: 27px; font-size: 30px; font-weight: 800; line-height: 1.4em; letter-spacing: -.02em; }
  .copy > p:not(.label) { margin-top: 15px; color: #bdcee6; font-size: 13px; line-height: 1.9em; }
  .links { margin-top: auto; padding-top: 22px; display: grid; gap: 11px; .text-link { margin-top: 0; padding-top: 0; } @media (max-width: 600px) { margin-top: 12px; padding-top: 0; gap: 8px; } }
  .copy > .text-link { margin-top: auto; padding-top: 22px; @media (max-width: 600px) { margin-top: 12px; padding-top: 0; } }
  .card img { position: absolute; right: -80px; bottom: -40px; width: 75%; height: 365px; max-width: none; object-fit: cover; object-position: left center; transform: perspective(800px) rotateY(-7deg); }
  .card:nth-child(2) img { right: -150px; width: 85%; object-position: center; }
  .disclaimer { margin-top: 25px; color: #8198b8; font-size: 11px; text-align: right; }
  @media (max-width: 1100px) { .card img { right: -145px; width: 90%; } .copy { width: 70%; } }
  @media (max-width: 850px) { .wrap { padding: 85px 28px; } .cards { grid-template-columns: 1fr; } .card img, .card:nth-child(2) img { right: -70px; width: 65%; } .copy { width: 60%; } }
  @media (max-width: 600px) { .wrap { padding: 72px 18px 78px; } .heading h2 { font-size: 29px; } .heading > p:last-child { font-size: 14px; } .card { min-height: 470px; } .card::after { background: linear-gradient(180deg, #101e33f7 0, #101e33ed 50%, #101e3355 80%); } .copy { padding: 26px 22px; width: 100%; min-height: 0; } h3 { margin-top: 15px; font-size: 27px; } .copy > p:not(.label) { margin-top: 10px; } .card img, .card:nth-child(2) img { right: -20px; bottom: -60px; width: 105%; height: 265px; transform: none; } .disclaimer { text-align: left; } }
}