/* UKPSA photo layer: hero backdrops and gallery strips. Doubled selector beats per-page CSS, whatever the load order. */
section.has-photo.has-photo{background-color:#002346;background-image:linear-gradient(90deg,rgba(0,35,70,.95) 0%,rgba(0,35,70,.86) 42%,rgba(0,35,70,.4) 100%),var(--photo);background-size:cover;background-position:center;background-repeat:no-repeat}
section.has-photo.has-photo.is-light{background-color:#f8fafc;background-image:linear-gradient(90deg,rgba(248,250,252,.98) 0%,rgba(248,250,252,.92) 48%,rgba(248,250,252,.35) 100%),var(--photo)}
section.has-photo.has-photo>.prog-hero-overlay{display:none}
.uk-photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#fff}
.uk-photo-strip img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.uk-photo-band{height:340px;background-color:#002346;background-image:var(--photo);background-size:cover;background-position:var(--pos,center)}
.acad-page section.has-photo.has-photo{min-height:340px}
.hero-slide .hero-slide-overlay{background:linear-gradient(90deg,rgba(0,35,70,.93) 0%,rgba(0,35,70,.8) 45%,rgba(0,35,70,.25) 100%)}
.hero-slide-content h1 span,.hero-slide-content h2 span,.hero-slide-content .hero-h1-style span,section.has-photo:not(.is-light) h1 span{color:#ff5c70!important}
@media(max-width:991px){.uk-photo-band{height:240px}}
@media(max-width:767px){
  section.has-photo.has-photo{background-image:linear-gradient(180deg,rgba(0,35,70,.9) 0%,rgba(0,35,70,.8) 100%),var(--photo-m)}
  section.has-photo.has-photo.is-light{background-image:linear-gradient(180deg,rgba(248,250,252,.95) 0%,rgba(248,250,252,.88) 100%),var(--photo-m)}
  .hero-slide .hero-slide-overlay{background:linear-gradient(180deg,rgba(0,35,70,.86) 0%,rgba(0,35,70,.72) 100%)}
  .acad-page section.has-photo.has-photo{min-height:0}
  .uk-photo-strip{grid-template-columns:repeat(2,1fr)}
  .uk-photo-band{height:180px;background-image:var(--photo-m)}
}