/* =====================================================================
   MGC-COMBINED.CSS — auto-generated bundle
   Concatenation of the 14 stylesheets below, in their original,
   documented cascade order. Replaces 14 separate <link> requests
   with 1. Behaviour is unchanged: same rules, same order, same
   !important overrides — only the number of HTTP requests changes.

   Source order:
     - mgc-style.css
     - mgc-polish.css
     - mgc-polish-pro.css
     - mgc-polish-pro-max.css
     - mgc-activities-club-submenu.css
     - mgc-elegant.css
     - mgc-noticeboard-colors.css
     - mgc-brighter.css
     - mgc-header-emblem-teal.css
     - mgc-nav-dark-glow.css
     - mgc-logo-emblem-boost.css
     - mgc-compact-sections.css
     - mgc-welcome-strip-light.css
     - mgc-intro-cards-brighten.css
   ===================================================================== */

/* ============================== mgc-style.css ============================== */
:root{--mgc-indigo:#172549;--mgc-indigo-deep:#0d162e;--mgc-indigo-light:#2b3d6e;--mgc-gold:#d6a13c;--mgc-gold-soft:#eecb85;--mgc-gold-deep:#a97c22;--mgc-teal:#145a52;--mgc-teal-light:#1f7c70;--mgc-ivory:#faf6ec;--mgc-paper:#ffffff;--mgc-ink:#201f2b;--mgc-ink-soft:#5c5c6b;--mgc-border:#e8dfc7;--mgc-maroon:#7a1f2b;--mgc-maroon-deep:#4f1420;--mgc-maroon-light:#9c2c3b;--mgc-terracotta:#c1592c;--mgc-terracotta-deep:#7d3416;--mgc-terracotta-light:#e0864f;--mgc-saffron:#f3a63c;--mgc-saffron-light:#fdf1da;--mgc-saffron-pale:#fbe6bf;--mgc-navy:#143a6b;--mgc-navy-deep:#0c2340;--mgc-red:#d3242c;--mgc-purple:#5b3fa0;--mgc-purple-deep:#442d80;--mgc-bottle-deep:#063a2b;--mgc-bottle:#0b6e4f;--mgc-bottle-bright:#17c97f;--mgc-bottle-teal:#1f7c70;--font-display:'Fraunces','Georgia',serif;--font-body:'Work Sans','Segoe UI',sans-serif;--font-bn:'Noto Serif Bengali',serif;--gap-xs:8px;--gap-sm:16px;--gap-md:32px;--gap-lg:64px;--gap-xl:96px;--radius:4px;--shadow-card:0 12px 30px -14px rgba(13, 22, 46, .28);--shadow-card-hover:0 20px 40px -14px rgba(13, 22, 46, .38)}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--mgc-ink);background:var(--mgc-ivory);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none;transition:color .2s,opacity .2s}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--mgc-indigo-deep);margin:0 0 .5em;font-weight:600;letter-spacing:.2px}p{margin:0 0 1em}.container{max-width:1200px;margin:0 auto;padding:0 24px}.mgc-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:3px solid var(--mgc-gold);outline-offset:2px}.mgc-arch-divider{height:14px;width:100%;background-image:radial-gradient(circle at 10px 0,transparent 9px,var(--mgc-gold) 9.5px,var(--mgc-gold) 10px,transparent 10.5px);background-size:20px 20px;background-position:center top;background-repeat:repeat-x;opacity:.9}.mgc-arch-divider.on-dark{background-image:radial-gradient(circle at 10px 0,transparent 9px,var(--mgc-gold-soft) 9.5px,var(--mgc-gold-soft) 10px,transparent 10.5px)}.mgc-alpana-strip{position:relative;height:18px;opacity:1;background-image:radial-gradient(circle at 12px 5px,transparent 5.5px,var(--mgc-gold-soft) 6px,var(--mgc-gold-soft) 6.5px,transparent 7px),radial-gradient(circle at 24px 13px,transparent 2px,rgba(255,255,255,.75) 2.3px,transparent 2.6px),linear-gradient(90deg,transparent,rgba(238,203,133,.55) 15%,rgba(238,203,133,.55) 85%,transparent);background-size:24px 18px,24px 18px,100% 1px;background-position:center top,center top,center bottom;background-repeat:repeat-x,repeat-x,no-repeat}.mgc-alpana-strip::after{content:'';position:absolute;inset:0;pointer-events:none;overflow:hidden;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.65) 48%,transparent 66%);background-size:260% 100%;mix-blend-mode:screen;animation:7s linear infinite mgcAlpanaShimmer}@keyframes mgcAlpanaShimmer{0%{background-position:160% 0}100%{background-position:-160% 0}}@media (prefers-reduced-motion:reduce){*{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important;scroll-behavior:auto!important}.mgc-alpana-strip::after{animation:none;display:none}}.mgc-topbar{background:var(--mgc-indigo-deep);color:#cfd6e8;font-size:13px;border-bottom:1px solid rgba(214,161,60,.25)}.mgc-topbar .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:40px;gap:8px 24px}.mgc-topbar-info{display:flex;flex-wrap:wrap;gap:20px}.mgc-topbar-info li{display:flex;align-items:center;gap:7px;white-space:nowrap}.mgc-topbar-info i{color:var(--mgc-gold)}.mgc-topbar-social{display:flex;align-items:center;gap:14px}.mgc-topbar-social a{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(214,161,60,.4);color:var(--mgc-gold-soft);font-size:12px}.mgc-topbar-social a:hover{background:var(--mgc-gold);color:var(--mgc-indigo-deep);border-color:var(--mgc-gold)}.mgc-header{background:var(--mgc-paper)}.mgc-brandbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;flex-wrap:wrap}.mgc-brand{display:flex;align-items:center;gap:16px}.mgc-brand-emblem{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--mgc-gold-soft),var(--mgc-gold) 60%,var(--mgc-gold-deep));color:var(--mgc-indigo-deep);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:22px;flex:none;box-shadow:0 6px 16px -6px rgba(169,124,34,.6);padding:8px;overflow:hidden}.mgc-brand-emblem img{width:100%;height:100%;object-fit:contain;display:block}.mgc-brand-text h1{font-size:24px;margin:0;letter-spacing:.3px;color:var(--mgc-indigo-deep)}.mgc-brand-text .mgc-bn{font-family:var(--font-bn);color:var(--mgc-maroon);font-size:14px;display:block;margin-bottom:2px}.mgc-brand-text ul{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px}.mgc-brand-text ul li{font-size:12.5px;color:var(--mgc-ink-soft);position:relative;padding-left:14px}.mgc-brand-text ul li::before{content:'';position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--mgc-teal)}.mgc-cta-group{display:flex;flex-wrap:wrap;gap:10px}.mgc-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;letter-spacing:.3px;border-radius:2px;border:1.5px solid var(--mgc-indigo);text-transform:uppercase;white-space:nowrap}.mgc-btn-solid{background:var(--mgc-indigo);color:#fff}.mgc-btn-solid:hover{background:var(--mgc-indigo-deep);color:#fff}.mgc-btn-gold{background:var(--mgc-gold);border-color:var(--mgc-gold);color:var(--mgc-indigo-deep)}.mgc-btn-gold:hover{background:var(--mgc-gold-deep);border-color:var(--mgc-gold-deep);color:#fff}.mgc-btn-outline{background:0 0;color:var(--mgc-indigo)}.mgc-btn-outline:hover{background:var(--mgc-indigo);color:#fff}.mgc-nav{background:linear-gradient(90deg,#0a3f39 0,var(--mgc-teal) 30%,var(--mgc-teal-light) 55%,var(--mgc-teal) 80%,#0a3f39 100%);border-bottom:2px solid var(--mgc-gold);box-shadow:0 4px 18px -4px rgba(31,124,112,.55);position:relative;z-index:60}.mgc-nav .container{display:flex;align-items:center;justify-content:space-between;max-width:1320px}.mgc-nav-toggle{display:none;background:0 0;border:0;color:#fff;font-size:22px;padding:14px 0;cursor:pointer}.mgc-menu{display:flex;flex-wrap:wrap;width:100%}.mgc-menu>li{position:relative;flex:none}.mgc-menu>li>a{display:flex;align-items:center;gap:4px;color:#eef0f8;font-size:13.5px;font-weight:600;letter-spacing:.2px;text-transform:uppercase;padding:15px 10px;border-bottom:3px solid transparent;white-space:nowrap}.mgc-menu>li.active>a,.mgc-menu>li>a:hover{color:var(--mgc-gold-soft);border-bottom-color:var(--mgc-gold)}.mgc-menu .sub{position:absolute;top:100%;left:0;min-width:250px;background:var(--mgc-paper);box-shadow:var(--shadow-card);border-top:3px solid var(--mgc-gold);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;padding:8px 0}.mgc-menu>li:hover .sub{opacity:1;visibility:visible;transform:translateY(0)}.mgc-menu .sub li a{display:block;padding:10px 20px;color:var(--mgc-ink);font-size:13.5px;border-bottom:1px dashed var(--mgc-border);white-space:normal}.mgc-menu .sub li:last-child a{border-bottom:0}.mgc-menu .sub li a:hover{background:var(--mgc-ivory);color:var(--mgc-maroon);padding-left:26px}@media (max-width:991px){.mgc-nav-toggle{display:block}.mgc-menu{display:none;flex-direction:column;width:100%;background:var(--mgc-bottle-deep);position:absolute;top:100%;left:0;max-height:70vh;overflow-y:auto;overflow-x:hidden}.mgc-nav.open .mgc-menu{display:flex}.mgc-menu>li{width:100%;flex:none}.mgc-menu>li>a{font-size:14.5px;padding:14px 16px}.mgc-menu .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;display:none;border-top:0;background:rgba(255,255,255,.04)}.mgc-menu>li.open .sub{display:block}}.mgc-imgscroll{position:relative;overflow:hidden;background:var(--mgc-indigo-deep);padding:18px 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}.mgc-imgscroll-track{display:flex;align-items:stretch;gap:18px;width:max-content;animation:42s linear infinite mgcScrollX}.mgc-imgscroll:hover .mgc-imgscroll-track{animation-play-state:paused}.mgc-imgscroll-item{position:relative;flex:none;width:260px;height:170px;border-radius:6px;overflow:hidden;box-shadow:var(--shadow-card);border:1px solid rgba(238,203,133,.18)}.mgc-imgscroll-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.mgc-imgscroll-item:hover img{transform:scale(1.08)}.mgc-imgscroll-item::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,22,46,.78),transparent 55%)}.mgc-imgscroll-item span{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:10px 14px;color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.3px}@keyframes mgcScrollX{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:700px){.mgc-imgscroll-item{width:200px;height:135px}}@media (prefers-reduced-motion:reduce){.mgc-imgscroll-track{animation:none;overflow-x:auto}}.mgc-utilbar{background:linear-gradient(180deg,rgba(255,255,255,.22) 0,rgba(255,255,255,.04) 30%,rgba(0,0,0,0) 55%,rgba(0,0,0,.16) 100%),linear-gradient(120deg,#052a26 0,#0a4941 28%,#146059 50%,#0a4941 72%,#052a26 100%);color:#fff;display:flex;align-items:stretch;font-size:12.5px;position:relative}.mgc-utilbar-tag{flex:none;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.24);padding:8px 18px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.22);color:var(--mgc-gold-soft);text-shadow:0 1px 2px rgba(0,0,0,.4)}.mgc-live-dot{width:8px;height:8px;border-radius:50%;background:var(--mgc-maroon);display:inline-block;animation:1.6s ease-in-out infinite mgcPulse}@keyframes mgcPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.mgc-utilbar-scroll{flex:1;display:flex;align-items:center;padding:8px 0 8px 16px;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 94%,transparent 100%)}.mgc-utilbar-track{display:flex;flex-wrap:nowrap;width:max-content;white-space:nowrap;animation:26s linear infinite mgcUtilbarScroll;color:#fff;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.4)}.mgc-utilbar-scroll:hover .mgc-utilbar-track{animation-play-state:paused}.mgc-utilbar-set{padding-right:0}@keyframes mgcUtilbarScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.mgc-utilbar-track{animation:none}}.mgc-utilbar-end{flex:none;display:flex;align-items:center;padding:8px 22px;font-weight:700;font-family:var(--font-display);font-style:italic;letter-spacing:.6px;position:relative;margin:6px 10px 6px 0;border-radius:4px;background:linear-gradient(160deg,#fffaf0 0,#ffedbf 55%,#fddf9e 100%);box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.9);color:#0a3f38;text-shadow:none}@media (max-width:760px){.mgc-utilbar-end{display:none}}.mgc-updatebar{background:linear-gradient(180deg,#fff4c2 0,#ffd54f 35%,#ffb300 68%,#ff9f1c 100%);border-bottom:1px solid #d98600;position:relative;overflow:hidden;box-shadow:0 0 18px rgba(255,250,225,.75) inset,0 4px 14px -6px rgba(150,95,0,.4);animation:3.4s ease-in-out infinite mgcGoldGlow}@keyframes mgcGoldGlow{0%,100%{box-shadow:0 0 18px rgba(255,250,225,.75) inset,0 4px 14px -6px rgba(150,95,0,.4)}50%{box-shadow:0 0 34px #fffdf0 inset,0 6px 22px -6px rgba(150,95,0,.55)}}@media (prefers-reduced-motion:reduce){.mgc-updatebar{animation:none}}.mgc-updatebar-inner{display:flex;align-items:center;gap:0;width:100%;padding:0 24px 0 0;justify-content:flex-start;position:relative}.mgc-updatebar-flag{flex:none;background:linear-gradient(135deg,#ffc72c 0,#ff9f1c 100%);color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.8px;padding:10px 22px 10px 20px;display:flex;align-items:center;gap:8px;clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%);margin-right:0;margin-left:0;position:relative;z-index:3;overflow:visible;text-shadow:0 1px 3px rgba(140,80,0,.5);box-shadow:6px 0 18px -4px rgba(150,95,0,.35),inset 0 1px 0 rgba(255,255,255,.55)}.mgc-updatebar-dot{width:8px;height:8px;border-radius:50%;background:var(--mgc-red);display:inline-block;animation:1.6s ease-in-out infinite mgcPulse;box-shadow:0 0 6px rgba(211,36,44,.7)}.mgc-updatebar-flag::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.65),rgba(255,255,255,0) 72%);animation:3s ease-in-out infinite mgcFlagGlowPulse}@keyframes mgcFlagGlowPulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}}.mgc-updatebar-scrollwrap{position:relative;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}.mgc-updatebar-scrollwrap::before{content:'';position:absolute;top:0;left:0;bottom:0;width:150px;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(255,159,28,.9),rgba(255,159,28,0) 100%);filter:blur(3px)}.mgc-updatebar-items{display:flex;align-items:center;gap:34px;flex-wrap:nowrap;padding:11px 0 11px 26px;font-size:13px;width:max-content;white-space:nowrap;animation:20s linear infinite mgcUpdateScroll}.mgc-updatebar-scrollwrap:hover .mgc-updatebar-items{animation-play-state:paused}.mgc-updatebar-items a{color:var(--mgc-indigo-deep);font-weight:700}.mgc-updatebar-items a:hover{color:var(--mgc-maroon-deep);text-shadow:0 0 10px rgba(255,255,255,.7)}@keyframes mgcUpdateScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.mgc-updatebar-beam{position:absolute;top:0;left:-15%;width:26%;height:100%;z-index:2;background:linear-gradient(100deg,transparent 0,rgba(255,255,255,0) 15%,#fffffa 50%,rgba(255,255,255,0) 85%,transparent 100%);filter:blur(2px);mix-blend-mode:screen;animation:4.5s ease-in-out infinite mgcUpdateBeamSweep;pointer-events:none}@keyframes mgcUpdateBeamSweep{0%{left:-15%;opacity:0}50%,8%{opacity:1}100%,60%{left:110%;opacity:0}}@media (prefers-reduced-motion:reduce){.mgc-updatebar-items{animation:none}.mgc-updatebar-beam{display:none}.mgc-updatebar-flag::after{animation:none}}.mgc-tag-new{display:inline-block;background:var(--mgc-red);color:#fff;font-size:10px;font-weight:800;letter-spacing:.4px;padding:2px 7px;border-radius:2px;margin-right:6px;vertical-align:middle}.mgc-tag-new.sm{padding:1px 6px;font-size:9px}.mgc-updatebar-items .mgc-tag-new{background:rgba(23,37,73,.14);color:var(--mgc-indigo-deep);border:1px solid rgba(23,37,73,.35)}.mgc-header2{position:relative;background:var(--mgc-paper);overflow:hidden;box-shadow:0 6px 18px -10px rgba(13,22,46,.25)}.mgc-header2::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(250,246,236,.96),rgba(250,246,236,.88) 55%,rgba(250,246,236,.97)),url('../images/alpana.jpg');background-repeat:no-repeat,repeat;background-size:cover,280px auto;background-position:center,center;opacity:.9}.mgc-header2::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,var(--mgc-gold) 18%,var(--mgc-gold-soft) 50%,var(--mgc-gold) 82%,transparent);opacity:.9}.mgc-header2-frame{position:absolute;left:0;right:0;top:0;height:1px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(214,161,60,.55) 20%,rgba(214,161,60,.75) 50%,rgba(214,161,60,.55) 80%,transparent)}.mgc-header-beam{position:absolute;top:-70px;left:58px;width:118px;height:calc(100% + 70px);z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.92) 0,rgba(198,240,230,.45) 45%,rgba(198,240,230,0) 100%);filter:blur(16px);mix-blend-mode:screen;opacity:.7;animation:3.4s ease-in-out infinite mgcHeaderBeamPulse}@keyframes mgcHeaderBeamPulse{0%,100%{opacity:.5;transform:scaleY(1) translateY(0)}50%{opacity:.85;transform:scaleY(1.03) translateY(-4px)}}.mgc-header2 .container{padding-left:2px}.mgc-header2-grid{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0;flex-wrap:wrap}.mgc-brand2{display:flex;align-items:center;gap:12px;min-width:0}.mgc-brand2-emblem{flex:none;width:88px;height:88px;padding:0;background:0 0;box-shadow:none;position:relative}.mgc-brand2-emblem::before{content:'';position:absolute;inset:-8px;border-radius:50%;z-index:0;background:radial-gradient(circle,rgba(255,209,102,.55),rgba(255,209,102,0) 70%);filter:blur(4px)}.mgc-brand2-emblem::after{content:'';position:absolute;inset:2px;border-radius:50%;z-index:0;pointer-events:none;border:1px solid rgba(214,161,60,.45);box-shadow:0 0 0 4px rgba(214,161,60,.12),0 6px 16px -8px rgba(13,22,46,.35)}.mgc-brand2-emblem img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 4px 14px rgba(0,0,0,.25)) brightness(1.06) saturate(1.08)}.mgc-brand2-text{position:relative;border-left:2px solid rgba(214,161,60,.5);padding-left:14px}.mgc-brand2-text::before{content:'';position:absolute;left:-2px;top:1px;bottom:1px;width:2px;background:linear-gradient(180deg,var(--mgc-gold-soft),var(--mgc-gold) 45%,var(--mgc-gold-deep));opacity:.85}.mgc-brand2-text .mgc-bn{font-family:var(--font-bn);color:var(--mgc-maroon);font-size:13px;display:block;margin-bottom:1px}.mgc-brand2-text h1{font-size:21px;letter-spacing:.5px;margin:0 0 3px;line-height:1.12;font-weight:800;color:var(--mgc-navy-deep);background:linear-gradient(90deg,var(--mgc-navy-deep) 0,var(--mgc-navy) 55%,var(--mgc-indigo-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.4)}.mgc-h2-sub1{font-size:10.5px;color:var(--mgc-ink-soft);margin:0;line-height:1.25;letter-spacing:.25px;font-style:italic}.mgc-h2-sub2{font-size:10.5px;color:var(--mgc-teal);margin:1px 0 5px;line-height:1.2;letter-spacing:.4px;font-weight:600}.mgc-tagpill{display:inline-flex;align-items:center;gap:6px;background:0 0;color:var(--mgc-gold-deep);font-family:var(--font-heading, inherit);font-size:9px;font-weight:700;letter-spacing:1.3px;padding:3px 2px 3px 0;margin-bottom:4px;text-transform:uppercase;border-top:1px solid rgba(214,161,60,.45);border-bottom:1px solid rgba(214,161,60,.45)}.mgc-tagpill::before{content:'\2726';font-size:9px;color:var(--mgc-gold)}.mgc-h2-addr{font-size:10px;letter-spacing:.7px;color:var(--mgc-ink-soft);text-transform:uppercase;margin:0}.mgc-header2-right{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;align-items:flex-end;flex:none}.mgc-qbtn-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.mgc-qbtn{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--mgc-navy-deep);border:1.5px solid var(--mgc-navy);padding:7px 12px;border-radius:20px;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}.mgc-qbtn:hover{background:var(--mgc-navy);color:#fff;box-shadow:0 6px 16px -6px rgba(20,58,107,.6)}.mgc-qbtn .mgc-tag-new{animation:1.4s ease-in-out infinite mgcBadgeBlink}@keyframes mgcBadgeBlink{0%,100%,45%{opacity:1}22%{opacity:.25}}@media (prefers-reduced-motion:reduce){.mgc-header-beam{animation:none;opacity:.55}.mgc-qbtn .mgc-tag-new{animation:none}}.mgc-portalbtn{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,var(--mgc-purple-deep),var(--mgc-purple));color:#fff;padding:8px 16px;border-radius:22px;min-width:280px;justify-content:space-between;box-shadow:0 8px 18px -8px rgba(91,63,160,.6);border:1px solid rgba(255,255,255,.18)}.mgc-portalbtn:hover{opacity:.92;color:#fff}.mgc-portalbtn-icon{flex:none;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:13px}.mgc-portalbtn-text{flex:1;font-size:12.5px;font-weight:700;letter-spacing:.3px;line-height:1.2}.mgc-portalbtn-text small{display:block;font-size:9px;letter-spacing:1px;opacity:.75;font-weight:700}@media (max-width:991px){.mgc-header2 .container{padding-left:24px}.mgc-header2-grid{flex-direction:column;align-items:flex-start}.mgc-header2-right{align-items:flex-start;width:100%}.mgc-portalbtn{width:100%;min-width:0}.mgc-brand2-emblem{width:72px;height:72px}}@media (max-width:760px){.mgc-header2-grid{align-items:center;text-align:center}.mgc-brand2{flex-direction:column;align-items:center;text-align:center;gap:10px;width:100%}.mgc-brand2-emblem{margin:0 auto}.mgc-brand2-text{border-left:none;padding-left:0;width:100%;border-top:2px solid rgba(214,161,60,.5);padding-top:12px}.mgc-brand2-text::before{left:0;right:0;top:-2px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--mgc-gold-soft),var(--mgc-gold) 45%,var(--mgc-gold-deep))}.mgc-h2-addr,.mgc-h2-sub1,.mgc-h2-sub2{text-align:center}.mgc-tagpill{margin-left:auto;margin-right:auto}.mgc-header2-right{align-items:center;width:100%}.mgc-qbtn-row{justify-content:center;width:100%}.mgc-portalbtn{max-width:380px;margin:0 auto;width:100%}.mgc-header-beam{left:0;right:0;width:90px;margin:0 auto}}@media (max-width:560px){.mgc-brand2-emblem{width:64px;height:64px}}.mgc-menu-highlight>a{background:var(--mgc-gold)!important;color:var(--mgc-maroon-deep)!important;border-radius:3px;margin:9px 4px;padding:6px 12px!important;font-weight:700!important}.mgc-menu-highlight>a:hover{background:var(--mgc-gold-deep)!important;color:#fff!important}.mgc-slider{position:relative;height:460px;overflow:hidden;background:var(--mgc-navy-deep);display:flex;align-items:stretch;gap:16px;padding:0 20px}.mgc-slider-media{position:relative;flex:2 1 0;min-width:0;height:100%;overflow:hidden;border-radius:10px}.mgc-slider-track{position:relative;width:100%;height:100%}.mgc-slide{position:absolute;inset:0;overflow:hidden;opacity:0;display:flex;align-items:center;filter:brightness(1.15) saturate(1.08);transition:opacity 1s,transform 1s,filter 1s}.mgc-slide.is-active{opacity:1;z-index:2}.mgc-slide-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;transform:scale(1);will-change:transform}.mgc-slide.is-active .mgc-slide-bg{animation:7s ease-out forwards mgcSlideZoom}@keyframes mgcSlideZoom{0%{transform:scale(1)}100%{transform:scale(1.14)}}.mgc-slide.trans-fade{transform:none;filter:brightness(1.15) saturate(1.08)}.mgc-slide.trans-fade.is-active{transition:opacity 1.1s}.mgc-slide.trans-collapse{transform:scaleY(.06);filter:blur(3px) brightness(1.15) saturate(1.08)}.mgc-slide.trans-collapse.is-active{transform:scaleY(1);filter:blur(0) brightness(1.15) saturate(1.08);transition:transform 1.15s cubic-bezier(.4,0,.2,1),opacity .7s,filter 1s}.mgc-slide.trans-roll{transform:translateY(-16%) rotate(-4deg)}.mgc-slide.trans-roll.is-active{transform:translateY(0) rotate(0);transition:transform 1.25s cubic-bezier(.22,1,.36,1),opacity .85s}.mgc-slide-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,35,64,.42) 0,rgba(12,35,64,.18) 34%,rgba(12,35,64,.03) 58%),linear-gradient(180deg,rgba(6,14,30,.22) 0,rgba(6,14,30,0) 22%,rgba(6,14,30,0) 72%,rgba(6,14,30,.32) 100%)}.mgc-slide-content{position:relative;z-index:2;max-width:760px;background:0 0;border:none;border-radius:20px;padding:34px 40px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:0;transform:scale(.78) translateY(22px);overflow:hidden}.mgc-slide-content::before{display:none}.mgc-slide.is-active .mgc-slide-content{animation:1s cubic-bezier(.22,1,.36,1) forwards mgcGlassGrow;animation-delay:.45s}.mgc-slide.is-active .mgc-slide-content::before{animation:1.3s .85s forwards mgcSheenSweep}@keyframes mgcGlassGrow{0%{opacity:0;transform:scale(.78) translateY(22px)}60%{opacity:1;transform:scale(1.035) translateY(-3px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes mgcSheenSweep{0%{transform:rotate(12deg) translateX(-160%)}100%{transform:rotate(12deg) translateX(260%)}}.mgc-slide-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mgc-gold-soft);border:1px solid rgba(238,203,133,.5);padding:6px 14px;border-radius:20px;margin-bottom:18px;background:0 0;text-shadow:0 2px 6px rgba(0,0,0,.5)}.mgc-slide-title{font-size:46px;line-height:1.15;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;text-shadow:0 2px 10px rgba(0,0,0,.65),0 6px 28px rgba(0,0,0,.55)}.mgc-slide-title em{color:var(--mgc-gold-soft);font-style:normal}.mgc-slide-tag{font-size:16px;color:#f4f6fc;max-width:520px;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.6)}.mgc-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;backdrop-filter:blur(6px) saturate(160%);-webkit-backdrop-filter:blur(6px) saturate(160%);box-shadow:0 10px 26px -10px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.3);transition:background .25s,border-color .25s,color .25s,transform .25s}.mgc-slider-arrow:hover{background:var(--mgc-gold);color:var(--mgc-navy-deep);border-color:var(--mgc-gold);transform:translateY(-50%) scale(1.08)}.mgc-slider-arrow.prev{left:24px}.mgc-slider-arrow.next{right:24px}.mgc-slider-dots{position:absolute;left:0;right:0;bottom:22px;z-index:6;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;max-width:80%;margin:0 auto;padding:8px 14px;border-radius:20px;background:rgba(12,22,46,.28);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}.mgc-slider-dots button{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.65);background:0 0;padding:0;cursor:pointer;transition:.3s}.mgc-slider-dots button.is-active{background:var(--mgc-gold);border-color:var(--mgc-gold);width:22px;border-radius:6px}.mgc-slider-progress{position:absolute;left:0;right:0;top:0;height:3px;z-index:6;background:rgba(255,255,255,.14)}.mgc-slider-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--mgc-gold-soft),var(--mgc-gold));box-shadow:0 0 10px rgba(214,161,60,.65)}.mgc-slider-counter{position:absolute;top:20px;right:24px;z-index:6;display:flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-size:13px;letter-spacing:1px;color:#fff;padding:7px 14px;border-radius:20px;background:rgba(12,22,46,.3);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);box-shadow:0 10px 22px -10px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.25)}.mgc-slider-counter #mgcSliderCounterNum{color:var(--mgc-gold-soft);font-weight:600}.mgc-slider-notices{position:relative;flex:1 1 0;min-width:0;height:100%;z-index:5;background:linear-gradient(160deg,#fff8e6 0,#ffedc2 45%,#ffdd9a 100%);border:1px solid #f2cf8f;box-shadow:0 8px 26px rgba(154,110,20,.28);border-radius:10px;padding:18px 18px 16px;display:flex;flex-direction:column}.mgc-notice-head{display:flex;align-items:center;gap:8px;color:var(--mgc-indigo-deep);font-weight:800;font-size:13px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px}.mgc-notice-head i{color:var(--mgc-maroon);font-size:13px}.mgc-notice-tabs{display:flex;gap:6px;margin-bottom:12px;border-bottom:1px solid rgba(13,22,46,.14)}.mgc-notice-tab{flex:1;background:0 0;border:none;cursor:pointer;padding:0 0 9px;position:relative;font-size:10.6px;font-weight:800;letter-spacing:.25px;text-transform:uppercase;color:rgba(13,22,46,.5);text-align:center;line-height:1.25;transition:color .2s}.mgc-notice-tab::after{content:'';position:absolute;left:10%;right:10%;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--mgc-maroon);opacity:0;transform:scaleX(.4);transition:opacity .2s,transform .2s}.mgc-notice-tab.is-active,.mgc-notice-tab:hover{color:var(--mgc-indigo-deep)}.mgc-notice-tab.is-active::after{opacity:1;transform:scaleX(1)}.mgc-notice-panel{display:none;flex:1;min-height:0;flex-direction:column}.mgc-notice-panel.is-active{display:flex}.mgc-slider-notices .mgc-notice-item{background:rgba(255,255,255,.5);border-color:rgba(13,22,46,.1);box-shadow:0 2px 6px rgba(154,110,20,.08)}.mgc-slider-notices .mgc-notice-item:hover{background:#fff;box-shadow:0 4px 12px rgba(154,110,20,.18)}.mgc-slider-notices .mgc-notice-date{background:linear-gradient(160deg,rgba(13,22,46,.12),rgba(13,22,46,.05));border-color:rgba(13,22,46,.25);color:var(--mgc-indigo-deep)}.mgc-slider-notices .mgc-notice-date strong{color:var(--mgc-indigo-deep)}.mgc-slider-notices .mgc-notice-item a{color:var(--mgc-indigo-deep);font-weight:600}.mgc-slider-notices .mgc-notice-item a:hover{color:var(--mgc-maroon)}.mgc-slider-notices .mgc-hero-card-foot{margin-top:10px;text-align:right}.mgc-slider-notices .mgc-hero-card-foot a{font-size:12px;color:var(--mgc-indigo-deep);text-transform:uppercase;letter-spacing:.4px;font-weight:700}.mgc-slider-notices-scrollwrap{position:relative;flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.mgc-slider-notices-track{animation:14s linear 1s infinite both mgcNoticesScroll}.mgc-slider-notices-scrollwrap:hover .mgc-slider-notices-track{animation-play-state:paused}@keyframes mgcNoticesScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}@media (max-width:991px){.mgc-slider{flex-direction:column;height:auto;gap:0}.mgc-slider-media{flex:none;height:460px}.mgc-slider-notices{flex:none;height:340px;border-radius:0}}@media (max-width:760px){.mgc-slider-media{height:380px}.mgc-slider-notices{height:320px}.mgc-slide-title{font-size:30px}.mgc-slide-tag{font-size:14px}.mgc-slider-arrow{width:38px;height:38px}.mgc-slide-content{padding:22px 24px;border-radius:14px}.mgc-slider-counter{font-size:11px;padding:5px 11px;top:14px;right:16px}.mgc-slider-dots{bottom:16px;max-width:90%}}@media (max-width:480px){.mgc-updatebar-flag{padding:9px 16px 9px 14px;font-size:11px;letter-spacing:.5px}.mgc-slider-counter{display:none}}@media (prefers-reduced-motion:reduce){.mgc-slider-notices-track{animation:none}.mgc-slide{transition:none;transform:none!important;filter:none!important;animation:none!important}.mgc-slide-bg{transform:none!important;animation:none!important}.mgc-slide-content{animation:none!important;opacity:1;transform:none}.mgc-slide-content::before{animation:none!important;display:none}}.mgc-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(1100px 500px at 85% -10%,rgba(214,161,60,.25),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(20,90,82,.45),transparent 60%),linear-gradient(135deg,var(--mgc-indigo-deep),var(--mgc-indigo) 60%,#1b2c53);padding:88px 0 96px}.mgc-hero::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;opacity:.35}.mgc-hero .container{position:relative;z-index:2}.mgc-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}.mgc-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--mgc-gold-soft);border:1px solid rgba(238,203,133,.4);padding:6px 14px;border-radius:20px;margin-bottom:20px}.mgc-hero h2{color:#fff;font-size:44px;line-height:1.18;margin-bottom:18px;max-width:640px}.mgc-hero h2 em{color:var(--mgc-gold-soft);font-style:normal}.mgc-hero p.lede{color:#c9d0e6;font-size:16.5px;max-width:560px;margin-bottom:28px}.mgc-hero-motto{font-family:var(--font-bn);color:var(--mgc-gold-soft);font-size:15px;margin-bottom:8px}.mgc-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}.mgc-hero-stats{display:flex;gap:0;margin-top:44px;flex-wrap:wrap}.mgc-hero-stats div{padding-right:34px;margin-right:34px;border-right:1px solid rgba(255,255,255,.18)}.mgc-hero-stats div:last-child{border-right:0}.mgc-hero-stats strong{display:block;font-family:var(--font-display);font-size:30px;color:var(--mgc-gold-soft)}.mgc-hero-stats span{font-size:12px;color:#b7bfd9;text-transform:uppercase;letter-spacing:.5px}.mgc-hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);border-radius:6px;padding:26px;position:relative}.mgc-hero-card h3{color:#fff;font-size:19px;margin-bottom:14px}.mgc-notice-item{display:flex;align-items:flex-start;gap:12px;padding:10px;margin-bottom:8px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:transform .18s,background .18s}.mgc-notice-item:last-child{margin-bottom:0}.mgc-notice-item:hover{transform:translateX(3px);background:rgba(255,255,255,.12)}.mgc-notice-date{flex:none;width:46px;text-align:center;border-radius:8px;padding:6px 0 5px;background:linear-gradient(160deg,rgba(214,161,60,.32),rgba(214,161,60,.14));border:1px solid rgba(214,161,60,.45);color:var(--mgc-gold-soft);font-size:10.5px;line-height:1.15;text-transform:uppercase;letter-spacing:.3px}.mgc-notice-date strong{display:block;font-size:17px;color:#fff;font-family:var(--font-display);line-height:1.1}.mgc-notice-item a{color:#e7ebfa;font-size:13.4px;line-height:1.42;align-self:center}.mgc-notice-item a:hover{color:var(--mgc-gold-soft)}.mgc-hero-card-foot{margin-top:14px;text-align:right}.mgc-hero-card-foot a{font-size:12.5px;color:var(--mgc-gold-soft);text-transform:uppercase;letter-spacing:.4px}@media (max-width:900px){.mgc-hero-grid{grid-template-columns:1fr}.mgc-hero h2{font-size:32px}}.mgc-section{padding:var(--gap-xl) 0}.mgc-section.tight{padding:var(--gap-lg) 0}.mgc-section.on-ivory{background:var(--mgc-ivory)}.mgc-section.on-paper{background:var(--mgc-paper)}.mgc-section.on-indigo{background:linear-gradient(160deg,var(--mgc-indigo-deep),var(--mgc-indigo));color:#e7ebfa}.mgc-section.on-indigo h2,.mgc-section.on-indigo h3{color:#fff}.mgc-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--mgc-teal);margin-bottom:10px}.mgc-eyebrow::before{content:'';width:26px;height:2px;background:var(--mgc-gold);display:inline-block}.on-indigo .mgc-eyebrow{color:var(--mgc-gold-soft)}.mgc-section-head{max-width:680px;margin-bottom:44px}.mgc-section-head h2{font-size:32px}.mgc-section-head p{color:var(--mgc-ink-soft);font-size:15.5px}.on-indigo .mgc-section-head p{color:#b7bfd9}.mgc-section-head.center{margin-left:auto;margin-right:auto;text-align:center}.mgc-statstrip{background:var(--mgc-gold);padding:0}.mgc-statstrip .container{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.mgc-statstrip div{padding:28px 12px;border-right:1px solid rgba(23,37,73,.15)}.mgc-statstrip div:last-child{border-right:0}.mgc-statstrip strong{display:block;font-family:var(--font-display);font-size:30px;color:var(--mgc-indigo-deep)}.mgc-statstrip span{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#3a2c0c}@media (max-width:700px){.mgc-statstrip .container{grid-template-columns:repeat(2,1fr)}.mgc-statstrip div{border-bottom:1px solid rgba(23,37,73,.15)}}.mgc-intro-cards{padding-top:27px;padding-bottom:27px;position:relative}.mgc-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}.mgc-intro-card{background:radial-gradient(circle at 16px 16px,transparent 6.4px,rgba(193,89,44,.09) 6.8px,rgba(193,89,44,.09) 7.1px,transparent 7.5px),radial-gradient(circle at 32px 32px,transparent 6.4px,rgba(193,89,44,.09) 6.8px,rgba(193,89,44,.09) 7.1px,transparent 7.5px),linear-gradient(165deg,var(--mgc-saffron-light) 0,#fffaf0 45%,var(--mgc-saffron-pale) 100%);background-size:32px 32px,32px 32px,100% 100%;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 16px 34px -16px rgba(125,52,22,.32),0 4px 12px rgba(13,22,46,.1);border:1px solid rgba(193,89,44,.22);transition:transform .35s,box-shadow .35s;display:flex;flex-direction:column}.mgc-intro-card::before{content:'';position:absolute;inset:8px;z-index:5;pointer-events:none;border:1px solid rgba(214,161,60,.45);border-radius:10px;box-shadow:inset 0 0 0 1px rgba(193,89,44,.12)}.mgc-intro-card::after{content:'';position:absolute;top:0;left:0;right:0;height:5px;z-index:4;background:linear-gradient(90deg,var(--mgc-maroon) 0,var(--mgc-gold) 22%,var(--mgc-gold-soft) 50%,var(--mgc-gold) 78%,var(--mgc-maroon) 100%)}.mgc-intro-card:hover{transform:translateY(-10px);box-shadow:0 30px 56px -18px rgba(125,52,22,.4),0 8px 20px -4px rgba(214,161,60,.4)}.mgc-intro-card-media{position:relative;aspect-ratio:16/8.2;overflow:hidden;background:var(--mgc-indigo)}.mgc-intro-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.mgc-intro-card:hover .mgc-intro-card-media img{transform:scale(1.08)}.mgc-intro-card-media::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,22,46,.66) 0,rgba(13,22,46,.08) 55%,transparent 75%)}.mgc-intro-card-badge{position:absolute;top:16px;left:16px;z-index:3;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ffe9a8,var(--mgc-gold) 55%,var(--mgc-gold-deep));color:var(--mgc-indigo-deep);font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:7px 14px;border-radius:20px;box-shadow:0 8px 18px -4px rgba(13,22,46,.5),inset 0 0 0 1px rgba(255,255,255,.5)}.mgc-wisdom-ribbon{position:absolute;top:24px;right:-48px;z-index:2;width:196px;text-align:center;padding:7px 0;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--mgc-maroon),#9c2b39 55%,var(--mgc-maroon));transform:rotate(40deg);transform-origin:center;box-shadow:0 6px 16px rgba(0,0,0,.4)}.mgc-wisdom-ribbon i{margin-right:5px;color:var(--mgc-gold-soft)}.mgc-intro-card-body{padding:24px 28px 22px;position:relative;flex:1;display:flex;flex-direction:column;z-index:1}.mgc-intro-card-body h3{font-size:21px;margin-bottom:10px;letter-spacing:.2px}.mgc-intro-card-body p{font-size:16px;line-height:1.8;color:var(--mgc-ink);letter-spacing:.1px;flex:0 1 auto}.mgc-text-justify{text-align:justify;text-justify:inter-word}.mgc-intro-facts-principal{margin-top:2px}.mgc-intro-card-body .mgc-btn{margin-top:auto;align-self:flex-start}.mgc-intro-facts{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0 0 14px}.mgc-intro-facts span{font-size:11.5px;font-weight:600;color:var(--mgc-teal);display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.55);border:1px solid rgba(20,90,82,.18);padding:4px 10px;border-radius:20px}.mgc-intro-facts i{color:var(--mgc-terracotta-deep);font-size:11.5px}.mgc-intro-card-body blockquote{position:relative;font-family:var(--font-display);font-style:italic;font-size:15.5px;line-height:1.55;color:var(--mgc-indigo-deep);margin:2px 0 14px;padding:2px 4px 2px 24px;border-left:3px solid var(--mgc-terracotta);text-align:justify;text-justify:inter-word}.mgc-intro-card-body blockquote::before{content:'\201C';position:absolute;left:-6px;top:-18px;font-family:var(--font-display);font-size:48px;line-height:1;color:var(--mgc-terracotta);opacity:.5}.mgc-intro-card-signature{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-left:2px;position:relative}.mgc-intro-card-signature::before{content:'\f19d';font-family:FontAwesome;flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mgc-indigo),var(--mgc-indigo-deep));color:var(--mgc-gold-soft);font-size:16px;box-shadow:0 5px 12px rgba(13,22,46,.4),inset 0 0 0 2px rgba(214,161,60,.55)}.mgc-intro-card-signature .name{margin:0;font-weight:700;font-size:15.5px;color:var(--mgc-indigo-deep)}.mgc-intro-card-signature .role{margin:0;font-size:12.5px;color:var(--mgc-ink-soft)}@media (max-width:820px){.mgc-intro-grid{grid-template-columns:1fr}.mgc-wisdom-ribbon{top:18px;right:-52px;width:190px;font-size:11px}}.mgc-motto-strip{position:relative;padding:27px 0;background:radial-gradient(ellipse at 15% 20%,rgba(214,161,60,.1),transparent 55%),radial-gradient(ellipse at 85% 85%,rgba(214,161,60,.08),transparent 55%),var(--mgc-ivory)}.mgc-motto-panel{position:relative;overflow:hidden;z-index:1;padding:56px 40px 48px;border-radius:22px;text-align:center;background:linear-gradient(160deg,#fffdf6 0,#fdf3df 50%,#fae8c9 100%);box-shadow:0 26px 50px -30px rgba(154,110,30,.35),inset 0 1px 0 rgba(255,255,255,.85);border:1px solid rgba(214,161,60,.3)}.mgc-motto-panel::before{content:'';position:absolute;inset:10px;z-index:1;pointer-events:none;border:1px solid rgba(214,161,60,.35);border-radius:15px}.mgc-motto-watermark{position:absolute;top:50%;left:50%;z-index:0;pointer-events:none;transform:translate(-50%,-46%);font-size:280px;line-height:1;color:rgba(214,161,60,.1)}.mgc-motto-panel .mgc-section-head{position:relative;z-index:2;margin-bottom:30px}.mgc-motto-strip .mgc-eyebrow{justify-content:center;color:var(--mgc-gold-deep)}.mgc-motto-strip .mgc-eyebrow::before{background:var(--mgc-gold)}.mgc-motto-strip h2{color:var(--mgc-indigo-deep)}.mgc-motto-pills{position:relative;z-index:2;list-style:none;margin:0 0 34px;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 18px}.mgc-motto-pill{position:relative;padding:12px 28px;border-radius:999px;font-family:var(--font-display);font-style:italic;font-size:16.5px;font-weight:600;letter-spacing:.3px;color:var(--mgc-indigo-deep);background:linear-gradient(160deg,#fff 0,var(--mgc-gold-soft) 55%,var(--mgc-gold) 100%);box-shadow:0 10px 20px -10px rgba(154,110,30,.4),inset 0 1px 0 rgba(255,255,255,.85)}.mgc-motto-pill.p1,.mgc-motto-pill.p3,.mgc-motto-pill.p5{transform:translateY(-4px)}.mgc-motto-pill.p2,.mgc-motto-pill.p4,.mgc-motto-pill.p6{transform:translateY(4px)}.mgc-motto-highlight{position:relative;z-index:2;margin:0;display:flex;align-items:center;justify-content:center;gap:20px;font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--mgc-gold-deep)}.mgc-motto-highlight-text{white-space:nowrap}.mgc-motto-highlight-rule{position:relative;flex:1 1 70px;max-width:130px;height:1px;background:linear-gradient(90deg,transparent,var(--mgc-gold-deep),transparent)}.mgc-motto-highlight-rule::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);background:var(--mgc-gold-deep);box-shadow:0 0 10px rgba(169,124,34,.7)}@media (max-width:760px){.mgc-motto-panel{padding:44px 22px 36px;border-radius:16px}.mgc-motto-watermark{font-size:190px}.mgc-motto-pill{padding:10px 20px;font-size:14.5px}.mgc-motto-highlight{flex-direction:column;gap:10px;font-size:18px}.mgc-motto-highlight-rule{display:none}}.mgc-vma-section{position:relative;overflow:hidden;padding:27px 0;background:radial-gradient(ellipse at 10% 10%,rgba(238,203,133,.45),transparent 55%),radial-gradient(ellipse at 92% 20%,rgba(31,124,112,.2),transparent 50%),radial-gradient(ellipse at 80% 96%,rgba(214,161,60,.28),transparent 55%),linear-gradient(165deg,#fefbf3 0,#fdf3e0 40%,#fbecd2 70%,#fdf0dc 100%);border-top:1px solid rgba(214,161,60,.35);border-bottom:1px solid rgba(214,161,60,.35)}.mgc-vma-section .mgc-section-head{margin-bottom:28px}.mgc-vma-section .mgc-eyebrow{color:var(--mgc-teal)}.mgc-vma-section .mgc-eyebrow::before{background:var(--mgc-gold)}.mgc-vma-section h2{color:var(--mgc-indigo-deep)}.mgc-vma-section .mgc-section-head p{color:var(--mgc-ink-soft)}.mgc-vma-section-watermark{position:absolute;top:50%;left:50%;z-index:0;pointer-events:none;transform:translate(-50%,-50%);width:min(34%,340px);height:min(38%,374px);background-image:url('../images/logo-crop.png');background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.55}.mgc-vma-section>.container{position:relative;z-index:1}.mgc-vma-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.mgc-vma-card{--vc1:var(--mgc-gold-deep);--vc2:var(--mgc-gold);position:relative;overflow:hidden;padding:18px 20px 16px;border-radius:16px;background:linear-gradient(165deg,rgba(255,255,255,.62) 0,rgba(255,255,255,.42) 100%);border:1px solid rgba(214,161,60,.35);box-shadow:0 14px 30px -20px rgba(23,37,73,.35),inset 0 1px 0 rgba(255,255,255,.7);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .35s}.mgc-vma-card:hover{transform:translateY(-6px);background:linear-gradient(165deg,rgba(255,255,255,.78) 0,rgba(255,255,255,.56) 100%);box-shadow:0 22px 40px -20px rgba(23,37,73,.4),inset 0 1px 0 rgba(255,255,255,.8)}.mgc-vma-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:8px;border-radius:11px;font-size:15px;background:linear-gradient(140deg,var(--vc1),var(--vc2));color:#fff;box-shadow:0 8px 16px -6px color-mix(in srgb,var(--vc1) 65%,transparent),inset 0 0 0 2px rgba(255,255,255,.35)}.mgc-vma-card h3{position:relative;z-index:1;color:var(--mgc-indigo-deep);font-size:16px;margin-bottom:8px}.mgc-vma-lead{position:relative;z-index:1;color:var(--mgc-ink);font-size:12.5px;line-height:1.5;margin-bottom:8px}.mgc-vma-list{position:relative;z-index:1;display:grid;gap:6px 16px}.mgc-vma-list li{position:relative;padding-left:16px;font-size:12.5px;line-height:1.42;color:var(--mgc-ink)}.mgc-vma-list li::before{content:'';position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--vc1)}.mgc-vma-card.vma-mission{--vc1:var(--mgc-teal);--vc2:var(--mgc-teal-light)}.mgc-vma-card.vma-mission .mgc-vma-list{grid-template-columns:1fr 1fr}.mgc-vma-card.vma-aims{--vc1:var(--mgc-terracotta-deep);--vc2:var(--mgc-terracotta-light)}.mgc-vma-card.vma-aims .mgc-vma-list{grid-template-columns:1fr 1fr}.mgc-vma-card.vma-vision{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media (max-width:900px){.mgc-vma-card.vma-aims .mgc-vma-list,.mgc-vma-card.vma-mission .mgc-vma-list,.mgc-vma-grid{grid-template-columns:1fr}.mgc-vma-card.vma-vision{align-items:stretch}}@media (prefers-reduced-motion:reduce){.mgc-vma-card{transition:none}}.mgc-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.mgc-about-visual{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:4/5;background:linear-gradient(160deg,var(--mgc-teal),var(--mgc-indigo) 70%);display:flex;align-items:flex-end;padding:26px}.mgc-about-visual::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.14) 1.5px,transparent 1.5px);background-size:22px 22px}.mgc-about-visual-badge{position:relative;z-index:2;background:rgba(255,255,255,.95);color:var(--mgc-indigo-deep);padding:16px 18px;border-radius:4px;max-width:230px;box-shadow:var(--shadow-card)}.mgc-about-visual-badge strong{display:block;font-family:var(--font-display);font-size:26px;color:var(--mgc-maroon)}.mgc-about-visual-badge span{font-size:12.5px;color:var(--mgc-ink-soft)}.mgc-about-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin-top:24px}.mgc-about-list li{display:flex;gap:10px;font-size:14.5px;align-items:flex-start}.mgc-about-list i{color:var(--mgc-teal);margin-top:4px}.mgc-grid{display:grid;gap:22px}.mgc-grid.cols-3{grid-template-columns:repeat(3,1fr)}.mgc-grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.mgc-about-grid,.mgc-about-list{grid-template-columns:1fr}.mgc-grid.cols-3,.mgc-grid.cols-4{grid-template-columns:repeat(2,1fr)}}.mgc-dept-card{background:var(--mgc-paper);border:1px solid var(--mgc-border);border-radius:5px;padding:24px 22px;box-shadow:var(--shadow-card);transition:.22s;position:relative;overflow:hidden}.mgc-dept-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mgc-teal);transition:.22s}.mgc-dept-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover)}.mgc-dept-card:hover::before{background:var(--mgc-gold)}.mgc-dept-icon{width:46px;height:46px;border-radius:50%;background:var(--mgc-ivory);color:var(--mgc-teal);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px}.mgc-dept-card h4{font-size:16.5px;margin-bottom:4px}.mgc-dept-card span.tag{font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--mgc-gold-deep);font-weight:700}.mgc-dept-card p{font-size:13.5px;color:var(--mgc-ink-soft);margin:10px 0 0}.mgc-facilities-strip{position:relative;overflow:hidden;padding-top:27px;padding-bottom:27px;background:radial-gradient(ellipse at 12% 8%,rgba(238,203,133,.35),transparent 55%),radial-gradient(ellipse at 90% 18%,rgba(31,124,112,.16),transparent 50%),radial-gradient(ellipse at 82% 95%,rgba(214,161,60,.22),transparent 55%),linear-gradient(165deg,#fefbf3 0,#fbf3e2 38%,#f3ead2 68%,#fbf0dc 100%);border-top:1px solid rgba(214,161,60,.35);border-bottom:1px solid rgba(214,161,60,.35)}.mgc-facilities-strip .mgc-section-head p{color:var(--mgc-ink-soft)}.mgc-facilities-strip .mgc-eyebrow{color:var(--mgc-teal)}.mgc-facilities-strip .mgc-eyebrow::before{background:var(--mgc-gold)}.mgc-facilities-strip h2{color:var(--mgc-indigo-deep)}.mgc-facilities-watermark{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cg fill='none' stroke='%231f7c70' stroke-width='1.2' stroke-linejoin='round' opacity='0.5'%3E%3Ccircle cx='75' cy='75' r='30'/%3E%3Ccircle cx='75' cy='75' r='6'/%3E%3Cpath d='M75 45 Q86 58 75 75 Q64 58 75 45 Z'/%3E%3Cpath d='M105 75 Q92 86 75 75 Q92 64 105 75 Z'/%3E%3Cpath d='M75 105 Q64 92 75 75 Q86 92 75 105 Z'/%3E%3Cpath d='M45 75 Q58 64 75 75 Q58 86 45 75 Z'/%3E%3Cpath d='M96 54 Q90 68 75 75 Q82 60 96 54 Z'/%3E%3Cpath d='M96 96 Q82 90 75 75 Q90 82 96 96 Z'/%3E%3Cpath d='M54 96 Q60 82 75 75 Q68 90 54 96 Z'/%3E%3Cpath d='M54 54 Q68 60 75 75 Q60 68 54 54 Z'/%3E%3C/g%3E%3Cg fill='%23d6a13c' opacity='0.45'%3E%3Ccircle cx='75' cy='27' r='2.4'/%3E%3Ccircle cx='75' cy='123' r='2.4'/%3E%3Ccircle cx='27' cy='75' r='2.4'/%3E%3Ccircle cx='123' cy='75' r='2.4'/%3E%3Ccircle cx='75' cy='11' r='1.6'/%3E%3Ccircle cx='75' cy='139' r='1.6'/%3E%3Ccircle cx='11' cy='75' r='1.6'/%3E%3Ccircle cx='139' cy='75' r='1.6'/%3E%3C/g%3E%3Cg fill='none' stroke='%23d6a13c' stroke-width='1' opacity='0.35'%3E%3Cpath d='M0 75 Q10 68 20 75 T40 75' /%3E%3Cpath d='M110 75 Q120 68 130 75 T150 75' /%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:150px 150px;background-position:top left;opacity:.55;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.mgc-facilities-strip>.container{position:relative;z-index:1}.mgc-facilities-grid{gap:24px 22px}.mgc-facility-card{--fc1:var(--mgc-indigo);--fc2:var(--mgc-teal-light);position:relative;text-align:center;padding:34px 20px 28px;background:linear-gradient(165deg,#fff 0,#fffdf8 100%);border:1px solid rgba(214,161,60,.28);border-radius:18px;overflow:hidden;box-shadow:0 14px 30px -18px rgba(23,37,73,.35);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .3s;opacity:0;will-change:transform,opacity}.mgc-facility-card::before{content:'';position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:150px;height:150px;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle,var(--fc1) 0,transparent 68%);opacity:.18;transition:opacity .35s,transform .5s}.mgc-facility-card::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;z-index:2;background:linear-gradient(90deg,var(--fc1),var(--fc2));transform:scaleX(0);transform-origin:center;transition:transform .4s}.mgc-facility-card:hover{transform:translateY(-10px) scale(1.015);box-shadow:0 26px 48px -20px rgba(23,37,73,.45),0 0 0 1px rgba(255,255,255,.6) inset;border-color:color-mix(in srgb,var(--fc1) 45%,transparent)}.mgc-facility-card:hover::before{opacity:.32;transform:translateX(-50%) scale(1.12)}.mgc-facility-card:hover::after{transform:scaleX(1)}.mgc-facility-card .mgc-dept-icon{position:relative;z-index:1;margin:0 auto 18px;width:62px;height:62px;font-size:23px;background:linear-gradient(140deg,var(--fc1),var(--fc2));color:#fff;box-shadow:0 10px 22px -8px color-mix(in srgb,var(--fc1) 70%,transparent),inset 0 0 0 3px rgba(255,255,255,.35);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.mgc-facility-card:hover .mgc-dept-icon{transform:scale(1.12) rotate(-8deg)}.mgc-facility-card h4{position:relative;z-index:1;font-size:16.5px;margin-bottom:8px;color:var(--mgc-indigo-deep)}.mgc-facility-card p{position:relative;z-index:1;font-size:13px;color:var(--mgc-ink-soft);margin:0;line-height:1.55}.mgc-facility-card.f1{--fc1:var(--mgc-indigo);--fc2:var(--mgc-teal-light)}.mgc-facility-card.f2{--fc1:var(--mgc-teal);--fc2:var(--mgc-teal-light)}.mgc-facility-card.f3{--fc1:var(--mgc-maroon);--fc2:var(--mgc-terracotta)}.mgc-facility-card.f4{--fc1:var(--mgc-purple-deep);--fc2:var(--mgc-purple)}.mgc-facility-card.f5{--fc1:var(--mgc-terracotta-deep);--fc2:var(--mgc-gold-deep)}.mgc-facility-card.f6{--fc1:var(--mgc-navy-deep);--fc2:var(--mgc-navy)}.mgc-facility-card.f7{--fc1:var(--mgc-gold-deep);--fc2:var(--mgc-terracotta-light)}.mgc-facility-card.f8{--fc1:var(--mgc-indigo-light);--fc2:var(--mgc-purple)}.mgc-facility-card.f9{--fc1:var(--mgc-indigo);--fc2:var(--mgc-teal-light)}.mgc-facility-card.f10{--fc1:var(--mgc-teal);--fc2:var(--mgc-teal-light)}.mgc-facility-card.f11{--fc1:var(--mgc-maroon);--fc2:var(--mgc-terracotta)}.mgc-facility-card.f12{--fc1:var(--mgc-purple-deep);--fc2:var(--mgc-purple)}.mgc-facility-card.f13{--fc1:var(--mgc-terracotta-deep);--fc2:var(--mgc-gold-deep)}.mgc-facility-card.f14{--fc1:var(--mgc-navy-deep);--fc2:var(--mgc-navy)}.mgc-facility-card.f15{--fc1:var(--mgc-gold-deep);--fc2:var(--mgc-terracotta-light)}.mgc-facility-card.f16{--fc1:var(--mgc-indigo-light);--fc2:var(--mgc-purple)}.mgc-facility-card.f17{--fc1:var(--mgc-indigo);--fc2:var(--mgc-teal-light)}.mgc-facility-card.f18{--fc1:var(--mgc-teal);--fc2:var(--mgc-teal-light)}.mgc-facility-card.f19{--fc1:var(--mgc-maroon);--fc2:var(--mgc-terracotta)}.mgc-facility-card.from-left{animation:.75s cubic-bezier(.22,1,.36,1) forwards mgcFacilityInLeft}.mgc-facility-card.from-right{animation:.75s cubic-bezier(.22,1,.36,1) forwards mgcFacilityInRight}.mgc-facilities-grid .mgc-facility-card:first-child{animation-delay:.05s}.mgc-facilities-grid .mgc-facility-card:nth-child(2){animation-delay:.15s}.mgc-facilities-grid .mgc-facility-card:nth-child(3){animation-delay:.25s}.mgc-facilities-grid .mgc-facility-card:nth-child(4){animation-delay:.35s}.mgc-facilities-grid .mgc-facility-card:nth-child(5){animation-delay:.45s}.mgc-facilities-grid .mgc-facility-card:nth-child(6){animation-delay:.55s}.mgc-facilities-grid .mgc-facility-card:nth-child(7){animation-delay:.65s}.mgc-facilities-grid .mgc-facility-card:nth-child(8){animation-delay:.75s}.mgc-facilities-grid .mgc-facility-card:nth-child(9){animation-delay:.8s}.mgc-facilities-grid .mgc-facility-card:nth-child(10){animation-delay:.85s}.mgc-facilities-grid .mgc-facility-card:nth-child(11){animation-delay:.9s}.mgc-facilities-grid .mgc-facility-card:nth-child(12){animation-delay:.95s}.mgc-facilities-grid .mgc-facility-card:nth-child(13){animation-delay:1s}.mgc-facilities-grid .mgc-facility-card:nth-child(14){animation-delay:1.05s}.mgc-facilities-grid .mgc-facility-card:nth-child(15){animation-delay:1.1s}.mgc-facilities-grid .mgc-facility-card:nth-child(16){animation-delay:1.15s}.mgc-facilities-grid .mgc-facility-card:nth-child(17){animation-delay:1.2s}.mgc-facilities-grid .mgc-facility-card:nth-child(18){animation-delay:1.25s}.mgc-facilities-grid .mgc-facility-card:nth-child(19){animation-delay:1.3s}@keyframes mgcFacilityInLeft{0%{opacity:0;transform:translateX(-90px) rotate(-6deg) scale(.9)}60%{opacity:1}100%{opacity:1;transform:translateX(0) rotate(0) scale(1)}}@keyframes mgcFacilityInRight{0%{opacity:0;transform:translateX(90px) rotate(6deg) scale(.9)}60%{opacity:1}100%{opacity:1;transform:translateX(0) rotate(0) scale(1)}}@media (prefers-reduced-motion:reduce){.mgc-facility-card{animation:none!important;opacity:1;transform:none}.mgc-facility-card:hover{transform:none}}.mgc-dept-section{position:relative;overflow:hidden;padding-top:26px;padding-bottom:27px;background:radial-gradient(circle at 18px 18px,transparent 7.2px,rgba(193,89,44,.1) 7.6px,rgba(193,89,44,.1) 7.9px,transparent 8.3px),radial-gradient(circle at 36px 36px,transparent 7.2px,rgba(193,89,44,.1) 7.6px,rgba(193,89,44,.1) 7.9px,transparent 8.3px),linear-gradient(160deg,var(--mgc-saffron-pale) 0,#fff7e8 45%,var(--mgc-saffron-light) 100%);background-size:36px 36px,36px 36px,100% 100%}.mgc-dept-section::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 110'%3E%3Cg fill='none' stroke='%23c1592c' stroke-width='1.4' stroke-linejoin='round' opacity='0.55'%3E%3Cpath d='M46 106 L114 106 L100 84 L60 84 Z'/%3E%3Cpath d='M60 84 L100 84 L90 66 L70 66 Z'/%3E%3Cpath d='M70 66 L90 66 L83 50 L77 50 Z'/%3E%3Cline x1='80' y1='50' x2='80' y2='34'/%3E%3Cellipse cx='80' cy='32' rx='4.5' ry='2'/%3E%3Ccircle cx='80' cy='27' r='2.3'/%3E%3Ccircle cx='53' cy='97' r='2.6'/%3E%3Ccircle cx='107' cy='97' r='2.6'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:170px 118px;background-position:top center;opacity:.4;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%)}.mgc-dept-section>.container{position:relative;z-index:1}.mgc-dept-nav{display:flex;justify-content:center;gap:12px;margin:0 0 22px}.mgc-dept-arrow{width:46px;height:46px;border-radius:50%;flex:none;cursor:pointer;background:var(--mgc-navy-deep);color:var(--mgc-gold-soft);border:1px solid rgba(214,161,60,.4);display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 10px 22px -10px rgba(13,22,46,.45);transition:.2s}.mgc-dept-arrow:hover{background:var(--mgc-navy);color:#fff;transform:translateY(-2px)}.mgc-dept-arrow:disabled{opacity:.35;cursor:default;transform:none;box-shadow:none}.mgc-dept-scroller{position:relative;margin-top:36px;overflow:hidden}.mgc-dept-scroller::before{content:'';position:absolute;top:0;left:0;bottom:0;width:60px;z-index:3;pointer-events:none;background:linear-gradient(90deg,var(--mgc-saffron-light),transparent)}.mgc-dept-scroller::after{content:'';position:absolute;top:0;right:0;bottom:0;width:60px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,var(--mgc-saffron-light))}.mgc-dept-track{display:flex;gap:22px;width:max-content;padding:4px 4px 18px;will-change:transform}.mgc-dept-tile{flex:none;width:250px;background:var(--mgc-paper);border:1px solid var(--mgc-border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-card);transition:.25s}.mgc-dept-tile:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}.mgc-dept-tile-media{position:relative;display:block;height:150px;overflow:hidden;background:linear-gradient(135deg,var(--mgc-teal-light),var(--mgc-teal))}.mgc-dept-tile-media.cat-humanities{background:linear-gradient(135deg,var(--mgc-indigo-light),var(--mgc-indigo))}.mgc-dept-tile-media.cat-science{background:linear-gradient(135deg,var(--mgc-teal-light),var(--mgc-teal))}.mgc-dept-tile-media.cat-arts{background:linear-gradient(135deg,var(--mgc-purple),var(--mgc-purple-deep))}.mgc-dept-tile-media img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .4s}.mgc-dept-tile:hover .mgc-dept-tile-media img{transform:scale(1.06)}.mgc-dept-tile-icon{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;font-size:40px;color:rgba(255,255,255,.5)}.mgc-dept-tile-tag{position:absolute;top:10px;right:10px;z-index:2;background:rgba(13,22,46,.55);color:var(--mgc-gold-soft);font-size:9.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:4px 9px;border-radius:20px;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(2px)}.mgc-dept-tile-name{display:block;text-align:center;padding:14px 12px;font-size:13.5px;font-weight:700;color:var(--mgc-navy-deep);border-top:1px solid var(--mgc-border);letter-spacing:.15px}.mgc-dept-tile-name:hover{color:var(--mgc-maroon)}.mgc-dept-tile-explore{position:absolute;left:50%;bottom:12px;z-index:2;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;background:linear-gradient(100deg,#ffe58a,var(--mgc-gold) 55%,var(--mgc-gold-deep));color:var(--mgc-indigo-deep);font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:6px 14px;border-radius:20px;white-space:nowrap;box-shadow:0 8px 18px -6px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.4) inset;transition:transform .22s,box-shadow .22s}.mgc-dept-tile-explore i{font-size:10px;transition:transform .22s}.mgc-dept-tile:hover .mgc-dept-tile-explore{transform:translateX(-50%) translateY(-2px);box-shadow:0 12px 22px -6px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.5) inset}.mgc-dept-tile:hover .mgc-dept-tile-explore i{transform:translateX(3px)}@media (max-width:560px){.mgc-grid.cols-3,.mgc-grid.cols-4{grid-template-columns:1fr}.mgc-facility-card.from-left,.mgc-facility-card.from-right{animation-name:mgcFacilityInLeft}.mgc-dept-tile{width:210px}.mgc-dept-tile-media{height:130px}}.mgc-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.mgc-pill{padding:8px 18px;border-radius:20px;font-size:12.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;background:var(--mgc-paper);border:1px solid var(--mgc-border);color:var(--mgc-ink-soft)}.mgc-pill.is-active{background:var(--mgc-indigo);border-color:var(--mgc-indigo);color:#fff}.mgc-pill-row-color .pf-ug{--pf-color:var(--mgc-indigo)}.mgc-pill-row-color .pf-pg{--pf-color:var(--mgc-teal)}.mgc-pill-row-color .pf-voc{--pf-color:var(--mgc-terracotta)}.mgc-pill-row-color .pf-cert{--pf-color:var(--mgc-gold-deep)}.mgc-pill-row-color .mgc-pill.pf-cert,.mgc-pill-row-color .mgc-pill.pf-pg,.mgc-pill-row-color .mgc-pill.pf-ug,.mgc-pill-row-color .mgc-pill.pf-voc{color:var(--pf-color);background:color-mix(in srgb,var(--pf-color) 12%,#fff);border-color:color-mix(in srgb,var(--pf-color) 40%,#fff)}.mgc-pill-row-color .mgc-pill.pf-cert:hover,.mgc-pill-row-color .mgc-pill.pf-pg:hover,.mgc-pill-row-color .mgc-pill.pf-ug:hover,.mgc-pill-row-color .mgc-pill.pf-voc:hover{background:color-mix(in srgb,var(--pf-color) 22%,#fff)}.mgc-pill-row-color .mgc-pill.pf-cert.is-active,.mgc-pill-row-color .mgc-pill.pf-pg.is-active,.mgc-pill-row-color .mgc-pill.pf-ug.is-active,.mgc-pill-row-color .mgc-pill.pf-voc.is-active{background:var(--pf-color);border-color:var(--pf-color);color:#fff}.mgc-prog-table{width:100%;border-collapse:collapse;background:var(--mgc-paper);box-shadow:var(--shadow-card)}.mgc-prog-table th{text-align:left;background:var(--mgc-indigo);color:#fff;font-size:12.5px;text-transform:uppercase;letter-spacing:.4px;padding:14px 18px}.mgc-prog-table td{padding:14px 18px;border-bottom:1px solid var(--mgc-border);font-size:14.5px}.mgc-prog-table tr:last-child td{border-bottom:0}.mgc-prog-table tr:hover td{background:var(--mgc-ivory)}.mgc-prog-table .stream{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:3px 10px;border-radius:12px;background:rgba(20,90,82,.1);color:var(--mgc-teal)}.mgc-acad{padding-top:20px;padding-bottom:34px;position:relative;overflow:hidden}.mgc-acad>.container{position:relative;z-index:1}.mgc-acad-watermark{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url('images/logo-diya-watermark.png');background-repeat:no-repeat;background-position:center 42%;background-size:min(60%,620px) auto;opacity:.16;-webkit-mask-image:radial-gradient(60% 55% at center,#000 55%,transparent 100%);mask-image:radial-gradient(60% 55% at center,#000 55%,transparent 100%)}.mgc-acad .mgc-section-head{margin-bottom:14px;max-width:760px}.mgc-acad .mgc-section-head p{margin-bottom:0}.mgc-acad .mgc-section-head p strong{color:var(--mgc-gold-deep)}.mgc-acad-kpis-slim{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 20px}.mgc-acad-kpis-slim .k{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.2px;white-space:nowrap;box-shadow:0 6px 14px -8px rgba(13,22,46,.45)}.mgc-acad-kpis-slim .k b{font-family:var(--font-display);font-size:15px;font-weight:700}.mgc-acad-kpis-slim .k1{background:linear-gradient(120deg,var(--mgc-indigo) 0,var(--mgc-teal-light) 100%)}.mgc-acad-kpis-slim .k2{background:linear-gradient(120deg,var(--mgc-teal) 0,var(--mgc-teal-light) 100%)}.mgc-acad-kpis-slim .k3{background:linear-gradient(120deg,var(--mgc-purple-deep) 0,var(--mgc-purple) 100%)}.mgc-acad-kpis-slim .k4{background:linear-gradient(120deg,var(--mgc-maroon) 0,var(--mgc-terracotta) 100%)}.mgc-acad-kpis-slim .k5{background:linear-gradient(120deg,var(--mgc-terracotta-deep) 0,var(--mgc-gold-deep) 100%)}.mgc-acad-kpis-slim .k6{background:linear-gradient(120deg,var(--mgc-navy-deep) 0,var(--mgc-navy) 100%)}.mgc-acad-glance{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:20px;align-items:stretch}.mgc-acad-card{background:linear-gradient(150deg,#fff 0,var(--mgc-ivory) 100%);border:1px solid var(--mgc-border);padding:20px;box-shadow:var(--shadow-card);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:290px;opacity:0;transform:translateY(24px);animation:.6s cubic-bezier(.22,1,.36,1) forwards mgcCardRise}.mgc-acad-card.c1{animation-delay:.05s}.mgc-acad-card.c2{animation-delay:.15s}.mgc-acad-card.c3{animation-delay:.25s}.mgc-acad-card.c4{animation-delay:.35s}.mgc-acad-card.c5{animation-delay:.45s}@keyframes mgcCardRise{0%{opacity:0;transform:translateY(24px) scale(.97)}100%{opacity:1;transform:translateY(0) scale(1)}}.mgc-acad-card::before{content:'';position:absolute;top:0;left:0;right:0;z-index:2;transform:scaleX(0);transform-origin:left;transition:transform .35s}.mgc-acad-card.c1::before{background:linear-gradient(90deg,var(--mgc-indigo),var(--mgc-teal-light))}.mgc-acad-card.c2::before{background:linear-gradient(90deg,var(--mgc-teal),var(--mgc-teal-light))}.mgc-acad-card.c3::before{background:linear-gradient(90deg,var(--mgc-purple-deep),var(--mgc-purple))}.mgc-acad-card.c4::before{background:linear-gradient(90deg,var(--mgc-maroon),var(--mgc-terracotta))}.mgc-acad-card.c5::before{background:linear-gradient(90deg,var(--mgc-terracotta-deep),var(--mgc-gold-deep))}.mgc-acad-card.c6::before{background:linear-gradient(90deg,var(--mgc-navy-deep),var(--mgc-navy))}.mgc-acad-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover);border-color:rgba(214,161,60,.5)}.mgc-acad-card:hover::before{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.mgc-acad-card{animation:none;opacity:1;transform:none}.mgc-acad-card:hover{transform:none}}.mgc-acad-card-head{display:flex;align-items:center;gap:10px}.mgc-acad-card-icon{flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px -3px rgba(13,22,46,.45);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.mgc-acad-card:hover .mgc-acad-card-icon{transform:scale(1.12) rotate(-6deg)}.mgc-acad-card h4{font-size:16px;margin:0;color:var(--mgc-indigo-deep);line-height:1.22}.mgc-acad-card h4 .mgc-acad-card-note{font-family:var(--font-body);font-size:11.5px;font-weight:500;color:var(--mgc-ink-soft)}.mgc-acad-card .cap{font-size:11.5px;color:var(--mgc-ink-soft);margin:3px 0 12px;line-height:1.4;font-style:italic;color:var(--mgc-ink-soft)}.mgc-acad-badge-sf{margin-left:auto;flex:none;font-size:8.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:4px 8px;border-radius:10px;color:#fff;background:linear-gradient(120deg,var(--mgc-gold-deep) 0,var(--mgc-terracotta) 100%);white-space:nowrap}.mgc-acad-card.c1 .mgc-acad-card-icon{background:linear-gradient(140deg,var(--mgc-indigo) 0,var(--mgc-teal-light) 100%)}.mgc-acad-card.c2 .mgc-acad-card-icon{background:linear-gradient(140deg,var(--mgc-teal) 0,var(--mgc-teal-light) 100%)}.mgc-acad-card.c3 .mgc-acad-card-icon{background:linear-gradient(140deg,var(--mgc-purple-deep) 0,var(--mgc-purple) 100%)}.mgc-acad-card.c4 .mgc-acad-card-icon{background:linear-gradient(140deg,var(--mgc-maroon) 0,var(--mgc-terracotta) 100%)}.mgc-acad-card.c5 .mgc-acad-card-icon{background:linear-gradient(140deg,var(--mgc-terracotta-deep) 0,var(--mgc-gold-deep) 100%)}.mgc-acad-card.c6 .mgc-acad-card-icon{background:linear-gradient(140deg,var(--mgc-navy-deep) 0,var(--mgc-navy) 100%)}.mgc-acad-card.c1 .mgc-acad-chip b{background:var(--mgc-indigo)}.mgc-acad-card.c2 .mgc-acad-chip b{background:var(--mgc-teal)}.mgc-acad-card.c3 .mgc-acad-chip b{background:var(--mgc-purple)}.mgc-acad-card.c4 .mgc-acad-chip b{background:var(--mgc-maroon)}.mgc-acad-card.c5 .mgc-acad-chip b{background:var(--mgc-gold-deep)}.mgc-acad-card.c6 .mgc-acad-chip b{background:var(--mgc-navy)}.mgc-acad-card.c1 .mgc-acad-chip i{color:var(--mgc-indigo)}.mgc-acad-card.c3 .mgc-acad-chip i{color:var(--mgc-purple)}.mgc-acad-card.c6 .mgc-acad-chip i{color:var(--mgc-navy)}.mgc-acad-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;flex:1 1 auto;align-content:flex-start}.mgc-acad-chip{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:1.3;padding:10px 14px 10px 9px;border-radius:12px;background:#fff;border:1px solid var(--mgc-border);color:var(--mgc-ink);min-height:42px;width:100%;box-sizing:border-box;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s,background .2s}.mgc-acad-chip:hover{transform:translateY(-2px) scale(1.035);box-shadow:0 6px 14px -6px rgba(13,22,46,.3);border-color:rgba(214,161,60,.55);background:var(--mgc-ivory)}.mgc-acad-chip i{font-size:12px;margin-left:2px;opacity:.85}.mgc-acad-chip b{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:10px;font-weight:700;color:#fff;background:var(--mgc-indigo);transition:transform .2s}.mgc-acad-chip:hover b{transform:scale(1.15)}.mgc-acad-chip small{display:block;font-weight:400;color:var(--mgc-ink-soft);font-size:10.5px;margin-top:2px;line-height:1.3}.mgc-acad-chip.wide{grid-column:1/-1;width:100%;padding:12px 16px 12px 10px;font-size:14px}.mgc-acad-chip.wide b{background:var(--mgc-maroon)}@media (max-width:980px){.mgc-acad-glance{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}.mgc-acad-card{min-height:260px}}@media (max-width:640px){.mgc-acad{padding-top:16px;padding-bottom:26px}.mgc-acad-kpis-slim{justify-content:flex-start}.mgc-acad-glance{grid-template-columns:1fr;grid-auto-rows:auto}.mgc-acad-card{min-height:0}.mgc-acad-card-head{flex-wrap:wrap}.mgc-acad-chips{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.mgc-acad-glance-mode{position:relative;background:radial-gradient(ellipse at 8% 0,rgba(214,161,60,.1),transparent 46%),radial-gradient(ellipse at 96% 100%,rgba(20,90,82,.08),transparent 50%),var(--mgc-ivory)}.mgc-acad .mgc-section-head.center{position:relative;padding-top:6px}.mgc-acad .mgc-section-head.center::before{content:'';display:block;width:64px;height:1px;margin:0 auto 16px;background:linear-gradient(90deg,transparent,var(--mgc-gold) 50%,transparent)}.mgc-acad .mgc-section-head h2{font-weight:600;letter-spacing:.2px}.mgc-acad-kpis-slim .k{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.mgc-acad-kpis-slim .k:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 26px -10px rgba(13,22,46,.5)}.mgc-acad-card{border-radius:16px;z-index:0}.mgc-acad-card::before{height:5px;border-radius:16px 16px 0 0;opacity:1}.mgc-acad-card:hover{box-shadow:var(--shadow-card-hover)}.mgc-acad-card-head{gap:12px;padding-bottom:12px;margin-bottom:10px;border-bottom:1px dashed rgba(214,161,60,.5);position:relative}.mgc-acad-card-icon{width:44px;height:44px;font-size:16px}.mgc-acad-card h4{font-family:var(--font-display);font-weight:600;letter-spacing:.1px}.mgc-acad-card.c1{background:linear-gradient(160deg,#fff 0,rgba(23,37,73,.07) 100%);border-color:rgba(23,37,73,.22)}.mgc-acad-card.c2{background:linear-gradient(160deg,#fff 0,rgba(31,124,112,.09) 100%);border-color:rgba(31,124,112,.26)}.mgc-acad-card.c3{background:linear-gradient(160deg,#fff 0,rgba(91,63,160,.08) 100%);border-color:rgba(91,63,160,.24)}.mgc-acad-card.c4{background:linear-gradient(160deg,#fff 0,rgba(122,31,43,.07) 100%);border-color:rgba(122,31,43,.22)}.mgc-acad-card.c5{background:linear-gradient(160deg,#fff 0,rgba(169,124,34,.1) 100%);border-color:rgba(169,124,34,.28)}.mgc-acad-card.c6{animation-delay:.55s;background:linear-gradient(160deg,#fff 0,rgba(20,58,107,.08) 100%);border-color:rgba(20,58,107,.24)}.mgc-acad-card::after{content:'';position:absolute;right:-16px;bottom:-16px;width:150px;height:150px;background-image:url('images/logo.png');background-repeat:no-repeat;background-size:contain;background-position:center;opacity:.08;filter:grayscale(1);z-index:-1;pointer-events:none}.mgc-acad-card.c1 .mgc-acad-chip{background:rgba(23,37,73,.06);border-color:rgba(23,37,73,.2)}.mgc-acad-card.c2 .mgc-acad-chip{background:rgba(31,124,112,.08);border-color:rgba(31,124,112,.24)}.mgc-acad-card.c3 .mgc-acad-chip{background:rgba(91,63,160,.08);border-color:rgba(91,63,160,.24)}.mgc-acad-card.c4 .mgc-acad-chip{background:rgba(122,31,43,.07);border-color:rgba(122,31,43,.22)}.mgc-acad-card.c5 .mgc-acad-chip{background:rgba(169,124,34,.09);border-color:rgba(169,124,34,.28)}.mgc-acad-card.c6 .mgc-acad-chip{background:rgba(20,58,107,.08);border-color:rgba(20,58,107,.24)}.mgc-acad-chip:hover{background:#fff;box-shadow:0 10px 20px -10px rgba(13,22,46,.32);border-color:var(--mgc-gold)}.mgc-acad-chip-label{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.mgc-acad-chip-label small{display:block;margin-top:0;white-space:normal}.mgc-principal{display:grid;grid-template-columns:.55fr 1.45fr;gap:44px;align-items:center}.mgc-principal-photo{aspect-ratio:3/4;border-radius:6px;background:linear-gradient(160deg,var(--mgc-indigo),var(--mgc-teal));display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:60px;position:relative}.mgc-principal-photo::after{content:'';position:absolute;inset:10px;border:1px solid rgba(255,255,255,.35);border-radius:4px}.mgc-principal blockquote{font-family:var(--font-display);font-size:21px;line-height:1.5;color:var(--mgc-indigo-deep);margin:0 0 18px;position:relative;padding-left:26px;border-left:3px solid var(--mgc-gold)}.mgc-principal .name{font-weight:700;font-size:16px}.mgc-principal .role{font-size:13px;color:var(--mgc-ink-soft)}@media (max-width:800px){.mgc-principal{grid-template-columns:1fr}}.mgc-gallery-section{position:relative;overflow:hidden;padding-top:27px;padding-bottom:27px}.mgc-gallery-section>.container{position:relative;z-index:1}.mgc-gallery-watermark{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%237a1f2b' stroke-width='1.2' stroke-linejoin='round' opacity='0.4'%3E%3Cpath d='M90 40 C130 40 130 90 95 100 C60 110 65 150 90 150 C60 150 40 125 55 95 C68 68 60 40 90 40 Z'/%3E%3Ccircle cx='90' cy='55' r='3'/%3E%3C/g%3E%3Cg fill='none' stroke='%23d6a13c' stroke-width='1' opacity='0.4'%3E%3Cpath d='M0 90 Q22 78 45 90 T90 90 T135 90 T180 90'/%3E%3Ccircle cx='22' cy='84' r='2'/%3E%3Ccircle cx='68' cy='84' r='2'/%3E%3Ccircle cx='113' cy='84' r='2'/%3E%3Ccircle cx='158' cy='84' r='2'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;background-position:top left;-webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,#000 55%,transparent 100%)}.mgc-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mgc-gallery-tile{aspect-ratio:1/1;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:16px;color:#fff;font-size:12.5px;font-weight:600;border:1px solid rgba(214,161,60,.4);box-shadow:0 12px 26px -16px rgba(13,22,46,.45);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.mgc-gallery-tile:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 22px 40px -16px rgba(13,22,46,.5)}.mgc-gallery-tile span{position:relative;z-index:2;display:flex;align-items:center;gap:8px;line-height:1.3;transform:translateY(4px);transition:transform .3s}.mgc-gallery-tile:hover span{transform:translateY(0)}.mgc-gallery-tile span i{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);font-size:11px;backdrop-filter:blur(2px)}.mgc-gallery-tile::before{content:'';position:absolute;inset:0;background:linear-gradient(200deg,var(--t1),var(--t2));transition:transform .5s}.mgc-gallery-tile:hover::before{transform:scale(1.08)}.mgc-gallery-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 62%)}@media (max-width:900px){.mgc-gallery-grid{grid-template-columns:repeat(2,1fr)}}.mgc-noticeboard{background:var(--mgc-paper);border:1px solid var(--mgc-border);border-radius:6px;box-shadow:var(--shadow-card);overflow:hidden}.mgc-noticeboard-head{background:var(--mgc-indigo);color:#fff;padding:16px 22px;display:flex;align-items:center;justify-content:space-between}.mgc-noticeboard-head h3{color:#fff;margin:0;font-size:16px;letter-spacing:.4px;text-transform:uppercase}.mgc-noticerow{display:flex;gap:16px;align-items:flex-start;padding:16px 22px;border-bottom:1px solid var(--mgc-border)}.mgc-noticerow:last-child{border-bottom:0}.mgc-noticerow .d{flex:none;width:56px;text-align:center;background:var(--mgc-ivory);border:1px solid var(--mgc-border);border-radius:4px;padding:8px 0;color:var(--mgc-maroon)}.mgc-noticerow .d strong{display:block;font-size:18px;font-family:var(--font-display)}.mgc-noticerow .d span{font-size:10px;text-transform:uppercase}.mgc-noticerow .body a{font-size:14.5px;font-weight:600;color:var(--mgc-indigo-deep)}.mgc-noticerow .body a:hover{color:var(--mgc-maroon)}.mgc-noticerow .body small{display:block;color:var(--mgc-ink-soft);font-size:12px;margin-top:3px}.mgc-contact-section{position:relative;overflow:hidden;padding-top:27px;padding-bottom:27px;background:linear-gradient(180deg,var(--mgc-saffron-light) 0,var(--mgc-ivory) 45%,#fff 100%)}.mgc-contact-section>.container{position:relative;z-index:1}.mgc-contact-watermark{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url('images/logo-diya-watermark.png');background-repeat:no-repeat;background-position:center 38%;background-size:min(72%,860px) auto;opacity:.08;-webkit-mask-image:radial-gradient(58% 55% at center,#000 55%,transparent 100%);mask-image:radial-gradient(58% 55% at center,#000 55%,transparent 100%)}.mgc-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -28px rgba(13,22,46,.35);border:1px solid rgba(214,161,60,.35)}.mgc-contact-info{position:relative;overflow:hidden;background:linear-gradient(165deg,#fffdf6 0,var(--mgc-saffron-light) 55%,var(--mgc-saffron-pale) 100%);color:var(--mgc-ink);padding:44px}.mgc-contact-info::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url('images/logo-diya-watermark.png');background-repeat:no-repeat;background-position:108% 112%;background-size:300px auto;opacity:.16}.mgc-contact-info::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;z-index:2;background:linear-gradient(90deg,var(--mgc-maroon) 0,var(--mgc-gold) 50%,var(--mgc-maroon) 100%)}.mgc-contact-info>*{position:relative;z-index:1}.mgc-contact-info h3{color:var(--mgc-indigo-deep)}.mgc-contact-info ul{margin-top:22px}.mgc-contact-info ul li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(122,31,43,.14);font-size:14.5px;color:var(--mgc-ink)}.mgc-contact-info ul li:last-child{border-bottom:0}.mgc-contact-info ul li i{color:var(--mgc-terracotta-deep);font-size:17px;margin-top:2px}.mgc-contact-form{background:linear-gradient(165deg,#fff 0,var(--mgc-ivory) 100%);padding:44px}.mgc-field{margin-bottom:16px}.mgc-field label{display:block;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--mgc-ink-soft);margin-bottom:6px}.mgc-field input.form-control,.mgc-field select.form-control,.mgc-field textarea.form-control{width:100%;border:1.5px solid var(--mgc-border);border-radius:8px;padding:11px 14px;font-family:var(--font-body);font-size:14.5px;background:#fff;color:var(--mgc-ink);transition:border-color .25s,box-shadow .25s}.mgc-field input.form-control:focus,.mgc-field textarea.form-control:focus{outline:0;border-color:var(--mgc-gold);background:#fff;box-shadow:0 0 0 3px rgba(214,161,60,.18)}@media (max-width:900px){.mgc-contact-grid{grid-template-columns:1fr}}.mgc-footer{position:relative;overflow:hidden;padding-top:var(--gap-lg);color:#b7bfd9;background:radial-gradient(ellipse 700px 360px at 12% -10%,rgba(214,161,60,.16),transparent 60%),radial-gradient(ellipse 600px 320px at 92% 0,rgba(31,124,112,.18),transparent 55%),linear-gradient(175deg,var(--mgc-indigo-deep) 0,#0a1226 60%,#070d1c 100%)}.mgc-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;z-index:2;background:linear-gradient(90deg,transparent,var(--mgc-gold) 18%,var(--mgc-gold-soft) 50%,var(--mgc-gold) 82%,transparent)}.mgc-footer::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px}.mgc-footer>*{position:relative;z-index:1}.mgc-footer h4{color:#fff;font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:.5px;margin-bottom:18px;position:relative;padding-bottom:10px;display:flex;align-items:center;gap:9px}.mgc-footer h4 i{font-size:12px;color:var(--mgc-gold);opacity:.85}.mgc-footer h4::after{content:'';position:absolute;left:0;bottom:0;width:34px;height:2px;background:linear-gradient(90deg,var(--mgc-gold),var(--mgc-gold-soft));border-radius:2px}.mgc-footer-brand{display:flex;align-items:center;gap:13px;margin-bottom:16px}.mgc-footer-brand h4{margin:0;padding:0}.mgc-footer-brand h4::after{display:none}.mgc-footer-emblem{flex:none;width:46px;height:46px;border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,var(--mgc-gold-soft),var(--mgc-gold) 60%,var(--mgc-gold-deep));box-shadow:0 6px 16px -6px rgba(169,124,34,.6),inset 0 0 0 2px rgba(255,255,255,.25)}.mgc-footer-emblem img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.mgc-footer-about h4{font-size:19px}.mgc-footer-map-frame{position:relative;border-radius:8px;overflow:hidden}.mgc-footer-map-badge{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;background:rgba(13,22,46,.72);color:var(--mgc-gold-soft);font-size:10.5px;font-weight:700;letter-spacing:.3px;padding:5px 11px;border-radius:20px;border:1px solid rgba(238,203,133,.35);backdrop-filter:blur(3px)}.mgc-footer-map-badge i{font-size:10px}.mgc-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px}.mgc-footer-about p{font-size:13.6px;color:#a8b0cb;line-height:1.7}.mgc-footer ul li{padding:6px 0;font-size:13.6px}.mgc-footer ul li a{position:relative;transition:color .2s,padding-left .2s}.mgc-footer ul li a::before{content:'\2726';color:var(--mgc-gold);font-size:9px;margin-right:7px;opacity:.7;transition:opacity .2s}.mgc-footer ul li a:hover{color:var(--mgc-gold-soft);padding-left:2px}.mgc-footer ul li a:hover::before{opacity:1}.mgc-footer-social{display:flex;gap:12px;margin-top:18px}.mgc-footer-social a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(238,203,133,.35);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;color:#e7ebfa;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background .25s,border-color .25s}.mgc-footer-social a:hover{background:linear-gradient(140deg,var(--mgc-gold-soft),var(--mgc-gold) 60%,var(--mgc-gold-deep));border-color:var(--mgc-gold);color:var(--mgc-indigo-deep);transform:translateY(-4px) scale(1.08);box-shadow:0 10px 22px -8px rgba(214,161,60,.55)}.mgc-footer-map-frame{border:1px solid rgba(238,203,133,.3);box-shadow:0 14px 30px -16px rgba(0,0,0,.6)}.mgc-footer-map iframe{width:100%;height:220px;display:block;border:0;filter:grayscale(.25) contrast(1.05) brightness(.95)}.mgc-footer-bottom{border-top:1px solid rgba(238,203,133,.18);padding:20px 0;font-size:12.5px;color:#8b93b3;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}
.mgc-footer-portals{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:26px 0;border-top:1px solid rgba(238,203,133,.16)}
.mgc-footer-portal-btn{position:relative;display:inline-flex;align-items:center;gap:9px;padding:11px 26px;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--mgc-gold-soft);background:rgba(238,203,133,.06);border:1px solid rgba(238,203,133,.4);border-radius:999px;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.mgc-footer-portal-btn i{font-size:12.5px;color:var(--mgc-gold);transition:color .25s ease}
.mgc-footer-portal-btn:hover,.mgc-footer-portal-btn:focus-visible{background:var(--mgc-gold);border-color:var(--mgc-gold);color:var(--mgc-indigo-deep);transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(214,161,60,.55)}
.mgc-footer-portal-btn:hover i,.mgc-footer-portal-btn:focus-visible i{color:var(--mgc-indigo-deep)}.mgc-footer-bottom p:first-child{color:#c3cae2}@media (max-width:900px){.mgc-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.mgc-footer-grid{grid-template-columns:1fr}}.mgc-totop{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;background:var(--mgc-gold);color:var(--mgc-indigo-deep);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -6px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:80;border:0;cursor:pointer;font-size:16px}.mgc-totop.show{opacity:1;visibility:visible;transform:translateY(0)}.mgc-totop:hover{background:var(--mgc-gold-deep)}.mgc-marquee-wrap{position:relative;background:var(--mgc-maroon);color:#fff;overflow:hidden}.mgc-marquee-wrap .container{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:7px 24px}.mgc-marquee-tag{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--mgc-gold);color:var(--mgc-indigo-deep);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:2px}.mgc-marquee-wrap .mgc-marquee-fallback,.mgc-marquee-wrap marquee{font-size:13.5px}.mgc-marquee-wrap a{color:#fff}.mgc-marquee-wrap a:hover{color:var(--mgc-gold-soft)}.mgc-marquee-beam{position:absolute;top:0;left:-40%;width:35%;height:100%;z-index:1;background:linear-gradient(100deg,transparent 0,rgba(238,203,133,0) 20%,rgba(238,203,133,.35) 48%,rgba(255,255,255,.55) 50%,rgba(238,203,133,.35) 52%,rgba(238,203,133,0) 80%,transparent 100%);filter:blur(1px);animation:5.5s ease-in-out infinite mgcBeamSweep;pointer-events:none}@keyframes mgcBeamSweep{0%{left:-40%;opacity:0}45%,8%{opacity:1}100%,55%{left:105%;opacity:0}}@media (prefers-reduced-motion:reduce){.mgc-marquee-beam{display:none}}.mgc-welcome-strip{position:relative;padding:38px 0 34px;overflow:hidden;background:radial-gradient(ellipse at 15% 12%,rgba(238,203,133,.22),transparent 55%),radial-gradient(ellipse at 88% 92%,rgba(20,90,82,.22),transparent 55%),linear-gradient(155deg,#7d3416 0,#a3441e 34%,#c1592c 64%,#a3441e 88%,#7d3416 100%);border-top:1px solid rgba(238,203,133,.35);border-bottom:1px solid rgba(238,203,133,.35)}.mgc-welcome-strip::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(125,52,22,.35) 0 2px,transparent 2px 26px),repeating-linear-gradient(-45deg,rgba(224,134,79,.28) 0 2px,transparent 2px 26px);opacity:.5;mix-blend-mode:overlay}.mgc-welcome-strip-bg{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 14px 0,transparent 10px,rgba(238,203,133,.2) 10.5px,rgba(238,203,133,.2) 11px,transparent 11.5px);background-size:28px 28px;background-position:top center;opacity:.4;-webkit-mask-image:linear-gradient(#000,transparent 70%);mask-image:linear-gradient(#000,transparent 70%)}.mgc-welcome-strip::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 110'%3E%3Cg fill='none' stroke='%23eecb85' stroke-width='1.4' stroke-linejoin='round' opacity='0.55'%3E%3Cpath d='M46 106 L114 106 L100 84 L60 84 Z'/%3E%3Cpath d='M60 84 L100 84 L90 66 L70 66 Z'/%3E%3Cpath d='M70 66 L90 66 L83 50 L77 50 Z'/%3E%3Cline x1='80' y1='50' x2='80' y2='34'/%3E%3Cellipse cx='80' cy='32' rx='4.5' ry='2'/%3E%3Ccircle cx='80' cy='27' r='2.3'/%3E%3Ccircle cx='53' cy='97' r='2.6'/%3E%3Ccircle cx='107' cy='97' r='2.6'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:160px 110px;background-position:top left;opacity:.28;-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.75) 55%,transparent 92%);mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.75) 55%,transparent 92%)}.mgc-welcome-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1100px,95%);height:100%;color:var(--mgc-gold-soft);opacity:.24;pointer-events:none;z-index:1}.mgc-welcome-watermark svg{width:100%;height:100%;display:block}.mgc-welcome-strip-inner{position:relative;z-index:2}.mgc-welcome-strip .mgc-alpana-border{position:absolute;left:0;right:0;height:16px;z-index:2;pointer-events:none;background-repeat:repeat-x;background-size:100px 16px;opacity:.92;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 16'%3E%3Cg fill='none' stroke='%231f7c70' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M0 9 Q12.5 1 25 9 T50 9 T75 9 T100 9'/%3E%3Cpath d='M0 9 Q12.5 16 25 9 T50 9 T75 9 T100 9' opacity='0.55'/%3E%3C/g%3E%3Cg fill='%23eecb85'%3E%3Ccircle cx='12.5' cy='9' r='2.1'/%3E%3Ccircle cx='37.5' cy='9' r='2.1'/%3E%3Ccircle cx='62.5' cy='9' r='2.1'/%3E%3Ccircle cx='87.5' cy='9' r='2.1'/%3E%3C/g%3E%3C/svg%3E")}.mgc-welcome-strip .mgc-alpana-border.top{top:0}.mgc-welcome-strip .mgc-alpana-border.bottom{bottom:0;transform:scaleY(-1)}.mgc-welcome-strip-head{max-width:680px;margin:0 auto 18px;text-align:center}.mgc-welcome-strip-head .mgc-eyebrow{justify-content:center;color:var(--mgc-gold-soft)}.mgc-welcome-strip-head .mgc-eyebrow::before{background:var(--mgc-gold-soft)}.mgc-welcome-strip-head h2{color:#fff;font-family:var(--font-display);font-size:24px;margin:6px 0;letter-spacing:.2px}.mgc-welcome-strip-head p{color:#e8d6c4;font-size:14px;margin:0}.mgc-welcome-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.mgc-wtab{position:relative;display:flex;align-items:center;gap:12px;padding:13px 18px;border-radius:10px;color:#fff;font-family:var(--font-body);font-weight:700;font-size:14.5px;line-height:1.42;letter-spacing:.1px;text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 10px rgba(0,0,0,.15);box-shadow:0 10px 22px -12px rgba(6,10,26,.55);border:1px solid rgba(255,255,255,.14);isolation:isolate;overflow:hidden;transition:transform .25s,box-shadow .25s}.mgc-wtab::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:rgba(9,8,16,.2)}.mgc-wtab::before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 60%)}.mgc-wtab:hover{transform:translateY(-3px);box-shadow:0 16px 30px -12px rgba(6,10,26,.65)}.mgc-wtab:hover::before{opacity:1}.mgc-wtab i{position:relative;z-index:1;flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);font-size:12.5px;border:1px solid rgba(255,255,255,.35)}.mgc-wtab span{position:relative;z-index:1}.wtab-1{background:linear-gradient(135deg,#d3242c 0,#a97c22 100%)}.wtab-2{background:linear-gradient(135deg,#145a52 0,#1f7c70 100%)}.wtab-3{background:linear-gradient(135deg,#5b3fa0 0,#442d80 100%)}.wtab-4{background:linear-gradient(135deg,#d6a13c 0,#7a1f2b 100%)}.wtab-5{background:linear-gradient(135deg,#143a6b 0,#1f7c70 100%)}.wtab-6{background:linear-gradient(135deg,#7a1f2b 0,#5b3fa0 100%)}@media (max-width:900px){.mgc-welcome-tabs{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.mgc-welcome-strip{padding:26px 0 24px}.mgc-welcome-tabs{grid-template-columns:1fr}.mgc-welcome-strip-head h2{font-size:21px}}.mgc-reviews-section{position:relative;overflow:hidden;padding-top:27px;padding-bottom:27px;background:var(--mgc-ivory)}.mgc-reviews-watermark{position:absolute;top:-60px;right:-60px;width:360px;height:360px;background:radial-gradient(circle,rgba(214,161,60,.14),transparent 70%);pointer-events:none;z-index:0}.mgc-reviews-section>.container{position:relative;z-index:1}.mgc-reviews-summary{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin:0 0 36px}.mgc-reviews-score{display:flex;align-items:center;gap:12px;background:var(--mgc-paper);padding:12px 22px;border-radius:10px;box-shadow:var(--shadow-card);border:1px solid var(--mgc-border)}.mgc-reviews-score-num{font-family:var(--font-heading, inherit);font-size:30px;font-weight:700;color:var(--mgc-indigo-deep);line-height:1}.mgc-reviews-stars{color:var(--mgc-gold);font-size:15px;letter-spacing:2px}.mgc-reviews-count{font-size:12.5px;color:var(--mgc-ink-soft);display:block;margin-top:2px;white-space:nowrap}.mgc-reviews-score>div:nth-child(2){display:flex;flex-direction:column}.mgc-reviews-summary .mgc-btn-outline i{margin-right:6px}.mgc-reviews-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.mgc-review-card{background:var(--mgc-paper);border:1px solid var(--mgc-border);border-radius:10px;padding:20px 20px 18px;box-shadow:var(--shadow-card);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.mgc-review-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover)}.mgc-review-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.mgc-review-avatar{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--mgc-indigo-light),var(--mgc-indigo));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;font-family:var(--font-heading, inherit)}.mgc-review-who{flex:1 1 auto;min-width:0}.mgc-review-name{display:block;font-size:13.5px;font-weight:700;color:var(--mgc-indigo-deep);text-decoration:none;line-height:1.3}.mgc-review-name:hover{color:var(--mgc-maroon);text-decoration:underline}.mgc-review-meta{font-size:11px;color:var(--mgc-ink-soft);margin-top:2px;line-height:1.4}.mgc-review-lg{color:var(--mgc-teal);font-weight:600}.mgc-review-badge{color:#4285f4;font-size:15px;flex:0 0 auto;margin-top:2px}.mgc-review-card p{font-size:13.5px;line-height:1.6;color:var(--mgc-ink);margin:0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.mgc-reviews-note{text-align:center;font-size:12.5px;color:var(--mgc-ink-soft);margin-top:30px}.mgc-reviews-note a{color:var(--mgc-indigo);font-weight:600;text-decoration:none}.mgc-reviews-note a:hover{text-decoration:underline;color:var(--mgc-maroon)}@media (max-width:1000px){.mgc-reviews-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.mgc-reviews-grid{grid-template-columns:1fr}.mgc-reviews-summary{flex-direction:column;gap:16px}}.mgc-intake-btn{position:relative;display:inline-flex;align-items:center;gap:9px;margin:22px auto 0;padding:12px 28px;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.4px;color:var(--mgc-indigo-deep);background:var(--mgc-paper);border:1.5px solid var(--mgc-gold);border-radius:30px;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:0 6px 16px -10px rgba(13,22,46,.35);transition:color .35s,border-color .35s,box-shadow .45s,transform .3s cubic-bezier(.22,1,.36,1)}.mgc-acad .mgc-section-head{display:flex;flex-direction:column;align-items:center}.mgc-intake-btn i{font-size:13px;color:var(--mgc-gold-deep);transition:transform .35s,color .35s}.mgc-intake-btn::before{content:'';position:absolute;inset:-2px;border-radius:32px;z-index:-2;background:radial-gradient(60% 140% at 50% 50%,rgba(214,161,60,.55),rgba(214,161,60,0) 70%);opacity:0;transition:opacity .45s}.mgc-intake-btn::after{content:'';position:absolute;top:0;left:-60%;width:45%;height:100%;z-index:-1;background:linear-gradient(100deg,rgba(255,255,255,0) 0,rgba(255,255,255,.75) 50%,rgba(255,255,255,0) 100%);transform:skewX(-18deg);opacity:0}.mgc-intake-btn:focus-visible,.mgc-intake-btn:hover{color:var(--mgc-indigo-deep);border-color:var(--mgc-gold-deep);box-shadow:0 10px 26px -10px rgba(214,161,60,.55),0 0 0 4px rgba(214,161,60,.14);transform:translateY(-2px)}.mgc-intake-btn:focus-visible::before,.mgc-intake-btn:hover::before{opacity:1}.mgc-intake-btn:focus-visible::after,.mgc-intake-btn:hover::after{opacity:1;animation:1.1s forwards mgcIntakeSheen}.mgc-intake-btn:hover i{transform:scale(1.12) rotate(-4deg);color:var(--mgc-gold-deep)}.mgc-intake-btn:active{transform:translateY(0) scale(.98)}@keyframes mgcIntakeSheen{0%{left:-60%}100%{left:130%}}@media (prefers-reduced-motion:reduce){.mgc-intake-btn,.mgc-intake-btn::after,.mgc-intake-btn::before{transition:none;animation:none}}.mgc-intake-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(13,22,46,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .32s}.mgc-intake-backdrop.is-open{opacity:1}.mgc-intake-backdrop[hidden]{display:none}.mgc-intake-modal{position:relative;width:100%;max-width:1040px;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--mgc-paper);border-radius:18px;border:1px solid var(--mgc-border);box-shadow:0 30px 70px -20px rgba(13,22,46,.55);padding:34px 34px 28px;transform:translateY(28px) scale(.96);opacity:0;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .32s}.mgc-intake-backdrop.is-open .mgc-intake-modal{transform:translateY(0) scale(1);opacity:1}.mgc-intake-modal::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,var(--mgc-indigo) 0,var(--mgc-gold) 50%,var(--mgc-maroon) 100%)}.mgc-intake-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--mgc-ivory);border:1px solid var(--mgc-border);color:var(--mgc-indigo-deep);font-size:15px;cursor:pointer;transition:background .25s,color .25s,transform .3s cubic-bezier(.34,1.56,.64,1)}.mgc-intake-close:hover{background:var(--mgc-maroon);color:#fff;transform:rotate(90deg)}.mgc-intake-close:focus-visible{outline:3px solid var(--mgc-gold);outline-offset:2px}.mgc-intake-head{padding-right:44px;margin-bottom:20px}.mgc-intake-head .mgc-eyebrow{color:var(--mgc-gold-deep)}.mgc-intake-head h3{font-family:var(--font-display);font-size:23px;line-height:1.28;color:var(--mgc-indigo-deep);margin:6px 0 8px}.mgc-intake-head p{font-size:14px;line-height:1.55;color:var(--mgc-ink-soft);margin:0}.mgc-intake-tablewrap{overflow-x:auto;border:1px solid var(--mgc-border);border-radius:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}.mgc-intake-table{width:100%;min-width:920px;border-collapse:collapse;font-size:13.5px;background:var(--mgc-paper)}.mgc-intake-table thead th{position:sticky;top:0;z-index:2;background:var(--mgc-indigo);color:#fff;font-family:var(--font-body);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.35px;text-align:center;padding:12px 8px;white-space:nowrap;border-bottom:2px solid var(--mgc-gold)}.mgc-intake-table thead th.col-degree,.mgc-intake-table thead th.col-subject{text-align:left}.mgc-intake-table thead th.col-total{background:var(--mgc-maroon)}.mgc-intake-table td{padding:10px 8px;text-align:center;color:var(--mgc-ink);border-bottom:1px solid var(--mgc-border);white-space:nowrap}.mgc-intake-table td.col-degree{text-align:left;white-space:normal;font-family:var(--font-display);font-weight:600;color:var(--mgc-indigo-deep);background:var(--mgc-ivory);font-size:13px;line-height:1.35;vertical-align:middle;border-right:1px solid var(--mgc-border)}.mgc-intake-table td.col-subject{text-align:left;white-space:normal;min-width:150px;font-weight:600;color:var(--mgc-indigo-deep)}.mgc-intake-table td.col-total{font-family:var(--font-display);font-weight:700;color:var(--mgc-maroon);background:rgba(122,31,43,.06)}.mgc-intake-table tbody tr:nth-child(2n) td:not(.col-degree){background:rgba(23,37,73,.03)}.mgc-intake-table tbody tr:hover td:not(.col-degree){background:rgba(214,161,60,.12)}.mgc-intake-table tbody tr:last-child td{border-bottom:0}.mgc-intake-note{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;padding:12px 16px;background:var(--mgc-saffron-light);border:1px solid var(--mgc-border);border-radius:10px;font-size:12.5px;line-height:1.6;color:var(--mgc-ink-soft)}.mgc-intake-note i{color:var(--mgc-gold-deep);margin-top:2px}@media (max-width:640px){.mgc-intake-modal{padding:26px 18px 22px;border-radius:14px}.mgc-intake-head{padding-right:38px}.mgc-intake-head h3{font-size:19px}}
/* ============================== mgc-polish.css ============================== */

html{ scroll-behavior:smooth; }
body{ animation:mgcPageIn .5s ease both; }
@keyframes mgcPageIn{ from{ opacity:0; } to{ opacity:1; } }

/* Custom text selection + scrollbar, small but felt everywhere */
::selection{ background:var(--mgc-gold); color:var(--mgc-indigo-deep); }
html{ scrollbar-color:var(--mgc-gold-deep) var(--mgc-ivory); scrollbar-width:thin; }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--mgc-ivory); }
::-webkit-scrollbar-thumb{ background:linear-gradient(var(--mgc-gold-deep),var(--mgc-indigo)); border-radius:6px; }
::-webkit-scrollbar-thumb:hover{ background:var(--mgc-maroon); }

