/* Matched entry paths; the gold mentorship route retains its existing design. */
.yp-path-card {
  background: #11110f;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.yp-path-card--mental {
  background: #151512;
  border-left: 1px solid var(--divider);
  scroll-margin-top: 96px;
}

.yp-path-media {
  aspect-ratio: 16 / 10;
  background: #20201d;
  overflow: hidden;
  width: 100%;
}

.yp-path-media img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.yp-path-card--physical .yp-path-media img { object-position: 50% 50%; }
.yp-path-card--mental .yp-path-media img { object-position: 40% 50%; }

.yp-path-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 32px 36px 36px;
}

.yp-path-label {
  color: var(--copper-light);
  display: block;
  font: 500 11px/1.5 var(--sans);
  letter-spacing: .16em;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.yp-path-copy h3 {
  color: var(--warm-white);
  font: 400 clamp(28px, 2.6vw, 36px)/1.15 var(--sans);
  letter-spacing: -.025em;
  margin: 0;
  max-width: 21ch;
  text-wrap: balance;
}

.yp-path-copy p {
  color: var(--warm-gray);
  font: 400 16px/1.6 var(--sans);
  margin: 20px 0 0;
  max-width: 52ch;
}

.yp-path-action {
  align-items: center;
  align-self: flex-start;
  border-bottom: 1px solid var(--copper-light);
  color: var(--copper-light);
  display: inline-flex;
  font: 400 18px/1.35 var(--sans);
  gap: 18px;
  margin-top: auto;
  min-height: 44px;
  padding: 27px 0 7px;
  text-decoration: none;
}

.yp-path-action img {
  filter: invert(70%) sepia(29%) saturate(604%) hue-rotate(351deg) brightness(92%) contrast(86%);
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
}

.yp-path-action:hover { border-bottom-color: var(--warm-white); color: var(--warm-white); }
.yp-path-action:focus-visible { outline: 2px solid var(--copper-light); outline-offset: 5px; }

@media (max-width: 1020px) {
  .yp-path-card--mental { border-left: 0; border-top: 1px solid var(--divider); }
}

@media (max-width: 720px) {
  .yp-path-copy { padding: 27px 26px 30px; }
  .yp-path-label { margin-bottom: 14px; }
  .yp-path-copy h3 { font-size: 28px; }
  .yp-path-copy p { margin-top: 16px; }
  .yp-path-action { margin-top: 5px; }
}

@media (max-width: 379px) {
  .yp-path-copy { padding: 25px 20px 27px; }
  .yp-path-copy h3 { font-size: 26px; }
  .yp-path-action { font-size: 17px; gap: 14px; }
}