.pc-learning { --learning-muted: #d0cfdf; padding: 40px 28px 56px; background: #2b3048; color: #faf7f0; scroll-margin-top: 100px; }
.pc-learning-layout { max-width: 1440px; margin-inline: auto; }
.pc-learning-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pc-learning-stat { position: relative; isolation: isolate; overflow: hidden; min-height: 200px; padding: 32px 40px; border: 1px solid #aaa2ef38; border-radius: 2px; background: #45436a; }
.pc-learning-stat--experience { background: #3a5551; border-color: #a5d1bf38; }
.pc-learning-stat-art { position: absolute; inset: 0 0 0 42%; z-index: -1; background-image: url('/img/pioneer-dark-education-reference.webp'); background-repeat: no-repeat; opacity: 0.85; filter: brightness(1.5); }
.pc-learning-stat--students .pc-learning-stat-art { background-size: 468% auto; background-position: 35.75% 5.42%; }
.pc-learning-stat--experience .pc-learning-stat-art { background-size: 406.7% auto; background-position: 97.15% 5.7%; }
.pc-learning-stat::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #45436a 8%, #45436aee 35%, #45436a22 100%); }
.pc-learning-stat--experience::after { background: linear-gradient(90deg, #3a5551 8%, #3a5551ee 35%, #3a555122 100%); }
.pc-learning-eyebrow { display: block; color: #dedceb; text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.7rem; font-weight: 500; }
.pc-learning-stat strong { display: block; margin: 18px 0 8px; font-size: clamp(2.75rem, 4vw, 4rem); font-weight: 400; line-height: 1; letter-spacing: -0.035em; color: #f5f4fb; }
.pc-learning-stat > span:last-child { font-size: 1rem; color: #e6e3ef; }
.pc-learning-heading { display: grid; grid-template-columns: 1fr; gap: 56px; align-items: end; margin: 46px 0 44px; }
.pc-learning-eyebrow--line { display: flex; align-items: center; gap: 22px; margin-bottom: 20px; }
.pc-learning-eyebrow--line::after { content: ''; width: 90px; height: 1px; background: #53536e; }
.pc-learning-heading h2 { margin: 0; color: #f5f4fb; font-size: clamp(2.25rem, 4.5vw, 4.8rem); font-weight: 500; line-height: 1.05; letter-spacing: -0.04em; }
.pc-learning-heading h2 em { color: #b2a7ff; font-style: normal; }
.pc-learning-reasons { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pc-learning-reason { position: relative; min-width: 0; padding: 0 28px; }
.pc-learning-reason:first-child { padding-left: 0; }
.pc-learning-reason:last-child { padding-right: 0; }
.pc-learning-reason + .pc-learning-reason { border-left: 1px solid #a3a0c542; }
.pc-learning-reason-number { display: flex; align-items: center; gap: 24px; color: #c0b7ff; font-size: 1rem; }
.pc-learning-reason-number::after { content: ''; width: 90px; height: 1px; background: #7972b5; }
.pc-learning-reason h3 { max-width: 15ch; min-height: 2.8em; margin: 18px 0 16px; color: #f5f4fb; font-size: clamp(1.1rem, 1.5vw, 1.4rem); font-weight: 500; line-height: 1.35; }
.pc-learning-reason p { min-height: 5.2em; margin: 0; color: var(--learning-muted); font-size: 0.95rem; line-height: 1.65; }
.pc-learning-reason-art { display: block; width: 100%; height: 150px; margin-top: 18px; overflow: hidden; filter: brightness(1.65); mix-blend-mode: lighten; }
@media (min-width: 992px) and (min-height: 640px) {
  .pc-learning { box-sizing: border-box; height: calc(100svh - 100px); padding: 20px 28px; }
  .pc-learning-layout { display: grid; grid-template-rows: clamp(112px, 16svh, 145px) auto minmax(0, 1fr); gap: 18px; width: 100%; height: 100%; }
  .pc-learning-stat { min-height: 0; padding: 14px 28px; }
  .pc-learning-stat strong { margin: 10px 0 4px; font-size: clamp(2rem, 6svh, 3rem); }
  .pc-learning-stat > span:last-child { font-size: 0.9rem; }
  .pc-learning-heading { margin: 0; gap: 40px; }
  .pc-learning-eyebrow--line { margin-bottom: 8px; }
  .pc-learning-heading h2 { font-size: clamp(2rem, 6svh, 3.5rem); }
  .pc-learning-reason { display: flex; flex-direction: column; min-height: 0; padding-inline: 24px; }
  .pc-learning-reason-number { font-size: 0.85rem; }
  .pc-learning-reason h3 { min-height: 2.7em; margin: 10px 0 8px; font-size: 1.1rem; }
  .pc-learning-reason p { min-height: 0; font-size: 0.875rem; line-height: 1.55; }
  .pc-learning-reason-art { flex: 1 1 100px; min-height: 90px; max-height: 135px; height: 125px; margin-top: 12px; }
}
@media (max-width: 991px) {
  .pc-learning { padding-inline: 16px; }
  .pc-learning-stat { padding: 28px; }
  .pc-learning-heading { grid-template-columns: 1fr; gap: 22px; }
  .pc-learning-reasons { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 0; }
  .pc-learning-reason:nth-child(3) { border-left: 0; padding-left: 0; }
  .pc-learning-reason:nth-child(2) { padding-right: 0; }
}
@media (max-width: 575px) {
  .pc-learning { padding: 28px 12px 40px; }
  .pc-learning-facts { grid-template-columns: 1fr; }
  .pc-learning-stat { min-height: 180px; }
  .pc-learning-stat-art { inset: 0; }
  .pc-learning-reason { padding-inline: 14px; }
  .pc-learning-reason h3 { min-height: 4em; }
  .pc-learning-reason p { min-height: 8.25em; font-size: 0.9rem; }
  .pc-learning-reason-art { height: 105px; }
  .pc-learning-reason-number::after { width: 48px; }
}