About Us

@import url(‘https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap’);
:root {
–uw-primary: #1d4ed8;
–uw-secondary: #b4531a;
–uw-heading-font: ‘Montserrat’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif;
–uw-body-font: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif;
–uw-btn-radius: 0px;

/* Motion + elevation tokens, ported from Design First (GutenbergParser::motionAndChromeStyles(),
around GutenbergParser.php:592-620, and its shadowValueFor() scale at :2466-2473). One shared
easing curve reused by every transition is what makes motion read as deliberate rather than
browser-default; the two-tier shadow is the resting-vs-elevated pair that module uses
everywhere instead of an ad-hoc shadow per component. */
–uw-ease: cubic-bezier(.22,.61,.36,1);
–uw-shadow-rest: 0 4px 20px rgba(0,0,0,.06);
–uw-shadow-hover: 0 18px 40px rgba(0,0,0,.14);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(–uw-body-font); color: #333; background: #fff; }
h1, h2, h3, h4, h5, h6, .wp-block-heading { font-family: var(–uw-heading-font); }
img { max-width: 100%; display: block; }
a { text-decoration: none; }

/* ══ COVER BLOCK ══════════════════════════════════════ */
.wp-block-cover {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
min-height: 500px;
}
.wp-block-cover__background {
position: absolute; inset: 0;
background: #000; opacity: .5; z-index: 1;
}
.has-background-dim-60 { opacity: .6 !important; }
.wp-block-cover__image-background {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover; z-index: 0;
}
.wp-block-cover__inner-container {
position: relative; z-index: 2;
width: 100%; max-width: 900px;
margin: 0 auto; padding: 80px 24px;
text-align: center;
}
.wp-block-cover__inner-container h1,
.wp-block-cover__inner-container h2,
.wp-block-cover__inner-container p { color: #fff; }

/* ══ GROUP ════════════════════════════════════════════ */
.wp-block-group { width: 100%; display: block; }
.wp-block-group.alignfull { width: 100%; }

/* Header/CTA/etc. Templates (Templates/{Category}/{Sage|Dark}/*.php) wrap their content
in a plain “wp-block-group alignwide” div and each hand-picks its own horizontal
padding — several (e.g. Templates/Header/*/RowCta.php) set none at all, so that
section’s content sits flush against the 1200px container edge instead of the 60px
gutter every .wp-block-columns/.wp-block-image.alignwide section uses elsewhere on
the same page. Force the same 60px gutter here too — excluding groups that directly
wrap a .wp-block-columns child, since that child already applies its own 60px
padding (see the COLUMNS rule below) and would otherwise get double-padded. */
html body .wp-block-group.alignwide:not(:has(> .wp-block-columns)) {
padding-left: 60px !important;
padding-right: 60px !important;
}

/* Footer templates (Templates/Footer/*.php) render