/* Detailed text without a slider, scoped to the approach slide. */
.gromko-preview .engineering .section-header { margin-bottom: 30px; }
.gromko-preview .engineering .approach-layout { grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); gap: clamp(36px,5vw,76px); align-items: start; }
.gromko-preview .engineering .engineering-top { margin-bottom: 24px; }
.gromko-preview .engineering h2.engineering-title { font-size: clamp(36px,3.8vw,54px); line-height: 1.06; margin-bottom: 24px; }
.gromko-preview .engineering .engineering-top .summary { max-width: 430px; font-size: 18px; line-height: 1.6; }
.gromko-preview .engineering .steps { display: grid; grid-template-columns: 1fr; grid-area: auto; }
.gromko-preview .engineering .step,
.gromko-preview .engineering .step:first-child,
.gromko-preview .engineering .step:last-child { padding: 22px 0; }
.gromko-preview .engineering .step:first-child { padding-top: 0; border-top: 0; }
.gromko-preview .engineering .step:last-child { padding-bottom: 0; }
.gromko-preview .engineering .step h3 { font-size: clamp(21px,1.9vw,27px); line-height: 1.3; margin-bottom: 10px; }
.gromko-preview .engineering .step p { max-width: 550px; font-size: 16px; line-height: 1.65; }
.gromko-preview .engineering .detail-photo.approach-carousel { align-self: center; }
.gromko-preview .engineering .approach-stage { aspect-ratio: 16 / 10; }
.gromko-preview .engineering .approach-info { padding: 16px 20px 12px; }
.gromko-preview .engineering .approach-title { font-size: 17px; }
.gromko-preview .engineering .approach-controls { padding: 0 20px 16px; }
@media(max-width:900px) {
 .gromko-preview .engineering .approach-layout { grid-template-columns: 1fr 1fr; gap: 28px; }
 .gromko-preview .engineering .step h3 { font-size: 21px; }
}
@media(max-width:760px) {
 .gromko-preview .engineering .section-header { margin-bottom: 28px; }
 .gromko-preview .engineering .approach-layout { grid-template-columns: 1fr; gap: 28px; }
 .gromko-preview .engineering h2.engineering-title { font-size: clamp(30px,8vw,40px); }
 .gromko-preview .engineering .engineering-top { margin-bottom: 22px; }
 .gromko-preview .engineering .step { padding: 12px 0; }
 .gromko-preview .engineering .approach-info { padding: 15px 16px 10px; }
 .gromko-preview .engineering .approach-controls { padding: 0 16px 16px; }
}