/* One hero grid for the four service pages. Load after page-specific styles. */
:is(.es-page .es-hero-grid,.inner-page .course-hero-grid){grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:60px;min-height:675px;padding:76px 0 86px}
.inner-page .course-hero{padding:0}
:is(.es-page .es-hero-copy,.inner-page .course-hero-grid>div:first-child){min-width:0}
:is(.es-page .es-hero-photo,.es-page .sc-hero-image,.inner-page .course-hero-image){position:relative;justify-self:stretch;align-self:start;width:100%;max-width:none;min-width:0;aspect-ratio:1.14;margin:60px 0 0}
:is(.es-page .es-hero-photo img,.es-page .sc-hero-image img,.inner-page .course-hero-image img){display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:34px}
.es-page .es-hero-photo,.es-page .es-hero-photo img,.es-page .es-hero-photo:before{border-radius:34px}
.es-page .sc-hero-image{background:#031831;border-radius:34px}
.es-page .sc-hero-image img{position:relative;z-index:1;object-fit:cover;box-shadow:none}
.es-page .sc-hero-image:before{inset:15px -15px -15px 15px;border-radius:34px}
@media(max-width:900px){
  :is(.es-page .es-hero-grid,.inner-page .course-hero-grid){grid-template-columns:1fr;gap:37px;min-height:0;padding:48px 0 76px}
  :is(.es-page .es-hero-photo,.es-page .sc-hero-image,.inner-page .course-hero-image){justify-self:center;width:min(100%,570px);max-width:570px;aspect-ratio:1.3;margin:0 auto}
}
@media(max-width:520px){
  :is(.es-page .es-hero-grid,.inner-page .course-hero-grid){gap:32px}
  :is(.es-page .es-hero-photo,.es-page .sc-hero-image,.inner-page .course-hero-image){width:100%}
  :is(.es-page .es-hero-photo img,.es-page .sc-hero-image img,.inner-page .course-hero-image img){border-radius:28px}
  .es-page .es-hero-photo,.es-page .es-hero-photo:before,.es-page .sc-hero-image,.es-page .sc-hero-image:before{border-radius:28px}
  .es-page .sc-hero-image:before{inset:10px -10px -10px 10px}
}
