/* Integrate the existing photo into the hero rather than a thumbnail card. */
.structure-hero{position:relative;isolation:isolate;overflow:hidden;background:#edf3fa}
.structure-hero>.wrap{display:flex;align-items:center;min-height:420px;padding-top:42px;padding-bottom:42px}
.structure-hero .page-heading{position:relative;z-index:2;width:52%;max-width:650px}
.structure-hero .hero-visual{position:absolute;inset:0 0 0 auto;width:56%;height:100%;max-width:none;margin:0;z-index:0}
.structure-hero .hero-visual-frame{height:100%;border:0;border-radius:0;box-shadow:none;background:transparent}
.structure-hero .hero-visual.photo img{width:100%;height:100%;max-width:none;transform:none;object-fit:cover;object-position:65% center}
.structure-hero .hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#edf3fa 0%,rgba(237,243,250,.94) 7%,rgba(237,243,250,.48) 24%,rgba(237,243,250,0) 46%);pointer-events:none}
.structure-hero .hero-visual figcaption{display:none}
@media(min-width:1600px){.structure-hero>.wrap{min-height:450px}.structure-hero .hero-visual{width:55%}}
@media(max-width:1000px) and (min-width:701px){.structure-hero .page-heading{width:58%}.structure-hero .page-heading h1{font-size:32px}.structure-hero .page-lead{font-size:15px}.structure-hero .hero-visual{width:54%}.structure-hero .hero-visual::after{background:linear-gradient(90deg,#edf3fa 0%,rgba(237,243,250,.9) 16%,rgba(237,243,250,0) 65%)}}
@media(max-width:700px){
 .structure-hero>.wrap{display:block;min-height:0;padding-top:26px;padding-bottom:0}
 .structure-hero .page-heading{width:100%;padding-bottom:18px}
 .structure-hero .hero-visual{position:relative;inset:auto;width:100vw;height:260px;margin-left:calc((100% - 100vw)/2)}
 .structure-hero .hero-visual.photo img{object-position:65% 60%}
 .structure-hero .hero-visual::after{background:linear-gradient(180deg,#edf3fa 0%,rgba(237,243,250,0) 30%)}
 .structure-hero .breadcrumb{margin-bottom:18px}
}