.school-hero--stpaul{background:#f7f5ef;min-height:0;padding:3.5rem 0}
.school-hero--stpaul .school-hero__content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center}
.school-hero--stpaul h1{font-size:clamp(2.75rem,5.2vw,4.75rem)}
.stpaul-hero-photo{display:block;width:100%;height:32rem;object-fit:cover;object-position:50% 45%;border-radius:.3rem}
.stpaul-welcome-photo{display:block;width:100%;height:23rem;object-fit:cover;object-position:center;border-radius:.3rem;margin-bottom:2rem}
.stpaul-card-photo{display:block;width:calc(100% + 4rem);max-width:none;height:14rem;object-fit:cover;margin:-2rem -2rem 1.5rem}
.stpaul-page-photo-wrap{margin-bottom:2.5rem;overflow:hidden;border-radius:.3rem}
.stpaul-page-photo{display:block;width:100%;height:clamp(15rem,30vw,25rem);object-fit:cover;object-position:center 40%}
@media(max-width:991px){.school-hero--stpaul .school-hero__content{grid-template-columns:1fr;gap:2rem}.school-hero--stpaul{padding:2.5rem 0}.stpaul-hero-photo{height:clamp(16rem,55vw,28rem)}.school-hero--stpaul h1{max-width:15ch}.stpaul-welcome-photo{height:20rem}}
@media(max-width:575px){.school-hero--stpaul h1{font-size:2.75rem}.stpaul-hero-photo{height:18rem}.stpaul-welcome-photo{height:16rem}.stpaul-card-photo{height:13rem}}
.stpaul-hero-copy{min-width:0}
#header .standard01-brand-mark{color:#fff!important}
.school-story aside p{color:#eee}
#footer a:not(.btn){color:#e4e4e4}
@media(max-width:991px){#header .standard01-brand-name{display:inline!important;color:#303030;font-size:.9rem;max-width:12rem;white-space:normal;line-height:1.3}}
@media(min-width:992px){
    #header .header-container{height:auto!important;padding-top:.75rem;padding-bottom:.75rem}
    #header .header-container>.header-row{flex-wrap:wrap;gap:.25rem}
    #header .header-container>.header-row>.header-column:first-child{flex:0 0 100%;align-items:flex-start}
    #header .header-container>.header-row>.header-column:last-child{flex:0 0 100%;align-items:flex-start}
    #header .header-column>.header-row{width:100%;justify-content:space-between}
    #header .header-logo{margin:0!important;width:auto!important;height:auto!important}
    #header .standard01-brand{white-space:nowrap}
    #header .standard01-brand-name{color:#303030;line-height:1.25}
    #header .header-nav{padding:0;min-height:0;width:auto}
    #header .header-nav-main nav>ul>li>a{font-size:.75rem;padding:.75rem .6rem;min-height:44px;line-height:1.2;color:#303030!important}
    #header .header-nav-main nav>ul>li>a.active{color:#6b3045!important}
    #header .header-nav-main nav>ul{flex-wrap:nowrap}
    #header .header-row>.btn{padding:.75rem 1rem;white-space:nowrap}
}