/* Match the Resources hero without changing directory content styling. */
#main.wrap{width:min(1168px,calc(100% - 80px));padding-top:0}
#main>header{position:relative;isolation:isolate;background:none;padding:72px 0 80px;margin:0 0 24px}
#main>header:before{content:'';position:absolute;z-index:-1;inset:0 calc((min(1168px,100vw - 80px) - 100vw)/2);background:radial-gradient(ellipse at 10% 0,#dae4ff,transparent 65%),radial-gradient(ellipse at 95% 80%,#f0e3f2,transparent 65%),#f6f7fc}
#main>header h1{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:clamp(42px,4.7vw,64px);font-weight:700;line-height:1.08;letter-spacing:-.055em;max-width:1100px;margin:24px 0}
#main>header h1 span{color:#3155bd;background:linear-gradient(100deg,#3155bd,#78588e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#main>header .eyebrow{font-family:'Instrument Sans',system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;color:#46536b}
#main>header .lede,#main>header .legend{font-family:'Instrument Sans',system-ui,sans-serif;color:#46536b}
#main>header .lede{font-size:18px;line-height:1.75;max-width:850px}
#main>header .legend{margin-top:28px;line-height:1.7;max-width:900px}
@media(max-width:760px){#main.wrap{width:calc(100% - 48px);padding-top:0}#main>header{padding:48px 0;margin-bottom:16px}#main>header:before{inset:0 -24px}#main>header h1{font-size:44px}#main>header .lede{font-size:17px}}
@media(max-width:360px){#main>header h1{font-size:38px}}
