.bg-video {
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 50%;*/
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*transform: translate(-50%, -50%);*/
}
#projects.programs-showcase {
--program-text: #444;
--program-accent: #f7ab0f;
--program-surface: #fff;
--program-border: rgba(68, 68, 68, 0.12);
--program-muted: rgba(68, 68, 68, 0.74);
--program-shadow: 0 8px 20px rgba(68, 68, 68, 0.04);
color: var(--program-text);
position: relative;
isolation: isolate;
}

#projects.programs-showcase,
#projects.programs-showcase *,
#projects.programs-showcase *::before,
#projects.programs-showcase *::after {
box-sizing: border-box;
}

#projects.programs-showcase .programs-header,
#projects.programs-showcase .universities-header,
#projects.programs-showcase .course-directory,
#projects.programs-showcase .course-group,
#projects.programs-showcase .course-group-head,
#projects.programs-showcase .course-grid,
#projects.programs-showcase .course-card,
#projects.programs-showcase .universities-section,
#projects.programs-showcase .university-carousel,
#projects.programs-showcase .university-carousel-track,
#projects.programs-showcase .university-slide {
visibility: visible !important;
opacity: 1 !important;
}

#projects.programs-showcase .container {
display: block !important;
width: min(80vw, 1100px) !important;
max-width: min(80vw, 1100px) !important;
margin: 0 auto;
}

#projects.programs-showcase .programs-header,
#projects.programs-showcase .universities-header {
display: block !important;
max-width: 760px;
margin: 0 0 28px;
animation: showcaseRise 0.45s ease both;
}

#projects.programs-showcase .section-title {
margin: 0 0 12px;
color: var(--program-text);
}

#projects.programs-showcase .section-title span {
position: relative;
display: inline-block;
padding-bottom: 14px;
}

#projects.programs-showcase .section-title span::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 78px;
height: 3px;
background: var(--program-accent);
}

#projects.programs-showcase .programs-intro,
#projects.programs-showcase .universities-intro {
margin: 0;
color: var(--program-muted);
line-height: 1.8;
}

#projects.programs-showcase .course-directory {
display: grid !important;
gap: 20px;
margin-bottom: 44px;
}

#projects.programs-showcase .course-group {
display: block !important;
border: 1px solid var(--program-border) !important;
background: var(--program-surface) !important;
box-shadow: var(--program-shadow) !important;
}

#projects.programs-showcase .course-group-head {
display: flex !important;
align-items: center;
gap: 12px;
padding: 18px 22px !important;
border-bottom: 1px solid rgba(68, 68, 68, 0.1) !important;
background: rgba(247, 171, 15, 0.04) !important;
}

#projects.programs-showcase .course-group-head::before {
content: "";
width: 28px;
height: 2px;
background: var(--program-accent);
}

#projects.programs-showcase .course-group-head h3 {
display: block !important;
margin: 0 !important;
color: var(--program-text) !important;
font-size: 1rem !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
/* Use main site font family to match site typography */
font-family: 'Oswald', sans-serif !important;
font-weight: 700 !important;
line-height: 1.15 !important;
}

/* More-specific class-based heading to match main site font */
#projects.programs-showcase .course-group-head .program-heading {
display: block !important;
margin: 0 !important;
color: var(--program-text) !important;
font-size: 1rem !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
font-family: 'Oswald', sans-serif !important;
font-weight: 700 !important;
line-height: 1.15 !important;
}

#projects.programs-showcase .course-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 18px !important;
padding: 22px !important;
}

#projects.programs-showcase .course-card {
display: block !important;
min-height: 100px;
padding: 18px !important;
border: 1px solid rgba(68, 68, 68, 0.1) !important;
background: var(--program-surface) !important;
transition:
  border-color 0.2s ease,
  box-shadow 0.2s ease;
}

#projects.programs-showcase .course-card:hover {
border-color: rgba(247, 171, 15, 0.4);
box-shadow: 0 6px 14px rgba(68, 68, 68, 0.05);
}

#projects.programs-showcase .course-card h4 {
display: block !important;
margin: 0 0 10px !important;
color: var(--program-text) !important;
font-size: 1rem !important;
line-height: 1.45 !important;
}

#projects.programs-showcase .course-card p {
display: block !important;
margin: 0 0 12px !important;
color: var(--program-muted) !important;
line-height: 1.7 !important;
}

#projects.programs-showcase .course-list,
#projects.programs-showcase .course-sublist {
display: grid !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}

#projects.programs-showcase .course-list > li,
#projects.programs-showcase .course-sublist li {
position: relative;
display: block !important;
margin: 0 !important;
padding-left: 16px !important;
color: var(--program-text) !important;
line-height: 1.5 !important;
}

#projects.programs-showcase .course-list > li::before,
#projects.programs-showcase .course-sublist li::before {
content: "";
position: absolute;
left: 0;
top: 0.72em;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--program-accent);
transform: translateY(-50%);
}

#projects.programs-showcase .course-list > li.with-sublist {
border-top: 1px dashed rgba(68, 68, 68, 0.14) !important;
}

#projects.programs-showcase .course-list > li.with-sublist strong {
display: block;
margin-bottom: 8px;
}

#projects.programs-showcase .universities-section {
display: block !important;
margin-top: 8px;
}

#projects.programs-showcase .university-carousel {
position: relative;
display: block !important;
overflow: hidden !important;
border: 1px solid var(--program-border) !important;
background: var(--program-surface) !important;
box-shadow: var(--program-shadow) !important;
}

#projects.programs-showcase .university-carousel-track {
display: flex !important;
transition: transform 0.65s ease;
will-change: transform;
}

#projects.programs-showcase .university-slide {
display: block !important;
flex: 0 0 25% !important;
padding: 24px 18px !important;
text-align: center !important;
border-right: 1px solid rgba(68, 68, 68, 0.08) !important;
}

#projects.programs-showcase .university-slide:last-child {
border-right: 0 !important;
}

#projects.programs-showcase .university-logo {
display: grid !important;
place-items: center;
width: 74px;
height: 74px;
margin: 0 auto 14px !important;
border: 1px solid rgba(68, 68, 68, 0.12) !important;
border-radius: 50% !important;
background: #fff !important;
color: var(--program-text) !important;
font-size: 1.05rem !important;
font-weight: 700 !important;
letter-spacing: 0.08em !important;
}

#projects.programs-showcase .university-slide h4 {
display: block !important;
margin: 0 !important;
color: var(--program-text) !important;
font-size: 0.98rem !important;
line-height: 1.45 !important;
}

@keyframes showcaseRise {
from {
  opacity: 0;
  transform: translateY(8px);
}

to {
  opacity: 1;
  transform: translateY(0);
}
}

@media (max-width: 1280px) {
#projects.programs-showcase .container {
  width: min(80vw, 980px);
  max-width: min(80vw, 980px);
}
}

@media (max-width: 991px) {
#projects.programs-showcase .container {
  width: min(92vw, 760px);
  max-width: min(92vw, 760px);
}

#projects.programs-showcase .course-grid {
  grid-template-columns: 1fr;
}

#projects.programs-showcase .university-slide {
  flex-basis: 50%;
}
}

@media (max-width: 767px) {
#projects.programs-showcase .container {
  width: min(94vw, 100%);
  max-width: min(94vw, 100%);
}

#projects.programs-showcase .course-group-head,
#projects.programs-showcase .course-grid {
  padding-left: 16px;
  padding-right: 16px;
}

#projects.programs-showcase .university-slide {
  flex-basis: 100%;
}
}