.sra-hero .sra-grid{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:center}
.sra-shield{width:320px;height:320px;justify-self:end;border-radius:50%;background:radial-gradient(closest-side,rgba(34,55,90,.9),transparent)}
.sra-shield svg{width:100%;height:100%;display:block}
@media (max-width:800px){.sra-hero .sra-grid{grid-template-columns:1fr;gap:12px}.sra-shield{width:200px;height:200px;justify-self:center;order:-1}}
/* SRA hero type scale (Marco, 11/4): name = old title size; title = midpoint of name and lead */
.sra-hero .sra-grid>div:first-child>.eyebrow{font-size:clamp(2rem,4vw,3rem);letter-spacing:.04em;line-height:1.15;overflow-wrap:anywhere}
.sra-hero .sra-grid>div:first-child>h1{font-size:calc((clamp(2rem,4vw,3rem) + 1.15rem)/2);max-width:none}
/* Desktop: keep the SRA name on one line (Marco, 11/4) */
@media (min-width:801px){.sra-hero .sra-grid>div:first-child>.eyebrow{white-space:nowrap;letter-spacing:0;overflow-wrap:normal;font-size:min(3rem,calc((100vw - 420px)/16.5))}}