/* ---------- 2. Reading progress bar under the utility bar ---------- */
#mgcReadProgress{
  position:fixed; top:0; left:0; height:3px; width:0%;
  background:linear-gradient(90deg,var(--mgc-gold-deep),var(--mgc-gold),var(--mgc-terracotta-light));
  z-index:9999; transition:width .12s linear; box-shadow:0 0 8px rgba(214,161,60,.6);
}

/* ---------- 3. Scroll-reveal utility (applied generically via JS) ---------- */
.mgc-reveal{
  opacity:0; transform:translateY(28px); filter:blur(2px);
  transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1), filter .7s ease;
  will-change:opacity, transform;
}
.mgc-reveal.mgc-reveal-left{ transform:translateX(-34px) translateY(0); }
.mgc-reveal.mgc-reveal-right{ transform:translateX(34px) translateY(0); }
.mgc-reveal.mgc-reveal-zoom{ transform:scale(.92); }
.mgc-reveal.is-in{
  opacity:1; transform:none; filter:blur(0);
}
/* staggered children inside a reveal group */
.mgc-reveal-stagger > *{ opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s cubic-bezier(.22,1,.36,1); }
.mgc-reveal-stagger.is-in > *{ opacity:1; transform:none; }
.mgc-reveal-stagger.is-in > *:nth-child(1){ transition-delay:.03s; }
.mgc-reveal-stagger.is-in > *:nth-child(2){ transition-delay:.09s; }
.mgc-reveal-stagger.is-in > *:nth-child(3){ transition-delay:.15s; }
.mgc-reveal-stagger.is-in > *:nth-child(4){ transition-delay:.21s; }
.mgc-reveal-stagger.is-in > *:nth-child(5){ transition-delay:.27s; }
.mgc-reveal-stagger.is-in > *:nth-child(6){ transition-delay:.33s; }
.mgc-reveal-stagger.is-in > *:nth-child(n+7){ transition-delay:.38s; }

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  body{ animation:none; }
  .mgc-reveal, .mgc-reveal-stagger > *{ opacity:1 !important; transform:none !important; filter:none !important; transition:none !important; }
}

