/* ---- headline v4 + one student photo per side: each is ONE pre-rendered image with its progressive blur and soft alpha fade baked in ---- */
.hero{position:relative}
.hero .hero-in{position:relative;z-index:2}
.hero h1.h-new{display:flex;flex-direction:column;align-items:center;margin-top:46px;padding-bottom:23px;font-size:58px;line-height:1.12;letter-spacing:-.035em;font-weight:800;text-wrap:balance}
.hero h1.h-new .l1{color:#111111}
.hero h1.h-new .l2{color:#D55418}
.side{position:absolute;top:0;pointer-events:none;z-index:0;display:none}
.side.r{right:0}.side.l{left:0}
.side img,.side-m img{display:block;width:100%;height:100%;object-fit:contain}
.side.l img{object-position:left top}.side.r img{object-position:right top}.side-m img{object-position:center center}
.js-side .side.on{display:block}
.side-m{display:none}

 .js-side.side-band .side-m{display:block;position:relative;width:calc(100% + 2*var(--pad));margin:18px calc(-1*var(--pad)) 0;height:300px;pointer-events:none}
@media (max-width:720px){
 .hero h1.h-new{font-size:min(7.4vw,29px);line-height:1.08;margin-top:16px;padding-bottom:0}
 .hero h1.h-new .l1,.hero h1.h-new .l2{display:block;white-space:normal;margin:0;font-size:inherit}
 .js-side.side-band .side-m{height:240px;margin-top:10px}
}