.brand-tagline { display: block; max-width: 11rem; padding-left: .75rem; border-left: 1px solid currentColor; font-size: .625rem; font-weight: 700; line-height: 1.5; letter-spacing: .08em; }
.engineering-why, .engineering-commitments { background: var(--color-paper, var(--paper)); }
.engineering-ehs { background: var(--color-navy, var(--navy)); color: var(--color-white, white); }
.engineering-pillars { background: var(--color-white, white); }
.engineering-intro, .engineering-strengths { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 4rem; }
.engineering-intro p + p { margin-top: 1.5rem; }
.engineering-strengths { margin-top: 4rem; }
.engineering-figure { margin: 2rem 0 0; }
.engineering-figure img, .engineering-image { display: block; width: 100%; height: auto; object-fit: cover; }
.engineering-figure figcaption { margin-top: 1rem; }
.engineering-list { margin: 0; padding: 0; list-style: none; }
.engineering-list li { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: 1rem; padding: 1.5rem 0; border-top: 1px solid currentColor; }
.engineering-list p { margin-top: .75rem; }
.engineering-link { display: inline-flex; align-items: center; gap: 1rem; min-height: 44px; margin-top: 2rem; font-weight: 600; text-decoration: underline; text-underline-offset: .3em; }
.engineering-link:active { transform: translateY(1px); }
.engineering-ehs h1 { max-width: 58rem; margin: 1.5rem 0 3rem; }
.engineering-principle-label { margin-top: 3rem; margin-bottom: 1rem; }
.engineering-pillar-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem; }
.engineering-pillar-grid img { aspect-ratio: 16 / 10; }
.engineering-pillar-grid h3 { margin: 1.5rem 0 .75rem; }
.engineering-pillar-grid article:last-child { display: flex; flex-direction: column; justify-content: end; padding-top: 2rem; border-top: 1px solid currentColor; }
.engineering-testimonial-intro { max-width: 65ch; }
.engineering-testimonial-intro p + p { margin-top: 1rem; }
.engineering-awards-label { margin: 3rem 0 1.5rem; }
.engineering-testimonial-commitment { max-width: 65ch; margin-top: 3rem; }
.engineering-testimonial-commitment p { margin-top: 1rem; }
@media (max-width: 1279px) { .brand-tagline { max-width: 8rem; font-size: .5625rem; } }
@media (max-width: 767px) {
 .engineering-intro, .engineering-strengths, .engineering-pillar-grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
 .engineering-strengths { margin-top: 3rem; }
 .brand-tagline { max-width: 9rem; }
}

/* Shared layout roles also cover the native WordPress templates. */
.engineering-why .container-site, .engineering-ehs .container-site, .engineering-commitments .container-site, .engineering-pillars .container-site { width: 100%; max-width: 1440px; margin-inline: auto; padding-inline: 24px; }
.engineering-why, .engineering-commitments, .engineering-pillars { color: var(--color-ink, var(--ink)); }
.engineering-ehs { --text-body: rgba(255,255,255,.78); --text-kicker: var(--color-orange-light, var(--orange-light)); padding-top: 160px; }
.engineering-ehs .eyebrow { color: var(--text-kicker); }
.engineering-ehs h1 { font-size: clamp(2.25rem, 5vw, 3.75rem); font-weight: 300; line-height: 1.02; letter-spacing: -.04em; }
.engineering-why .engineering-intro .section-heading { margin-bottom: 0; }
.brand .brand-tagline { display: block; flex-shrink: 0; font-size: .625rem; letter-spacing: .08em; line-height: 1.5; }
@media (min-width: 1024px) {
 .engineering-why .container-site, .engineering-ehs .container-site, .engineering-commitments .container-site, .engineering-pillars .container-site { padding-inline: 48px; }
 .site-header .header-contact { display: none; }
 .site-header nav[aria-label="Main navigation"] { gap: 1rem; }
 .site-header .nav-links { gap: 1rem; }
}
@media (max-width: 1279px) { .site-header .desktop-nav { display: none; } .site-header .mobile-nav { display: block; } }
.engineering-ehs h1 { color: inherit; }
@media (max-width: 767px) { .site-header .site-logo, .site-header .brand img { width: 100px; height: auto; } .site-header .brand-tagline { max-width: 8rem; font-size: .5625rem; } }

/* Match typography and spacing across React and native WordPress markup. */
:is(.engineering-why, .engineering-commitments, .engineering-pillars) { --text-body: color-mix(in srgb, var(--color-ink, var(--ink)) 75%, transparent); }
:is(.engineering-why, .engineering-ehs, .engineering-commitments, .engineering-pillars) p { margin-bottom: 0; }
:is(.engineering-why, .engineering-commitments, .engineering-pillars) .body { font-size: 1rem; line-height: 1.625; color: var(--text-body); }
:is(.engineering-why, .engineering-commitments, .engineering-pillars) .h4 { margin: 0; font-size: 1.125rem; font-weight: 500; line-height: 1.5556; }
:is(.engineering-why, .engineering-commitments, .engineering-pillars) .h3 { font-size: 1.5rem; font-weight: 300; line-height: 1.3333; }
:is(.engineering-why, .engineering-commitments, .engineering-pillars) .section-heading { margin-bottom: 40px; }
:is(.engineering-why, .engineering-commitments, .engineering-pillars) .section-heading .eyebrow { margin: 0; }
:is(.engineering-why, .engineering-commitments, .engineering-pillars) .section-heading .h2 { margin: 20px 0 0; font-size: 2.25rem; font-weight: 300; line-height: 1.02; letter-spacing: -.04em; }
.engineering-why .engineering-intro .section-heading { margin-bottom: 0; }
@media (min-width: 640px) {
 :is(.engineering-why, .engineering-commitments, .engineering-pillars) .section-heading { margin-bottom: 56px; }
 :is(.engineering-why, .engineering-commitments, .engineering-pillars) .section-heading .h2 { font-size: 3rem; }
 .engineering-why .engineering-intro .section-heading { margin-bottom: 0; }
}
@media (min-width: 1024px) { :is(.engineering-why, .engineering-commitments, .engineering-pillars) .section-heading .h2 { font-size: 3.75rem; } }