/* ---------- 4. Sticky, shrinking navigation ---------- */
.mgc-nav{ position:sticky; top:0; transition:box-shadow .3s ease, padding .3s ease; }
.mgc-nav-close{ display:none; }

/* Fix: the toggle button had no horizontal padding/min-width, so its
   tappable area was only as wide as the icon glyph happened to render
   (sometimes ~0px) — making it unclickable on mobile. */
.mgc-nav-toggle{ padding:14px 12px; min-width:44px; min-height:44px; text-align:center; }
.mgc-nav.mgc-nav-stuck{
  box-shadow:0 10px 24px -12px rgba(13,22,46,.55);
}
.mgc-nav.mgc-nav-stuck .mgc-menu > li > a{ padding-top:12px; padding-bottom:12px; transition:padding .3s ease; }

/* animated active/hover underline for top-level nav links */
.mgc-menu > li > a{ position:relative; }
.mgc-menu > li > a::after{
  content:''; position:absolute; left:14px; right:14px; bottom:6px; height:2px;
  background:var(--mgc-gold); transform:scaleX(0); transform-origin:left; transition:transform .3s cubic-bezier(.22,1,.36,1);
}
.mgc-menu > li.active > a::after,
.mgc-menu > li > a:hover::after{ transform:scaleX(1); }
.mgc-menu .sub{ animation:mgcSubIn .22s ease both; }
@keyframes mgcSubIn{ from{ opacity:0; transform:translateY(-8px); } to{ opacity:1; transform:translateY(0); } }

