/* Moroto University focus areas: image crossfade and floating card */
.mu-focus-scene { --mu-green:#005c32; --mu-dark:#073f2a; --mu-gold:#fef201; position:relative; isolation:isolate; width:100%; height:500px; min-height:500px; font-family:'Poppins',sans-serif; }
.mu-focus-scene *, .mu-focus-scene *::before, .mu-focus-scene *::after { box-sizing:border-box; }
.mu-focus-scene__visual { position:absolute; inset:0; width:100%; height:100%; overflow:hidden; background:#e7eee8; }
.mu-focus-scene__image { position:absolute !important; top:0 !important; right:0 !important; bottom:0 !important; left:0 !important; display:block; width:100% !important; height:100% !important; max-width:none !important; max-height:none !important; object-fit:cover !important; object-position:center center !important; opacity:0; transform:scale(1.045); transition:opacity .55s ease, transform 1.15s cubic-bezier(.2,.7,.2,1); filter:none; }
.mu-focus-scene__image.is-visible { opacity:1; transform:scale(1); }
.mu-focus-scene__image[hidden] { display:none !important; }
.mu-focus-scene__placeholder { position:absolute; inset:0; display:grid; place-items:center; padding:25px; color:#52715f; font-size:13px; text-align:center; }
.mu-focus-areas { position:absolute; z-index:2; right:-22px; bottom:28px; width:min(440px,88%); padding:19px 20px; background:rgba(255,255,255,.97); border:1px solid rgba(0,92,50,.09); border-top:3px solid var(--mu-gold); border-radius:13px; box-shadow:0 18px 48px rgba(3,38,23,.17); }
.mu-focus-areas__item { appearance:none; display:flex; align-items:center; gap:13px; width:100%; border:0; border-radius:9px; padding:8px; background:transparent; text-align:left; font:inherit; cursor:pointer; transition:background-color .25s ease; }
.mu-focus-areas__item + .mu-focus-areas__item { margin-top:6px; }
.mu-focus-areas__item:hover, .mu-focus-areas__item:focus-visible, .mu-focus-areas__item.is-selected { background:#f0f8f2; }
.mu-focus-areas__item:focus-visible { outline:2px solid var(--mu-green); outline-offset:2px; }
.mu-focus-areas__icon { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:10px; color:var(--mu-green); background:#eaf5ed; transition:background .25s ease,transform .3s ease; }
.mu-focus-areas__item:hover .mu-focus-areas__icon, .mu-focus-areas__item:focus-visible .mu-focus-areas__icon { transform:scale(1.07); background:#dceee2; }
.mu-focus-areas__icon svg { width:22px; height:22px; }
.mu-focus-areas__copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.mu-focus-areas__title { color:var(--mu-dark); font:600 13px/1.45 'Poppins',sans-serif; }
.mu-focus-areas__description { color:#5d6b65; font:400 11px/1.6 'Poppins',sans-serif; }
@media (max-width:767px) { .mu-focus-scene { height:540px; min-height:540px; } .mu-focus-areas { right:12px; left:12px; bottom:12px; width:auto; padding:13px; } .mu-focus-areas__item { padding:6px; } }
@media (prefers-reduced-motion:reduce) { .mu-focus-scene__image, .mu-focus-areas__item, .mu-focus-areas__icon { transition:none !important; } }