/* The navigation belongs above the hero. Subject introductions stay on white paper. */
body:has(.shero){--ink:#2A3A4F;--forest:#2A3A4F;--mute:#596575;--line:#D8CDB8;--bloom:#A8502F}
body>.shero{position:relative;display:block;min-height:330px;background:#fff;overflow:hidden}
.shero .art{position:absolute!important;inset:0 0 0 auto!important;width:100%!important;height:100%!important;background-size:cover!important;background-position:center right!important}
.shero .paper{display:none!important}
.shero .shero-inner{position:relative;z-index:2;width:48%;max-width:670px;padding:54px 24px 54px clamp(22px,5vw,72px);margin:0}
.shero .back{display:inline-flex;align-items:center;min-height:36px;font-size:12px;color:#A8502F;opacity:1;margin:0 0 14px}
.shero h1{font:500 clamp(36px,4.6vw,58px)/1.12 Lora,serif;color:#2A3A4F;margin:0}
.shero p{font:400 15px/1.8 Poppins,sans-serif;color:#596575;max-width:43ch;margin:18px 0 0}
.pwrap{max-width:1200px;padding:48px clamp(22px,5vw,64px);margin:auto}
.ghead h2{font:500 clamp(27px,3vw,36px)/1.2 Lora,serif;letter-spacing:-.02em;margin:0;color:#2A3A4F}
.gblurb{font-size:15px;line-height:1.8;color:#596575;font-weight:400;max-width:76ch}
.pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
@media(max-width:1000px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.shero .shero-inner{width:53%}.shero .art{width:100%!important}}
/* Stack tablet introductions before the painted edge can reach the text. */
@media(max-width:1000px){body>.shero{min-height:0;display:flex;flex-direction:column}.shero .art{position:relative!important;inset:auto!important;width:100%!important;height:170px!important;order:2;background-position:center!important}.shero .shero-inner{width:100%;max-width:none;padding:25px 22px 30px;order:1}.shero p{font-size:15px;max-width:none;margin-top:12px}.shero h1{font-size:38px}.shero .back{margin-bottom:10px}}
@media(max-width:640px){.pwrap{padding:34px 22px}.pgrid{grid-template-columns:1fr;gap:24px}}