.department-banner{
  position:relative;
  background:#001d62 var(--department-image) center/cover no-repeat;
  color:#fff;
  min-height:354px;
  padding:60px 0 64px;
}
.department-banner::before{content:'';position:absolute;inset:0;background:#001d62;opacity:.85}
.department-banner .moodle-container{position:relative}
.department-banner .breadcrumbs{color:#f5b532;font-size:.875rem;margin-bottom:28px;line-height:1.6}
.department-banner .breadcrumbs a{color:inherit}
.department-banner .breadcrumbs>span:last-child{color:#fff}
.department-banner .eyebrow{color:#f5b532;font-size:.875rem!important;margin:0 0 14px}
.catalogue-page .department-banner h1{max-width:1050px;color:#fff;font-size:2.19375rem;font-weight:600;line-height:1.2;margin:0 0 18px;overflow-wrap:break-word}
.landing-banner-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:50px;align-items:start}
.landing-banner-copy{min-width:0}
.landing-access-card{background:#fff;border:1px solid #ffffff26;border-radius:7px;box-shadow:0 2px 12px #00000026;overflow:hidden}
.landing-access-body{padding:24px}
.landing-access-body .course-enrol-button{font-size:1.0625rem;min-height:54px}
.contrast-dark .landing-access-card,.contrast-dark .landing-access-body{background:#000!important}
.contrast-light .landing-access-body .course-enrol-button{background:#fff;color:#000!important;border:2px solid #000}
.department-banner .department-introduction{max-width:800px;color:#fff;font-size:1rem;line-height:1.6;margin:0}
.department-page .catalogue-shell{padding-top:32px}
.department-page .department-links{border-top:0;padding-top:0}
.hide-images .department-banner{background-image:none}
.contrast-dark .department-banner::before{background:#000;opacity:1}
.contrast-dark .department-banner :is(h1,p,a,span){color:#fff!important}
.contrast-light .department-banner::before{background:#fff;opacity:1}
.contrast-light .department-banner :is(h1,p,a,span){color:#000!important}
@media(max-width:900px){
  .department-banner{min-height:0;padding:40px 0 42px}
  .landing-banner-layout{grid-template-columns:1fr;gap:30px}
  .landing-access-card{width:100%;max-width:480px}
}
@media(max-width:600px){
  .department-banner{padding:30px 0 34px}
  .department-banner .breadcrumbs{font-size:.8125rem;gap:8px;margin-bottom:22px}
  .catalogue-page .department-banner h1{font-size:1.85rem}
  .department-page .catalogue-shell{padding-top:24px}
}