.training-card-feature {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr);
  align-items: center;
  gap: clamp(50px, 7vw, 110px);
  padding: clamp(82px, 9vw, 132px) max(24px, 50vw - 610px);
  color: #fff;
  background: radial-gradient(circle at 82% 32%, rgba(22, 143, 199, .22), transparent 30%), linear-gradient(132deg, #061b36 0%, #0a315b 62%, #07182b 100%);
  border-top: 6px solid var(--orange);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.training-card-feature--work {
  background: radial-gradient(circle at 82% 32%, rgba(159, 203, 59, .17), transparent 30%), linear-gradient(132deg, #061b2b 0%, #123f3a 62%, #07182b 100%);
  border-top-color: var(--green);
}
.training-card-copy { max-width: 680px; }
.training-card-kicker { margin: 0 0 22px; color: var(--orange); font-size: .7rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.training-card-feature--work .training-card-kicker { color: var(--green); }
.training-card-copy h2 { margin: 0; color: #fff; font-size: clamp(3rem, 5.8vw, 6.3rem); line-height: .9; letter-spacing: -.06em; text-transform: uppercase; }
.training-card-copy h2 em { color: var(--orange); font-style: italic; }
.training-card-feature--work h2 em { color: var(--green); }
.training-card-lead { max-width: 670px; margin: 30px 0 0; color: #d5e1e9; font-size: clamp(1.05rem, 1.5vw, 1.28rem); line-height: 1.68; }
.training-card-promise { display: inline-block; margin: 30px 0 10px; padding: 13px 17px; color: #061b36; background: var(--orange); font-size: .92rem; font-weight: 950; letter-spacing: .09em; text-transform: uppercase; }
.training-card-feature--work .training-card-promise { background: var(--green); }
.training-card-copy ul { display: grid; gap: 12px; margin: 23px 0 0; padding: 0; list-style: none; }
.training-card-copy li { position: relative; padding-left: 25px; color: #fff; font-size: .92rem; font-weight: 750; line-height: 1.55; }
.training-card-copy li::before { position: absolute; left: 0; top: .63em; width: 9px; height: 9px; background: var(--orange); content: ""; }
.training-card-feature--work li::before { background: var(--green); }
.training-card-bridge { margin: 27px 0 0; padding: 18px 20px; border-left: 4px solid var(--green); background: rgba(255, 255, 255, .08); color: #fff; font-weight: 850; line-height: 1.55; }
.training-card-disclaimer { margin: 24px 0 0; color: #91a7b8; font-size: .72rem; line-height: 1.55; }
.training-card-visual { position: relative; }
.training-card-image-wrap { position: relative; transform: perspective(1200px) rotateY(-5deg) rotateX(2deg); filter: drop-shadow(0 28px 35px rgba(0, 0, 0, .42)); }
.training-card-image-wrap img { display: block; width: 100%; height: auto; }
.training-card-visual > p { margin: 22px 0 0; color: #8fa6b7; font-size: .66rem; font-weight: 850; letter-spacing: .12em; text-align: center; text-transform: uppercase; }
@media (max-width: 960px) {
  .training-card-feature { grid-template-columns: 1fr; }
  .training-card-copy { max-width: 800px; }
  .training-card-visual { width: min(100%, 680px); margin-inline: auto; }
}
@media (max-width: 600px) {
  .training-card-feature { gap: 50px; padding: 70px 22px; }
  .training-card-copy h2 { font-size: clamp(2.8rem, 14vw, 4.7rem); }
  .training-card-promise { font-size: .78rem; }
  .training-card-image-wrap { transform: none; }
}