/* =====================================================================
   MOBILE NAV — REWRITE
   The base stylesheet's mobile menu was `position:absolute` with
   `max-height:70vh`, which clipped the open menu on short viewports
   (items after Activities fell below the clipped edge), and a modest
   z-index with no isolation, which let it stack behind other content.
   Fix: fixed, full-height overlay panel with its own stacking context
   and a high z-index, plus a dimmed backdrop. Submenu link colour is
   also fixed here (was invisible dark-on-dark).
   ===================================================================== */
@media (max-width:991px){
  .mgc-nav{
    isolation:isolate;
    z-index:2000;
  }
  .mgc-nav-toggle{ position:relative; z-index:2; }

  /* Fix: menu was anchored to var(--mgc-nav-h), i.e. wherever the nav bar
     sits on the page, rather than the top of the viewport. On a tall mobile
     header that pushed the panel down and its bottom half was clipped off
     the bottom of the screen. It now always starts at the true top of the
     viewport and fills the full screen height. */
  .mgc-menu{
    position:fixed !important;
    top:0 !important;
    left:0;
    right:0;
    width:100%;
    flex-wrap:nowrap;
    max-height:none !important;
    height:100vh !important;
    height:100dvh !important;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    z-index:2001;
    box-shadow:0 18px 34px -16px rgba(0,0,0,.6);
    padding-top:64px;
    padding-bottom:24px;
  }
  .mgc-menu.is-open{ display:flex !important; }

  .mgc-nav-backdrop{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(6,14,30,.45);
    z-index:1999;
  }
  .mgc-nav.open .mgc-nav-backdrop,
  .mgc-nav-backdrop.is-open{ display:block; }

  body.mgc-nav-locked{ overflow:hidden; }

  /* Close (X) button pinned to the top-right of the full-screen mobile menu */
  .mgc-nav-close{
    display:none;
    position:fixed;
    top:10px;
    right:16px;
    z-index:2002;
    width:44px;
    height:44px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(6,14,30,.55);
    color:#fff;
    font-size:18px;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }
  .mgc-nav.open .mgc-nav-close,
  .mgc-nav-close.is-open{ display:flex; }
  .mgc-nav-close:hover{ background:var(--mgc-gold); color:var(--mgc-navy-deep); border-color:var(--mgc-gold); }

  .mgc-menu .sub li a{
    color:#eef0f8;
    border-bottom-color:rgba(255,255,255,.14);
  }
  .mgc-menu .sub li a:hover{
    background:rgba(255,255,255,.08);
    color:var(--mgc-gold-soft);
    padding-left:20px;
  }

  /* Reduce vertical spacing between mobile menu items — base stylesheet
     used 14px top/bottom padding per link plus full-size line-height,
     which made the list feel sparse and tall on small screens. */
  .mgc-menu > li > a{
    padding-top:9px !important;
    padding-bottom:9px !important;
    line-height:1.3;
  }
  .mgc-menu .sub{
    padding-top:2px;
    padding-bottom:2px;
  }
  .mgc-menu .sub li a{
    padding-top:8px !important;
    padding-bottom:8px !important;
    line-height:1.3;
  }
}

