.mr-theme .home-showcase { --showcase-gold:#d8b774; position:relative; overflow:hidden; border:1px solid #dfe6f1; border-radius:26px; background:#f7f9fd; margin-bottom:32px; box-shadow:0 18px 50px #253a6410; }
.home-showcase .carousel-item { height:auto; min-height:0; border-radius:0; }
.showcase-slide { display:grid; grid-template-columns:1fr 1.05fr; min-height:390px; background:linear-gradient(120deg,#f4f7fd,#fff); }
.showcase-copy { padding:42px 42px 38px 24px; position:relative; z-index:2; }
.showcase-eyebrow { display:inline-flex; align-items:center; gap:10px; color:#7c8ca8; font-size:11px; letter-spacing:.2px; }
.showcase-eyebrow::before { content:''; width:22px; height:2px; background:var(--showcase-gold); }
.mr-theme .showcase-copy h2 { color:#2c4269; font-size:clamp(25px,3vw,39px); font-weight:800; line-height:1.8; margin:18px 0 12px; }
.showcase-copy h2 em { color:#7e96bf; font-style:normal; }
.showcase-copy p {
    font-size: 13px;
    line-height: 2.2;
    color: #3b4656;
    max-width: 420px;
    margin-bottom: 24px;
}
.showcase-cta { display:inline-flex; align-items:center; gap:24px; color:#fff!important; background:#334e83; border:1px solid #334e83; border-radius:12px; padding:13px 20px; font-size:12px; box-shadow:0 6px 14px #334e8315; }
.showcase-cta:hover { background:#263d6b; }
.showcase-note { display:block; color:#8a9bb4; font-size:10px; margin-top:18px; }
.showcase-note i { margin-inline-end:5px; }
.showcase-art { position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; justify-content:center; padding:36px 0; }
.showcase-art::after { content:''; position:absolute; width:140px; height:140px; border-radius:50%; left:-65px; top:-65px; border:24px solid #dfc79033; z-index:-1; }
.showcase-orbit { position:absolute; width:330px; height:330px; border:1px solid #dce4f1; border-radius:50%; background:radial-gradient(circle,#e6edf955,transparent 68%); z-index:-1; }
.showcase-orbit::before { content:''; position:absolute; inset:25px; border:1px dashed #d8e1ef; border-radius:50%; }
.showcase-art img { width:100%; height:285px; object-fit:cover; object-position:right center; border-radius:20px 0 0 20px; box-shadow:0 12px 30px #21324e09; }
.showcase-label { position:absolute; bottom:40px; left:28px; display:flex; align-items:center; gap:10px; background:#ffffffed; border:1px solid #e4eaf4; border-radius:12px; box-shadow:0 8px 24px #2e476511; padding:13px 17px; color:#5b7194; font-size:11px; }
.showcase-label i { color:#af9157; font-size:17px; }
.showcase-slide--courses { background:linear-gradient(120deg,#faf6ee,#fff); }
.showcase-slide--courses .showcase-copy h2 em { color:#af8a4e; }
.showcase-slide--university { background:linear-gradient(120deg,#edf5f2,#fff); }
.showcase-slide--university .showcase-copy h2 em { color:#639c8c; }
.showcase-slide--university .showcase-art img { height:340px; object-fit:contain; object-position:center bottom; box-shadow:none; border-radius:0; padding:10px 18px 0; }
.showcase-controls { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:15px 30px; background:#fff; border-top:1px solid #e8edf5; }
.showcase-tabs { display:flex; gap:8px; }
.showcase-tabs button { position:relative; background:transparent; color:#8b9ab0; border:0; border-radius:9px; font-size:12px; padding:10px 16px; transition:background .2s,color .2s; }
.showcase-tabs button span { font-size:10px; margin-inline-end:8px; color:#a7b2c4; }
.showcase-tabs button.active { background:#eef2fc; color:#425d96; font-weight:700; }
.showcase-arrows { display:flex; gap:7px; }
.showcase-arrows button { display:grid; place-items:center; border:1px solid #e4eaf4; border-radius:10px; width:38px; height:38px; background:#fafbfd; color:#6f83a5; }
.showcase-arrows button:hover { background:#edf2fc; }
.home-showcase button:focus-visible,.home-showcase a:focus-visible { outline:3px solid #839dcc; outline-offset:3px; }
@media(min-width:768px) { .home-showcase .carousel-item.active .showcase-copy { animation:showcase-appear .6s ease both; } }
@keyframes showcase-appear { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:991px) { .showcase-copy { padding:30px 26px; } .showcase-copy p { font-size:12px; } .showcase-art img { height:250px; } .showcase-label { left:15px; font-size:10px; } }
@media(max-width:767px) {
 .mr-theme .home-showcase { border-radius:19px; }
 .showcase-slide { grid-template-columns:1fr; min-height:0; }
 .showcase-copy { padding:26px 24px 18px; }
 .mr-theme .showcase-copy h2 { font-size:27px; margin:12px 0; }
 .showcase-copy p { min-height:53px; margin-bottom:16px; }
 .showcase-note { display:none; }
 .showcase-art { height:190px; padding:0 20px 20px; }
 .showcase-art img { height:165px; border-radius:13px; }
 .showcase-slide--university .showcase-art img { height:190px; }
 .showcase-label { bottom:22px; left:32px; padding:8px 12px; }
 .showcase-orbit { width:200px; height:200px; }
 .showcase-controls { padding:12px; flex-wrap:wrap; justify-content:center; gap:10px; }
 .showcase-tabs { flex:1 1 100%; justify-content:center; }
 .showcase-tabs button { flex:1; padding:10px 7px; font-size:11px; }
 .showcase-tabs button span { margin-inline-end:4px; }
}
@media(prefers-reduced-motion:reduce) { .home-showcase *, .home-showcase .carousel-item { animation:none!important; transition:none!important; } }
.showcase-slide--learning { background:linear-gradient(120deg,#edf3fc,#fff); }
.showcase-learning-art { width:86%; position:relative; padding:30px 8px; }
.learning-screen { position:relative; height:250px; border:8px solid #fff; border-radius:20px; background:linear-gradient(135deg,#273d68,#617dae); box-shadow:0 24px 45px #20365c28; overflow:hidden; transform:rotate(-4deg); }
.learning-screen__bar { display:flex; gap:5px; padding:10px; background:#ffffff15; direction:ltr; }
.learning-screen__bar i { width:5px; height:5px; border-radius:50%; background:#b6c9e6; }
.learning-dna { position:absolute; top:55px; right:35px; font-size:125px; color:#c5daf058; }
.learning-play { display:grid; place-items:center; width:65px; height:65px; border:1px solid #ffffff70; border-radius:50%; background:#ffffff24; color:#fff; position:absolute; top:88px; left:45px; font-size:22px; }
.learning-timeline { position:absolute; left:20px; right:20px; bottom:22px; height:4px; background:linear-gradient(to right,#d6bb7d 40%,#ffffff30 40%); border-radius:4px; }
.learning-chip { position:absolute; right:0; top:10px; padding:12px 18px; border-radius:12px; background:#fff; color:#6c82a7; box-shadow:0 10px 30px #20365c14; font-size:12px; }
@media(max-width:767px) { .showcase-learning-art { padding:5px 10px; max-width:330px; } .learning-screen { height:155px; } .learning-dna { top:38px; font-size:75px; } .learning-play { top:45px; width:46px; height:46px; font-size:15px; } .learning-chip { top:0; font-size:10px; padding:8px 12px; } }
/* Quiet, in-slide navigation and a softer crossfade. */
.home-showcase.carousel-fade .carousel-item { transition:opacity 1.2s cubic-bezier(.22,.61,.36,1); }
.home-showcase.carousel-fade .active.carousel-item-start,
.home-showcase.carousel-fade .active.carousel-item-end { transition:opacity 0s 1.2s; }
.home-showcase .carousel-item.active .showcase-copy { animation:none; }
.showcase-mini-nav { position:absolute; bottom:12px; right:24px; z-index:5; display:flex; gap:5px; direction:rtl; }
.showcase-mini-nav button { display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid #dce4ef; border-radius:50%; background:#ffffffc9; color:#7185a7; font-size:18px; transition:background .2s,color .2s; }
.showcase-mini-nav button:hover { background:#fff; color:#324e83; }
.home-showcase .showcase-copy { padding-bottom:64px; }
@media(max-width:767px) { .home-showcase .showcase-copy { padding-bottom:18px; } .home-showcase .showcase-art { margin-bottom:44px; } .showcase-mini-nav { right:20px; bottom:10px; } }
/* Match the photographic slides to the illustrated course frame. */
.home-showcase .showcase-art > img {
    width:88%;
    flex-shrink:0;
    border:2px solid #fff;
    border-radius:22px;
    transform:rotate(-1deg);
    box-shadow:0 18px 32px #20365c20;
}
@media(max-width:767px) {
    .home-showcase .showcase-art > img {
        width:92%;
        height:150px;
        border-width:2px;
        border-radius:16px;
        transform:rotate(-1deg);
    }
}
/* A soft editorial palette with abstract ink rings and a dotted texture. */
.home-showcase .showcase-slide { position:relative; isolation:isolate; overflow:hidden; }
.home-showcase .showcase-slide--books { background:radial-gradient(ellipse at 12% 28%,#b8cfec70,transparent 52%),radial-gradient(ellipse at 70% 105%,#e8d4b150,transparent 50%),linear-gradient(120deg,#edf3fc,#fffcf7); }
.home-showcase .showcase-slide--courses { background:radial-gradient(ellipse at 18% 72%,#e5bf9270,transparent 48%),radial-gradient(ellipse at 82% 0%,#d6cae350,transparent 52%),linear-gradient(120deg,#fcf1e5,#fffdf9); }
.home-showcase .showcase-slide--learning { background:radial-gradient(ellipse at 18% 30%,#accfcf70,transparent 50%),radial-gradient(ellipse at 80% 110%,#c2c4e650,transparent 55%),linear-gradient(120deg,#edf6f5,#f9faff); }
.home-showcase .showcase-slide::before { content:''; position:absolute; left:3%; top:8%; width:210px; height:125px; background-image:radial-gradient(#7892b34d 1px,transparent 1.5px); background-size:13px 13px; transform:rotate(-12deg); pointer-events:none; z-index:-1; mask-image:linear-gradient(90deg,#000,transparent); }
.home-showcase .showcase-slide::after { content:''; position:absolute; left:23%; bottom:-150px; width:380px; height:250px; border:1px solid #ad8e5340; border-radius:50%; box-shadow:0 0 0 18px #c4aa7710,0 0 0 38px #c4aa770b; transform:rotate(-24deg); pointer-events:none; z-index:-1; }
.home-showcase .showcase-orbit { border-color:#a2b8d85c; background:radial-gradient(circle,#ffffff60,#b7cce822 65%,transparent 70%); box-shadow:0 0 0 22px #ffffff30; }
.home-showcase .showcase-orbit::before { border-color:#ad95684d; transform:rotate(15deg); }
.home-showcase .showcase-art::after { border-color:#c4a56b30; }
.home-showcase .showcase-eyebrow::before { width:28px; height:3px; border-radius:50%; background:linear-gradient(90deg,#bd9652,#ead4ac); }
@media(max-width:767px) { .home-showcase .showcase-slide::before { width:140px; height:90px; top:55%; } .home-showcase .showcase-slide::after { left:-80px; opacity:.6; } }