.hero-picture{margin:0;min-width:0;align-self:center;border:1px solid #e0e7d9;border-radius:12px;overflow:hidden;background:#f4f3ec}.hero-picture img{display:block;width:100%;height:auto}.hero-picture figcaption{padding:20px 22px;background:#193c2c;color:white;display:flex;gap:16px;align-items:center;justify-content:space-between}.hero-picture strong{display:block;font-size:19px;font-weight:500}.hero-picture span{display:block;font-size:13px;color:#d4ebbb;margin-top:5px}.hero-picture a{font-size:14px;line-height:1.5}.hero-picture>p{padding:12px 22px;font-size:12px;color:#56644e;margin:0}.architecture-image{display:block;width:100%;max-width:900px;height:auto;margin:24px auto;border-radius:8px}.illustrated-callout{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center}.illustrated-callout>img{width:100%;height:auto;border-radius:7px}.illustrated-callout>div>strong{font-size:22px}.training-picture{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin:25px 0 35px;background:#f4f4ed;border-radius:10px;overflow:hidden}.training-picture>img{display:block;width:100%;height:auto}.training-picture figcaption{padding:25px 25px 25px 0}.training-picture h2{font-size:32px}.training-picture p{color:var(--muted)}@media(max-width:760px){.hero-picture figcaption{flex-direction:column;align-items:start;gap:10px}.hero-picture a{display:block;min-height:44px;padding:12px 0;font-size:15px}.hero-picture>p{font-size:13px}.illustrated-callout,.training-picture{grid-template-columns:minmax(0,1fr)}.training-picture{gap:0}.training-picture figcaption{padding:24px}.training-picture h2{font-size:28px}.architecture-image{margin:20px auto}.hero-picture strong{font-size:20px}.hero-picture span{font-size:14px}}
/* Mobile: image before introduction */
@media(max-width:760px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:18px}.hero>div{display:contents}.hero>div>.eyebrow{order:0;margin:0}.hero>div>h1{order:1;margin:0}.hero>.hero-picture{order:2;align-self:stretch;width:100%;margin:0}.hero>div>.intro{order:3;margin:0}.hero>div>.actions{order:4;margin:0}.hero>div>.hero-reassurance{order:5;margin:0}.hero-picture figcaption{padding:14px 18px}.hero-picture>p{padding:10px 18px}.hero-picture a{padding:6px 0;min-height:40px}}