/* ---------- 4c. Sticky mobile nav-bar brand (logo + college name) ----------
   On mobile, the tall header (logo + name) scrolls away and only the
   toggle bar stays sticky, leaving it unbranded while browsing. This adds
   a compact logo + name to the sticky bar itself, mobile-only. ---------- */
.mgc-nav-brand{
  display:none;
  align-items:center;
  gap:9px;
  min-width:0;
  text-decoration:none;
  color:#fff;
}
.mgc-nav-brand-logo{
  flex:none;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#fff;
  padding:3px;
  object-fit:contain;
  box-shadow:0 2px 8px -2px rgba(0,0,0,.5);
}
.mgc-nav-brand-text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:var(--font-display);
  font-weight:700;
  font-size:13.5px;
  letter-spacing:.2px;
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
@media (max-width:991px){
  .mgc-nav-brand{
    display:flex;
    max-width:calc(100% - 60px);
  }
}
@media (max-width:420px){
  .mgc-nav-brand-text{ font-size:12px; }
}

/* =====================================================================
   4d. STYLISH DROPDOWN / SUBMENU MAKEOVER
   Purely visual — same markup, same open/close logic, just a richer
   look: rounded panel, gold top accent, rotating chevrons, a soft
   left-accent hover sweep, and roomier, icon-led rows.
   ===================================================================== */

/* Rotating chevrons for both desktop hover and mobile accordion */
.mgc-menu > li > a .fa-angle-down{ transition:transform .28s cubic-bezier(.34,1.56,.64,1); }
.mgc-menu > li:hover > a .fa-angle-down,
.mgc-menu > li.open > a .fa-angle-down{ transform:rotate(180deg); }

/* --- Desktop dropdown panel --- */
@media (min-width:992px){
  .mgc-menu .sub{
    border-radius:0 0 12px 12px;
    border-top:none;
    padding:10px 0;
    box-shadow:0 20px 40px -18px rgba(13,22,46,.45), 0 2px 0 rgba(214,161,60,.6);
    overflow:hidden;
  }
  .mgc-menu .sub::before{
    content:'';
    display:block;
    height:3px;
    margin-bottom:6px;
    background:linear-gradient(90deg,var(--mgc-gold-deep) 0,var(--mgc-gold) 45%,var(--mgc-gold-soft) 100%);
  }
  .mgc-menu .sub li{ position:relative; }
  .mgc-menu .sub li a{
    position:relative;
    display:flex;
    align-items:center;
    gap:9px;
    border-bottom:1px dashed rgba(214,161,60,.35);
    padding:10px 20px 10px 24px;
    transition:background .2s ease, color .2s ease, padding-left .2s ease;
  }
  .mgc-menu .sub li a::before{
    content:'\f105';
    font-family:FontAwesome;
    font-size:11px;
    color:var(--mgc-gold-deep);
    opacity:.55;
    transition:transform .2s ease, opacity .2s ease;
  }
  .mgc-menu .sub li:last-child a{ border-bottom:0; }
  .mgc-menu .sub li a:hover{
    background:linear-gradient(90deg,rgba(214,161,60,.14),rgba(214,161,60,.03) 70%);
    color:var(--mgc-maroon);
    padding-left:28px;
  }
  .mgc-menu .sub li a:hover::before{
    transform:translateX(3px);
    opacity:1;
  }
}

/* --- Mobile accordion submenu --- */
@media (max-width:991px){
  .mgc-menu .sub{
    background:rgba(0,0,0,.16);
    border-radius:10px;
    margin:2px 10px 10px;
    padding:4px 0;
    box-shadow:inset 0 0 0 1px rgba(214,161,60,.18);
  }
  .mgc-menu .sub li a{
    position:relative;
    display:flex;
    align-items:center;
    gap:9px;
    padding:12px 18px 12px 30px;
    border-bottom-style:dashed;
  }
  .mgc-menu .sub li a::before{
    content:'\f105';
    font-family:FontAwesome;
    font-size:10px;
    color:var(--mgc-gold-soft);
    opacity:.8;
  }
  .mgc-menu > li.open > a{
    background:rgba(0,0,0,.14);
    color:var(--mgc-gold-soft);
  }
}

/* ---------- 5. Buttons: shine sweep + lift + press feedback ---------- */
.mgc-motto-panel{ transition:box-shadow .4s ease; }
.mgc-motto-pill{ transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease, background .3s ease; }

/* ---------- 4b. Our Motto: ambient rotating glow ring + pill/rule polish ---------- */
.mgc-motto-panel::after{
  content:''; position:absolute; z-index:1; pointer-events:none; inset:-60%;
  background:conic-gradient(from 0deg, transparent 0deg, rgba(214,161,60,.16) 55deg, transparent 130deg, transparent 360deg);
  animation:mgcMottoRing 12s linear infinite;
}
@keyframes mgcMottoRing{ to{ transform:rotate(360deg); } }
.mgc-motto-watermark{ transition:transform .6s ease, color .6s ease; }
.mgc-motto-panel:hover .mgc-motto-watermark{ transform:translate(-50%,-46%) scale(1.04); color:rgba(214,161,60,.11); }
.mgc-motto-pill:hover{ transform:translateY(-6px) scale(1.05); box-shadow:0 18px 30px -12px rgba(0,0,0,.55); }
.mgc-motto-highlight-rule{ transition:opacity .4s ease; }
.mgc-motto-panel:hover .mgc-motto-highlight-rule{ opacity:1.2; filter:brightness(1.15); }

@media (prefers-reduced-motion: reduce){
  .mgc-motto-panel::after{ animation:none; }
}

.mgc-btn{
  position:relative; overflow:hidden; isolation:isolate;
  transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease, background .25s ease, color .25s ease;
}
.mgc-btn::before{
  content:''; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(115deg, transparent 20%, rgba(255,255,255,.55) 45%, transparent 70%);
  transform:translateX(-120%); transition:transform .6s ease;
}
.mgc-btn:hover::before{ transform:translateX(120%); }
.mgc-btn:hover{ transform:translateY(-3px); box-shadow:0 14px 26px -14px rgba(13,22,46,.45); }
.mgc-btn:active{ transform:translateY(-1px) scale(.98); }
.mgc-qbtn, .mgc-portalbtn{ transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease; }
.mgc-qbtn:hover, .mgc-portalbtn:hover{ transform:translateY(-3px); }
.mgc-portalbtn i.fa-arrow-right{ transition:transform .3s ease; }
.mgc-portalbtn:hover i.fa-arrow-right{ transform:translateX(5px); }

/* ---------- 6. Cards: consistent hover lift + glow across the site ---------- */
.mgc-intro-card, .mgc-vma-card, .mgc-acad-card, .mgc-dept-card, .mgc-review-card{
  transition:transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease;
}
.mgc-intro-card:hover, .mgc-acad-card:hover, .mgc-dept-card:hover, .mgc-review-card:hover{
  transform:translateY(-7px);
  box-shadow:0 24px 40px -22px rgba(13,22,46,.4);
}
.mgc-vma-card{ transition:transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease; }
.mgc-vma-card:hover{ transform:translateY(-9px) rotate(-.3deg); box-shadow:0 26px 44px -20px rgba(13,22,46,.45); }
.mgc-vma-icon{ transition:transform .45s cubic-bezier(.34,1.56,.64,1); }
.mgc-vma-card:hover .mgc-vma-icon{ transform:scale(1.12) rotate(-6deg); }

.mgc-intro-card-media img{ transition:transform .6s cubic-bezier(.22,1,.36,1); }
.mgc-intro-card:hover .mgc-intro-card-media img{ transform:scale(1.06); }
.mgc-intro-card-media{ overflow:hidden; }

.mgc-dept-icon{ transition:transform .4s cubic-bezier(.34,1.56,.64,1), color .3s ease; }
.mgc-dept-card:hover .mgc-dept-icon{ transform:scale(1.15) rotate(6deg); }

/* Welcome tabs: subtle bounce-in feel on hover */
.mgc-wtab{ transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease; }
.mgc-wtab:hover{ transform:translateY(-5px) scale(1.02); box-shadow:0 18px 30px -18px rgba(13,22,46,.4); }

/* ---------- 7. Gallery: zoom + shine on hover ---------- */
.mgc-gallery-tile{
  position:relative; overflow:hidden; cursor:pointer;
  transition:transform .5s cubic-bezier(.22,1,.36,1), box-shadow .5s ease;
}
.mgc-gallery-tile:hover{ transform:translateY(-6px) scale(1.03); box-shadow:0 22px 38px -18px rgba(13,22,46,.5); z-index:2; }
.mgc-gallery-tile::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.35) 48%, transparent 66%);
  transform:translateX(-140%); transition:transform .7s ease;
}
.mgc-gallery-tile:hover::after{ transform:translateX(140%); }
.mgc-gallery-tile span{ transition:transform .4s ease; }
.mgc-gallery-tile:hover span{ transform:translateY(-3px); }

/* ---------- 8. Review cards: quote mark + avatar polish ---------- */
.mgc-review-avatar{ transition:transform .35s cubic-bezier(.34,1.56,.64,1); }
.mgc-review-card:hover .mgc-review-avatar{ transform:scale(1.12) rotate(-4deg); }

/* ---------- 9. Notice / event ticker items: gentle hover nudge ---------- */
.mgc-notice-item a{ transition:color .25s ease, transform .25s ease; display:inline-block; }
.mgc-notice-item a:hover{ transform:translateX(4px); }

/* ---------- 10. Back-to-top: smoother reveal + subtle idle float ---------- */
.mgc-totop{ transition:opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.34,1.56,.64,1), background .25s ease; }
.mgc-totop.show{ animation:mgcTotopFloat 2.6s ease-in-out infinite; }
@keyframes mgcTotopFloat{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-4px);} }
.mgc-totop:hover{ transform:translateY(-4px) scale(1.08); }

/* ---------- 10c. Footer: top-edge shimmer, map card + emblem polish ---------- */
.mgc-footer{ position:relative; }
.mgc-footer-beam{
  position:absolute; top:0; left:-30%; width:26%; height:3px; z-index:3;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);
  filter:blur(1px); mix-blend-mode:screen; pointer-events:none;
  animation:6s ease-in-out infinite mgcFooterBeamSweep;
}
@keyframes mgcFooterBeamSweep{
  0%{ left:-30%; opacity:0; }
  10%,20%{ opacity:1; }
  55%,100%{ left:110%; opacity:0; }
}
.mgc-footer-emblem{ transition:transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease; }
.mgc-footer-about:hover .mgc-footer-emblem{ transform:scale(1.08) rotate(-4deg); box-shadow:0 8px 20px -6px rgba(169,124,34,.7),inset 0 0 0 2px rgba(255,255,255,.3); }
.mgc-footer-map-frame{ transition:box-shadow .35s ease, border-color .35s ease; }
.mgc-footer-map-frame:hover{ border-color:rgba(238,203,133,.55); box-shadow:0 20px 40px -18px rgba(0,0,0,.75); }
.mgc-footer-map-frame:hover iframe{ filter:grayscale(.05) contrast(1.05) brightness(1); }
.mgc-footer-map iframe{ transition:filter .4s ease; }
.mgc-footer-map-badge{ transition:transform .3s ease; }
.mgc-footer-map-frame:hover .mgc-footer-map-badge{ transform:translateY(-2px); }

@media (prefers-reduced-motion: reduce){
  .mgc-footer-beam{ display:none; }
  .mgc-footer-emblem, .mgc-footer-map-frame, .mgc-footer-map iframe, .mgc-footer-map-badge{ transition:none; }
}

/* ---------- 11. Slider arrows / dots — extra tactility ---------- */
.mgc-slider [id$="Prev"], .mgc-slider [id$="Next"]{ transition:transform .3s cubic-bezier(.34,1.56,.64,1), background .25s ease; }
.mgc-slider [id$="Prev"]:hover, .mgc-slider [id$="Next"]:hover{ transform:translateY(-50%) scale(1.12); }
#mgcSliderDots button{ transition:transform .3s ease, background .3s ease; }
#mgcSliderDots button:hover{ transform:scale(1.25); }

/* ---------- 12. Form fields: focus glow ---------- */
.mgc-field .form-control{ transition:box-shadow .25s ease, border-color .25s ease, transform .25s ease; }
.mgc-field .form-control:focus{ box-shadow:0 0 0 4px rgba(214,161,60,.22); transform:translateY(-1px); }

/* ---------- 13. Section eyebrows: little accent draw-in ---------- */
.mgc-eyebrow{ position:relative; }
.mgc-section-head h2{ position:relative; display:inline-block; }
.mgc-section-head h2::after{
  content:''; position:absolute; left:50%; bottom:-10px; width:0; height:3px; transform:translateX(-50%);
  background:linear-gradient(90deg,var(--mgc-gold-deep),var(--mgc-gold)); border-radius:3px;
  transition:width .7s cubic-bezier(.22,1,.36,1);
}
.mgc-section-head.center h2::after{ width:0; }
.mgc-section-head.is-in h2::after{ width:72px; }

/* ---------- 14. Utility bar live dot / marquee: tiny depth ---------- */
.mgc-utilbar-set, .mgc-updatebar-items{ will-change:transform; }

/* =====================================================================
   15. SOS FIXES — teal update bar, brighter header/college-name text,
   and a livelier mobile header.
   ===================================================================== */

/* --- 15a. Latest update marquee: bright golden-yellow track, teal flag --- */
.mgc-updatebar{
  background:linear-gradient(180deg,#fff8dc 0,#ffd54f 30%,#ffb300 62%,#ff9f1c 100%) !important;
  border-bottom:1px solid #c97a00 !important;
  box-shadow:0 0 20px rgba(255,250,225,.85) inset, 0 4px 14px -6px rgba(150,95,0,.4) !important;
}
.mgc-updatebar-flag{
  background:linear-gradient(135deg,#26a696 0,#0c3d37 100%) !important;
  box-shadow:6px 0 18px -4px rgba(6,40,35,.5), inset 0 1px 0 rgba(255,255,255,.4) !important;
  text-shadow:0 1px 3px rgba(0,0,0,.5) !important;
}
.mgc-updatebar-flag::after{
  background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.55),rgba(255,255,255,0) 72%) !important;
}
.mgc-updatebar-dot{ background:#fff !important; box-shadow:0 0 6px rgba(255,255,255,.85) !important; }
.mgc-updatebar-scrollwrap::before{
  background:linear-gradient(90deg,rgba(255,159,28,.9),rgba(255,159,28,0) 100%) !important;
}
.mgc-updatebar-items a{ color:var(--mgc-indigo-deep) !important; }
.mgc-updatebar-items a:hover{ color:var(--mgc-maroon-deep) !important; text-shadow:0 0 10px rgba(255,255,255,.7); }
.mgc-updatebar-items{
  font-size:14.5px !important;
  font-weight:800 !important;
  letter-spacing:.15px;
}
.mgc-updatebar-items a{
  text-shadow:0 1px 0 rgba(255,255,255,.65) !important;
}
.mgc-updatebar-items .mgc-tag-new{
  background:linear-gradient(135deg,#ff5252 0,#d3242c 100%) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 0 10px rgba(211,36,44,.75) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
  animation:.7s ease-in-out infinite mgcBadgeBlinkFast !important;
}
@keyframes mgcBadgeBlinkFast{ 0%,100%,40%{ opacity:1; } 20%{ opacity:.3; } }
.mgc-qbtn .mgc-tag-new{
  background:linear-gradient(135deg,#ff5252 0,#d3242c 100%) !important;
  box-shadow:0 0 10px rgba(211,36,44,.75) !important;
  animation:.7s ease-in-out infinite mgcBadgeBlinkFast !important;
}
@media (prefers-reduced-motion:reduce){
  .mgc-updatebar-items .mgc-tag-new, .mgc-qbtn .mgc-tag-new{ animation:none !important; }
}

/* --- 15b. College name + header text: elegant, eye-catching treatment (no background block) --- */
.mgc-brand2-text h1{
  position:relative;
  display:inline-block;
  background:none !important;
  color:var(--mgc-navy-deep) !important;
  -webkit-background-clip:initial; background-clip:initial; -webkit-text-fill-color:initial;
  text-shadow:none;
  font-size:25px !important;
  font-weight:800 !important;
  letter-spacing:.9px;
  padding-bottom:9px;
  margin-bottom:7px !important;
}
.mgc-brand2-text h1::after{
  content:'';
  position:absolute;
  left:1px; bottom:0;
  width:58px; height:3px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--mgc-gold-deep),var(--mgc-gold-soft));
  box-shadow:0 1px 4px rgba(169,124,34,.5);
}
.mgc-h2-sub1{
  color:var(--mgc-navy-deep) !important;
  opacity:.82 !important;
  font-weight:600 !important;
  font-style:italic;
  font-size:12px !important;
  letter-spacing:.25px;
}
.mgc-h2-sub2{
  color:var(--mgc-teal) !important;
  background:none !important;
  display:flex !important;
  align-items:center;
  gap:6px;
  font-weight:700 !important;
  font-size:11.5px !important;
  letter-spacing:.5px !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.mgc-h2-sub2::before{
  content:'\f005';
  font-family:FontAwesome;
  font-size:10px;
  color:var(--mgc-gold-deep);
}
.mgc-tagpill{
  display:inline-flex !important;
  align-items:center;
  color:var(--mgc-gold-deep) !important;
  background:linear-gradient(160deg,rgba(255,253,246,.9),rgba(238,203,133,.28)) !important;
  border:1px solid rgba(214,161,60,.55) !important;
  border-radius:20px !important;
  padding:4px 14px 4px 12px !important;
  margin:5px 0 6px !important;
  font-weight:800 !important;
  font-size:9.5px !important;
  letter-spacing:1.5px !important;
  box-shadow:0 3px 10px -4px rgba(169,124,34,.45), inset 0 1px 0 rgba(255,255,255,.6) !important;
}
.mgc-tagpill::before{ content:'\2726'; color:var(--mgc-gold-deep) !important; margin-right:6px; font-size:9px; }
.mgc-h2-addr{
  display:flex !important;
  align-items:center;
  gap:6px;
  color:var(--mgc-terracotta-deep) !important;
  font-weight:700 !important;
  letter-spacing:.9px !important;
  margin-bottom:8px !important;
}
.mgc-h2-addr::before{
  content:'\f041';
  font-family:FontAwesome;
  font-size:10.5px;
  color:var(--mgc-terracotta-deep);
}

/* --- 15c. Header: make the alpana pattern more prominent everywhere --- */
.mgc-header2::before{
  background-image:linear-gradient(90deg,rgba(250,246,236,.75),rgba(250,246,236,.6) 55%,rgba(250,246,236,.78)),url('../images/alpana.jpg') !important;
  background-size:cover,340px auto !important;
  opacity:1 !important;
}

@media (max-width:760px){
  .mgc-header2::before{
    background-image:linear-gradient(160deg,rgba(250,246,236,.55),rgba(250,246,236,.65) 55%,rgba(255,255,255,.7)),url('../images/alpana.jpg') !important;
    background-size:cover,220px auto !important;
    opacity:1 !important;
  }
  .mgc-header2::after{
    height:4px;
    background:linear-gradient(90deg,transparent,var(--mgc-teal-light) 18%,var(--mgc-gold) 50%,var(--mgc-teal-light) 82%,transparent) !important;
    opacity:1 !important;
  }
  .mgc-brand2-emblem::before{ background:radial-gradient(circle,rgba(255,209,102,.75),rgba(255,209,102,0) 70%) !important; }
  .mgc-brand2-text h1{ font-size:22px !important; }
}

@media (prefers-reduced-motion: reduce){
  .mgc-updatebar{ animation:none; }
}

/* Respect users who want less motion, one more time, broadly */
@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior:auto !important; }
  .mgc-btn::before, .mgc-gallery-tile::after{ display:none; }
  .mgc-totop.show{ animation:none; }
}

/* =====================================================================
   GALLERY — International Day of Yoga stamp-photo tile + lightbox
   ===================================================================== */
.mgc-gallery-tile-yoga{ padding:0; align-items:stretch; cursor:default; }
.mgc-gallery-tile-yoga::before,
.mgc-gallery-tile-yoga::after{ content:none; }
.mgc-gallery-tile-yoga:hover{ transform:translateY(-6px) scale(1.015); }
.mgc-yoga-stamps{
  position:absolute; inset:0; z-index:1;
  display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr;
  gap:2px; background:var(--mgc-indigo-deep);
}
.mgc-yoga-stamp{
  position:relative; display:block; width:100%; height:100%;
  padding:0; margin:0; border:0; background:0 0; cursor:pointer; overflow:hidden;
}
.mgc-yoga-stamp img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .4s cubic-bezier(.22,1,.36,1), filter .3s;
  filter:saturate(1.02);
}
.mgc-yoga-stamp:hover img,
.mgc-yoga-stamp:focus-visible img{ transform:scale(1.1); filter:saturate(1.15) brightness(1.04); }
.mgc-yoga-stamp::after{
  content:'\f00e'; font-family:FontAwesome; position:absolute; inset:0; z-index:2;
  display:flex; align-items:center; justify-content:center; font-size:15px; color:#fff;
  background:rgba(13,22,46,.38); opacity:0; transition:opacity .25s;
}
.mgc-yoga-stamp:hover::after,
.mgc-yoga-stamp:focus-visible::after{ opacity:1; }
.mgc-gallery-tile-yoga > span{
  position:absolute; left:0; right:0; bottom:0; z-index:3; margin:0;
  padding:14px 16px 12px; pointer-events:none;
  background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 90%);
}

