/* Professional experience page */
.experience-page { background: #f3f7fd; color: #1f2f4d; }
.experience-hero { padding: 148px 0 92px; }
.experience-hero .main-heading h1 { max-width: 920px; }
.experience-hero .main-heading p { max-width: 760px; }
.experience-section { padding: 104px 0; }
.experience-projects { background: linear-gradient(180deg, #f3f7fd 0%, #eaf2fc 100%); }
.experience-history { background: #fff; }
.experience-education { background: linear-gradient(180deg, #eef5ff 0%, #e4effc 100%); }
.experience-skills { background: #f8fbff; }
.experience-section-heading { max-width: 900px; margin: 0 0 44px; }
.experience-kicker { display: inline-block; margin-bottom: 12px; color: #2b63c8; font-size: 14px; font-weight: 700; letter-spacing: .1em; line-height: 1.3; text-transform: uppercase; }
.experience-section-heading h2, .experience-cta h2 { margin: 0; color: #0e2f67; font-size: 48px; line-height: 1.12; text-wrap: balance; }
.experience-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
.experience-project-card, .experience-history-card, .experience-education-card { border: 1px solid #d4e1f3; border-radius: 22px; background: #fff; box-shadow: 0 24px 48px rgba(14, 41, 90, .1); }
.experience-project-card { overflow: hidden; }
.experience-project-image { aspect-ratio: 1700 / 493; overflow: hidden; background: #f0f5fb; }
.experience-project-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.experience-project-card:nth-child(2) .experience-project-image { background: #1f2b4d; }
.experience-project-card-body { padding: 30px 32px 34px; }
.experience-card-meta, .experience-history-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; color: #60759a; font-size: 14px; line-height: 1.5; }
.experience-card-meta span:first-child, .experience-history-meta span:first-child { color: #2b63c8; font-weight: 700; }
.experience-project-card h3, .experience-history-card h3, .experience-education-card h3, .experience-skill-group h3 { margin: 18px 0 8px; color: #0e2f67; font-size: 30px; line-height: 1.2; }
.experience-project-card h4 { margin: 0 0 18px; color: #526a91; font-size: 20px; line-height: 1.35; font-weight: 600; }
.experience-project-card p, .experience-history-card p, .experience-education-card p, .experience-cta p { margin: 0 0 15px; color: #526a91; font-size: 17px; line-height: 1.7; }
.experience-technologies { margin-top: 22px !important; color: #355b94 !important; font-size: 15px !important; line-height: 1.6 !important; }
.experience-technologies strong, .experience-status strong { color: #183c77; }
.experience-status { margin-bottom: 18px !important; font-size: 15px !important; }
.experience-project-card .service-link { display: inline-flex; margin-top: 4px; }
.experience-timeline { position: relative; max-width: 1040px; margin: 0; padding: 0 0 0 42px; list-style: none; }
.experience-timeline::before { position: absolute; top: 8px; bottom: 8px; left: 10px; width: 2px; background: #c9daf1; content: ""; }
.experience-timeline-item { position: relative; margin: 0 0 28px; }
.experience-timeline-item:last-child { margin-bottom: 0; }
.experience-timeline-item::before { position: absolute; top: 30px; left: -38px; width: 18px; height: 18px; border: 4px solid #fff; border-radius: 50%; background: #2b63c8; box-shadow: 0 0 0 2px #a9c7ea; content: ""; }
.experience-history-card { padding: 30px 34px 28px; }
.experience-history-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.experience-history-card h3 { margin-top: 0; }
.experience-role, .experience-additional-role { margin: 0 !important; color: #183c77 !important; font-size: 18px !important; line-height: 1.5 !important; font-weight: 600; }
.experience-additional-role { color: #60759a !important; font-size: 15px !important; font-weight: 400; }
.experience-history-meta { flex-direction: column; align-items: flex-end; gap: 2px; min-width: 180px; text-align: right; }
.experience-history-meta span:first-child { color: #183c77; }
.experience-education-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; max-width: 1040px; }
.experience-education-card { min-height: 220px; padding: 30px 32px; }
.experience-year { display: inline-flex; align-items: center; min-height: 34px; padding: 4px 12px; border-radius: 999px; background: #dfeeff; color: #2b63c8; font-size: 14px; font-weight: 700; }
.experience-education-card h3 { margin-top: 22px; }
.experience-faculty, .experience-detail { font-size: 15px !important; }
.experience-detail { margin-bottom: 0 !important; color: #6f82a0 !important; }
.experience-skill-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; max-width: 1160px; }
.experience-skill-group h3 { margin-top: 0; font-size: 22px; }
.experience-tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.experience-tags li { padding: 8px 12px; border: 1px solid #cbdcf1; border-radius: 999px; background: #fff; color: #355b94; font-size: 14px; line-height: 1.3; }
.experience-cta { padding: 92px 0; background: linear-gradient(120deg, #0b2a60 0%, #135ca9 100%); }
.experience-cta-inner { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; max-width: 1080px; }
.experience-cta .experience-kicker, .experience-cta h2, .experience-cta p { color: #fff; }
.experience-cta h2, .experience-cta p { max-width: 760px; }
.experience-cta p { margin-top: 22px; margin-bottom: 0; color: rgba(255, 255, 255, .84); }
.experience-cta .buttons { display: flex; align-items: center; flex-shrink: 0; gap: 18px; }
.experience-cta-link { color: #fff; font-size: 16px; font-weight: 700; white-space: nowrap; }
.experience-cta-link:hover { color: #b8dcff; }
.experience-links { display: flex; flex-wrap: wrap; gap: 10px 24px; max-width: 920px; margin: 18px auto 0; }
.experience-links a { color: #205cae; font-size: 16px; font-weight: 700; }
.experience-links a:hover { color: #0e2f67; }
.footer6 .copyright-area .footer-contact-link--linkedin { width: auto; min-width: 42px; padding: 0 13px; gap: 8px; border-radius: 999px; }
.footer6 .copyright-area .footer-contact-link--linkedin span { font-size: 14px; font-weight: 700; }
@media (max-width: 991px) {
  .experience-section-heading h2, .experience-cta h2 { font-size: 40px; }
  .experience-skill-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .experience-cta-inner { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 767px) {
  .experience-hero { padding: 124px 0 64px; }
  .experience-section { padding: 70px 0; }
  .experience-section-heading { margin-bottom: 30px; }
  .experience-section-heading h2, .experience-cta h2 { font-size: 32px; line-height: 1.2; }
  .experience-project-grid, .experience-education-grid, .experience-skill-groups { grid-template-columns: 1fr; }
  .experience-project-card-body, .experience-history-card, .experience-education-card { padding: 24px 22px; }
  .experience-project-card h3, .experience-history-card h3 { font-size: 26px; }
  .experience-timeline { padding-left: 26px; }
  .experience-timeline-item::before { left: -34px; }
  .experience-history-header { flex-direction: column; gap: 10px; }
  .experience-history-meta { align-items: flex-start; text-align: left; }
  .experience-cta { padding: 70px 0; }
  .experience-cta .buttons { align-items: flex-start; flex-direction: column; }
}

/* Keep the experience hero readable over the shared hero background layers. */
.experience-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 0;
  padding: 112px 0 88px;
  background: linear-gradient(118deg, #0b234d 0%, #123f7e 58%, #176db5 100%);
}
.experience-hero::before {
  z-index: 0;
  background: linear-gradient(118deg, rgba(6, 19, 44, .9) 0%, rgba(15, 76, 148, .62) 62%, rgba(17, 126, 201, .38) 100%);
}
.experience-hero::after {
  z-index: -1;
  opacity: .22;
}
.experience-hero .container {
  position: relative;
  z-index: 1;
}
.experience-hero .main-heading h1 {
  max-width: 880px;
  font-size: clamp(42px, 4.2vw, 64px);
  line-height: 1.08;
}
.experience-hero .main-heading p {
  max-width: 780px;
  color: rgba(244, 250, 255, .9);
}
.experience-hero .hero-secondary-button {
  color: #fff;
}
.experience-hero .hero-secondary-button:hover {
  color: #b8dcff;
}
@media (max-width: 767px) {
  .experience-hero { padding: 100px 0 64px; }
  .experience-hero .main-heading h1 { font-size: 36px; line-height: 1.15; }
}

/* Match the site's existing typography scale. */
.experience-hero .main-heading h1 { font-size: 40px; line-height: 56px; }
.experience-section-heading h2, .experience-cta h2 { font-size: 44px; line-height: 54px; }
.experience-project-card h3, .experience-history-card h3, .experience-education-card h3 { font-size: 28px; }
.experience-project-card h4 { font-size: 18px; }
.experience-project-card p, .experience-history-card p, .experience-education-card p, .experience-cta p { font-size: 16px; line-height: 1.75; }
.experience-role { font-size: 16px !important; }
.experience-additional-role { font-size: 14px !important; }
@media (max-width: 991px) {
  .experience-section-heading h2, .experience-cta h2 { font-size: 40px; line-height: 48px; }
}
@media (max-width: 767px) {
  .experience-hero .main-heading h1 { font-size: 36px; line-height: 44px; }
  .experience-section-heading h2, .experience-cta h2 { font-size: 32px; line-height: 40px; }
  .experience-project-card h3, .experience-history-card h3, .experience-education-card h3 { font-size: 26px; }
}