{"id":1113,"date":"2026-08-20T12:00:05","date_gmt":"2026-08-20T12:00:05","guid":{"rendered":"https:\/\/jsums.org\/music\/?page_id=1113"},"modified":"2026-08-20T12:00:53","modified_gmt":"2026-08-20T12:00:53","slug":"dr-ramon-jackson","status":"publish","type":"page","link":"https:\/\/jsums.org\/music\/personnel\/dr-ramon-jackson\/","title":{"rendered":"Dr. Ramon Jackson"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1113\" class=\"elementor elementor-1113\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd7ebcc e-flex e-con-boxed e-con e-parent\" data-id=\"fd7ebcc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65db31e elementor-widget elementor-widget-html\" data-id=\"65db31e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n<meta name=\"description\" content=\"Dr. Ramon Jackson, Assistant Professor of Music, Assistant Department Chair, Director of Music Education and Assistant Band Director in the Department of Music at Jackson State University.\">\n<title>Dr. Ramon Jackson &middot; Department of Music &middot; Jackson State University<\/title>\n<link rel=\"canonical\" href=\"https:\/\/www.jsums.org\/music\/personnel\/dr-ramon-jackson\/\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700;800&family=Crimson+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\n<style>\n:root{--navy:#002147;--navy-deep:#00152E;--navy-mid:#003366;--blue:#008ED6;--blue-dk:#007ABB;--blue-xdk:#00629A;--blue-lt:#3DB4F0;--blue-ltr:#6DC8F5;--blue-pale:#EBF6FD;--white:#FFFFFF;--off-white:#F3F7FB;--surface:#E6EEF6;--border:#C2D4E6;--t900:#1C2430;--t700:#4A5060;--t500:#636B78;--on-navy:#FFFFFF;--on-navy-sub:#C0C8D4;--on-navy-tert:#96A0AE;--on-deep-sub:#B8C2D0;--err:#C62828;--err-bg:#FFF0F0;--ok:#2E7D32;--ok-bg:#F0FFF1;--focus:#008ED6;--focus-dark:#6DC8F5;--fh:'Sora',sans-serif;--fb:'Crimson Pro',Georgia,serif;--mw:1340px;--r:14px;--ease:cubic-bezier(0.22,1,0.36,1);}\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}\nbody{font-family:var(--fb);font-size:1rem;line-height:1.7;color:#1C2430;background:#FFFFFF;overflow-x:hidden;-webkit-font-smoothing:antialiased;}\nimg{max-width:100%;height:auto;display:block;}a{text-decoration:none;color:inherit;}ul,ol{list-style:none;}\n@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}\na:focus-visible,button:focus-visible,[role=\"button\"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px;}\n.dk a:focus-visible,.dk button:focus-visible{outline-color:var(--focus-dark);}\n.w{max-width:1340px;margin:0 auto;padding-left:clamp(1.25rem,4vw,3rem);padding-right:clamp(1.25rem,4vw,3rem);}\n.skip-link{position:absolute;top:-120px;left:1rem;background:#008ED6;color:#FFFFFF;padding:.75rem 1.5rem;border-radius:0 0 8px 8px;font-family:var(--fh);font-weight:700;font-size:.9rem;z-index:9999;transition:top .2s;text-decoration:underline;}\n.skip-link:focus{top:0;outline:3px solid #FFFFFF;outline-offset:2px;}\n.breadcrumb{background:#E6EEF6;border-bottom:1px solid #C2D4E6;padding:.65rem 0;}\n.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-family:var(--fh);font-size:.78rem;color:#636B78;}\n.breadcrumb__list li{display:flex;align-items:center;gap:.35rem;}\n.breadcrumb__list li+li::before{content:'\u203a';color:#C2D4E6;font-size:1rem;}\n.breadcrumb__list a{color:#00629A;text-decoration:underline;text-underline-offset:2px;font-weight:500;}\n.breadcrumb__list a:hover{color:#002147;}\n.breadcrumb__list [aria-current=\"page\"]{color:#4A5060;font-weight:600;}\n.hero{position:relative;background-color:#00152E;background-image:linear-gradient(135deg,#00152E 0%,#002147 100%);overflow:hidden;padding:clamp(3.5rem,8vw,6rem) 0 clamp(3rem,6vw,5rem);}\n.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(0,142,214,.18) 0%,transparent 60%),radial-gradient(ellipse 40% 80% at 20% 80%,rgba(0,33,71,.6) 0%,transparent 70%);pointer-events:none;}\n.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr;align-items:center;gap:2rem;}\n.hero__tag{display:inline-block;font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#3DB4F0;background:rgba(0,142,214,.15);border:1px solid rgba(0,142,214,.3);border-radius:4px;padding:.25rem .75rem;margin-bottom:1rem;}\n.hero__title{font-family:var(--fh);font-weight:800;font-size:clamp(1.9rem,4.5vw,3.4rem);line-height:1.08;letter-spacing:-.025em;color:#FFFFFF;margin-bottom:.85rem;}\n.hero__title em{font-family:var(--fb);font-style:italic;color:#3DB4F0;}\n.hero__desc{font-family:var(--fb);font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.65;color:#C0C8D4;max-width:620px;margin-bottom:1.75rem;}\n.hero__btns{display:flex;gap:.75rem;flex-wrap:wrap;}\n.hero__stat-band{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(0,142,214,.2);border-radius:8px;min-width:180px;}\n.hero__stat{text-align:center;}\n.hero__stat-num{font-family:var(--fh);font-size:2rem;font-weight:800;color:#3DB4F0;line-height:1;}\n.hero__stat-lbl{font-family:var(--fh);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#96A0AE;margin-top:.3rem;}\n.hero__stat+.hero__stat{border-top:1px solid rgba(0,142,214,.2);padding-top:1.5rem;}\n.btn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--fh);font-weight:600;font-size:.88rem;letter-spacing:.02em;padding:.7rem 1.4rem;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s;text-decoration:none;line-height:1.2;}\n.btn:active{transform:scale(.98);}\n.btn--primary{background:#00659E;color:#FFFFFF;border-color:#008ED6;}\n.btn--primary:hover{background:#007ABB;border-color:#007ABB;}\n.btn--outline-white{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.5);}\n.btn--outline-white:hover{background:rgba(255,255,255,.1);border-color:#FFFFFF;}\n.btn--outline-navy{background:transparent;color:#002147;border-color:#002147;}\n.btn--outline-navy:hover{background:#002147;color:#FFFFFF;}\n.sec{padding:clamp(3.5rem,7vw,5.5rem) 0;}\n.sec--off{background:#F3F7FB;}\n.sec--navy{background:#002147;}\n.sec--deep{background:#00152E;}\n.sec--surface{background:#E6EEF6;}\n.sec-eyebrow{font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#00629A;display:block;margin-bottom:.6rem;}\n.sec--navy .sec-eyebrow,.sec--deep .sec-eyebrow{color:#3DB4F0;}\n.sec-title{font-family:var(--fh);font-weight:800;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.1;letter-spacing:-.022em;color:#002147;margin-bottom:.75rem;}\n.sec--navy .sec-title,.sec--deep .sec-title{color:#FFFFFF;}\n.sec-body{font-family:var(--fb);font-size:1.1rem;color:#4A5060;max-width:680px;line-height:1.75;}\n.sec--navy .sec-body{color:#C0C8D4;}\n.sec-head{margin-bottom:clamp(2rem,3.5vw,3.5rem);}\n.sec-head--center{text-align:center;}\n.sec-head--center .sec-body{margin:0 auto;}\n.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:start;}\n.about-body p{font-family:var(--fb);font-size:1.1rem;color:#4A5060;line-height:1.8;margin-bottom:1.1rem;}\n.about-facts{background:#E6EEF6;border-radius:8px;padding:2rem;}\n.about-facts__title{font-family:var(--fh);font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#00629A;margin-bottom:1.25rem;}\n.about-facts dl{display:grid;gap:.85rem;}\n.about-facts dt{font-family:var(--fh);font-size:.78rem;font-weight:700;color:#636B78;letter-spacing:.05em;text-transform:uppercase;}\n.about-facts dd{font-family:var(--fb);font-size:1rem;color:#1C2430;margin-left:0;padding-left:.75rem;border-left:2px solid #008ED6;}\n.tabs__list{display:flex;gap:.25rem;border-bottom:2px solid #C2D4E6;margin-bottom:2rem;flex-wrap:wrap;}\n.tabs__btn{font-family:var(--fh);font-weight:600;font-size:.88rem;color:#4A5060;background:none;border:none;padding:.7rem 1.25rem;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;border-radius:6px 6px 0 0;transition:color .15s,background .15s,border-color .15s;}\n.tabs__btn:hover{color:#002147;background:#E6EEF6;}\n.tabs__btn[aria-selected=\"true\"]{color:#002147;border-bottom-color:#008ED6;background:#F3F7FB;}\n.tabs__panel{display:none;}\n.tabs__panel.is-active{display:block;}\n.program-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;}\n.program-card{background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:.85rem;transition:border-color .2s,box-shadow .2s;text-decoration:none;color:inherit;}\n.program-card:hover{border-color:#008ED6;box-shadow:0 4px 20px rgba(0,142,214,.1);}\n.program-card__dot{width:8px;height:8px;border-radius:50%;background:#008ED6;margin-top:.55rem;flex-shrink:0;}\n.program-card__name{font-family:var(--fh);font-size:.92rem;font-weight:600;color:#002147;margin-bottom:.2rem;}\n.program-card__level{font-family:var(--fh);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#636B78;}\n.accordion{border:1px solid #C2D4E6;border-radius:8px;overflow:hidden;}\n.accordion+.accordion{margin-top:.75rem;}\n.accordion__trigger{width:100%;text-align:left;background:#FFFFFF;border:none;padding:1.1rem 1.5rem;font-family:var(--fh);font-weight:600;font-size:.95rem;color:#002147;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background .15s;}\n.accordion__trigger:hover{background:#F3F7FB;}\n.accordion__trigger[aria-expanded=\"true\"]{background:#002147;color:#FFFFFF;}\n.accordion__icon{width:20px;height:20px;border-radius:50%;background:#E6EEF6;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:background .15s,transform .3s;}\n.accordion__trigger[aria-expanded=\"true\"] .accordion__icon{background:rgba(255,255,255,.15);color:#FFFFFF;transform:rotate(180deg);}\n.accordion__body{display:none;padding:1.5rem;background:#F3F7FB;border-top:1px solid #C2D4E6;font-family:var(--fb);font-size:1.05rem;color:#4A5060;line-height:1.75;}\n.accordion__body.is-open{display:block;}\n.accordion__body p+p{margin-top:.85rem;}\n.accordion__body ul{list-style:disc;padding-left:1.5rem;margin-top:.75rem;}\n.accordion__body li{margin-bottom:.35rem;}\n.faculty-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;}\n.faculty-card{background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;padding:1.5rem;}\n.faculty-card__name{font-family:var(--fh);font-weight:700;font-size:1rem;color:#002147;margin-bottom:.2rem;}\n.faculty-card__title{font-family:var(--fh);font-size:.8rem;color:#00629A;font-weight:600;margin-bottom:.5rem;}\n.faculty-card__contact{font-family:var(--fh);font-size:.78rem;color:#636B78;}\n.faculty-card__contact a{color:#00629A;text-decoration:underline;}\n.cta-band{background:#00152E;padding:clamp(3rem,6vw,5rem) 0;}\n.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}\n.cta-band__title{font-family:var(--fh);font-weight:800;font-size:clamp(1.5rem,3vw,2.2rem);color:#FFFFFF;line-height:1.15;margin-bottom:.5rem;}\n.cta-band__sub{font-family:var(--fb);font-size:1.1rem;color:#C0C8D4;}\n.cta-band__btns{display:flex;gap:.75rem;flex-wrap:wrap;flex-shrink:0;}\n.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;}\n.contact-info__title{font-family:var(--fh);font-weight:700;font-size:1.2rem;color:#002147;margin-bottom:1.25rem;}\n.contact-item{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:1.1rem;}\n.contact-icon{font-size:1.3rem;line-height:1;margin-top:.1rem;flex-shrink:0;}\n.contact-item__label{font-family:var(--fh);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#636B78;margin-bottom:.15rem;}\n.contact-item__val{font-family:var(--fb);font-size:1rem;color:#1C2430;}\n.contact-item__val a{color:#00629A;text-decoration:underline;}\n.form-group{margin-bottom:1.25rem;}\n.form-label{display:block;font-family:var(--fh);font-weight:600;font-size:.85rem;color:#1C2430;margin-bottom:.4rem;}\n.required{color:#C62828;}\n.form-control{display:block;width:100%;font-family:var(--fb);font-size:1rem;color:#1C2430;background:#FFFFFF;border:1.5px solid #C2D4E6;border-radius:8px;padding:.65rem .9rem;transition:border-color .2s;}\n.form-control:focus{outline:none;border-color:#008ED6;box-shadow:0 0 0 3px rgba(0,142,214,.15);}\ntextarea.form-control{min-height:120px;resize:vertical;}\n.form-control.is-error{border-color:#C62828;}\n.form-error{font-family:var(--fh);font-size:.8rem;color:#C62828;margin-top:.3rem;display:none;}\n.form-error.is-visible{display:block;}\n.form-status{font-family:var(--fh);font-size:.9rem;padding:.85rem 1.1rem;border-radius:8px;margin-bottom:1rem;display:none;}\n.form-status.is-ok{display:block;background:#F0FFF1;color:#2E7D32;border:1px solid #a5d6a7;}\n.form-status.is-err{display:block;background:#FFF0F0;color:#C62828;border:1px solid #ef9a9a;}\n.site-footer{background:#00152E;padding:clamp(3rem,6vw,5rem) 0 2rem;}\n.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem;}\n.footer__brand-name{font-family:var(--fh);font-weight:800;font-size:1.1rem;color:#FFFFFF;margin-bottom:.35rem;}\n.footer__brand-sub{font-family:var(--fh);font-size:.82rem;color:#C0C8D4;margin-bottom:.85rem;}\n.footer__brand-contact{font-family:var(--fb);font-size:.95rem;color:#96A0AE;line-height:1.8;}\n.footer__brand-contact a{color:#3DB4F0;text-decoration:underline;}\n.footer__col-title{font-family:var(--fh);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#96A0AE;margin-bottom:.85rem;}\n.site-footer nav ul{display:grid;gap:.5rem;}\n.site-footer nav a{font-family:var(--fh);font-size:.85rem;color:#C0C8D4;transition:color .15s;}\n.site-footer nav a:hover{color:#FFFFFF;}\n.footer__legal{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}\n.footer__legal p{font-family:var(--fh);font-size:.78rem;color:#96A0AE;}\n.footer__legal-links{display:flex;flex-wrap:wrap;gap:1rem;}\n.footer__legal-links a{font-family:var(--fh);font-size:.78rem;color:#96A0AE;text-decoration:underline;}\n.footer__legal-links a:hover{color:#FFFFFF;}\n.fnav-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(0);z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:#002147;color:#FFFFFF;border:none;border-radius:6px 0 0 6px;padding:.9rem .55rem;cursor:pointer;box-shadow:-2px 0 12px rgba(0,21,46,.35);opacity:0;visibility:hidden;transform:translateY(-50%) translateX(100%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background .15s;}.fnav-toggle.is-visible{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);}.fnav-toggle:hover{background:#007ABB;}.fnav-toggle__icon{font-size:1rem;line-height:1;display:block;}.fnav-toggle__label{font-family:var(--fh);font-size:.55rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);margin-top:.3rem;color:#FFFFFF;}\n.fnav-overlay{position:fixed;inset:0;background:rgba(0,21,46,.55);z-index:600;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}\n.fnav-overlay.is-open{opacity:1;visibility:visible;}\n.fnav-drawer{position:fixed;top:0;right:-340px;width:320px;max-width:90vw;height:100%;background:#FFFFFF;z-index:700;display:flex;flex-direction:column;box-shadow:-4px 0 40px rgba(0,21,46,.25);transition:right .35s cubic-bezier(0.22,1,0.36,1);}\n.fnav-drawer.is-open{right:0;}\n.fnav-drawer__header{background:#002147;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-shrink:0;}\n.fnav-drawer__eyebrow{font-family:var(--fh);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#3DB4F0;display:block;margin-bottom:.2rem;}\n.fnav-drawer__title{font-family:var(--fh);font-size:.95rem;font-weight:700;color:#FFFFFF;display:block;}\n.fnav-close{background:rgba(255,255,255,.1);border:none;color:#FFFFFF;font-size:1.4rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;}\n.fnav-close:hover{background:rgba(255,255,255,.2);}\n.fnav-drawer__body{flex:1;overflow-y:auto;padding:1.5rem;}\n.fnav-group__label{font-family:var(--fh);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#636B78;display:block;margin-bottom:.75rem;}\n.fnav-group__items{display:grid;gap:.2rem;}\n.fnav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:8px;font-family:var(--fh);font-size:.88rem;font-weight:500;color:#4A5060;transition:background .15s,color .15s;}\n.fnav-item:hover{background:#E6EEF6;color:#002147;}\n.fnav-item.is-active{background:#EBF6FD;color:#00629A;font-weight:600;}\n.fnav-item__dot{width:6px;height:6px;border-radius:50%;background:#C2D4E6;flex-shrink:0;transition:background .15s;}\n.fnav-item.is-active .fnav-item__dot{background:#008ED6;}\n.fnav-drawer__footer{color:#FFFFFF !important;border-top:1px solid #C2D4E6;padding:1rem 1.5rem;flex-shrink:0;}\n.fnav-footer-link{color:#FFFFFF !important;text-decoration:none;font-family:var(--fh);font-size:.82rem;font-weight:600;color:#00629A;text-decoration:underline;text-underline-offset:2px;}\n.jsu-btt{position:fixed;bottom:28px;right:28px;z-index:900;background:#008ED6;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#FFFFFF;font-size:22px;line-height:1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,visibility .25s,transform .25s,background .15s;box-shadow:0 4px 16px rgba(0,142,214,.35);}\n.jsu-btt.is-visible{opacity:1;visibility:visible;transform:translateY(0);}\n.jsu-btt:hover{background:#007ABB;}\n.jsu-btt:focus-visible{outline:3px solid #5BAADC;outline-offset:3px;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;color:#1C2430;background:#FFFFFF;}\n.resource-list{display:grid;gap:.75rem;}\n.resource-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;transition:border-color .2s;}\n.resource-item:hover{border-color:#008ED6;}\n.resource-icon{font-size:1.5rem;flex-shrink:0;}\n.resource-item__name{font-family:var(--fh);font-weight:600;font-size:.92rem;color:#002147;}\n.resource-item__desc{font-family:var(--fb);font-size:.9rem;color:#636B78;}\n.resource-item__link{font-family:var(--fh);font-size:.8rem;font-weight:600;color:#00629A;text-decoration:underline;margin-left:auto;white-space:nowrap;flex-shrink:0;}\n@media(max-width:900px){.about-grid,.contact-grid{grid-template-columns:1fr;}.footer__grid{grid-template-columns:1fr 1fr;}.hero__inner{grid-template-columns:1fr;}.hero__stat-band{flex-direction:row;flex-wrap:wrap;min-width:0;}}\n@media(max-width:600px){.footer__grid{grid-template-columns:1fr;}.cta-band__inner{flex-direction:column;}}\n\n    .contact-items{display:flex;flex-wrap:wrap;gap:2.5rem;margin-top:0;}\n    .contact-item{display:flex;gap:.85rem;align-items:flex-start;min-width:220px;}\n    .contact-icon{font-size:1.3rem;line-height:1;margin-top:.1rem;flex-shrink:0;}\n    .contact-item__label{font-family:var(--fh);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#636B78;margin-bottom:.15rem;}\n    .contact-item__val{font-family:var(--fb);font-size:1rem;color:#1C2430;}\n    .contact-item__val a{color:#00629A;text-decoration:underline;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ELEMENTOR CONTAINMENT RESETS\n   Prevents Elementor wrapper styles from bleeding into our\n   custom HTML content blocks.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Zero out all padding\/margin\/gap\/background on every Elementor wrapper *\/\n.elementor-widget-container,\n.elementor-widget-wrap,\n.elementor-widget-wrap > .elementor-element,\n.elementor-section .elementor-container,\n.elementor-section .elementor-row,\n.e-con,\n.e-con-inner,\n.e-child,\n.e-con > .e-con-inner {\n    padding: 0 !important;\n    margin: 0 !important;\n    gap: 0 !important;\n    background: transparent !important;\n    background-color: transparent !important;\n    background-image: none !important;\n    border: none !important;\n    box-shadow: none !important;\n    max-width: none !important;\n    width: 100% !important;\n}\n\n\/* Section-level Elementor wrappers *\/\n.elementor-section,\n.elementor-top-section,\n.elementor-inner-section {\n    padding: 0 !important;\n    margin: 0 !important;\n    background: transparent !important;\n    background-color: transparent !important;\n    background-image: none !important;\n}\n\n\/* Strip Elementor heading color overrides *\/\n.elementor-widget-container h1,\n.elementor-widget-container h2,\n.elementor-widget-container h3,\n.elementor-widget-container h4,\n.elementor-widget-container h5,\n.elementor-widget-container p,\n.elementor-widget-container a {\n    color: inherit !important;\n}\n\n\/* \u2500\u2500 Dark section hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   .hero and .cta-band.dk MUST stay dark regardless of\n   Elementor theme color injection.\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero,\n.hero * {\n    color: #FFFFFF !important;\n}\n.hero__inner {\n    justify-items: center !important;\n    text-align: center !important;\n}\n.hero__inner > div {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    text-align: center !important;\n    max-width: 780px !important;\n    margin: 0 auto !important;\n}\n.hero__btns {\n    justify-content: center !important;\n}\n.hero__desc {\n    max-width: 640px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n}\n.hero__tag {\n    display: inline-block !important;\n}\n.hero {\n    background-color: #00152E !important;\n    background-image: linear-gradient(135deg, #00152E 0%, #002147 60%, #003366 100%) !important;\n    position: relative !important;\n}\n.cta-band.dk {\n    background-color: #002147 !important;\n    background-image: linear-gradient(135deg, #00152E 0%, #002147 100%) !important;\n    color: #FFFFFF !important;\n}\n.cta-band.dk * {\n    color: #FFFFFF !important;\n}\n.cta-band.dk .btn--primary {\n    background-color: #00659E !important;\n    color: #FFFFFF !important;\n}\n.cta-band.dk .btn--outline-white {\n    border-color: rgba(255,255,255,0.6) !important;\n    color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 Section background hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sec {\n    background-color: #FFFFFF !important;\n    color: #1C2430 !important;\n}\n.sec--off {\n    background-color: #F3F7FB !important;\n    color: #1C2430 !important;\n}\n.sec--surface {\n    background-color: #E6EEF6 !important;\n    color: #1C2430 !important;\n}\n\n\/* \u2500\u2500 Text color hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sec .sec-title,\n.sec .sec-eyebrow,\n.sec h2,\n.sec h3 {\n    color: #002147 !important;\n}\n.sec p,\n.sec li,\n.sec dd,\n.sec dt {\n    color: #4A5060 !important;\n}\n.sec a {\n    color: #00629A !important;\n}\n\n\/* \u2500\u2500 About section hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.about-facts {\n    background: #E6EEF6 !important;\n    border-radius: 8px !important;\n    padding: clamp(1.5rem, 3vw, 2.5rem) !important;\n}\n.about-facts__title {\n    color: #00629A !important;\n    font-weight: 700 !important;\n}\n.about-facts dl dt {\n    color: #636B78 !important;\n    text-transform: uppercase !important;\n    font-size: .72rem !important;\n    letter-spacing: .08em !important;\n    font-weight: 700 !important;\n}\n.about-facts dl dd {\n    color: #1C2430 !important;\n    font-size: .97rem !important;\n}\n\n\/* \u2500\u2500 Card hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.card {\n    background: #FFFFFF !important;\n    border: 1px solid #C2D4E6 !important;\n    border-radius: 8px !important;\n}\n.card__eyebrow { color: #00629A !important; }\n.card__title   { color: #002147 !important; }\n.card__text    { color: #4A5060 !important; }\n.card__link    { color: #00629A !important; }\n\n\/* \u2500\u2500 Faculty card hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.faculty-card {\n    background: #FFFFFF !important;\n    border: 1px solid #C2D4E6 !important;\n    border-radius: 8px !important;\n}\n.faculty-card__name  { color: #002147 !important; }\n.faculty-card__title { color: #636B78 !important; }\n.faculty-card__contact, \n.faculty-card__contact a { color: #00629A !important; }\n\n\/* \u2500\u2500 Resource list hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.resource-item {\n    background: #FFFFFF !important;\n    border: 1px solid #C2D4E6 !important;\n    border-bottom-color: #C2D4E6 !important;\n}\n.resource-item__name { color: #002147 !important; }\n.resource-item__desc { color: #4A5060 !important; }\n.resource-item__link { color: #00629A !important; border-color: #00629A !important; }\n\n\/* \u2500\u2500 Program card hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.program-card {\n    background: #FFFFFF !important;\n    border: 1px solid #C2D4E6 !important;\n    border-radius: 8px !important;\n    color: #1C2430 !important;\n}\n.program-card__name  { color: #002147 !important; }\n.program-card__level { color: #636B78 !important; }\n.program-card__dot   { background: #008ED6 !important; }\n\n\/* \u2500\u2500 Tab hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.tabs__btn {\n    background: transparent !important;\n    color: #002147 !important;\n    border-color: #C2D4E6 !important;\n}\n.tabs__btn[aria-selected=\"true\"] {\n    background: #002147 !important;\n    color: #FFFFFF !important;\n    border-color: #002147 !important;\n}\n\n\/* \u2500\u2500 Accordion hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.accordion__trigger {\n    background: #FFFFFF !important;\n    color: #002147 !important;\n    border-color: #C2D4E6 !important;\n}\n.accordion__trigger[aria-expanded=\"true\"] {\n    background: #002147 !important;\n    color: #FFFFFF !important;\n}\n.accordion__body { \n    background: #FFFFFF !important; \n    color: #4A5060 !important;\n}\n\n\/* \u2500\u2500 Nav drawer hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.fnav-drawer {\n    background: #002147 !important;\n    color: #FFFFFF !important;\n}\n.fnav-drawer__header {\n    background: #00152E !important;\n    border-bottom-color: rgba(0,142,214,0.3) !important;\n}\n.fnav-drawer__title { color: #FFFFFF !important; }\n.fnav-drawer__eyebrow { color: #3DB4F0 !important; }\n.fnav-item { color: rgba(255,255,255,0.85) !important; }\n.fnav-item.is-active,\n.fnav-item:hover { color: #FFFFFF !important; background: rgba(0,142,214,0.2) !important; }\n.fnav-group__label { color: #3DB4F0 !important; }\n.fnav-drawer__footer { color: #FFFFFF !important; }\n.fnav-footer-link { color: #FFFFFF !important; text-decoration: none; }\n.fnav-footer-link:hover { color: #3DB4F0 !important; }\n\n\/* \u2500\u2500 Hero text hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero__tag     { color: #3DB4F0 !important; }\n.hero__title   { color: #FFFFFF !important; }\n.hero__desc    { color: rgba(255,255,255,0.85) !important; }\n.hero__btns .btn--primary       { background-color: #00659E !important; color: #FFFFFF !important; }\n.hero__btns .btn--outline-white { border-color: rgba(255,255,255,0.6) !important; color: #FFFFFF !important; }\n\n\/* \u2500\u2500 Breadcrumb hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.breadcrumb { background: #002147 !important; }\n.breadcrumb a, .breadcrumb span { color: rgba(255,255,255,0.75) !important; }\n.breadcrumb [aria-current=\"page\"] { color: #FFFFFF !important; }\n\n\/* \u2500\u2500 Contact section hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.contact-items { color: #1C2430 !important; }\n.contact-item__label { color: #636B78 !important; }\n.contact-item__val   { color: #1C2430 !important; }\n.contact-item__val a { color: #00629A !important; }\n\n\/* \u2500\u2500 Skip link \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.skip-link:focus {\n    background: #008ED6 !important;\n    color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 BTT button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.jsu-btt {\n    background: #00659E !important;\n    color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 Menu toggle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.fnav-toggle {\n    background: #002147 !important;\n    color: #FFFFFF !important;\n}\n.fnav-toggle:hover { background: #007ABB !important; }\n\n\/* \u2500\u2500 WCAG: Ensure minimum contrast on all body text \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nbody { \n    background-color: #FFFFFF !important; \n    color: #1C2430 !important;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TICKER STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ticker-wrap{\n    background:#00152E;\n    border-top:1px solid rgba(0,142,214,.25);\n    border-bottom:1px solid rgba(0,142,214,.25);\n    overflow:hidden;\n    padding:.55rem 0;\n    position:relative;\n}\n.ticker-wrap::before,\n.ticker-wrap::after{\n    content:'';\n    position:absolute;\n    top:0;bottom:0;\n    width:80px;\n    z-index:2;\n    pointer-events:none;\n}\n.ticker-wrap::before{\n    left:0;\n    background:linear-gradient(to right,#00152E,transparent);\n}\n.ticker-wrap::after{\n    right:0;\n    background:linear-gradient(to left,#00152E,transparent);\n}\n.ticker-label{\n    position:absolute;\n    left:0;top:50%;\n    transform:translateY(-50%);\n    background:#008ED6;\n    color:#FFFFFF;\n    font-family:var(--fh);\n    font-size:.65rem;\n    font-weight:700;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n    padding:.35rem .75rem;\n    z-index:3;\n    white-space:nowrap;\n}\n.ticker-track{\n    display:flex;\n    align-items:center;\n    gap:0;\n    width:max-content;\n    animation:ticker-scroll 40s linear infinite;\n    padding-left:160px;\n}\n.ticker-track:hover{animation-play-state:paused;}\n.ticker-item{\n    display:inline-flex;\n    align-items:center;\n    gap:.5rem;\n    white-space:nowrap;\n    padding:0 1.5rem;\n    font-family:var(--fh);\n    font-size:.78rem;\n    font-weight:500;\n    color:rgba(255,255,255,.75);\n    transition:color .2s;\n    text-decoration:none;\n}\n.ticker-item:hover{color:#3DB4F0;}\n.ticker-item::before{\n    content:'';\n    display:inline-block;\n    width:4px;height:4px;\n    border-radius:50%;\n    background:#008ED6;\n    flex-shrink:0;\n}\n@keyframes ticker-scroll{\n    0%{transform:translateX(0);}\n    100%{transform:translateX(-50%);}\n}\n@media(prefers-reduced-motion:reduce){\n    .ticker-track{animation:none;overflow-x:auto;}\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO CENTERING \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero__inner{\n    justify-items:center;\n    text-align:center;\n}\n.hero__inner > div{\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    text-align:center;\n    max-width:780px;\n    margin:0 auto;\n}\n.hero__desc{\n    max-width:640px;\n    margin-left:auto;\n    margin-right:auto;\n}\n.hero__btns{\n    justify-content:center;\n}\n\n\n\/* \u2500\u2500 Visually hidden elements \u2014 explicit colors for accessibility checkers \u2500\u2500 *\/\n.sr-only,\n.visually-hidden {\n    color: #1C2430 !important;\n    background-color: #FFFFFF !important;\n}\n\/* \u2500\u2500 Screen-reader-only toggle label \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.fnav-toggle__label {\n    color: #FFFFFF !important;\n}\n\/* \u2500\u2500 Skip link always has explicit colors \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.skip-link {\n    background-color: #00659E !important;\n    color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 Breadcrumb: sit flush below global header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nbody {\n    padding-top: 65px !important;\n    background-color: #002147 !important;\n}\n.breadcrumb {\n    margin-top: 0 !important;\n    scroll-margin-top: 65px !important;\n}\n#main-content {\n    scroll-margin-top: 65px !important;\n}\n.admin-bar body { padding-top: 97px !important; }\n.admin-bar .breadcrumb { scroll-margin-top: 97px !important; }\n\/* \u2500\u2500 Hero: full viewport height \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero {\n    min-height: 100vh !important;\n    height: 100vh !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    padding: 0 !important;\n    position: relative !important;\n}\n.hero__inner {\n    justify-items: center !important;\n    text-align: center !important;\n    padding: clamp(2rem, 4vh, 5rem) 0 !important;\n    width: 100% !important;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   JSU GLOBAL NAVIGATION \u2014 matches jsums.org exactly\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.jsu-global-nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 1000;\n    background: #002147;\n    box-shadow: 0 2px 16px rgba(0,0,0,.35);\n}\n.jsu-global-nav__top {\n    background: #00152E;\n    padding: .3rem 0;\n    border-bottom: 1px solid rgba(0,142,214,.2);\n}\n.jsu-global-nav__top-inner {\n    max-width: 1340px;\n    margin: 0 auto;\n    padding: 0 clamp(1.25rem,4vw,3rem);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 1rem;\n    flex-wrap: wrap;\n}\n.jsu-global-nav__util-links {\n    display: flex;\n    flex-wrap: wrap;\n    gap: .15rem .75rem;\n    list-style: none;\n}\n.jsu-global-nav__util-links a {\n    font-family: var(--fh);\n    font-size: .68rem;\n    font-weight: 500;\n    color: rgba(255,255,255,.65);\n    text-decoration: none;\n    letter-spacing: .02em;\n    transition: color .15s;\n}\n.jsu-global-nav__util-links a:hover { color: #3DB4F0; }\n.jsu-global-nav__ctas {\n    display: flex;\n    gap: .4rem;\n}\n.jsu-global-nav__cta {\n    font-family: var(--fh);\n    font-size: .72rem;\n    font-weight: 700;\n    letter-spacing: .05em;\n    text-decoration: none;\n    padding: .3rem .85rem;\n    border-radius: 4px;\n    transition: background .15s, color .15s;\n}\n.jsu-global-nav__cta--apply {\n    background: #00659E;\n    color: #FFFFFF;\n}\n.jsu-global-nav__cta--apply:hover { background: #007ABB; }\n.jsu-global-nav__cta--visit {\n    background: transparent;\n    color: rgba(255,255,255,.8);\n    border: 1px solid rgba(255,255,255,.3);\n}\n.jsu-global-nav__cta--visit:hover { background: rgba(255,255,255,.08); color: #FFFFFF; }\n.jsu-global-nav__cta--give {\n    background: #3DB4F0;\n    color: #002147;\n    font-weight: 800;\n}\n.jsu-global-nav__cta--give:hover { background: #6DC8F5; }\n\n.jsu-global-nav__main {\n    max-width: 1340px;\n    margin: 0 auto;\n    padding: 0 clamp(1.25rem,4vw,3rem);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    height: 64px;\n    gap: 1.5rem;\n}\n.jsu-global-nav__logo {\n    display: flex;\n    align-items: center;\n    gap: .65rem;\n    text-decoration: none;\n    flex-shrink: 0;\n}\n.jsu-global-nav__logo-mark {\n    width: 44px;\n    height: 44px;\n    border-radius: 6px;\n    background: #FFFFFF;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n.jsu-global-nav__logo-mark span {\n    font-family: var(--fh);\n    font-weight: 900;\n    font-size: 1.05rem;\n    color: #002147;\n    letter-spacing: -.03em;\n}\n.jsu-global-nav__logo-text { line-height: 1.15; }\n.jsu-global-nav__logo-text strong {\n    display: block;\n    font-family: var(--fh);\n    font-weight: 800;\n    font-size: .88rem;\n    color: #FFFFFF;\n    letter-spacing: .01em;\n}\n.jsu-global-nav__logo-text span {\n    font-family: var(--fh);\n    font-size: .62rem;\n    font-weight: 500;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    color: #3DB4F0;\n}\n\n.jsu-global-nav__menu {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    list-style: none;\n}\n.jsu-global-nav__menu > li {\n    position: relative;\n}\n.jsu-global-nav__menu > li > a,\n.jsu-global-nav__menu > li > button {\n    display: flex;\n    align-items: center;\n    gap: .3rem;\n    font-family: var(--fh);\n    font-size: .82rem;\n    font-weight: 600;\n    color: rgba(255,255,255,.85);\n    text-decoration: none;\n    padding: .55rem .75rem;\n    border-radius: 6px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    transition: color .15s, background .15s;\n    white-space: nowrap;\n}\n.jsu-global-nav__menu > li > a:hover,\n.jsu-global-nav__menu > li > button:hover {\n    color: #FFFFFF;\n    background: rgba(255,255,255,.08);\n}\n.jsu-global-nav__menu > li > a::after,\n.jsu-global-nav__menu > li > button.has-sub::after {\n    content: '';\n    display: inline-block;\n    width: 0; height: 0;\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-top: 4px solid currentColor;\n    opacity: .6;\n    margin-left: .2rem;\n    transition: transform .2s;\n}\n.jsu-global-nav__menu > li:hover > button.has-sub::after,\n.jsu-global-nav__menu > li:focus-within > button.has-sub::after {\n    transform: rotate(180deg);\n}\n\n\/* Dropdowns *\/\n.jsu-global-nav__dropdown {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    min-width: 220px;\n    background: #001736;\n    border: 1px solid rgba(0,142,214,.25);\n    border-radius: 8px;\n    box-shadow: 0 8px 32px rgba(0,0,0,.4);\n    padding: .5rem 0;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(-8px);\n    transition: opacity .2s, visibility .2s, transform .2s;\n    z-index: 100;\n    list-style: none;\n}\n.jsu-global-nav__menu > li:hover .jsu-global-nav__dropdown,\n.jsu-global-nav__menu > li:focus-within .jsu-global-nav__dropdown {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0);\n}\n.jsu-global-nav__dropdown a {\n    display: block;\n    padding: .5rem 1.1rem;\n    font-family: var(--fh);\n    font-size: .82rem;\n    font-weight: 500;\n    color: rgba(255,255,255,.8);\n    text-decoration: none;\n    transition: color .15s, background .15s;\n}\n.jsu-global-nav__dropdown a:hover {\n    color: #FFFFFF;\n    background: rgba(0,142,214,.15);\n}\n.jsu-global-nav__dropdown .drop-group-label {\n    display: block;\n    padding: .65rem 1.1rem .25rem;\n    font-family: var(--fh);\n    font-size: .65rem;\n    font-weight: 700;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    color: #3DB4F0;\n    border-top: 1px solid rgba(0,142,214,.2);\n    margin-top: .35rem;\n}\n.jsu-global-nav__dropdown .drop-group-label:first-child {\n    border-top: none;\n    margin-top: 0;\n}\n\n\/* Mobile menu toggle *\/\n.jsu-global-nav__mob-btn {\n    display: none;\n    background: none;\n    border: 1px solid rgba(255,255,255,.3);\n    border-radius: 6px;\n    color: #FFFFFF;\n    padding: .45rem .65rem;\n    cursor: pointer;\n    font-size: 1.15rem;\n    line-height: 1;\n    transition: background .15s;\n}\n.jsu-global-nav__mob-btn:hover { background: rgba(255,255,255,.1); }\n\n\/* Page body offset for fixed nav *\/\nbody { padding-top: 0 !important; }\n.breadcrumb {\n    margin-top: 104px !important; }\n.admin-bar .breadcrumb {\n    margin-top: 136px !important; }\n#main-content { scroll-margin-top: 104px !important; }\n\n\/* Sections scroll past nav *\/\n[id] { scroll-margin-top: 104px; }\n\n@media(max-width: 1024px) {\n    .jsu-global-nav__menu { display: none; }\n    .jsu-global-nav__mob-btn { display: flex; align-items: center; justify-content: center; }\n}\n@media(max-width: 600px) {\n    .jsu-global-nav__logo-text { display: none; }\n}\n\n\n\/* \u2550\u2550 PDF \/ Document Inline Viewer \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.doc-embed-wrap {\n    margin: 1.25rem 0;\n    border: 1px solid #C2D4E6;\n    border-radius: 10px;\n    overflow: hidden;\n    background: #F3F7FB;\n}\n.doc-embed-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: .6rem 1rem;\n    background: #002147;\n    gap: .75rem;\n    flex-wrap: wrap;\n}\n.doc-embed-toolbar__title {\n    font-family: var(--fh);\n    font-size: .82rem;\n    font-weight: 600;\n    color: #FFFFFF;\n    flex: 1;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.doc-embed-toolbar__actions {\n    display: flex;\n    gap: .4rem;\n    flex-shrink: 0;\n}\n.doc-embed-toolbar__btn {\n    font-family: var(--fh);\n    font-size: .72rem;\n    font-weight: 700;\n    letter-spacing: .04em;\n    padding: .3rem .75rem;\n    border-radius: 5px;\n    text-decoration: none;\n    transition: background .15s, color .15s;\n    white-space: nowrap;\n}\n.doc-embed-toolbar__btn--view {\n    background: #00659E;\n    color: #FFFFFF;\n    border: 1px solid #008ED6;\n}\n.doc-embed-toolbar__btn--view:hover { background: #007ABB; }\n.doc-embed-toolbar__btn--dl {\n    background: rgba(255,255,255,.12);\n    color: rgba(255,255,255,.9);\n    border: 1px solid rgba(255,255,255,.25);\n}\n.doc-embed-toolbar__btn--dl:hover { background: rgba(255,255,255,.2); color: #FFFFFF; }\n.doc-embed-frame {\n    width: 100%;\n    height: 560px;\n    border: none;\n    display: block;\n    background: #FFFFFF;\n}\n@media(max-width:600px){ .doc-embed-frame { height: 380px; } }\n\n\n.pdf-embed-wrap{border-radius:8px;overflow:hidden;box-shadow:0 2px 16px rgba(0,21,46,.1);margin:1.5rem 0;}\n.pdf-embed-header{background:#002147;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}\n.pdf-embed-title{font-family:var(--fh);font-weight:700;font-size:.88rem;color:#FFFFFF;}\n.pdf-embed-actions{display:flex;gap:.5rem;flex-wrap:wrap;}\n.pdf-btn{font-family:var(--fh);font-size:.75rem;font-weight:600;padding:.35rem .85rem;border-radius:4px;text-decoration:none;transition:background .15s;white-space:nowrap;}\n.pdf-btn--view{background:rgba(255,255,255,.15);color:#FFFFFF;}\n.pdf-btn--view:hover{background:rgba(255,255,255,.25);}\n.pdf-btn--dl{background:#00659E;color:#FFFFFF;}\n.pdf-btn--dl:hover{background:#007ABB;}\n.pdf-embed-frame{display:block;background:#F3F7FB;width:100%;border:1px solid #C2D4E6;border-radius:0 0 8px 8px;}\n\n\n\/* \u2500\u2500 Card component \u2014 grid, spacing, typography \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Base template ships .card* color hardening but no layout\n   rules. All hex literal. No CSS variables. \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cards-grid {\n    display: grid !important;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\n    gap: 1.25rem !important;\n    align-items: stretch !important;\n}\n.card {\n    display: flex !important; flex-direction: column !important;\n    background: #FFFFFF !important;\n    border: 1px solid #C2D4E6 !important;\n    border-top: 3px solid #C2D4E6 !important;\n    border-radius: 8px !important;\n    overflow: hidden !important;\n    transition: border-color .2s, box-shadow .2s, transform .2s !important;\n}\n.card:hover {\n    border-color: #C2D4E6 !important;\n    border-top-color: #008ED6 !important;\n    box-shadow: 0 6px 24px rgba(0,33,71,.09) !important;\n    transform: translateY(-2px) !important;\n}\n.card__body {\n    display: flex !important; flex-direction: column !important;\n    flex: 1 1 auto !important;\n    padding: 1.65rem 1.6rem 1.75rem !important;\n}\n.card__eyebrow {\n    font-family: 'Sora', sans-serif !important;\n    font-size: .7rem !important; font-weight: 700 !important;\n    letter-spacing: .1em !important; text-transform: uppercase !important;\n    line-height: 1.4 !important; color: #00629A !important;\n    margin: 0 0 .7rem !important;\n}\n.card__title {\n    font-family: 'Sora', sans-serif !important;\n    font-size: 1.12rem !important; font-weight: 700 !important;\n    line-height: 1.3 !important; color: #002147 !important;\n    margin: 0 0 .65rem !important;\n}\n.card__text {\n    font-family: 'Crimson Pro', Georgia, serif !important;\n    font-size: 1rem !important; line-height: 1.65 !important;\n    color: #4A5060 !important; margin: 0 !important;\n}\n.card__link {\n    font-family: 'Sora', sans-serif !important;\n    font-size: .8rem !important; font-weight: 600 !important;\n    color: #00629A !important; text-decoration: underline !important;\n    text-underline-offset: 3px !important;\n    align-self: flex-start !important;\n    margin-top: auto !important; padding-top: 1.15rem !important;\n}\n.card__link:hover { color: #002147 !important; }\n.about-body p a { color: #00629A !important; text-decoration: underline !important; text-underline-offset: 2px !important; }\n\n\/* Headshot figure in the facts column *\/\n.portrait-fig { margin: 0 0 1.5rem !important; border: 1px solid #C2D4E6 !important;\n    border-radius: 14px !important; overflow: hidden !important; background: #FFFFFF !important; }\n.portrait-fig img { width: 100% !important; height: auto !important; display: block !important; }\n.portrait-cap { font-family: 'Sora', sans-serif !important; font-size: .8rem !important;\n    color: #636B78 !important; padding: .75rem 1rem !important;\n    background: #F3F7FB !important; border-top: 1px solid #C2D4E6 !important; }\n\n@media (max-width: 640px) {\n    .cards-grid { grid-template-columns: 1fr !important; }\n    .card__body { padding: 1.35rem 1.3rem 1.45rem !important; }\n}\n<\/style>\n<\/head>\n<body>\n\n<a href=\"#main-content\" class=\"skip-link\">Skip to main content<\/a>\n\n<nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\n<div class=\"w\"><ol class=\"breadcrumb__list\">\n  <li><a href=\"https:\/\/www.jsums.org\/\">JSU Home<\/a><\/li>\n  <li><a href=\"https:\/\/www.jsums.org\/liberalarts\/\">College of Liberal Arts<\/a><\/li>\n  <li><a href=\"https:\/\/www.jsums.org\/music\/\">Department of Music<\/a><\/li>\n  <li><span aria-current=\"page\">Dr. Ramon Jackson<\/span><\/li>\n<\/ol><\/div>\n<\/nav>\n\n<main id=\"main-content\" class=\"jsu-main-content\">\n\n  <!-- \u2500\u2500 HERO \u2014 full viewport (100vh) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"hero dk\" aria-labelledby=\"hero-h\">\n  <div class=\"w\"><div class=\"hero__inner\"><div>\n    <span class=\"hero__tag\">DEPARTMENT OF MUSIC<\/span>\n    <h1 class=\"hero__title\" id=\"hero-h\">\n      Dr. Ramon <em>Jackson<\/em>\n    <\/h1>\n    <p class=\"hero__desc\">\n      Assistant Professor of Music, Assistant Department Chair, Director of Music Education\n      and Assistant Band Director.\n    <\/p>\n    <div class=\"hero__btns\">\n      <a href=\"mailto:ramon.l.jackson@jsums.org\" class=\"btn btn--primary\">Email<\/a>\n      <a href=\"#contact\" class=\"btn btn--outline-white\">Contact Us<\/a>\n    <\/div>\n  <\/div><\/div><\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 PROFILE \u2014 two-column + facts sidebar (existing headshot) \u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"sec\" id=\"profile\" aria-labelledby=\"profile-h\">\n  <div class=\"w\">\n    <div class=\"about-grid\">\n      <div class=\"about-body\">\n        <span class=\"sec-eyebrow\">Assistant Professor of Music<\/span>\n        <h2 class=\"sec-title\" id=\"profile-h\">Dr. Ramon Jackson<\/h2>\n\n        <p>\n          Dr. Ramon Jackson serves as Assistant Department Chair\/Assistant Professor of Music\/\n          Music Education Coordinator and Assistant Band Director at Jackson State University.\n          Primary responsibilities include teaching graduate and undergraduate courses in music\n          education and music technology. In addition to his responsibilities, Dr. Jackson serves\n          as Webmaster for the University Bands and Department of Music, Director of the Sonic\n          Boom Media Team, Academic Advisor for all band and music majors at Jackson State\n          University.\n        <\/p>\n\n        <p>\n          Dr. Jackson holds degrees from the following institutions: DME in Music Education from\n          Liberty University, DMA in Instrumental Pedagogy from the American Conservatory of Music\n          and holds a Master of Music Education Degree from Jackson State University. He has a\n          diverse record as an educator teaching at Jackson State University, several schools\n          within the Jackson Public Schools District, and surrounding districts.\n        <\/p>\n\n        <p>\n          Dr. Jackson is an active presenter, clinician, and adjudicator. He has presented his\n          research at national, regional, and state conferences.\n        <\/p>\n      <\/div>\n      <div class=\"about-facts\">\n        <figure class=\"portrait-fig\">\n          <img decoding=\"async\" src=\"https:\/\/jsums.org\/wp-content\/uploads\/sites\/110\/2026\/10\/O9T2562-scaled-1.jpg\"\n               alt=\"Portrait of Dr. Ramon Jackson, Assistant Professor of Music at Jackson State University.\"\n               loading=\"lazy\" title=\"Dr. Ramon Jackson\">\n          <figcaption class=\"portrait-cap\">Dr. Ramon Jackson<\/figcaption>\n        <\/figure>\n        <dl>\n          <div><dt>Titles<\/dt><dd>\n            Assistant Professor of Music<br>\n            Assistant Department Chair<br>\n            Director of Music Education<br>\n            Assistant Band Director\n          <\/dd><\/div>\n          <div><dt>Email<\/dt><dd><a href=\"mailto:ramon.l.jackson@jsums.org\">ramon.l.jackson@jsums.org<\/a><\/dd><\/div>\n          <div><dt>Phone<\/dt><dd><a href=\"tel:+16019792584\">601-979-2584<\/a><\/dd><\/div>\n          <div><dt>Location<\/dt><dd>F. D. Hall Music Center, Studio 19<\/dd><\/div>\n        <\/dl>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 RESEARCH INTERESTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"sec sec--off\" id=\"research\" aria-labelledby=\"research-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\">\n      <span class=\"sec-eyebrow\">Research<\/span>\n      <h2 class=\"sec-title\" id=\"research-h\">Research interests<\/h2>\n    <\/div>\n    <div class=\"program-list\">\n        <div class=\"program-card\">\n          <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n          <div><div class=\"program-card__name\">Assessment in the music classroom<\/div><\/div>\n        <\/div>\n        <div class=\"program-card\">\n          <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n          <div><div class=\"program-card__name\">Orff-Schulwerk and Kod&aacute;ly approaches<\/div><\/div>\n        <\/div>\n        <div class=\"program-card\">\n          <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n          <div><div class=\"program-card__name\">Sight-reading accuracy<\/div><\/div>\n        <\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 PROFESSIONAL AFFILIATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"sec\" id=\"affiliations\" aria-labelledby=\"affiliations-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\">\n      <span class=\"sec-eyebrow\">Affiliations<\/span>\n      <h2 class=\"sec-title\" id=\"affiliations-h\">Professional affiliations<\/h2>\n    <\/div>\n    <div class=\"program-list\">\n        <div class=\"program-card\">\n          <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n          <div><div class=\"program-card__name\">College Band Directors National Association (CBDNA)<\/div><\/div>\n        <\/div>\n        <div class=\"program-card\">\n          <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n          <div><div class=\"program-card__name\">HBCU National Band Directors Consortium<\/div><\/div>\n        <\/div>\n        <div class=\"program-card\">\n          <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n          <div><div class=\"program-card__name\">National Association for Music Education (NAfME)<\/div><\/div>\n        <\/div>\n        <div class=\"program-card\">\n          <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n          <div><div class=\"program-card__name\">Mississippi Bandmasters Association<\/div><\/div>\n        <\/div>\n        <div class=\"program-card\">\n          <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n          <div><div class=\"program-card__name\">American Orff-Schulwerk Association (AOSA)<\/div><\/div>\n        <\/div>\n        <div class=\"program-card\">\n          <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n          <div><div class=\"program-card__name\">MS 100 Orff Chapter<\/div><\/div>\n        <\/div>\n        <div class=\"program-card\">\n          <div class=\"program-card__dot\" aria-hidden=\"true\"><\/div>\n          <div><div class=\"program-card__name\">Kappa Alpha Psi Fraternity, Inc.<\/div><\/div>\n        <\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 RESOURCES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"sec sec--off\" id=\"resources\" aria-labelledby=\"resources-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\">\n      <span class=\"sec-eyebrow\">Resources<\/span>\n      <h2 class=\"sec-title\" id=\"resources-h\">Related pages<\/h2>\n    <\/div>\n    <div class=\"resource-list\">\n\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#128101;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Back To Personnel<\/div>\n          <div class=\"resource-item__desc\">Faculty and staff of the Department of Music.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.org\/music\/facultystaff\/\" class=\"resource-item__link\">View &#8594;<\/a>\n      <\/div>\n\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#127925;<\/div>\n        <div>\n          <div class=\"resource-item__name\">Department of Music<\/div>\n          <div class=\"resource-item__desc\">Degree programs, ensembles, and auditions.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.org\/music\/\" class=\"resource-item__link\">Visit &#8594;<\/a>\n      <\/div>\n\n      <div class=\"resource-item\">\n        <div class=\"resource-icon\" aria-hidden=\"true\">&#127891;<\/div>\n        <div>\n          <div class=\"resource-item__name\">College of Liberal Arts<\/div>\n          <div class=\"resource-item__desc\">Programs and departments across the college.<\/div>\n        <\/div>\n        <a href=\"https:\/\/www.jsums.org\/liberalarts\/\" class=\"resource-item__link\">Visit &#8594;<\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 CTA BAND \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"cta-band dk\" aria-labelledby=\"cta-h\">\n  <div class=\"w\"><div class=\"cta-band__inner\">\n    <div>\n      <h2 class=\"cta-band__title\" id=\"cta-h\">Study music at Jackson State<\/h2>\n      <p class=\"cta-band__sub\">Explore music education, performance, and ensemble opportunities.<\/p>\n    <\/div>\n    <div class=\"cta-band__btns\">\n      <a href=\"https:\/\/www.jsums.org\/apply\/\" class=\"btn btn--primary\">Apply Now<\/a>\n      <a href=\"https:\/\/www.jsums.org\/music\/\" class=\"btn btn--outline-white\">Department of Music<\/a>\n    <\/div>\n  <\/div><\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 CONTACT \u2014 always the last section in main content \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <section class=\"sec sec--surface\" id=\"contact\" aria-labelledby=\"contact-h\">\n  <div class=\"w\">\n    <div class=\"sec-head\" style=\"margin-bottom:1.5rem;\">\n      <span class=\"sec-eyebrow\">Get in Touch<\/span>\n      <h2 class=\"sec-title\" id=\"contact-h\">Contact<\/h2>\n    <\/div>\n    <div class=\"contact-items\">\n      <div class=\"contact-item\">\n        <div class=\"contact-icon\" aria-hidden=\"true\">&#9993;<\/div>\n        <div>\n          <div class=\"contact-item__label\">Email<\/div>\n          <div class=\"contact-item__val\"><a href=\"mailto:ramon.l.jackson@jsums.org\">ramon.l.jackson@jsums.org<\/a><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"contact-item\">\n        <div class=\"contact-icon\" aria-hidden=\"true\">&#128222;<\/div>\n        <div>\n          <div class=\"contact-item__label\">Phone<\/div>\n          <div class=\"contact-item__val\"><a href=\"tel:+16019792584\">601-979-2584<\/a><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"contact-item\">\n        <div class=\"contact-icon\" aria-hidden=\"true\">&#128205;<\/div>\n        <div>\n          <div class=\"contact-item__label\">Location<\/div>\n          <div class=\"contact-item__val\">\n            F. D. Hall Music Center, Studio 19<br>\n            1400 John R. Lynch St., Jackson, MS 39217\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"contact-item\">\n        <div class=\"contact-icon\" aria-hidden=\"true\">&#127925;<\/div>\n        <div>\n          <div class=\"contact-item__label\">Department<\/div>\n          <div class=\"contact-item__val\"><a href=\"https:\/\/www.jsums.org\/music\/\">Department of Music<\/a><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <\/section>\n\n<\/main><!-- end #main-content -->\n\n<!-- \u2500\u2500 DRAWER NAV \u2014 Department of Music \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<button class=\"fnav-toggle\"\n        aria-label=\"Open page navigation menu\"\n        aria-expanded=\"false\"\n        aria-controls=\"fnav-drawer\"\n        type=\"button\">\n  <span class=\"fnav-toggle__icon\" aria-hidden=\"true\">&#9776;<\/span>\n  <span class=\"fnav-toggle__label\">Menu<\/span>\n<\/button>\n\n<div class=\"fnav-overlay\" id=\"fnav-overlay\" aria-hidden=\"true\"><\/div>\n\n<nav class=\"fnav-drawer\" id=\"fnav-drawer\" aria-label=\"Page navigation\" aria-hidden=\"true\">\n\n  <div class=\"fnav-drawer__header\">\n    <div>\n      <span class=\"fnav-drawer__eyebrow\">College of Liberal Arts<\/span>\n      <span class=\"fnav-drawer__title\">Department of Music<\/span>\n    <\/div>\n    <button class=\"fnav-close\" aria-label=\"Close navigation menu\" type=\"button\">&times;<\/button>\n  <\/div>\n\n  <div class=\"fnav-drawer__body\">\n    <div class=\"fnav-group\">\n      <ul class=\"fnav-group__items\" role=\"list\">\n        <li>\n          <a href=\"https:\/\/www.jsums.org\/music\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Department Home<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.org\/music\/facultystaff\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Personnel<\/span>\n          <\/a>\n        <\/li>\n        <li style=\"padding-left:1.25rem;\">\n          <a href=\"https:\/\/www.jsums.org\/music\/personnel\/dr-ramon-jackson\/\" class=\"fnav-item\" aria-current=\"page\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">Dr. Ramon Jackson<\/span>\n          <\/a>\n        <\/li>\n        <li>\n          <a href=\"https:\/\/www.jsums.org\/liberalarts\/\" class=\"fnav-item\" aria-current=\"false\">\n            <span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"fnav-item__text\">College of Liberal Arts<\/span>\n          <\/a>\n        <\/li>\n\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"fnav-drawer__footer\">\n    <a href=\"https:\/\/www.jsums.org\/music\/\"\n       class=\"fnav-footer-link\"\n       style=\"color:#FFFFFF !important;\">&#8592; Department of Music<\/a>\n  <\/div>\n\n<\/nav>\n\n<button class=\"jsu-btt\" id=\"jsu-btt\" aria-label=\"Back to top\" type=\"button\">&#8679;<\/button>\n\n<script>\n(function(){\n'use strict';\n\n\/* \u2500\u2500 Year \u2500\u2500 *\/\nvar yr=document.getElementById('year');\nif(yr)yr.textContent=new Date().getFullYear();\n\n\/* \u2500\u2500 Drawer Nav \u2500\u2500 *\/\nvar toggle=document.querySelector('.fnav-toggle'),\n    drawer=document.getElementById('fnav-drawer'),\n    overlay=document.getElementById('fnav-overlay'),\n    closeBtn=document.querySelector('.fnav-close'),\n    navLinks=document.querySelectorAll('.fnav-item[href^=\"#\"]'),\n    isOpen=false;\n\nfunction openD(){\n  isOpen=true;\n  drawer.classList.add('is-open');\n  overlay.classList.add('is-open');\n  drawer.removeAttribute('aria-hidden');\n  overlay.removeAttribute('aria-hidden');\n  toggle.setAttribute('aria-expanded','true');\n  document.body.style.overflow='hidden';\n  var f=drawer.querySelector('button,[href],[tabindex]:not([tabindex=\"-1\"])');\n  if(f)f.focus();\n}\nfunction closeD(){\n  isOpen=false;\n  drawer.classList.remove('is-open');\n  overlay.classList.remove('is-open');\n  drawer.setAttribute('aria-hidden','true');\n  overlay.setAttribute('aria-hidden','true');\n  toggle.setAttribute('aria-expanded','false');\n  document.body.style.overflow='';\n  if(toggle)toggle.focus();\n}\n\nif(toggle)toggle.addEventListener('click',openD);\nif(closeBtn)closeBtn.addEventListener('click',closeD);\nif(overlay)overlay.addEventListener('click',closeD);\n\ndocument.addEventListener('keydown',function(e){\n  if(!isOpen)return;\n  if(e.key==='Escape'){closeD();return;}\n  if(e.key==='Tab'){\n    var focusable=Array.from(drawer.querySelectorAll(\n      'button:not([disabled]),[href],[tabindex]:not([tabindex=\"-1\"])'\n    )).filter(function(el){return el.offsetParent!==null;});\n    if(!focusable.length)return;\n    var first=focusable[0],last=focusable[focusable.length-1];\n    if(e.shiftKey&&document.activeElement===first){e.preventDefault();last.focus();}\n    else if(!e.shiftKey&&document.activeElement===last){e.preventDefault();first.focus();}\n  }\n});\n\nnavLinks.forEach(function(link){\n  link.addEventListener('click',function(e){\n    var t=document.querySelector(this.getAttribute('href'));\n    if(!t)return;\n    e.preventDefault();\n    closeD();\n    setTimeout(function(){\n      var ab=document.getElementById('wpadminbar');\n      var off=24+(ab?ab.offsetHeight:0);\n      window.scrollTo({top:t.getBoundingClientRect().top+window.pageYOffset-off,behavior:'smooth'});\n      t.setAttribute('tabindex','-1');\n      t.focus({preventScroll:true});\n    },220);\n  });\n});\n\n\/* \u2500\u2500 IntersectionObserver: active section in drawer \u2500\u2500 *\/\nif('IntersectionObserver' in window){\n  var sm={};\n  navLinks.forEach(function(link){\n    var id=link.getAttribute('href').replace('#','');\n    var el=document.getElementById(id);\n    if(el)sm[id]=link;\n  });\n  var io=new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if(entry.isIntersecting){\n        Object.values(sm).forEach(function(l){\n          l.classList.remove('is-active');\n          l.setAttribute('aria-current','false');\n        });\n        var a=sm[entry.target.id];\n        if(a){a.classList.add('is-active');a.setAttribute('aria-current','true');}\n      }\n    });\n  },{rootMargin:'-20% 0px -60% 0px',threshold:0});\n  Object.keys(sm).forEach(function(id){\n    var el=document.getElementById(id);\n    if(el)io.observe(el);\n  });\n}\n\n\/* \u2500\u2500 Scroll: BTT + Menu toggle show\/hide \u2500\u2500 *\/\nvar btt=document.getElementById('jsu-btt');\nvar tog=document.querySelector('.fnav-toggle');\n\nwindow.addEventListener('scroll',function(){\n  var y=window.pageYOffset;\n  \/* Back-to-top: show after 300px *\/\n  if(btt)btt.classList.toggle('is-visible',y>300);\n  \/* Menu tab: show after 200px, hide when back at very top *\/\n  if(tog)tog.classList.toggle('is-visible',y>200);\n},{passive:true});\n\nif(btt){\n  btt.addEventListener('click',function(){\n    window.scrollTo({top:0,behavior:'smooth'});\n  });\n}\n\n\/* \u2500\u2500 Tabs (ARIA tablist) \u2500\u2500 *\/\nvar tabs=document.querySelectorAll('[role=\"tab\"]');\nvar panels=document.querySelectorAll('[role=\"tabpanel\"]');\n\ntabs.forEach(function(btn,i){\n  btn.addEventListener('click',function(){\n    tabs.forEach(function(b){\n      b.setAttribute('aria-selected','false');\n      b.setAttribute('tabindex','-1');\n    });\n    panels.forEach(function(p){\n      p.classList.remove('is-active');\n      p.setAttribute('hidden','');\n    });\n    btn.setAttribute('aria-selected','true');\n    btn.setAttribute('tabindex','0');\n    var p=document.getElementById(btn.getAttribute('aria-controls'));\n    if(p){p.classList.add('is-active');p.removeAttribute('hidden');}\n  });\n  btn.addEventListener('keydown',function(e){\n    var d=0;\n    if(e.key==='ArrowRight')d=1;\n    if(e.key==='ArrowLeft')d=-1;\n    if(d===0)return;\n    e.preventDefault();\n    var n=(i+d+tabs.length)%tabs.length;\n    tabs[n].focus();\n    tabs[n].click();\n  });\n});\n\n\/* \u2500\u2500 Accordion \u2500\u2500 *\/\ndocument.querySelectorAll('.accordion__trigger').forEach(function(btn){\n  btn.addEventListener('click',function(){\n    var ex=btn.getAttribute('aria-expanded')==='true';\n    var body=document.getElementById(btn.getAttribute('aria-controls'));\n    btn.setAttribute('aria-expanded',String(!ex));\n    if(body)body.classList.toggle('is-open',!ex);\n  });\n});\n\n\/* \u2500\u2500 Contact form validation \u2500\u2500 *\/\nwindow.submitContactForm=function(){\n  var n=document.getElementById('cf-name'),\n      em=document.getElementById('cf-email'),\n      msg=document.getElementById('cf-message'),\n      st=document.getElementById('form-status'),\n      ok=true;\n  [n,em,msg].forEach(function(el){\n    if(!el)return;\n    el.classList.remove('is-error');\n    var err=document.getElementById(el.getAttribute('aria-describedby'));\n    if(err)err.classList.remove('is-visible');\n  });\n  if(st){st.className='form-status';st.textContent='';}\n  function flag(el){\n    ok=false;el.classList.add('is-error');\n    var err=document.getElementById(el.getAttribute('aria-describedby'));\n    if(err)err.classList.add('is-visible');\n  }\n  if(n&&!n.value.trim())flag(n);\n  if(em&&!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(em.value))flag(em);\n  if(msg&&!msg.value.trim())flag(msg);\n  if(!ok){\n    if(st){st.className='form-status is-err';st.textContent='Please correct the highlighted fields before submitting.';}\n    var fe=document.querySelector('.form-control.is-error');\n    if(fe)fe.focus();\n    return;\n  }\n  if(st){\n    st.className='form-status is-ok';\n    st.textContent=\"Thank you! Your message has been sent. We'll respond within 1-2 business days.\";\n    st.focus();\n  }\n  [n,em,msg].forEach(function(el){if(el)el.value='';});\n  var sub=document.getElementById('cf-subject');\n  if(sub)sub.selectedIndex=0;\n};\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dr. Ramon Jackson &middot; Department of Music &middot; Jackson State University Skip to main content JSU Home College of Liberal [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":843,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/pages\/1113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/comments?post=1113"}],"version-history":[{"count":5,"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/pages\/1113\/revisions"}],"predecessor-version":[{"id":1122,"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/pages\/1113\/revisions\/1122"}],"up":[{"embeddable":true,"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/pages\/843"}],"wp:attachment":[{"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/media?parent=1113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}