.mgc-lightbox-backdrop{
  position:fixed; inset:0; z-index:1100; display:flex; align-items:center; justify-content:center;
  padding:24px; background:rgba(13,22,46,.78);
  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  opacity:0; transition:opacity .32s;
}
.mgc-lightbox-backdrop.is-open{ opacity:1; }
.mgc-lightbox-backdrop[hidden]{ display:none; }
.mgc-lightbox-modal{
  position:relative; max-width:min(880px,94vw); max-height:88vh;
  display:flex; flex-direction:column; align-items:center;
  transform:translateY(24px) scale(.96); opacity:0;
  transition:transform .38s cubic-bezier(.22,1,.36,1), opacity .32s;
}
.mgc-lightbox-backdrop.is-open .mgc-lightbox-modal{ transform:translateY(0) scale(1); opacity:1; }
.mgc-lightbox-modal img{
  max-width:100%; max-height:74vh; width:auto; height:auto;
  border-radius:10px; box-shadow:0 30px 70px -20px rgba(0,0,0,.6);
  border:1px solid rgba(255,255,255,.15);
}
.mgc-lightbox-caption{
  margin:14px 0 0; max-width:640px; text-align:center;
  color:#f4f6fc; font-size:13.5px; line-height:1.5;
}
.mgc-lightbox-close{
  position:absolute; top:-18px; right:-18px; width:40px; height:40px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--mgc-gold); border:1px solid rgba(255,255,255,.4); color:var(--mgc-indigo-deep);
  font-size:15px; cursor:pointer; box-shadow:0 10px 22px -8px rgba(0,0,0,.55);
  transition:background .25s,color .25s,transform .3s cubic-bezier(.34,1.56,.64,1);
}
.mgc-lightbox-close:hover{ background:var(--mgc-maroon); color:#fff; transform:rotate(90deg); }
.mgc-lightbox-close:focus-visible{ outline:3px solid var(--mgc-gold-soft); outline-offset:2px; }
@media (max-width:560px){
  .mgc-lightbox-close{ top:-14px; right:0; }
}

/* =====================================================================
   HEADER — trim vertical height a touch (desktop + mobile)
   ===================================================================== */
.mgc-header2-grid{ padding:2px 0; }
.mgc-brand2-emblem{ width:70px; height:70px; }
.mgc-brand2-text h1{ font-size:22px !important; margin-bottom:2px !important; }
.mgc-h2-sub1,.mgc-h2-sub2{ margin-top:0; margin-bottom:2px; line-height:1.15 !important; }
.mgc-tagpill{ margin:3px 0 4px !important; padding:3px 12px 3px 10px !important; }
.mgc-h2-addr{ line-height:1.15; }
@media (max-width:991px){
  .mgc-brand2-emblem{ width:62px; height:62px; }
}

/* =====================================================================
   PRINCIPAL'S DESK — "Message of Wisdom" ribbon styled as a lace tag,
   pinned at the card corner and tilted outward, away from the card.
   ===================================================================== */
.mgc-intro-card-ribbon-host{
  position:relative;
  display:flex;
}
.mgc-intro-card-ribbon-host > .mgc-intro-card{
  flex:1 1 auto;
  width:100%;
}
.mgc-wisdom-ribbon-wrap{
  position:absolute;
  top:0; right:0;
  width:0; height:0;
  overflow:visible;
  z-index:25;
  pointer-events:none;
}
/* the little gold pin/knot where the lace is fastened to the card */
.mgc-wisdom-ribbon-wrap::before{
  content:'';
  position:absolute;
  top:30px; right:2px;
  width:13px; height:13px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--mgc-gold-soft),var(--mgc-gold-deep) 75%);
  box-shadow:0 3px 8px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,255,255,.5);
  z-index:27;
}
.mgc-wisdom-ribbon{
  position:absolute;
  top:24px; right:-2px;
  display:block;
  width:190px;
  padding:7px 0;
  text-align:center;
  font-family:var(--font-display);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:1.1px;
  text-transform:uppercase;
  color:#fff;
  background:linear-gradient(100deg,#ff9a44 0,#f2740a 55%,#e0650a 100%);
  transform:rotate(-14deg);
  transform-origin:0% 50%;
  box-shadow:0 10px 22px -6px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.32);
  clip-path:polygon(0% 0%,84% 0%,100% 50%,84% 100%,0% 100%);
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s;
}
.mgc-wisdom-ribbon i{ margin-right:6px; color:#fff5e0; }
.mgc-intro-card-ribbon-host:hover .mgc-wisdom-ribbon{
  transform:rotate(-19deg);
  box-shadow:0 16px 30px -8px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.36);
}
@media (max-width:820px){
  .mgc-wisdom-ribbon{ top:20px; right:-2px; width:160px; font-size:10.5px; transform:rotate(-12deg); }
  .mgc-intro-card-ribbon-host:hover .mgc-wisdom-ribbon{ transform:rotate(-16deg); }
  .mgc-wisdom-ribbon-wrap::before{ top:19px; }
}
@media (max-width:480px){
  .mgc-wisdom-ribbon{ top:16px; right:-2px; width:140px; font-size:9.5px; padding:6px 0; transform:rotate(-10deg); }
  .mgc-intro-card-ribbon-host:hover .mgc-wisdom-ribbon{ transform:rotate(-13deg); }
  .mgc-wisdom-ribbon-wrap::before{ top:14px; width:11px; height:11px; }
}

/* =====================================================================
   HEADER — reinforce centering of the brand block (logo, name, tagline)
   in mobile view; earlier rules are strengthened here to win the cascade.
   ===================================================================== */
@media (max-width:991px){
  .mgc-header2-grid{ flex-direction:column !important; align-items:center !important; justify-content:center !important; text-align:center !important; padding:8px 0 6px; margin:0 auto; }
  .mgc-brand2{ flex-direction:column !important; align-items:center !important; justify-content:center !important; text-align:center !important; width:100% !important; margin:0 auto !important; gap:8px !important; }
  .mgc-brand2-emblem{ width:56px; height:56px; margin:0 auto !important; }
  .mgc-brand2-text{ width:100% !important; text-align:center !important; border-left:none !important; padding-left:0 !important; border-top:2px solid rgba(214,161,60,.5); padding-top:10px; }
  .mgc-brand2-text::before{ left:0 !important; right:0 !important; top:-2px !important; bottom:auto !important; width:auto !important; height:2px !important; }
  .mgc-brand2-text h1{ display:block !important; width:100% !important; text-align:center !important; }
  .mgc-brand2-text h1::after{ left:50% !important; transform:translateX(-50%) !important; }
  .mgc-h2-sub1,.mgc-h2-sub2,.mgc-h2-addr{ justify-content:center !important; text-align:center !important; width:100%; }
  .mgc-tagpill{ margin-left:auto !important; margin-right:auto !important; }
  .mgc-header2-right{ align-items:center !important; justify-content:center !important; text-align:center !important; width:100% !important; margin:0 auto !important; }
  .mgc-qbtn-row{ justify-content:center !important; width:100%; }
  .mgc-qbtn{ justify-content:center !important; }
  .mgc-portalbtn{ margin:0 auto !important; max-width:380px !important; width:100% !important; }
}

/* =====================================================================
   ACADEMIC PROGRAMMES — keep the KPI pills centered on mobile.
   mgc-style.css switches them to justify-content:flex-start below 640px;
   restore centering so each wrapped row sits centered, not left-hugging.
   ===================================================================== */
@media (max-width:640px){
  .mgc-acad-kpis-slim{ justify-content:center !important; }
}

/* =====================================================================
   HEADER — force single-line college name + bulletproof centering
   ===================================================================== */
@media (max-width:991px){
  .mgc-brand2-text h1{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    white-space:nowrap !important;
    font-size:clamp(13px, 5.2vw, 22px) !important; /* shrinks to always fit one line */
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .mgc-brand2-text h1::after{
    left:50% !important;
    transform:translateX(-50%) !important;
  }
}

/* =====================================================================
   CAMPUS GALLERY — real-photo tiles (Women's Day / Teachers' Day)
   Two of the "Moments from Campus Life" placeholder tiles are now real
   <button> elements holding an actual photo, opening the existing
   lightbox popup on click. This resets native button styling so they
   look and behave exactly like the other .mgc-gallery-tile cards, and
   fills the tile with the real <img> instead of the --t1/--t2 colour
   gradient used by the remaining placeholder tiles.
   ===================================================================== */
.mgc-gallery-tile.mgc-gallery-photo{
  border:1px solid rgba(214,161,60,.4);
  background:var(--mgc-indigo-deep);
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.mgc-gallery-tile.mgc-gallery-photo img{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s;
}
.mgc-gallery-tile.mgc-gallery-photo:hover img{
  transform:scale(1.08);
}
.mgc-gallery-tile.mgc-gallery-photo:focus-visible{
  outline:3px solid var(--mgc-gold);
  outline-offset:2px;
}
/* small "open photo" affordance, consistent with the yoga stamp tiles */
.mgc-gallery-tile.mgc-gallery-photo::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(0deg,rgba(0,0,0,.68) 0,rgba(0,0,0,.15) 45%,transparent 62%);
}

/* =====================================================================
   WELCOME STRIP — grand centre-top crest/ribbon tab
   A small, eye-catching decorative badge sitting above the "Welcome To"
   eyebrow, centred in the highlight strip. Purely additive: introduces
   its own classes so nothing already on the page is touched.
   ===================================================================== */
.mgc-welcome-crest{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 14px;
  isolation:isolate;
}
.mgc-welcome-crest-inner{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 26px;
  font-family:var(--font-display);
  font-weight:700;
  font-size:12.5px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:var(--mgc-maroon-deep);
  background:linear-gradient(160deg,#fffef8 0,var(--mgc-gold-soft) 45%,var(--mgc-gold) 85%);
  border-radius:3px;
  box-shadow:0 10px 24px -8px rgba(13,10,4,.55),0 0 0 1px rgba(255,255,255,.55) inset,0 0 0 1px rgba(122,31,43,.15);
  overflow:hidden;
  white-space:nowrap;
}
.mgc-welcome-crest-inner::before{
  /* rotating shine sweep to make the tab feel "alive" */
  content:'';
  position:absolute;
  top:0;
  left:-60%;
  width:40%;
  height:100%;
  background:linear-gradient(100deg,rgba(255,255,255,0) 0,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 100%);
  transform:skewX(-18deg);
  animation:4.5s ease-in-out infinite mgcCrestSheen;
  pointer-events:none;
}
@keyframes mgcCrestSheen{
  0%,15%{left:-60%}
  55%,100%{left:130%}
}
.mgc-welcome-crest-inner i{
  color:var(--mgc-maroon);
  font-size:11px;
}
/* pointed ribbon tails flaring out from behind the plaque, echoing a
   ceremonial/award-ribbon look */
.mgc-welcome-crest-tail{
  position:absolute;
  top:3px;
  z-index:1;
  width:22px;
  height:26px;
  background:linear-gradient(160deg,var(--mgc-gold) 0,var(--mgc-gold-deep) 100%);
  box-shadow:0 8px 16px -8px rgba(13,10,4,.6);
}
.mgc-welcome-crest-tail.left{
  left:-14px;
  clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);
}
.mgc-welcome-crest-tail.right{
  right:-14px;
  clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);
}
/* soft gold glow pulse behind the whole crest so it reads instantly
   against the terracotta welcome-strip background */
.mgc-welcome-crest::after{
  content:'';
  position:absolute;
  inset:-14px -22px;
  z-index:0;
  border-radius:40px;
  background:radial-gradient(circle,rgba(238,203,133,.45),transparent 70%);
  filter:blur(6px);
  animation:3.2s ease-in-out infinite mgcCrestGlow;
  pointer-events:none;
}
@keyframes mgcCrestGlow{
  0%,100%{opacity:.55;transform:scale(1)}
  50%{opacity:.95;transform:scale(1.08)}
}
@media (max-width:560px){
  .mgc-welcome-crest-inner{
    padding:8px 16px;
    font-size:10.5px;
    letter-spacing:1px;
    gap:7px;
  }
  .mgc-welcome-crest-inner span{white-space:normal}
  .mgc-welcome-crest-tail{display:none}
}
@media (prefers-reduced-motion:reduce){
  .mgc-welcome-crest-inner::before{animation:none;display:none}
  .mgc-welcome-crest::after{animation:none;opacity:.6}
}

/* =====================================================================
   HEADER — compact circular emblem seal
   A small round seal floating in the gap between the college name and
   the right-side buttons, carrying the college's tagline. It's taken
   out of normal flow on desktop (absolutely centred within the header
   row) so it can never push the brand block / buttons into wrapping;
   on mobile it drops back into the stacked column flow. Purely additive.
   ===================================================================== */
.mgc-header2{
  /* emblem no longer needs a reserved row above the brand block */
  padding-top:6px !important;
}
.mgc-header2-grid{
  position:relative;
}
.mgc-header-emblem{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  width:84px;
  height:84px;
  flex-shrink:0;
  margin:6px auto;
  padding:8px;
  border-radius:50%;
  background:linear-gradient(160deg,#fffef9 0,#fdf4de 55%,#f9e8c4 100%);
  border:1px solid var(--mgc-gold);
  box-shadow:0 6px 14px -8px rgba(13,22,46,.35),inset 0 1px 0 rgba(255,255,255,.9);
  isolation:isolate;
  overflow:hidden;
  text-align:center;
}
.mgc-header-emblem::before{
  /* fine double-rule inside the seal, echoing a ceremonial ring */
  content:'';
  position:absolute;
  inset:3px;
  z-index:0;
  border:1px solid rgba(122,31,43,.28);
  border-radius:50%;
  pointer-events:none;
}
.mgc-header-emblem::after{
  /* slow shine sweep across the seal */
  content:'';
  position:absolute;
  top:0;
  left:-70%;
  width:34%;
  height:100%;
  z-index:1;
  background:linear-gradient(100deg,rgba(255,255,255,0) 0,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 100%);
  transform:skewX(-16deg);
  animation:6s ease-in-out infinite mgcEmblemSheen;
  pointer-events:none;
}
@keyframes mgcEmblemSheen{
  0%,20%{left:-70%}
  60%,100%{left:130%}
}
.mgc-header-emblem-text{
  position:relative;
  z-index:2;
  font-family:var(--font-display);
  font-style:italic;
  font-weight:700;
  font-size:8.6px;
  line-height:1.15;
  letter-spacing:.1px;
  color:var(--mgc-maroon-deep);
  text-shadow:0 1px 0 rgba(255,255,255,.6);
  white-space:normal;
  max-width:60px;
}
.mgc-header-emblem-leaf{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--mgc-gold-deep);
  font-size:8px;
}
.mgc-header-emblem-leaf.right{transform:scaleX(-1)}

/* Desktop: lift the seal out of normal flow so it can never push the
   brand block / buttons apart or force them to wrap onto new lines. */
@media (min-width:992px){
  .mgc-header-emblem{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    margin:0;
  }
}

@media (max-width:760px){
  .mgc-header2{padding-top:8px !important}
  .mgc-header-emblem{
    width:64px;
    height:64px;
    margin:6px auto;
    padding:5px;
  }
  .mgc-header-emblem-text{
    font-size:7.5px;
    max-width:46px;
  }
  .mgc-header-emblem-leaf{ font-size:6.5px; }
}
@media (prefers-reduced-motion:reduce){
  .mgc-header-emblem::after{animation:none;display:none}
}

/* ============================== mgc-polish-pro.css ============================== */
/* =====================================================================
   MGC — "PRO MAX" FINAL POLISH LAYER
   Purely additive. Loads after mgc-style.css and mgc-polish.css and
   only refines what already exists — no structural/markup changes
   required. Two goals:
     1) Lift the whole canvas to a brighter, airier, more premium tone
     2) Add the small finishing details (shine, depth, motion, glow)
        that separate "done" from "polished"
   ===================================================================== */

/* ---------- 0. Brighter global canvas ---------------------------------
   The base ivory is warmed/lightened and paired with two very soft,
   fixed light "blooms" behind the content so white/paper cards and
   sections feel like they're sitting in daylight rather than on a flat
   fill. Extremely low opacity — felt, not seen. */
:root{
  --mgc-ivory: #fffdf8;
  --mgc-glow-gold: rgba(238, 203, 133, .16);
  --mgc-glow-teal: rgba(31, 124, 112, .10);
  --mgc-ring: 0 0 0 3px rgba(214,161,60,.35);
}

html{ background:var(--mgc-ivory); }

body{
  background:
    radial-gradient(ellipse 900px 520px at 8% 0%, var(--mgc-glow-gold), transparent 60%),
    radial-gradient(ellipse 800px 480px at 96% 6%, var(--mgc-glow-teal), transparent 55%),
    radial-gradient(ellipse 700px 900px at 50% 40%, rgba(255,255,255,.65), transparent 70%),
    var(--mgc-ivory) !important;
  background-attachment: fixed, fixed, fixed, fixed;
}

/* Paper surfaces get a touch brighter + crisper so content pops off the
   warmer canvas behind it. */
.mgc-dept-tile, .mgc-dept-card, .mgc-review-card, .mgc-notice-panel,
.mgc-acad-card, .mgc-intake-modal, .mgc-lightbox-modal{
  background: #ffffff;
}

/* ---------- 1. Softer, airier shadow language --------------------------
   Trades a little shadow darkness for spread — reads as "light card
   floating" rather than "heavy card sitting". */
.mgc-dept-card, .mgc-review-card, .mgc-dept-tile, .mgc-acad-card,
.mgc-notice-panel, .mgc-intro-card, .mgc-facility-card{
  box-shadow: 0 1px 2px rgba(23,37,73,.06), 0 18px 40px -22px rgba(23,37,73,.22) !important;
}

/* ---------- 2. Elegant hover-lift for every card-like surface ---------- */
.mgc-dept-card, .mgc-review-card, .mgc-dept-tile, .mgc-acad-card,
.mgc-intro-card, .mgc-facility-card, .mgc-gallery-tile{
  transition: transform .45s cubic-bezier(.22,1,.36,1),
              box-shadow .45s cubic-bezier(.22,1,.36,1),
              border-color .35s ease !important;
}
.mgc-dept-card:hover, .mgc-review-card:hover, .mgc-dept-tile:hover,
.mgc-acad-card:hover{
  transform: translateY(-6px) !important;
  box-shadow: 0 2px 4px rgba(23,37,73,.08), 0 30px 54px -22px rgba(23,37,73,.30) !important;
  border-color: rgba(214,161,60,.55) !important;
}
.mgc-intro-card:hover, .mgc-facility-card:hover{
  transform: translateY(-6px) scale(1.012) !important;
}

/* Gold hairline sheen sweep across cards on hover — a single quiet
   flash, not a loop, so it reads as premium rather than gimmicky. */
.mgc-dept-card, .mgc-review-card, .mgc-acad-card, .mgc-dept-tile{
  position: relative;
}
.mgc-dept-card::before, .mgc-review-card::before, .mgc-acad-card::before,
.mgc-dept-tile::before{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(115deg, transparent 30%, rgba(255,255,255,.55) 48%, transparent 66%);
  transform: translateX(-120%);
  transition: transform .85s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
  z-index:2;
}
.mgc-dept-card:hover::before, .mgc-review-card:hover::before,
.mgc-acad-card:hover::before, .mgc-dept-tile:hover::before{
  transform: translateX(120%);
}

/* ---------- 3. Buttons — richer gradient + shine sweep ------------------ */
.mgc-btn{
  position:relative; overflow:hidden;
  border-radius:3px !important;
  transition: transform .25s ease, box-shadow .3s ease, background .3s ease, color .3s ease !important;
}
.mgc-btn-solid{
  background: linear-gradient(135deg, var(--mgc-indigo-light), var(--mgc-indigo) 55%, var(--mgc-indigo-deep)) !important;
  box-shadow: 0 10px 24px -12px rgba(13,22,46,.55);
}
.mgc-btn-solid:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 30px -12px rgba(13,22,46,.6);
}
.mgc-btn-outline:hover{
  background: var(--mgc-indigo) !important;
  color:#fff !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px -14px rgba(13,22,46,.45);
}
.mgc-btn::after{
  content:''; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(115deg, transparent, rgba(255,255,255,.5), transparent);
  transform: skewX(-20deg);
  transition: left .6s ease;
  pointer-events:none;
}
.mgc-btn:hover::after{ left:130%; }

.mgc-qbtn, .mgc-portalbtn, .mgc-footer-portal-btn, .mgc-intake-btn{
  transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease, filter .3s ease !important;
}
.mgc-qbtn:hover, .mgc-portalbtn:hover, .mgc-footer-portal-btn:hover, .mgc-intake-btn:hover{
  transform: translateY(-3px);
  filter: brightness(1.04);
}

/* ---------- 4. Navigation — glass + brighter gold edge ------------------ */
.mgc-nav{
  backdrop-filter: blur(10px) saturate(1.15);
  -webkit-backdrop-filter: blur(10px) saturate(1.15);
}
.mgc-nav.mgc-nav-stuck{
  box-shadow: 0 10px 30px -14px rgba(10,20,40,.55), 0 2px 0 var(--mgc-gold-soft) !important;
}
.mgc-menu a{
  position:relative;
  transition: color .25s ease, transform .25s ease !important;
}
.mgc-menu a::after{
  content:''; position:absolute; left:50%; bottom:2px; width:0; height:2px;
  background: linear-gradient(90deg, var(--mgc-gold-deep), var(--mgc-gold-soft));
  transition: width .3s ease, left .3s ease;
  border-radius:2px;
}
.mgc-menu a:hover::after, .mgc-menu a:focus-visible::after{ width:70%; left:15%; }
.mgc-menu a:hover{ transform: translateY(-1px); }

