/* Ground Utilities overrides (not Webflow). 2 Nov 2026 */
/* policy pages: the first heading is now the H1 but keeps the H2 look */
h1.gu-as-h2{margin-bottom:10px;font-weight:700}
h1.gu-as-h2{margin-top:20px;font-size:32px;line-height:36px}
h1.gu-as-h2{color:var(--neutral-700);letter-spacing:.08em;text-transform:uppercase;margin-top:0;margin-bottom:16px;font-size:36px;font-weight:400;line-height:1.316em}
@media screen and (max-width:991px){h1.gu-as-h2{font-size:30px}}
@media screen and (max-width:767px){h1.gu-as-h2{font-size:26px}}
/* phones: cards were 16px wider than the screen (project pages: office card; /services: featured news card) */
.card.office-heading{max-width:100%;box-sizing:border-box}
.card.blog-featured{max-width:100%;box-sizing:border-box;overflow:hidden}
.flex-2.end-to-end{flex-wrap:wrap}

/* width/height attributes added by fixes_2026_11_02c.py give the browser each image's aspect ratio before it loads; the
   added dimension goes back to auto so the rendered size is exactly as before. :where() keeps any Webflow class rule in charge. */
:where(img[data-gu-dims="wh"]){width:auto;height:auto}
:where(img[data-gu-dims="h"]){height:auto}
:where(img[data-gu-dims="w"]){width:auto}
.gu-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Breadcrumbs above the page heading, and related-links blocks (tools/site_linking.py). */
.gu-crumbs{max-width:1340px;margin:0 auto 14px;padding:0 24px;font:14px/1.4 Lato,system-ui,sans-serif}
.gu-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;color:#5b6475}
.gu-crumbs li+li:before{content:"/";margin-right:6px;color:#9aa3b2}
.gu-crumbs a{color:#0d1726;text-decoration:none;border-bottom:1px solid #f4c20d}
.gu-crumbs a:hover,.gu-crumbs a:focus-visible{border-bottom-width:2px}
.gu-related{display:block;margin:28px 0 8px;padding:16px 20px;background:#f6f8fb;border-left:4px solid #f4c20d;border-radius:4px;font:16px/1.5 Lato,system-ui,sans-serif;color:#2f3747}
.gu-related a{color:#0d1726;font-weight:700}
.gu-related-label{font-weight:700;color:#0d1726;margin:0 0 6px}
.gu-related ul{margin:0;padding-left:20px}
.gu-related li{margin:4px 0}
.gu-related li span{color:#5b6475;font-size:14px}
/* a11y (tools/a11y_fixes.py) */
.input.dark,.input.dark:focus{color:#fff}
.input.dark::placeholder{color:#c3c9d4;opacity:1}
.input::placeholder{color:#5f6673;opacity:1}
.input.dark::placeholder{color:#c3c9d4}
.logo-wording{color:#5f6673}
.white-text a,.paragraph.white-text a{color:#f4c20d}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #f4c20d;outline-offset:2px}

/* fixes_2026_11_03.py: content h3s that followed the h1 directly are now h2s; this keeps the h3 look (the h3 rules have no breakpoints) */
h2.gu-as-h3{color:var(--neutral-800);margin-bottom:8px;font-size:22px;line-height:1.417em}