/* IntegrateU Learning Experiences v33 - scoped only */
.experience-page{--ex-navy:#092b49;--ex-green:#8bc53f;color:var(--ex-navy)}
.ex-hero{background:linear-gradient(110deg,#f8faf9 0%,#fff 62%,#f1f6eb 100%);padding:76px 0 88px;overflow:hidden}
.ex-hero-grid{display:grid;grid-template-columns:1fr .96fr;align-items:center;gap:clamp(32px,5vw,72px)}
.ex-kicker{font-size:12px;letter-spacing:.12em;font-weight:800;color:#52734b;display:flex;align-items:center;gap:10px}.ex-dot{width:9px;height:9px;background:var(--ex-green);border-radius:50%}
.ex-hero h1{font-size:clamp(43px,5.4vw,78px);letter-spacing:-.055em;line-height:1.06;margin:26px 0 23px;color:var(--ex-navy)}
.ex-hero h1 em{font-style:normal;color:#547d1c}.ex-lead{font-size:clamp(17px,1.7vw,21px);line-height:1.55;color:#496176;max-width:570px}.ex-hero .actions{margin-top:29px;display:flex;flex-wrap:wrap;gap:13px}
.experience-page .btn.primary{background:var(--ex-green);border-color:var(--ex-green);color:#152e16}.experience-page .btn.primary:hover{background:#a0d651}
.ex-art{border-radius:25px;overflow:hidden;position:relative;min-height:465px;box-shadow:0 22px 70px #092b4926;background:#e9efec}.ex-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.ex-art-overlay{position:absolute;inset:auto 0 0;padding:100px 32px 32px;background:linear-gradient(0deg,#092b49ef,transparent);color:#fff;display:grid;gap:9px}.ex-art-overlay span{font-size:11px;letter-spacing:.14em;font-weight:800;color:#cde1bb}.ex-art-overlay strong{font-size:26px;line-height:1.2;max-width:360px}
.ex-modes{background:white}.ex-modes h2{max-width:650px;margin:14px 0 35px;font-size:clamp(30px,3.4vw,49px);letter-spacing:-.04em}.ex-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ex-mode-grid article{border-top:2px solid #dfe8df;background:#f8faf8;padding:25px 25px 28px;border-radius:0 0 17px 17px}.ex-num{font-size:12px;color:#57872d;font-weight:800;letter-spacing:.1em}.ex-mode-grid h3{font-size:23px;margin:20px 0 10px}.ex-mode-grid p{color:#496176;line-height:1.6}
.experience-page .topic-grid a{background:#fff;border:1px solid #dfe7e9;border-radius:15px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:18px;box-shadow:0 7px 22px #092b4908;transition:transform .2s,box-shadow .2s,border-color .2s}.experience-page .topic-grid a span{font-size:23px;color:#5d872b}.experience-page .topic-grid a:hover{transform:translateY(-3px);box-shadow:0 14px 29px #092b4915;border-color:#b7d09c}
.experience-page .cta{background:#092b49}.experience-page .cta h2{color:white}
@media(max-width:850px){.ex-hero{padding:55px 0}.ex-hero-grid{grid-template-columns:1fr}.ex-art{min-height:380px}.ex-mode-grid{grid-template-columns:1fr}}
@media(max-width:550px){.ex-art{min-height:290px}.ex-art-overlay{padding:70px 20px 20px}.ex-hero h1{font-size:clamp(40px,10vw,60px)}}
@media(prefers-reduced-motion:reduce){.experience-page .topic-grid a{transition:none}.experience-page .topic-grid a:hover{transform:none}}

/* v34: correct contrast of the light CTA panel on navy section */
.experience-page .cta .cta-box h2{color:#092b49}