/* Experience section: shared visual language with Finance Career Foundry. */
.experience-section {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.55fr);
  align-items: center;
  gap: clamp(36px, 5vw, 72px);
  padding-block: 76px 64px;
}
.experience-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 390px;
  padding: clamp(30px, 3.2vw, 44px);
  border-radius: 24px;
  background: radial-gradient(ellipse at 95% 0%, #325347 0, transparent 62%), linear-gradient(145deg, #113c40, #0c1d2d);
  box-shadow: 0 22px 48px #0c24351c;
  color: #fff;
}
.experience-number {
  display: block;
  color: #c5ef80;
  font: 500 clamp(82px, 7.5vw, 108px)/.95 Georgia, 'Times New Roman', serif;
  letter-spacing: -.055em;
}
.experience-number span { font-weight: 400; }
.experience-card .experience-label {
  margin: 10px 0 32px;
  color: #fff;
  font-size: 17px;
  line-height: 1.45;
  letter-spacing: -.015em;
}
.experience-disciplines,
.experience-principles {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.experience-disciplines li {
  border: 1px solid #ffffff38;
  border-radius: 24px;
  padding: 7px 11px;
  color: #fff;
  font-size: 9px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.experience-copy { min-width: 0; }
.experience-copy .eyebrow { margin-bottom: 16px; }
.experience-copy h2 {
  max-width: 760px;
  font: 600 clamp(32px, 3.2vw, 48px)/1.1 Georgia, 'Times New Roman', serif;
  letter-spacing: -.025em;
  margin-bottom: 23px;
}
.experience-copy > p:not(.eyebrow) {
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 18px;
}
.experience-principles { margin-top: 24px; }
.experience-principles li {
  background: #edf5e7;
  color: #183c37;
  border-radius: 24px;
  padding: 9px 13px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 960px) {
  .experience-section { grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr); gap: 30px; }
  .experience-card { padding: 30px; }
}
@media (max-width: 760px) {
  .experience-section { grid-template-columns: minmax(0, 1fr); gap: 34px; padding-block: 50px; }
  .experience-card { min-height: 310px; max-width: 460px; width: 100%; padding: 32px; }
  .experience-number { font-size: 88px; }
  .experience-copy h2 { font-size: clamp(32px, 7vw, 42px); }
  .experience-principles { gap: 8px; }
}
@media (max-width: 380px) {
  .experience-card { padding: 27px; }
  .experience-disciplines { gap: 7px; }
  .experience-disciplines li { padding: 7px 9px; }
  .experience-copy h2 { font-size: 32px; }
}