.engineering-case { margin: 0 auto; max-width: 78rem; }
.engineering-hero { background: var(--forest); color: var(--white); padding: clamp(4rem, 9vw, 8rem) clamp(1.25rem, 8vw, 7rem); }
.engineering-hero h1 { font: 400 clamp(3rem, 7vw, 6.5rem)/.94 Georgia, serif; letter-spacing: -.04em; margin: 0; max-width: 55rem; }
.engineering-hero h1 em { color: var(--gold); font-style: normal; }
.engineering-hero > p:last-child { font-size: 1.08rem; line-height: 1.6; margin: 1.5rem 0 0; max-width: 44rem; }
.engineering-body { display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(14rem, .8fr) minmax(0, 1.5fr); padding: clamp(3.5rem, 8vw, 7rem) clamp(1.25rem, 8vw, 7rem); }
.engineering-body h2 { font: 400 clamp(2rem, 4vw, 3.5rem)/1.02 Georgia, serif; margin: 0; }
.engineering-list { border-top: 1px solid var(--line); }
.engineering-list article { border-bottom: 1px solid var(--line); padding: 1.25rem 0; }
.engineering-list h3 { font: 700 1rem/1.3 Arial, sans-serif; margin: 0 0 .45rem; }
.engineering-list p, .engineering-boundary > p:not(.section-kicker) { font-size: 1rem; line-height: 1.6; margin: 0; max-width: 48rem; }
.engineering-boundary { background: var(--paper-deep); padding: clamp(2.5rem, 6vw, 5rem) clamp(1.25rem, 8vw, 7rem); }
.engineering-boundary .hero-actions { margin-top: 1.5rem; }
@media (max-width: 700px) { .engineering-body { grid-template-columns: minmax(0, 1fr); } }