/* Explicit variants outrank the full-viewport HERO navigation defaults. */
:root:has(.hero+.nav-section.sbd-layout-2){--recruit-nav-height:320px}
.hero+.nav-section.sbd-layout-2 .nav-grid,.nav-section.sbd-layout-2 .nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0;padding:0}
.hero+.nav-section.sbd-layout-2 .nav-tile{min-height:0;height:100%}
.hero+.nav-section.sbd-layout-2 .tile-caption{bottom:16px}
.hero+.nav-section.sbd-layout-3 .nav-grid,.nav-section.sbd-layout-3 .nav-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr;padding:16px;gap:16px;background:var(--mist)}
.hero+.nav-section.sbd-layout-3 .nav-tile{min-height:0;height:100%}
.hero+.nav-section.sbd-layout-3 .tile-caption{left:18px;bottom:14px;right:18px}
.editor-styles-wrapper .hero+.nav-section.sbd-layout-2,.editor-styles-wrapper .hero+.nav-section.sbd-layout-2 .nav-grid{height:320px}
/* A softly uneven horizontal oval, following the supplied reference silhouette. */
.message-section.purpose-shape-organic .purpose-visual{position:relative;clip-path:none;border-radius:0;mask:url('../images/purpose-organic-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('../images/purpose-organic-mask.svg') center/100% 100% no-repeat;aspect-ratio:1000/740;width:100%;height:auto;min-height:0;margin-inline:0;align-self:center;overflow:hidden}
.message-section.purpose-shape-organic .purpose-visual>.wp-block-image{position:absolute;inset:0;width:100%;height:100%;margin:0}
.message-section.purpose-shape-organic .purpose-visual img{width:100%;height:100%!important;min-height:0;max-height:none;object-fit:cover}
/* Centre the narrow paragraph boxes as well as their text. */
.message-section.sbd-layout-3{padding-block:130px;min-height:0}
.message-section.sbd-layout-3>.section-inner{display:flex;flex-direction:column;align-items:center;gap:65px;min-height:0}
.message-section.sbd-layout-3 .purpose-copy{width:100%;max-width:800px;padding:0;margin-inline:auto;text-align:center}
.message-section.sbd-layout-3 .purpose-copy p:not(.eyebrow){max-width:640px;margin-inline:auto;text-align:center}
.message-section.sbd-layout-3 .purpose-copy h2,.message-section.sbd-layout-3 .purpose-copy .eyebrow{margin-inline:auto;text-align:center}
.message-section.sbd-layout-3 .purpose-copy .wp-block-buttons{justify-content:center}
.message-section.sbd-layout-3 .purpose-visual{margin-block:0;margin-inline:auto;align-self:center;width:100%;max-width:1100px}
.message-section.sbd-layout-3 .purpose-visual>.wp-block-image{margin-inline:auto}
.message-section.sbd-layout-3 .purpose-visual img{margin-inline:auto}
.message-section.sbd-layout-3.purpose-shape-organic .purpose-visual{max-width:900px;height:auto;min-height:0}
@media(max-width:780px){:root:has(.hero+.nav-section.sbd-layout-2){--recruit-nav-height:260px}.hero+.nav-section.sbd-layout-3 .nav-grid,.nav-section.sbd-layout-3 .nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));padding:10px;gap:10px}.hero+.nav-section.sbd-layout-3 .tile-caption{left:12px;right:10px;bottom:8px}.editor-styles-wrapper .hero+.nav-section.sbd-layout-2,.editor-styles-wrapper .hero+.nav-section.sbd-layout-2 .nav-grid{height:260px}.message-section.sbd-layout-3{padding-block:90px}.message-section.sbd-layout-3>.section-inner{gap:45px}.message-section.sbd-layout-3 .purpose-copy{padding:0}.message-section.purpose-shape-organic .purpose-visual{width:100%;height:auto;min-height:0}.message-section.purpose-shape-organic .purpose-visual img{min-height:0}}