/* The original site's light blue hero tint and a matching image-to-copy fade. */
.shared-hero .legacy-hero,.free-hero,.insights-hero,.program-hero,.assessment-hero,.lesson-hero,.resource-hero,.legal-hero,.insight-article-hero{background:var(--hero-bg,#ecf4fa);background-image:none;color:#1a3e74}
.shared-hero .legacy-hero,.assessment-hero{border-radius:0;clip-path:none}
.shared-hero .legacy-hero::before,.free-hero::before,.insights-hero::before,.assessment-hero::before,.lesson-hero::before,.resource-hero::before,.legal-hero::before,.insight-article-hero::before{display:none}

/* Home, About, Programs and Trading Platforms share the same layout. */
.shared-hero .legacy-hero-grid{display:flex;align-items:center;min-height:700px;gap:0}
.shared-hero .legacy-hero-copy{position:relative;z-index:1;width:min(750px,63%);max-width:none;padding:75px 0 88px}
.shared-hero .legacy-classroom-hero{position:absolute;z-index:0;inset:0 0 0 auto;width:67%;height:100%;max-height:none;aspect-ratio:auto;margin:0;border:0;border-radius:0;box-shadow:none;clip-path:none;-webkit-mask-image:none;mask-image:none}
.shared-hero .legacy-classroom-hero img{width:100%;height:100%;object-fit:cover;object-position:center}
.shared-hero .legacy-classroom-hero img[src*="home-hero-students"]{object-position:center 30%}
.shared-hero .legacy-classroom-hero::after,.free-hero-media::after,.insights-hero-image::after,.program-hero-media::after,.insight-article-hero-media::after,.inner-hero-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ecf4fa 0%,#ecf4faed 20%,#ecf4faab 46%,#ecf4fa00 78%),linear-gradient(0deg,#ecf4fa 0%,#ecf4fa00 18%)}
.shared-hero .legacy-hero h1,.shared-hero .legacy-hero-text,.shared-hero .legacy-support-line,.shared-hero .legacy-hero-kicker{color:#1a3e74}

/* The two editorial landing pages keep their own copy and controls. */
.free-hero-media,.insights-hero-image{position:absolute;z-index:0;inset:0 0 0 auto;width:67%;height:100%;margin:0;overflow:hidden;border:0;border-radius:0;background:transparent;-webkit-mask-image:none;mask-image:none}
.free-hero-media img,.insights-hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.free-hero-scrim,.insights-hero-wash{display:none}
.free-hero-layout,.insights-hero-layout{position:relative;z-index:1;min-height:700px}
.free-hero-copy,.insights-hero-copy{position:relative;z-index:1;width:min(750px,63%)}
.free-hero-eyebrow,.free-hero h1,.free-hero h2,.free-hero-intro,.free-topic-area>p,.free-topic-area li,.insights-kicker,.insights-hero h1,.insights-hero-copy>p:not(.insights-kicker),.insights-hero-link{color:#1a3e74}
.free-hero h1 em,.insights-hero h1 em{color:#d94639}
.free-topic-area li>span{color:#1a3e74}
.insights-hero-link{border-bottom-color:#1a3e74}
.insights-hero-link span{color:#d94639}

/* Format pages use their existing course art as a full-height faded image. */
.program-hero{position:relative;isolation:isolate;background-image:none}
.program-hero-grid{position:static;display:flex;align-items:center;min-height:760px;gap:0}
.program-hero-copy{position:relative;z-index:1;width:min(750px,63%)}
.program-hero-media{position:absolute;z-index:0;inset:120px 0 0 auto;width:67%;height:calc(100% - 120px);margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-mask-image:none;mask-image:none}
.program-hero-media::before{display:none}
.program-hero-media::after{background:linear-gradient(90deg,#ecf4fa 0%,#ecf4faed 20%,#ecf4faab 46%,#ecf4fa00 78%),linear-gradient(0deg,#ecf4fa 0%,#ecf4fa 68px,#ecf4fa00 260px)}
.program-image-frame{position:relative;width:100%;height:100%;border:0;border-radius:0;background:transparent}
.program-image-frame img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important;transition:none}
.program-page.theme-navy .program-image-frame img,.program-page.theme-slate .program-image-frame img{object-fit:contain;object-position:center bottom;background:transparent;padding:0}
.program-page.theme-powder .program-image-frame,.program-page.theme-yellow .program-image-frame{height:100%;aspect-ratio:auto;background:transparent}
.program-page.theme-powder .program-image-frame img{position:absolute;left:0;top:50%;width:100%;height:auto;object-fit:contain;transform:translateY(-50%)!important;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#090f12 15%,#090f12 72%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#090f12 15%,#090f12 72%,transparent 100%)}
.program-page.theme-yellow .program-image-frame img{height:100%;object-fit:cover;object-position:center;background:transparent}
/* Every program hero now uses a full-bleed photo, including the former cutout themes. */
.program-page .program-image-frame img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important}
.program-page.theme-powder .program-image-frame img,.program-page.theme-yellow .program-image-frame img{position:static!important;inset:auto!important;transform:none!important}
.program-hero-media figcaption{display:none}
.program-hero h1,.program-hero h1::first-line,.program-hero-lead,.program-text-link{color:#1a3e74}
.program-rail,.hero-rail,.resource-hero-rail{border-top:0;background:#ecf4fa;color:#1a3e74}
.program-rail i,.hero-rail i,.resource-hero-rail i{background:#1a3e7433}
.resource-hero-rail span:nth-of-type(3){color:#d94639}

/* Inner pages blend their CMS-controlled classroom photo into the same tint. */
.assessment-hero,.lesson-hero,.resource-hero,.legal-hero{position:relative;isolation:isolate;overflow:hidden}
.inner-hero-photo,.legal-hero .inner-hero-photo,.assessment-hero .inner-hero-photo,.lesson-hero .inner-hero-photo,.resource-hero .inner-hero-photo{position:absolute;z-index:0;inset:0 0 0 auto;width:67%;height:100%;opacity:1;background-position:center;background-size:cover;-webkit-mask-image:none;mask-image:none}
.lesson-hero .inner-hero-photo::after,.resource-hero .inner-hero-photo::after{background:linear-gradient(90deg,#ecf4fa 0%,#ecf4faed 20%,#ecf4faab 46%,#ecf4fa00 78%),linear-gradient(0deg,#ecf4fa 0%,#ecf4fa 72px,#ecf4fa00 260px)}
.legal-hero>.legal-shell,.assessment-hero-grid,.lesson-hero .hero-layout,.resource-hero-layout{position:relative;z-index:1}
.assessment-hero-copy h1,.assessment-hero-copy>p:last-of-type,.hero-copy h1,.hero-lead,.resource-hero h1,.resource-hero-lead,.legal-hero h1{color:#1a3e74}
.breadcrumb,.resource-breadcrumb,.resource-kicker-light{color:#1a3e74}
.resource-kicker-light>span{background:#d94639}
.resource-text-link{color:#1a3e74;border-bottom-color:#1a3e74}
.resource-text-link span{color:#d94639}
.resource-hero-visual{border-color:#c6dae8;box-shadow:0 25px 55px #090f1224}

/* Insight articles now use their own cover photo in the hero. */
.insight-article-hero{position:relative;isolation:isolate;min-height:500px}
.insight-article-hero-media{position:absolute;z-index:0;inset:0 0 0 auto;width:67%;height:100%;margin:0;overflow:hidden}
.insight-article-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.insight-article-hero>.insights-shell{position:relative;z-index:1}
.insight-article-heading{width:min(960px,72%)}
.insight-back,.insight-article-heading h1,.insight-article-excerpt,.insight-article-heading time{color:#1a3e74}
.insight-article-heading time{color:#d94639}

@media(max-width:820px){
  .shared-hero .legacy-hero-grid{min-height:0;display:block}
  .shared-hero .legacy-hero-copy{width:100%;padding:64px 0 72px}
  .shared-hero .legacy-classroom-hero,.free-hero-media,.insights-hero-image,.program-hero-media,.insight-article-hero-media,.inner-hero-photo,.legal-hero .inner-hero-photo,.assessment-hero .inner-hero-photo,.lesson-hero .inner-hero-photo,.resource-hero .inner-hero-photo{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0;-webkit-mask-image:none;mask-image:none}
  .shared-hero .legacy-classroom-hero::after,.free-hero-media::after,.insights-hero-image::after,.program-hero-media::after,.insight-article-hero-media::after,.inner-hero-photo::after{background:linear-gradient(90deg,#ecf4faf5 0%,#ecf4fae8 62%,#ecf4faab 100%),linear-gradient(0deg,#ecf4fa 0%,#ecf4fa00 30%)}
  .program-hero-media::after,.lesson-hero .inner-hero-photo::after,.resource-hero .inner-hero-photo::after{background:linear-gradient(90deg,#ecf4faf5 0%,#ecf4fae8 62%,#ecf4faab 100%),linear-gradient(0deg,#ecf4fa 0%,#ecf4fa 112px,#ecf4fa00 280px)}
  .free-hero-layout,.insights-hero-layout{min-height:0;padding:64px 0 76px}
  .free-hero-copy,.insights-hero-copy{width:100%}
  .free-hero-media img,.insights-hero-image img{height:100%}
  .program-hero-grid{display:block;min-height:0}
  .program-hero-copy{width:100%}
  .program-hero-media{z-index:0;inset:100px 0 0;height:calc(100% - 100px)}
  .program-hero-copy{z-index:1}
  .insight-article-heading{width:100%}
}
@media(max-width:560px){
  .shared-hero .legacy-hero-copy{padding:55px 0 64px}
  .free-hero-layout,.insights-hero-layout{padding:56px 0 68px}
  .free-hero-media,.insights-hero-image{height:100%}
  .free-hero h1,.insights-hero h1{font-size:clamp(38px,10vw,53px)}
  .free-hero h2{font-size:24px}
  .insight-article-hero{min-height:0}
}
/* Readable secondary navigation on program and learning-resource pages. */
.resource-breadcrumb{font-size:12px}
.resource-hero-rail{position:relative;z-index:2;width:100%;font-size:11px}
.resource-jumpbar span{font-size:11px}
.resource-jumpbar a{font-size:13px}
.program-rail{font-size:12px}
.program-jumpbar span{font-size:11px}
.program-jumpbar a{font-size:13px}
@media(max-width:650px){
  .resource-hero-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:104px;padding:17px 14px;gap:10px 12px;text-align:center;letter-spacing:.07em}
  .resource-hero-rail span{font-size:13px;line-height:1.25;white-space:normal}
  .resource-hero-rail i{display:none}
  .resource-jumpbar a{font-size:12px}
  .program-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:96px;padding:15px 14px;gap:8px 12px;overflow:visible;text-align:center;white-space:normal}
  .program-rail span{font-size:13px;line-height:1.25;white-space:normal}
  .program-rail i{display:none}
  .program-jumpbar a{font-size:12px}
}