/* ---------- 5. Section headings — a little more ceremony ---------------- */
.mgc-eyebrow{ position:relative; padding-bottom:2px; }
.mgc-section-head h2{
  background: linear-gradient(100deg, currentColor 60%, var(--mgc-gold-deep) 130%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* ---------- 6. Chips, pills, tags — soft glass gradient ------------------ */
.mgc-acad-chip, .mgc-tagpill, .mgc-motto-pill, .mgc-dept-tile-tag,
.mgc-tag-new{
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.mgc-acad-chip:hover, .mgc-tagpill:hover, .mgc-motto-pill:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
}

/* ---------- 7. Imagery — confident, smooth zoom -------------------------- */
.mgc-gallery-tile, .mgc-dept-tile-media, .mgc-slide-bg, .mgc-intro-card-media{
  overflow:hidden;
}
.mgc-gallery-tile img, .mgc-dept-tile-media img, .mgc-slide-bg img,
.mgc-intro-card-media img{
  transition: transform .8s cubic-bezier(.22,1,.36,1), filter .5s ease !important;
}
.mgc-gallery-tile:hover img, .mgc-dept-tile:hover .mgc-dept-tile-media img,
.mgc-intro-card:hover .mgc-intro-card-media img{
  transform: scale(1.08);
  filter: saturate(1.08) brightness(1.02);
}
.mgc-gallery-tile:hover{
  box-shadow: 0 20px 40px -18px rgba(13,22,46,.5) !important;
}

/* ---------- 8. Notices & tabs — a clean glowing active state ------------ */
.mgc-notice-tab{ transition: color .25s ease, background .25s ease, box-shadow .25s ease !important; }
.mgc-notice-tab[aria-selected="true"], .mgc-notice-tab.is-active, .mgc-wtab.is-active{
  box-shadow: 0 6px 16px -8px rgba(122,31,43,.45);
}
.mgc-notice-item{
  transition: background .25s ease, transform .25s ease, padding-left .25s ease;
}
.mgc-notice-item:hover{
  background: linear-gradient(90deg, rgba(214,161,60,.08), transparent);
  transform: translateX(2px);
}

/* ---------- 9. Reviews — gold glow stars + ring avatar ------------------- */
.mgc-reviews-stars{ filter: drop-shadow(0 1px 3px rgba(214,161,60,.45)); }
.mgc-review-avatar{
  box-shadow: 0 0 0 3px #fff, 0 0 0 4.5px rgba(214,161,60,.5), 0 8px 18px -10px rgba(13,22,46,.4) !important;
  transition: transform .3s ease;
}
.mgc-review-card:hover .mgc-review-avatar{ transform: scale(1.06); }

/* ---------- 10. Footer — deeper richness, brighter gold hairline -------- */
.mgc-footer{
  background:
    radial-gradient(ellipse 700px 360px at 12% -10%, rgba(214,161,60,.20), transparent 60%),
    radial-gradient(ellipse 600px 320px at 92% 0, rgba(31,124,112,.22), transparent 55%),
    linear-gradient(175deg, var(--mgc-indigo-deep) 0, #0a1226 60%, #070d1c 100%) !important;
  box-shadow: inset 0 1px 0 rgba(238,203,133,.35);
}
.mgc-footer a{ transition: color .25s ease, opacity .25s ease; }

/* ---------- 11. Modals — glass backdrop, softer entrance ---------------- */
.mgc-intake-backdrop, .mgc-lightbox-backdrop{
  backdrop-filter: blur(6px) saturate(1.1);
  -webkit-backdrop-filter: blur(6px) saturate(1.1);
}
.mgc-intake-modal, .mgc-lightbox-modal{
  box-shadow: 0 30px 70px -20px rgba(10,20,40,.55) !important;
  border: 1px solid rgba(214,161,60,.25);
}

/* ---------- 12. Focus states — one consistent, elegant gold ring -------- */
a:focus-visible, button:focus-visible, .mgc-btn:focus-visible,
.mgc-qbtn:focus-visible, .mgc-menu a:focus-visible{
  outline: none;
  box-shadow: var(--mgc-ring);
  border-radius: 3px;
}

/* ---------- 13. Form fields — soft glow on focus, brighter fill --------- */
.mgc-field input, .mgc-field select, .mgc-field textarea{
  background:#fff !important;
  transition: box-shadow .25s ease, border-color .25s ease !important;
}
.mgc-field input:focus, .mgc-field select:focus, .mgc-field textarea:focus{
  border-color: var(--mgc-gold-deep) !important;
  box-shadow: 0 0 0 4px rgba(214,161,60,.18) !important;
}

/* ---------- 14. Back-to-top — gentle float + glow ------------------------ */
.mgc-totop{
  box-shadow: 0 10px 26px -10px rgba(13,22,46,.5) !important;
  transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease !important;
}
.mgc-totop:hover{ transform: translateY(-4px) scale(1.06); }

/* ---------- 15. Motto / crest watermark sections — a touch more shine --- */
.mgc-motto-panel, .mgc-welcome-strip{
  position:relative;
}
.mgc-motto-panel::after, .mgc-welcome-strip::after{
  content:'';
  position:absolute; inset:0;
  background: linear-gradient(160deg, rgba(255,255,255,.06), transparent 40%);
  pointer-events:none;
}

/* ---------- 16. Respect reduced motion ----------------------------------- */
@media (prefers-reduced-motion: reduce){
  .mgc-dept-card::before, .mgc-review-card::before, .mgc-acad-card::before,
  .mgc-dept-tile::before, .mgc-btn::after{ display:none !important; }
  .mgc-dept-card, .mgc-review-card, .mgc-dept-tile, .mgc-acad-card,
  .mgc-intro-card, .mgc-facility-card, .mgc-gallery-tile img,
  .mgc-dept-tile-media img, .mgc-slide-bg img, .mgc-intro-card-media img{
    transition:none !important;
  }
}

/* ---------- 17. Small print-safety: keep the polish out of print -------- */
@media print{
  body{ background:#fff !important; }
  .mgc-dept-card::before, .mgc-review-card::before, .mgc-acad-card::before,
  .mgc-dept-tile::before, .mgc-btn::after{ display:none !important; }
}

/* ============================== mgc-polish-pro-max.css ============================== */
/* =====================================================================
   MGC — NAV GLOW-UP + "MORE LIFE" LAYER
   Purely additive. Load this AFTER mgc-style.css, mgc-polish.css, and
   mgc-polish-pro.css. No markup changes needed.

   Part A: makes the main nav bar brighter, richer, and gently glowing
           (animated gold underline, brighter teal, breathing edge glow,
           sharper active/hover states, glowing logo).
   Part B: small "signs of life" sprinkled elsewhere — breathing glows,
           gentle idle motion, livelier hovers — so the whole page feels
           less static, without touching layout or content.
   ===================================================================== */

:root{
  --mgc-nav-teal-1: #0d4a43;
  --mgc-nav-teal-2: #1f8c7e;
  --mgc-nav-teal-3: #24a390;
  --mgc-nav-glow: rgba(255, 214, 122, .55);
}

/* ---------- A1. Brighter nav gradient + glowing gold edge --------------- */
.mgc-nav{
  background: linear-gradient(90deg,
    var(--mgc-nav-teal-1) 0,
    var(--mgc-nav-teal-2) 30%,
    var(--mgc-nav-teal-3) 50%,
    var(--mgc-nav-teal-2) 70%,
    var(--mgc-nav-teal-1) 100%) !important;
  background-size: 200% 100%;
  animation: mgcNavSheen 10s ease-in-out infinite;
  border-bottom: 2px solid var(--mgc-gold-soft) !important;
  box-shadow:
    0 4px 22px -4px rgba(31,124,112,.65),
    0 0 24px -6px var(--mgc-nav-glow) !important;
  position: relative;
}
@keyframes mgcNavSheen{
  0%,100%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
}

/* Slow, breathing gold glow along the bottom edge — felt more than seen,
   reads as "alive" without being distracting. */
.mgc-nav::after{
  content:'';
  position:absolute; left:0; right:0; bottom:-2px; height:2px;
  background: linear-gradient(90deg, transparent, var(--mgc-gold-soft) 20%, #fff8e0 50%, var(--mgc-gold-soft) 80%, transparent);
  filter: blur(1.5px);
  opacity:.75;
  animation: mgcNavEdgeGlow 3.6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes mgcNavEdgeGlow{
  0%,100%{ opacity:.5; filter: blur(1.5px) brightness(1); }
  50%{ opacity:1; filter: blur(2.5px) brightness(1.3); }
}

/* ---------- A2. Brand mark — a soft glowing halo ------------------------ */
.mgc-nav-brand-logo{
  border-radius:50%;
  box-shadow: 0 0 0 2px rgba(255,255,255,.25), 0 0 16px 2px var(--mgc-nav-glow);
  animation: mgcLogoGlow 3.2s ease-in-out infinite;
}
@keyframes mgcLogoGlow{
  0%,100%{ box-shadow: 0 0 0 2px rgba(255,255,255,.22), 0 0 10px 1px var(--mgc-nav-glow); }
  50%{ box-shadow: 0 0 0 2px rgba(255,255,255,.4), 0 0 20px 4px var(--mgc-nav-glow); }
}
.mgc-nav-brand-text{
  text-shadow: 0 0 12px rgba(255,224,150,.55);
  transition: text-shadow .3s ease;
}
.mgc-nav-brand:hover .mgc-nav-brand-text{
  text-shadow: 0 0 18px rgba(255,224,150,.85);
}

/* ---------- A3. Menu links — brighter idle state + glowing active/hover  */
.mgc-menu > li > a{
  text-shadow: 0 0 10px rgba(255,255,255,.18);
}
.mgc-menu > li > a:hover,
.mgc-menu > li.active > a{
  text-shadow: 0 0 14px rgba(255,224,150,.9), 0 0 26px rgba(255,224,150,.4);
}
/* Thicker, brighter animated underline (layered on top of polish-pro's) */
.mgc-menu a::after{
  height:3px !important;
  background: linear-gradient(90deg, var(--mgc-gold), var(--mgc-gold-soft), #fff2cf) !important;
  box-shadow: 0 0 10px rgba(255,214,122,.8);
}
/* Gentle glow pulse on the currently active nav item so it never looks flat */
.mgc-menu > li.active > a{
  position:relative;
}
.mgc-menu > li.active > a::before{
  content:'';
  position:absolute; inset:6px -6px;
  border-radius:6px;
  background: radial-gradient(ellipse at center, rgba(255,214,122,.22), transparent 70%);
  z-index:-1;
  animation: mgcActivePulse 2.6s ease-in-out infinite;
}
@keyframes mgcActivePulse{
  0%,100%{ opacity:.5; }
  50%{ opacity:1; }
}

/* ---------- A4. Dropdown submenu — brighter gold cap + soft lift -------- */
.mgc-menu .sub{
  border-top: 3px solid var(--mgc-gold) !important;
  box-shadow: 0 18px 40px -14px rgba(13,22,46,.35), 0 0 0 1px rgba(214,161,60,.15), 0 0 20px rgba(255,214,122,.25) !important;
}

/* ---------- A5. Sticky state — a touch more radiance -------------------- */
.mgc-nav.mgc-nav-stuck{
  box-shadow:
    0 12px 34px -12px rgba(10,20,40,.6),
    0 2px 0 var(--mgc-gold-soft),
    0 0 26px -4px var(--mgc-nav-glow) !important;
}

/* ---------- A6. Mobile toggle — glowing icon on open -------------------- */
.mgc-nav-toggle{
  transition: color .25s ease, text-shadow .25s ease, transform .25s ease;
}
.mgc-nav.open .mgc-nav-toggle{
  color: var(--mgc-gold-soft);
  text-shadow: 0 0 14px rgba(255,214,122,.8);
  transform: rotate(90deg);
}

@media (prefers-reduced-motion: reduce){
  .mgc-nav, .mgc-nav::after, .mgc-nav-brand-logo, .mgc-menu > li.active > a::before{
    animation:none !important;
  }
}

/* =====================================================================
   PART B — a little more life across the rest of the page
   ===================================================================== */

/* Hero eyebrow / section eyebrows: a soft breathing glow behind the
   little rule so headers don't sit totally still. */
.mgc-eyebrow::before{
  box-shadow: 0 0 8px rgba(214,161,60,.5);
  animation: mgcEyebrowGlow 3s ease-in-out infinite;
}
@keyframes mgcEyebrowGlow{
  0%,100%{ opacity:.7; }
  50%{ opacity:1; box-shadow: 0 0 14px rgba(214,161,60,.85); }
}

/* CTA buttons: idle shimmer breathing so the primary actions read as
   inviting rather than static, on top of their existing hover sweep. */
.mgc-btn-solid, .mgc-btn-gold{
  animation: mgcBtnBreathe 4s ease-in-out infinite;
}
@keyframes mgcBtnBreathe{
  0%,100%{ filter:brightness(1); }
  50%{ filter:brightness(1.06); }
}

/* Stat numbers: a gentle pop-in glow whenever they're in view/hovered,
   plus a subtle idle shimmer on the gold ones. */
.mgc-hero-stats strong, .mgc-statstrip strong{
  transition: text-shadow .3s ease;
}
.mgc-hero-stats div:hover strong{
  text-shadow: 0 0 16px rgba(255,224,150,.75);
}

/* Live badges (already-pulsing dots) get a touch more glow radius so
   they read as clearly "live" rather than just blinking. */
.mgc-live-dot, .mgc-updatebar-dot{
  box-shadow: 0 0 0 3px rgba(255,255,255,.08), 0 0 10px currentColor;
}

/* Section headings: soft glow on hover for any that are links/anchors,
   and a touch of shimmer on the gold-gradient text already applied by
   polish-pro's .mgc-section-head h2 background-clip. */
.mgc-section-head h2{
  background-size: 200% auto;
  animation: mgcHeadingShimmer 6s ease-in-out infinite;
}
@keyframes mgcHeadingShimmer{
  0%,100%{ background-position: 0% center; }
  50%{ background-position: 100% center; }
}

/* Cards already lift on hover (polish-pro); add a faint idle glow ring
   so the grid doesn't look inert before the user ever touches it. */
.mgc-facility-card, .mgc-acad-card, .mgc-dept-tile{
  transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease, border-color .3s ease, filter .4s ease !important;
}

/* Social icons in footer: idle glow so the footer isn't flat navy. */
.mgc-footer-social a{
  box-shadow: 0 0 0 1px rgba(238,203,133,.15);
  animation: mgcSocialGlow 5s ease-in-out infinite;
}
.mgc-footer-social a:nth-child(2n){ animation-delay: 1.2s; }
.mgc-footer-social a:nth-child(3n){ animation-delay: 2.4s; }
@keyframes mgcSocialGlow{
  0%,100%{ box-shadow: 0 0 0 1px rgba(238,203,133,.12), 0 0 0 rgba(238,203,133,0); }
  50%{ box-shadow: 0 0 0 1px rgba(238,203,133,.3), 0 0 10px rgba(238,203,133,.35); }
}

/* Back-to-top button: idle gentle bob so it feels reachable/alive. */
.mgc-totop{
  animation: mgcTotopBob 3.4s ease-in-out infinite;
}
@keyframes mgcTotopBob{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-4px); }
}
.mgc-totop:hover{ animation-play-state: paused; }

@media (prefers-reduced-motion: reduce){
  .mgc-eyebrow::before, .mgc-btn-solid, .mgc-btn-gold, .mgc-section-head h2,
  .mgc-footer-social a, .mgc-totop{
    animation:none !important;
  }
}

@media print{
  .mgc-nav, .mgc-nav::after, .mgc-nav-brand-logo{ animation:none !important; box-shadow:none !important; }
}

/* ============================== mgc-activities-club-submenu.css ============================== */
/* =====================================================================
   MGC — "Club Activities" NESTED FLYOUT (inside the Activities menu)
   Purely additive. Loads after mgc-style.css, mgc-polish.css and
   mgc-polish-pro.css. No other menu is touched.

   Markup it targets (see Default.aspx):
     <li class="mgc-has-sub">
       <a href="#" class="mgc-submenu-toggle">Club Activities <i class="fa fa-angle-right"></i></a>
       <ul class="sub mgc-club-submenu"> ...7 club links... </ul>
     </li>
   sitting inside the Activities dropdown's own <ul class="sub">.

   Behaviour: opens on hover (desktop, CSS-only) AND on click/tap
   (desktop + mobile, via the small script added to mgc-custom.js),
   using the shared ".open" class already used elsewhere in the menu.
   ===================================================================== */

.mgc-menu .sub li.mgc-has-sub{ position:relative; }

/* !important is intentional here: the base menu stylesheet already styles
   ".mgc-menu .sub li a" (likely with its own flex/centering rules), and
   this item needs to win that fight so the label sits flush left like
   every other item in the Activities dropdown instead of looking
   centered. The arrow is pulled out of flow and pinned to the right edge
   instead of relying on flex justify-content, so a conflicting base rule
   can't push it back toward the middle. */
.mgc-menu .sub li.mgc-has-sub > a{
  display:flex !important;
  align-items:center !important;
  text-align:left !important;
  position:relative;
  padding-right:34px !important;
}
.mgc-menu .sub li.mgc-has-sub > a .fa-angle-right{
  position:absolute;
  top:50%;
  right:14px;
  transform:translateY(-50%);
  font-size:11px;
  opacity:.65;
  transition:transform .25s ease, opacity .2s ease;
}

/* ---------- Desktop: side flyout panel, opens on hover OR click ---------- */
@media (min-width:992px){
  /* The Activities dropdown panel itself typically has overflow:hidden
     (used for its own open/close slide animation). That clips this
     flyout even though it's positioned correctly, which is why it never
     appeared. Rescue overflow only on the row/panel that actually
     contains Club Activities — every other dropdown in the menu is
     untouched. */
  .mgc-menu .sub:has(> li.mgc-has-sub),
  .mgc-menu > li:has(.mgc-has-sub){
    overflow:visible !important;
  }
  .mgc-menu .sub li.mgc-has-sub > .sub{
    position:absolute;
    top:-11px;
    left:100%;
    min-width:230px;
    margin-left:6px;
    opacity:0;
    visibility:hidden;
    transform:translateX(8px);
    transition:opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
    z-index:50;
  }
  .mgc-menu .sub li.mgc-has-sub:hover > .sub,
  .mgc-menu .sub li.mgc-has-sub.open > .sub{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
    transition:opacity .18s ease, transform .18s ease, visibility 0s linear 0s;
  }
  .mgc-menu .sub li.mgc-has-sub:hover > a .fa-angle-right,
  .mgc-menu .sub li.mgc-has-sub.open > a .fa-angle-right{
    transform:translateY(-50%) translateX(3px);
    opacity:1;
  }

  /* If Activities sits close enough to the right edge that the flyout
     would spill off-screen, mgc-custom.js adds this class so it opens
     to the left of the row instead. */
  .mgc-menu .sub li.mgc-has-sub.mgc-flip-left > .sub{
    left:auto;
    right:100%;
    margin-left:0;
    margin-right:6px;
    transform:translateX(-8px);
  }
  .mgc-menu .sub li.mgc-has-sub.mgc-flip-left:hover > .sub,
  .mgc-menu .sub li.mgc-has-sub.mgc-flip-left.open > .sub{
    transform:translateX(0);
  }
}

/* ---------- Mobile: nested accordion, opens on tap ---------- */
@media (max-width:991px){
  .mgc-menu .sub:has(> li.mgc-has-sub.open){
    overflow:visible !important;
    max-height:none !important;
  }
  .mgc-menu .sub li.mgc-has-sub.open > a{
    color:var(--mgc-gold-soft);
  }
  .mgc-menu .sub li.mgc-has-sub.open > a .fa-angle-right{
    transform:rotate(90deg);
  }
  .mgc-menu .sub li.mgc-has-sub > .sub{
    display:none;
    position:static;
    margin:2px 6px 6px 16px;
    background:rgba(0,0,0,.22);
  }
  .mgc-menu .sub li.mgc-has-sub.open > .sub{
    display:block;
  }
}

@media (prefers-reduced-motion: reduce){
  .mgc-menu .sub li.mgc-has-sub > .sub{ transition:none !important; }
}

/* ============================== mgc-elegant.css ============================== */
/* =====================================================================
   MGC — ELEGANCE REFINEMENT LAYER
   Purely additive. Loads LAST, after mgc-style.css, mgc-polish.css,
   mgc-polish-pro.css and mgc-activities-club-submenu.css. No markup
   changes required.

   Design intent
   -------------
   The page already carries four layers of decoration: shine sweeps,
   glow pulses, a blinking badge, a floating back-to-top button, and
   several simultaneous auto-scrolling tickers. Individually each is
   fine; running together they compete for attention and read as busy
   rather than refined. Elegance here mostly means SUBTRACTION:

     1) Calm looping motion — keep the site "alive" with slow, quiet
        cues instead of constant blinking/pulsing/sweeping.
     2) Soften and unify the shadow language — one graceful shadow
        per surface instead of stacked glows.
     3) Tidy the palette so gold reads as an accent, not a wash.
     4) Tighten typography rhythm (letter-spacing, weight, sizing)
        so headings feel considered rather than decorative.
     5) Normalize the border-radius scale across cards/pills/tiles.

   Nothing structural changes and no functionality is removed — the
   ticking notice board, hover states, and interactions all still
   work, just quieter.
   ===================================================================== */

/* ---------- 1. Kill the frantic, attention-grabbing loops ---------------
   Fast blinking (0.7s) and constant sheen sweeps every few seconds pull
   the eye away from content. Turn these off; keep the *hover* versions
   (already present in polish-pro) which are more considered because
   they respond to the user rather than nagging at them. */
.mgc-qbtn .mgc-tag-new,
.mgc-updatebar-items .mgc-tag-new{
  animation: none !important;
  opacity: 1 !important;
}

.mgc-welcome-crest-inner::before,
.mgc-header-emblem::after,
.mgc-footer-beam,
.mgc-updatebar-beam{
  animation: none !important;
  display: none !important;
}

.mgc-welcome-crest::after{
  animation: none !important;
  opacity: .55 !important; /* settle on the calmer midpoint instead of pulsing */
}

.mgc-updatebar{
  animation: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 4px 14px -6px rgba(150,95,0,.35) !important;
}

.mgc-updatebar-flag::after{
  animation: none !important;
  opacity: .5 !important;
}

/* A single soft, static ring around the motto panel reads as "finished" —
   a slowly rotating gold arc behind a static watermark reads as
   unfinished/loading. */
.mgc-motto-panel::after{
  animation: none !important;
  opacity: .6 !important;
}

/* The back-to-top control should feel solid and reachable, not bobbing
   in place before anyone has touched it. Movement is reserved for the
   hover response. */
.mgc-totop.show{
  animation: none !important;
}

/* Live/update pulse dots: slow the pulse down and soften its range so
   it registers as "live" without flickering for attention. */
.mgc-live-dot, .mgc-updatebar-dot{
  animation-duration: 2.6s !important;
}

@keyframes mgcPulse{
  0%,100%{ opacity:1; transform:scale(1); }
  50%{ opacity:.65; transform:scale(1.15); }
}

/* ---------- 2. Slow the tickers, don't stop them -------------------------
   Several rows scroll at once (image strip, utility bar, update bar,
   notices). Keeping them, but slower and less eager, makes the page
   feel considered rather than like a stock ticker. */
.mgc-imgscroll-track{ animation-duration: 60s !important; }
.mgc-utilbar-track{ animation-duration: 38s !important; }
.mgc-updatebar-items{ animation-duration: 30s !important; }
.mgc-slider-notices-track{ animation-duration: 20s !important; }

/* ---------- 3. One graceful shadow language, not stacked glows ----------
   Replace multi-layer glow shadows with a single soft, low-contrast
   shadow. Keeps depth without the "lit from within" look. */
:root{
  --mgc-elegant-shadow: 0 10px 28px -16px rgba(23,37,73,.28);
  --mgc-elegant-shadow-hover: 0 18px 40px -18px rgba(23,37,73,.32);
  --mgc-elegant-radius-sm: 8px;
  --mgc-elegant-radius-md: 14px;
  --mgc-elegant-radius-lg: 20px;
}

.mgc-dept-card, .mgc-review-card, .mgc-dept-tile, .mgc-acad-card,
.mgc-notice-panel, .mgc-intro-card, .mgc-facility-card,
.mgc-intake-modal, .mgc-lightbox-modal{
  box-shadow: var(--mgc-elegant-shadow) !important;
}
.mgc-dept-card:hover, .mgc-review-card:hover, .mgc-dept-tile:hover,
.mgc-acad-card:hover, .mgc-facility-card:hover, .mgc-intro-card:hover{
  box-shadow: var(--mgc-elegant-shadow-hover) !important;
}

/* Retire the diagonal light-sweep overlay on card hover — a quiet lift
   plus a slightly deeper shadow says "premium" without a flashbulb. */
.mgc-dept-card::before, .mgc-review-card::before, .mgc-acad-card::before,
.mgc-dept-tile::before{
  display: none !important;
}

/* Nav glow and updatebar glow softened to a hairline rather than a halo. */
.mgc-nav{
  box-shadow: 0 2px 14px -4px rgba(31,124,112,.35) !important;
}
.mgc-nav.mgc-nav-stuck{
  box-shadow: 0 8px 20px -12px rgba(10,20,40,.45), 0 1px 0 var(--mgc-gold-soft) !important;
}

/* ---------- 4. Normalize the radius scale --------------------------------
   The page mixes 4/5/6/8/10/12/14/16/18/20/22px radii across similar
   surfaces. Settling on three sizes reads as more intentional. */
.mgc-dept-card, .mgc-review-card, .mgc-acad-card, .mgc-noticeboard,
.mgc-about-visual, .mgc-principal-photo, .mgc-footer-map-frame{
  border-radius: var(--mgc-elegant-radius-sm) !important;
}
.mgc-dept-tile, .mgc-gallery-tile, .mgc-facility-card, .mgc-vma-card,
.mgc-field input.form-control, .mgc-field select.form-control,
.mgc-field textarea.form-control, .mgc-noticerow .d{
  border-radius: var(--mgc-elegant-radius-md) !important;
}
.mgc-intro-card, .mgc-motto-panel, .mgc-intake-modal, .mgc-lightbox-modal,
.mgc-contact-grid{
  border-radius: var(--mgc-elegant-radius-lg) !important;
}

/* ---------- 5. Let gold act as an accent, not a wash ---------------------
   The gold "sheen" gradients on chips/pills/tags/buttons are toned down
   so gold reads as a deliberate highlight (dividers, borders, hover
   states) rather than filling large shapes. */
.mgc-motto-pill{
  background: linear-gradient(160deg,#fff 0,var(--mgc-ivory) 55%,var(--mgc-border) 100%) !important;
  color: var(--mgc-indigo-deep) !important;
  box-shadow: var(--mgc-elegant-shadow) !important;
}
.mgc-dept-tile-explore, .mgc-intro-card-badge{
  background: var(--mgc-indigo-deep) !important;
  color: #fff !important;
  box-shadow: var(--mgc-elegant-shadow) !important;
}
.mgc-updatebar{
  background: linear-gradient(180deg,#fdf3df 0,#f7e2ac 100%) !important;
  border-bottom: 1px solid rgba(169,124,34,.4) !important;
}
.mgc-updatebar-flag{
  background: var(--mgc-indigo-deep) !important;
  color: var(--mgc-gold-soft) !important;
  box-shadow: none !important;
}
.mgc-updatebar-items a{ color: var(--mgc-indigo-deep) !important; }

/* ---------- 6. Typographic tightening -------------------------------------
   Slightly larger, more confident headings with calmer letter-spacing;
   a consistent eyebrow treatment. */
.mgc-section-head h2, .mgc-hero h2{
  letter-spacing: 0 !important;
  font-weight: 600 !important;
}
.mgc-section-head h2{
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--mgc-indigo-deep) !important;
}
.on-indigo .mgc-section-head h2{ color: #fff !important; }

.mgc-eyebrow{
  letter-spacing: 2px !important;
  font-weight: 600 !important;
  color: var(--mgc-gold-deep) !important;
}
.on-indigo .mgc-eyebrow{ color: var(--mgc-gold-soft) !important; }

.mgc-section-head p{
  line-height: 1.75 !important;
}

/* ---------- 7. Quiet the background patterning ----------------------------
   The alpana/rangoli watermarks and dotted paper textures are lovely as
   a whisper, distracting as a shout. Lower their presence slightly. */
.mgc-facilities-watermark, .mgc-gallery-watermark, .mgc-dept-section::before,
.mgc-welcome-strip::after, .mgc-acad-watermark, .mgc-contact-watermark,
.mgc-vma-section-watermark{
  opacity: .55 !important;
  filter: saturate(.85);
}

/* ---------- 8. Calmer buttons ---------------------------------------------
   Keep the hover shine (it responds to the user) but remove the
   always-on brightness "breathing" if present, and settle button
   shadows to the same soft language as the cards. */
.mgc-btn-solid, .mgc-btn-gold{
  animation: none !important;
}
.mgc-btn-solid{
  box-shadow: 0 8px 20px -12px rgba(13,22,46,.45) !important;
}

/* ---------- 9. Respect reduced motion + print, as before ------------------ */
@media (prefers-reduced-motion: reduce){
  .mgc-imgscroll-track, .mgc-utilbar-track, .mgc-updatebar-items,
  .mgc-slider-notices-track, .mgc-live-dot, .mgc-updatebar-dot{
    animation: none !important;
  }
}

@media print{
  .mgc-updatebar, .mgc-updatebar-flag::after{ box-shadow:none !important; }
}

/* ============================== mgc-noticeboard-colors.css ============================== */


:root{
  --mgc-datebox-shadow: 0 8px 18px -8px rgba(13,22,46,.35);
}

/* Base reset so the colour rules below have a clean, consistent canvas
   to paint on regardless of which tab/panel the chip lives in. */
.mgc-slider-notices .mgc-notice-item .mgc-notice-date{
  border:none !important;
  border-radius:9px !important;
  padding:7px 0 6px !important;
  box-shadow: var(--mgc-datebox-shadow);
  transition: transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease, filter .25s ease;
}
.mgc-slider-notices .mgc-notice-item .mgc-notice-date strong{
  font-size:17px;
  line-height:1.1;
}

/* A gentle lift + brighten on hover of the whole row, echoing the
   "responds to the user" hover language already used elsewhere on the
   page (cards, chips, buttons). */
.mgc-slider-notices .mgc-notice-item:hover .mgc-notice-date{
  transform: translateY(-2px) scale(1.04);
  filter: brightness(1.06);
}

/* ---------- The 6-colour rotation --------------------------------------
   Cycle by row position so College Notice, Latest Events and Tender
   Notice all get the same lively rhythm. Dark, saturated pairs get
   cream text; the one light gold pair gets deep-indigo text so it
   still reads clearly against the card's own pale gold background. */
.mgc-slider-notices .mgc-notice-item:nth-child(6n+1) .mgc-notice-date{
  background: linear-gradient(155deg, var(--mgc-indigo-light), var(--mgc-indigo-deep));
  color:#fff;
  box-shadow: 0 8px 18px -8px rgba(23,37,73,.55);
}
.mgc-slider-notices .mgc-notice-item:nth-child(6n+1) .mgc-notice-date strong{ color:#fff; }

.mgc-slider-notices .mgc-notice-item:nth-child(6n+2) .mgc-notice-date{
  background: linear-gradient(155deg, var(--mgc-terracotta-light), var(--mgc-terracotta-deep));
  color:#fff;
  box-shadow: 0 8px 18px -8px rgba(125,52,22,.55);
}
.mgc-slider-notices .mgc-notice-item:nth-child(6n+2) .mgc-notice-date strong{ color:#fff; }

.mgc-slider-notices .mgc-notice-item:nth-child(6n+3) .mgc-notice-date{
  background: linear-gradient(155deg, var(--mgc-teal-light), var(--mgc-teal));
  color:#fff;
  box-shadow: 0 8px 18px -8px rgba(20,90,82,.55);
}
.mgc-slider-notices .mgc-notice-item:nth-child(6n+3) .mgc-notice-date strong{ color:#fff; }

.mgc-slider-notices .mgc-notice-item:nth-child(6n+4) .mgc-notice-date{
  background: linear-gradient(155deg, var(--mgc-maroon-light), var(--mgc-maroon-deep));
  color:#fff;
  box-shadow: 0 8px 18px -8px rgba(79,20,32,.55);
}
.mgc-slider-notices .mgc-notice-item:nth-child(6n+4) .mgc-notice-date strong{ color:#fff; }

.mgc-slider-notices .mgc-notice-item:nth-child(6n+5) .mgc-notice-date{
  background: linear-gradient(155deg, var(--mgc-purple), var(--mgc-purple-deep));
  color:#fff;
  box-shadow: 0 8px 18px -8px rgba(68,45,128,.55);
}
.mgc-slider-notices .mgc-notice-item:nth-child(6n+5) .mgc-notice-date strong{ color:#fff; }

.mgc-slider-notices .mgc-notice-item:nth-child(6n+6) .mgc-notice-date{
  background: linear-gradient(155deg, #ffe9a8, var(--mgc-gold-deep));
  color: var(--mgc-indigo-deep);
  box-shadow: 0 8px 18px -8px rgba(169,124,34,.5);
}
.mgc-slider-notices .mgc-notice-item:nth-child(6n+6) .mgc-notice-date strong{ color: var(--mgc-indigo-deep); }

/* ---------- Respect reduced motion + print ------------------------------ */
@media (prefers-reduced-motion: reduce){
  .mgc-slider-notices .mgc-notice-item .mgc-notice-date{ transition:none !important; }
  .mgc-slider-notices .mgc-notice-item:hover .mgc-notice-date{ transform:none !important; filter:none !important; }
}

@media print{
  .mgc-slider-notices .mgc-notice-item .mgc-notice-date{
    background:#fff !important; color:#000 !important; box-shadow:none !important;
  }
  .mgc-slider-notices .mgc-notice-item .mgc-notice-date strong{ color:#000 !important; }
}

/* ============================== mgc-brighter.css ============================== */
/* =====================================================================
   MGC — "BRIGHTER" FINAL LIGHT LAYER
   Purely additive. Loads LAST, after mgc-style.css, mgc-polish.css,
   mgc-polish-pro.css, mgc-activities-club-submenu.css, mgc-elegant.css
   and mgc-noticeboard-colors.css. No markup changes required.

   mgc-elegant.css (loaded earlier) deliberately calmed the page's
   motion/glow. This layer doesn't touch motion or fight elegant.css —
   it only turns up overall LIGHT: a whiter canvas, whiter/lighter card
   surfaces, softer/lighter shadows so nothing looks heavy, lighter
   borders and muted text, and a gentle brightness/saturation lift on
   photography so the page reads as sunlit rather than flat.

   Deep-indigo/navy sections (nav, hero, footer, welcome strip) are
   brand-colour surfaces, not "dim" surfaces — they're intentionally
   left alone here rather than force-lightened, which would fight the
   brand palette. Everything else gets brighter.
   ===================================================================== */

/* ---------- 1. Whiter, airier global canvas ------------------------------
   Push the base ivory a shade whiter and strengthen the soft light
   blooms already introduced by polish-pro so paper sections feel like
   they're sitting in fuller daylight. */
:root{
  --mgc-ivory: #fffefb;
  --mgc-bright-glow-gold: rgba(238,203,133,.22);
  --mgc-bright-glow-teal: rgba(31,124,112,.14);
  --mgc-bright-shadow-card: 0 10px 26px -16px rgba(23,37,73,.18);
  --mgc-bright-shadow-card-hover: 0 20px 40px -18px rgba(23,37,73,.24);
  --mgc-bright-border: #f1ead9;
}

html{ background:var(--mgc-ivory) !important; }

body{
  background:
    radial-gradient(ellipse 1000px 560px at 8% 0%, var(--mgc-bright-glow-gold), transparent 62%),
    radial-gradient(ellipse 900px 520px at 96% 6%, var(--mgc-bright-glow-teal), transparent 58%),
    radial-gradient(ellipse 800px 960px at 50% 35%, rgba(255,255,255,.8), transparent 72%),
    var(--mgc-ivory) !important;
}

/* ---------- 2. Whiter, lighter-shadowed card surfaces --------------------
   Cards on ivory sections get a crisper white so they pop off the
   brighter canvas; shadows trade darkness for spread, same principle
   polish-pro used, taken one step further. */
.mgc-dept-card, .mgc-review-card, .mgc-dept-tile, .mgc-acad-card,
.mgc-notice-panel, .mgc-facility-card, .mgc-noticeboard,
.mgc-contact-form, .mgc-intake-modal, .mgc-lightbox-modal{
  background: #ffffff !important;
  border-color: var(--mgc-bright-border) !important;
  box-shadow: var(--mgc-bright-shadow-card) !important;
}
.mgc-dept-card:hover, .mgc-review-card:hover, .mgc-dept-tile:hover,
.mgc-acad-card:hover, .mgc-facility-card:hover{
  box-shadow: var(--mgc-bright-shadow-card-hover) !important;
}

/* Intro / motto / VMA panels keep their warm saffron-gold tint (it's
   part of their identity) but get a lighter, less heavy shadow to
   match the rest of the page. */
.mgc-intro-card, .mgc-motto-panel, .mgc-vma-card{
  box-shadow: var(--mgc-bright-shadow-card) !important;
}
.mgc-intro-card:hover{
  box-shadow: 0 22px 44px -18px rgba(125,52,22,.22) !important;
}

/* ---------- 3. Lighter borders & muted text, for a less inky feel -------- */
.mgc-dept-card, .mgc-dept-tile, .mgc-review-card, .mgc-acad-card,
.mgc-noticeboard, .mgc-noticerow, .mgc-prog-table td, .mgc-pill,
.mgc-field input.form-control, .mgc-field select.form-control,
.mgc-field textarea.form-control{
  border-color: var(--mgc-bright-border) !important;
}
.mgc-ink-soft, .mgc-dept-card p, .mgc-section-head p, .mgc-facility-card p,
.mgc-acad-card .cap{
  color: #6b6b7d !important;
}

/* ---------- 4. A gentle sunlit lift on photography ------------------------
   Small, tasteful brightness/saturation bump — enough to read as
   "well-lit," not washed out or over-processed. */
.mgc-dept-tile-media img, .mgc-intro-card-media img, .mgc-gallery-tile img,
.mgc-imgscroll-item img, .mgc-about-visual img{
  filter: brightness(1.04) saturate(1.05);
}

/* ---------- 5. Ivory/paper section backgrounds, a touch lighter ---------- */
.mgc-section.on-ivory{ background: var(--mgc-ivory) !important; }
.mgc-section.on-paper{ background: #ffffff !important; }

/* Saffron-tinted strips (facilities, dept, motto) get a slightly
   lighter, less amber base so they sit closer to the brighter canvas
   while keeping their warm identity. */
.mgc-facilities-strip{
  background:
    radial-gradient(ellipse at 12% 8%, rgba(238,203,133,.32), transparent 55%),
    radial-gradient(ellipse at 90% 18%, rgba(31,124,112,.14), transparent 50%),
    radial-gradient(ellipse at 82% 95%, rgba(214,161,60,.18), transparent 55%),
    linear-gradient(165deg,#fffdf9 0,#fdf7ea 38%,#f8efd9 68%,#fdf6e6 100%) !important;
}
.mgc-dept-section{
  background:
    radial-gradient(circle at 18px 18px, transparent 7.2px, rgba(193,89,44,.08) 7.6px, rgba(193,89,44,.08) 7.9px, transparent 8.3px),
    radial-gradient(circle at 36px 36px, transparent 7.2px, rgba(193,89,44,.08) 7.6px, rgba(193,89,44,.08) 7.9px, transparent 8.3px),
    linear-gradient(160deg,#fffaf0 0,#fffaf0 45%,#fef4e0 100%) !important;
}

/* ---------- 6. Table & pill surfaces ---------------------------------- */
.mgc-prog-table, .mgc-intake-table{ background:#ffffff !important; }
.mgc-pill{ background:#ffffff !important; }

/* ---------- 7. Noticeboard chips: lighten the card shell, keep the
   colour rotation from mgc-noticeboard-colors.css intact ---------------- */
.mgc-slider-notices .mgc-notice-item{
  background: rgba(255,255,255,.7) !important;
}
.mgc-slider-notices .mgc-notice-item:hover{
  background: #ffffff !important;
}

/* ---------- 8. Respect print — keep the extra glow out of it ------------ */
@media print{
  body{ background:#fff !important; }
  .mgc-dept-tile-media img, .mgc-intro-card-media img, .mgc-gallery-tile img,
  .mgc-imgscroll-item img, .mgc-about-visual img{ filter:none !important; }
}

/* ============================== mgc-header-emblem-teal.css ============================== */
/* =====================================================================
   MGC — HEADER EMBLEM: JEWEL-TEAL + GOLD RIM
   Purely additive. Load this LAST — after mgc-style.css, mgc-polish.css,
   mgc-polish-pro.css, mgc-polish-pro-max.css,
   mgc-activities-club-submenu.css, mgc-elegant.css,
   mgc-noticeboard-colors.css and mgc-brighter.css. No markup changes.

   Problem: the header seal (.mgc-header-emblem, "Experience the Joy of
   Quality Learning") is a cream/gold circle sitting on the header's own
   cream/gold band (.mgc-header2), so it visually disappears instead of
   reading as a mark.

   Fix: recolor the seal to a rich jewel-teal — the site's own secondary
   brand color, already used for the nav bar — with a bright gold rim.
   Teal-on-ivory-and-gold is a genuine complementary contrast, so the
   seal now pops instead of blending in. A slow breathing glow on the
   rim makes it read as a deliberate centerpiece.

   Note on motion: mgc-elegant.css already killed this element's old
   fast shine-sweep (.mgc-header-emblem::after, animation:none +
   display:none) because constant sweeping/blinking reads as busy. This
   layer doesn't fight that — it leaves ::after switched off and adds a
   new, much calmer cue (a single slow box-shadow pulse on the seal
   itself) that matches elegant.css's own "alive but quiet" philosophy.
   ===================================================================== */

:root{
  /* Falls back to polish-pro-max's exact nav teal tokens if that file is
     loaded (guaranteeing an exact match with the nav bar); otherwise
     falls back to the base teal tokens from mgc-style.css so this still
     works standalone. */
  --mgc-emblem-teal-deep:  var(--mgc-nav-teal-1, #0a3f39);
  --mgc-emblem-teal-mid:   var(--mgc-nav-teal-2, var(--mgc-teal, #145a52));
  --mgc-emblem-teal-light: var(--mgc-nav-teal-3, var(--mgc-teal-light, #1f7c70));
}

.mgc-header-emblem{
  background:
    radial-gradient(circle at 32% 26%,
      var(--mgc-emblem-teal-light) 0,
      var(--mgc-emblem-teal-mid) 55%,
      var(--mgc-emblem-teal-deep) 100%) !important;
  border: 2px solid var(--mgc-gold) !important;
  box-shadow:
    0 6px 16px -6px rgba(13,22,46,.5),
    inset 0 1px 0 rgba(255,255,255,.2),
    inset 0 -2px 6px rgba(6,25,22,.35),
    0 0 0 3px rgba(214,161,60,.22) !important;
  animation: mgcEmblemBreathe 4.4s ease-in-out infinite;
}

/* Ceremonial inner ring: switched from translucent maroon (illegible on
   teal) to a warm ivory/gold hairline so it still reads as a fine
   double-rule against the new dark ground. */
.mgc-header-emblem::before{
  border-color: rgba(255,247,224,.45) !important;
}

/* Text + leaf glyphs: from maroon-on-cream to a soft warm cream, so
   they sit clearly on the new teal field. */
.mgc-header-emblem-text{
  color: #fdf3df !important;
  text-shadow: 0 1px 3px rgba(6,25,22,.6) !important;
}
.mgc-header-emblem-leaf{
  color: var(--mgc-gold-soft) !important;
}

/* Slow, quiet breathing glow on the gold rim — the seal's "considered
   centerpiece" cue. Single soft pulse, no color/hue shifting, no
   flicker: it settles rather than nags. */
@keyframes mgcEmblemBreathe{
  0%, 100%{
    box-shadow:
      0 6px 16px -6px rgba(13,22,46,.5),
      inset 0 1px 0 rgba(255,255,255,.2),
      inset 0 -2px 6px rgba(6,25,22,.35),
      0 0 0 3px rgba(214,161,60,.22),
      0 0 0 0 rgba(214,161,60,0);
  }
  50%{
    box-shadow:
      0 8px 20px -6px rgba(13,22,46,.55),
      inset 0 1px 0 rgba(255,255,255,.26),
      inset 0 -2px 6px rgba(6,25,22,.35),
      0 0 0 4px rgba(214,161,60,.4),
      0 0 22px 5px rgba(214,161,60,.4);
  }
}

@media (prefers-reduced-motion: reduce){
  .mgc-header-emblem{ animation: none !important; }
}

@media print{
  .mgc-header-emblem{
    animation: none !important;
    background: var(--mgc-emblem-teal-mid, #145a52) !important;
    box-shadow: none !important;
  }
  .mgc-header-emblem-text, .mgc-header-emblem-leaf{
    color: #fff !important;
    text-shadow: none !important;
  }
}

/* ============================== mgc-nav-dark-glow.css ============================== */
/* =====================================================================
   MGC — DARK NAV + WHITE HOVER GLOW
   Purely additive. Load this LAST — after mgc-style.css, mgc-polish.css,
   mgc-polish-pro.css, mgc-polish-pro-max.css, mgc-activities-club-submenu.css,
   mgc-elegant.css, mgc-noticeboard-colors.css, mgc-brighter.css and
   mgc-header-emblem-teal.css. No markup changes required.

   Two changes to the main nav bar (.mgc-nav / .mgc-menu):
     1) Darker background — the teal gradient is deepened toward
        near-black so the bar reads as a richer, moodier surface
        instead of the bright jewel-teal polish-pro-max introduced.
     2) White glow on hover — the whole bar softly blooms white when
        the pointer is over it, and each menu link gets a clean white
        halo + glow (replacing the gold-tinted hover glow) so the
        darker bar still feels responsive and alive.

   mgc-header-emblem-teal.css reads --mgc-nav-teal-1/2/3 as a fallback
   for the header seal's color, so darkening those same tokens here
   keeps the seal in visual sync with the nav without touching that
   file. The animated sheen/edge-glow keyframes from polish-pro-max
   are left running — they just now sweep across darker color stops.
   ===================================================================== */

:root{
  --mgc-nav-teal-1: #030f0d;
  --mgc-nav-teal-2: #082e29;
  --mgc-nav-teal-3: #0d3d36;
  --mgc-nav-white-glow: rgba(255,255,255,.8);
}

/* ---------- 1. Darker bar, calmer resting shadow ------------------------ */
.mgc-nav{
  border-bottom-color: rgba(255,255,255,.28) !important;
  box-shadow: 0 4px 20px -6px rgba(0,0,0,.65) !important;
  transition: box-shadow .4s ease;
}
.mgc-nav.mgc-nav-stuck{
  box-shadow:
    0 12px 30px -12px rgba(0,0,0,.75),
    0 2px 0 rgba(255,255,255,.32) !important;
  transition: box-shadow .4s ease;
}

/* ---------- 2. Whole-bar white glow on hover ----------------------------
   A soft white bloom across the bar whenever the pointer is anywhere
   over the nav, on top of whatever resting/sticky shadow is active. */
.mgc-nav:hover,
.mgc-nav.mgc-nav-stuck:hover{
  box-shadow:
    0 4px 20px -6px rgba(0,0,0,.65),
    0 0 36px -4px var(--mgc-nav-white-glow),
    0 0 0 1px rgba(255,255,255,.2) inset !important;
}

/* Recolor the animated bottom-edge glow (from polish-pro-max) to white
   while hovering, so the ambient glow and the edge glow agree. */
.mgc-nav:hover::after{
  background: linear-gradient(90deg, transparent, #fff 20%, #fff 50%, #fff 80%, transparent) !important;
  opacity: 1 !important;
  filter: blur(2px) brightness(1.3) !important;
}

/* ---------- 3. Per-link white glow, replacing the gold hover glow -------
   Note: polish-pro-max already uses ::after for the animated underline
   and ::before (on .active only) for the idle pulse. To avoid fighting
   either pseudo-element, the hover halo below is a plain background +
   border-radius on the link itself, not a new pseudo-element. */
.mgc-menu > li > a{
  border-radius:5px;
  text-shadow:none !important;
  transition: color .25s ease, transform .25s ease, text-shadow .25s ease,
              border-color .25s ease, background .3s ease !important;
}
.mgc-menu > li > a:hover,
.mgc-menu > li.active > a{
  color:#fff !important;
  border-bottom-color:#fff !important;
  text-shadow: 0 0 10px rgba(255,255,255,.9), 0 0 22px rgba(255,255,255,.5) !important;
}
.mgc-menu > li > a:hover{
  background: radial-gradient(ellipse at center, rgba(255,255,255,.16), transparent 72%);
}
.mgc-menu a::after{
  background: linear-gradient(90deg, rgba(255,255,255,.35), #fff, rgba(255,255,255,.35)) !important;
  box-shadow: 0 0 10px rgba(255,255,255,.85) !important;
}
/* Active item's idle pulse (polish-pro-max) recolored to match */
.mgc-menu > li.active > a::before{
  background: radial-gradient(ellipse at center, rgba(255,255,255,.22), transparent 70%) !important;
}

/* ---------- 4. Dropdown submenu cap — white instead of gold ------------- */
.mgc-menu .sub{
  border-top-color: rgba(255,255,255,.6) !important;
}

/* ---------- 5. Respect reduced motion + print --------------------------- */
@media (prefers-reduced-motion: reduce){
  .mgc-nav, .mgc-menu > li > a{
    transition:none !important;
  }
}
@media print{
  .mgc-nav, .mgc-nav:hover, .mgc-nav.mgc-nav-stuck{ box-shadow:none !important; }
}

/* ============================== mgc-logo-emblem-boost.css ============================== */
/* =====================================================================
   MGC — LOGO & EMBLEM SIZE BOOST + WHITE GLOW
   Purely additive. Load this LAST — after mgc-style.css, mgc-polish.css,
   mgc-polish-pro.css, mgc-polish-pro-max.css, mgc-activities-club-submenu.css,
   mgc-elegant.css, mgc-noticeboard-colors.css, mgc-brighter.css,
   mgc-header-emblem-teal.css and mgc-nav-dark-glow.css. No markup
   changes required.

   Brief: make the college logo (.mgc-brand2-emblem) and the round
   tagline seal (.mgc-header-emblem, "Experience the Joy of Quality
   Learning") a little bigger, add a white light glow around the logo,
   and keep the header/brand-bar section exactly the same height.

   How the height stays fixed
   ---------------------------
   Both elements are enlarged with `transform: scale()` instead of
   changing width/height. Transform is a paint-time effect — it never
   participates in layout — so the box each element reserves inside
   the flex row (.mgc-header2-grid / .mgc-brand2) is completely
   unchanged, and the header's height (governed by that row) stays
   identical. The artwork itself simply renders larger and is allowed
   to spill a little past its own box, which is exactly what's wanted
   for the glow to bloom outward around the logo.
   ===================================================================== */

/* ---------- 1. Logo — a little bigger, plus a soft white glow -------- */
.mgc-brand2-emblem{
  transform: scale(1.16) !important;
  transform-origin: center center !important;
  /* Gives the box a circular shape so the box-shadow glow below hugs a
     circle instead of the emblem's actual (square) layout box. The
     element itself has no visible background, so this is invisible
     except through the shadow it now clips to. */
  border-radius: 50% !important;
  box-shadow:
    0 0 16px 3px rgba(255,255,255,.8),
    0 0 36px 12px rgba(255,255,255,.4),
    0 0 64px 22px rgba(255,255,255,.18) !important;
}

/* ---------- 2. Header tagline seal — a little bigger ------------------
   On desktop the seal is absolutely centred with its own translate();
   transform is a single property, so the centring translate has to be
   re-declared alongside the new scale rather than added separately. */
.mgc-header-emblem{
  transform: scale(1.14) !important;
  transform-origin: center center !important;
}
@media (min-width:992px){
  .mgc-header-emblem{
    transform: translate(-50%,-50%) scale(1.14) !important;
  }
}

/* ---------- 3. Print: drop the glow, keep native scale off ------------ */
@media print{
  .mgc-brand2-emblem{ box-shadow:none !important; transform:none !important; }
  .mgc-header-emblem{ transform:none !important; }
}

/* ============================== mgc-compact-sections.css ============================== */
/* =====================================================================
   MGC — COMPACT SECTIONS + MOBILE STICKY-NAV FIX
   Purely additive. Load this LAST — after every other layer, including
   mgc-logo-emblem-boost.css. No markup changes required.

   Part A: shortens two tall sections —
     1) "Facilities That Support Every Student"  (.mgc-facilities-strip)
     2) "Undergraduate, Postgraduate & Vocational Courses" (.mgc-acad)
   by trimming section padding, card padding, icon size and grid gaps.
   Nothing is removed — same content, less vertical space per element.

   Part B: fixes the sticky main nav not staying stuck on mobile.
   Root cause: mgc-polish-pro.css puts `backdrop-filter` on `.mgc-nav`
   unconditionally. Any filter/backdrop-filter (or transform/will-change)
   on a `position:sticky` element is a well-known WebKit bug — iOS/iPadOS
   Safari (and most in-app mobile browsers built on it) stop treating
   that element as sticky and it scrolls away with the page instead of
   holding at top:0. Desktop Safari/Chrome aren't affected, which is why
   this only shows up on phones. Fix: drop the backdrop-filter under the
   same max-width:991px breakpoint the site already uses for its mobile
   nav, and re-assert position:sticky there so it wins over anything
   that loaded before it.
   ===================================================================== */

/* ---------- A1. Facilities strip — shorter section, tighter cards ------- */
.mgc-facilities-strip{
  padding-top: 14px !important;
  padding-bottom: 16px !important;
}
.mgc-facilities-strip .mgc-section-head{
  margin-bottom: 22px !important;
}
.mgc-facilities-grid{
  gap: 16px 16px !important;
}
.mgc-facility-card{
  padding: 20px 16px 18px !important;
}
.mgc-facility-card .mgc-dept-icon{
  width: 46px !important;
  height: 46px !important;
  font-size: 18px !important;
  margin: 0 auto 10px !important;
}
.mgc-facility-card h4{
  font-size: 15px !important;
  margin-bottom: 5px !important;
}
.mgc-facility-card p{
  font-size: 12.5px !important;
  line-height: 1.42 !important;
}

/* ---------- A2. Academic Programmes — shorter section, tighter cards ---- */
.mgc-acad{
  padding-top: 12px !important;
  padding-bottom: 20px !important;
}
.mgc-acad .mgc-section-head{
  margin-bottom: 8px !important;
}
.mgc-acad-kpis-slim{
  margin: 10px 0 14px !important;
}
.mgc-acad-glance{
  gap: 14px !important;
}
.mgc-acad-card{
  padding: 14px !important;
  min-height: 0 !important;
}
.mgc-acad-card-head{
  padding-bottom: 8px !important;
  margin-bottom: 8px !important;
}
.mgc-acad-card-icon{
  width: 36px !important;
  height: 36px !important;
  font-size: 14px !important;
}
.mgc-acad-card h4{
  font-size: 14.5px !important;
}
.mgc-acad-card .cap{
  margin: 2px 0 8px !important;
}
.mgc-acad-chips{
  gap: 7px !important;
}
.mgc-acad-chip{
  min-height: 34px !important;
  padding: 7px 12px 7px 8px !important;
  font-size: 12.5px !important;
}
@media (max-width:980px){
  .mgc-acad-card{ min-height: 0 !important; }
}

/* ---------- B. Mobile sticky nav fix ------------------------------------ */
@media (max-width:991px){
  .mgc-nav{
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

@media print{
  .mgc-facilities-strip, .mgc-acad{ padding-top:0 !important; padding-bottom:0 !important; }
}

/* ============================== mgc-welcome-strip-light.css ============================== */
/* =====================================================================
   MGC — WELCOME STRIP: LIGHT SWEET TONE
   Purely additive. Load this LAST — after mgc-style.css, mgc-polish.css,
   mgc-polish-pro.css, mgc-polish-pro-max.css,
   mgc-activities-club-submenu.css, mgc-elegant.css,
   mgc-noticeboard-colors.css, mgc-brighter.css, mgc-header-emblem-teal.css,
   mgc-nav-dark-glow.css, mgc-logo-emblem-boost.css and
   mgc-compact-sections.css. No markup changes required.

   Problem: "Welcome To Mahishadal Girls' College" (.mgc-welcome-strip)
   is currently a deep terracotta/maroon panel (base mgc-style.css) with
   white/pale-tan text sized for a dark ground. It reads noticeably
   heavier/darker than every other section on the page, most of which
   sit on light ivory/gold "sweet" tones (see the facilities strip and
   department section, both warmed ivory-gold surfaces).

   Fix: repaint the strip in that same family of light, warm tones —
   ivory base with soft gold + teal blooms, echoing mgc-brighter.css's
   facilities-strip treatment — and switch the heading/paragraph text
   from light-on-dark to dark-on-light so it stays easily readable
   against the new, much brighter background. The gold crest plaque,
   the alpana borders and the six coloured "wtab" chips are untouched:
   they're already independently-coloured elements with their own
   contrast and read fine (arguably better) against a lighter ground.
   ===================================================================== */

:root{
  --mgc-welcome-light-1: #fffdf8;
  --mgc-welcome-light-2: #fdf6e6;
  --mgc-welcome-light-3: #f8efd9;
  --mgc-welcome-glow-gold: rgba(238,203,133,.32);
  --mgc-welcome-glow-teal: rgba(31,124,112,.14);
}

/* ---------- 1. Light, sweet background --------------------------------- */
.mgc-welcome-strip{
  background:
    radial-gradient(ellipse at 15% 12%, var(--mgc-welcome-glow-gold), transparent 55%),
    radial-gradient(ellipse at 88% 92%, var(--mgc-welcome-glow-teal), transparent 55%),
    linear-gradient(165deg, var(--mgc-welcome-light-1) 0, var(--mgc-welcome-light-2) 45%, var(--mgc-welcome-light-3) 75%, var(--mgc-welcome-light-2) 100%) !important;
  border-top-color: var(--mgc-border) !important;
  border-bottom-color: var(--mgc-border) !important;
}

/* The diagonal weave overlay was tuned for a dark terracotta ground
   (mix-blend-mode:overlay reads very differently on light). Soften it
   to a faint warm hairline pattern so it still adds texture without
   muddying the new light surface. */
.mgc-welcome-strip::before{
  background-image:
    repeating-linear-gradient(45deg, rgba(193,89,44,.10) 0 2px, transparent 2px 26px),
    repeating-linear-gradient(-45deg, rgba(214,161,60,.10) 0 2px, transparent 2px 26px);
  opacity:.6;
  mix-blend-mode:normal;
}

/* Temple watermark: swap the gold-on-dark tint for a muted teal so the
   linework stays "felt, not seen" against the lighter ground instead
   of nearly disappearing or, conversely, glowing too brightly. */
.mgc-welcome-watermark{
  color: var(--mgc-teal-light) !important;
  opacity:.16 !important;
}

/* ---------- 2. Darker, readable heading text ---------------------------- */
.mgc-welcome-strip-head .mgc-eyebrow{
  color: var(--mgc-gold-deep) !important;
}
.mgc-welcome-strip-head .mgc-eyebrow::before{
  background: var(--mgc-gold-deep) !important;
}
.mgc-welcome-strip-head h2{
  color: var(--mgc-indigo-deep) !important;
}
.mgc-welcome-strip-head p{
  color: var(--mgc-ink-soft) !important;
}

/* ---------- 3. Print stays clean, as elsewhere on the page -------------- */
@media print{
  .mgc-welcome-strip{ background:#fff !important; }
  .mgc-welcome-watermark{ opacity:.1 !important; }
}

/* ============================== mgc-intro-cards-brighten.css ============================== */
/* =====================================================================
   MGC — INTRO CARDS: BRIGHTER PHOTOS
   Purely additive. Load this LAST — after every other mgc-*.css layer,
   including mgc-welcome-strip-light.css. No markup changes required.

   Targets .mgc-intro-card-media, which is only used by the two cards in
   the "About the College & Principal's Desk" section:
     Card 1 — About the College   (college-campus-gate.jpg)
     Card 2 — From the Principal's Desk  (principal-portrait.jpg)
   No other image on the page uses this class, so this is scoped
   precisely to those two photos.

   Two things were holding these photos back:
     1) A strong dark gradient (base mgc-style.css ::after) washes the
        lower ~75% of the image toward navy — originally there to sit
        behind bottom-anchored caption text, but neither card actually
        puts text over the photo (the badge is a solid gold pill in the
        top-left, independent of the image), so the darkening no longer
        serves a purpose here and just dims the photo.
     2) mgc-brighter.css's sitewide filter is a deliberately gentle
        brightness(1.04)/saturate(1.05) nudge shared across many images.
        These two specific photos get a much stronger lift instead.
   ===================================================================== */

/* ---------- 1. Lift the dark overlay off the photo ---------------------- */
.mgc-intro-card-media::after{
  background: linear-gradient(0deg, rgba(13,22,46,.14) 0, transparent 42%) !important;
}

/* Fallback tile colour (only visible if the image itself fails to load)
   switched from navy to ivory so even that reads as bright, not dark. */
.mgc-intro-card-media{
  background: var(--mgc-ivory) !important;
}

/* ---------- 2. Strong brightness/saturation lift on the photo itself --- */
.mgc-intro-card-media img{
  filter: brightness(1.22) saturate(1.16) contrast(1.03) !important;
}

/* A touch brighter still on hover, layered on top of the existing
   zoom-in from mgc-polish-pro.css — the photo should feel like it's
   catching more light as the user engages with the card. */
.mgc-intro-card:hover .mgc-intro-card-media img{
  filter: brightness(1.3) saturate(1.22) contrast(1.03) !important;
}

/* ---------- 3. Keep it out of print, matching every other layer -------- */
@media print{
  .mgc-intro-card-media img{ filter:none !important; }
  .mgc-intro-card-media::after{ background:none !important; }
}