/* A brighter About us screen: a stage visual and three numbered stages. */
.gromko-preview #approach-2.engineering {
  background: radial-gradient(ellipse at 85% 22%,#19365b 0,transparent 52%),linear-gradient(135deg,#1b1e24,#101217 70%);
  padding-bottom: 56px;
}
.gromko-preview #approach-2 .screen-atmosphere { opacity: .25; }
.gromko-preview #approach-2 .section-header { margin-bottom: 42px; }
.gromko-preview #approach-2 .approach-layout {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr);
  gap: 48px; align-items: center; margin-bottom: 38px;
}
.gromko-preview #approach-2 h2.engineering-title { font-size: clamp(48px,6vw,76px); margin-bottom: 22px; }
.gromko-preview #approach-2 .engineering-top { margin-bottom: 0; }
.gromko-preview #approach-2 .engineering-subtitle { max-width: none; color: #f1f3f7; font-size: 21px; line-height: 1.5; margin-bottom: 18px; }
.gromko-preview #approach-2 .engineering-top .summary { max-width: none; font-size: 16px; line-height: 1.6; color: #c7ccd5; }
.gromko-preview #approach-2 .about-scene { position: relative; margin: 0; min-width: 0; background: #12233e; border: 1px solid #658bb34d; overflow: hidden; box-shadow: 0 24px 65px #0005; }
.gromko-preview #approach-2 .about-scene img { display: block; width: 100%; height: auto; aspect-ratio: 16/10; object-fit: cover; filter: none; }
.gromko-preview #approach-2 .about-scene figcaption { padding: 15px 18px; color: #e4ebf6; background: #121c2a; font-size: 12px; line-height: 1.5; letter-spacing: .05em; }
.gromko-preview #approach-2 .steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin: 0; }
.gromko-preview #approach-2 .step,
.gromko-preview #approach-2 .step:first-child,
.gromko-preview #approach-2 .step:last-child { display: block; align-content: start; align-items: start; padding: 24px 0 0; border: 0; border-top: 1px solid #74839980; background: none; }
.gromko-preview #approach-2 .about-step-number { display: block; margin-bottom: 16px; font: 400 40px/1 Manrope,Arial,sans-serif; color: #8ebaf0; letter-spacing: -.045em; }
.gromko-preview #approach-2 .step h3 { margin-bottom: 12px; font-size: 21px; line-height: 1.35; color: #fff; }
.gromko-preview #approach-2 .step p { max-width: none; font-size: 15px; line-height: 1.65; color: #c7ccd5; }
@media(max-width:900px) {
  .gromko-preview #approach-2 .approach-layout { gap: 28px; }
  .gromko-preview #approach-2 .engineering-subtitle { font-size: 19px; }
  .gromko-preview #approach-2 .steps { gap: 20px; }
}
@media(max-width:760px) {
  .gromko-preview #approach-2.engineering { padding-bottom: 38px; background: radial-gradient(ellipse at 100% 35%,#19365b 0,transparent 60%),#171a20; }
  .gromko-preview #approach-2 .section-header { margin-bottom: 30px; }
  .gromko-preview #approach-2 .approach-layout { display: flex; flex-direction: column; align-items: stretch; gap: 24px; margin-bottom: 30px; }
  .gromko-preview #approach-2 .approach-copy,
  .gromko-preview #approach-2 .engineering-top,
  .gromko-preview #approach-2 .engineering-top > div { display: contents; }
  .gromko-preview #approach-2 h2.engineering-title { order: 0; font-size: 44px; margin: 0; }
  .gromko-preview #approach-2 .about-scene { order: 1; }
  .gromko-preview #approach-2 .engineering-subtitle { order: 2; font-size: 20px; margin: 0; }
  .gromko-preview #approach-2 .engineering-top .summary { order: 3; margin: 0; }
  .gromko-preview #approach-2 .engineering-top .summary { font-size: 16px; }
  .gromko-preview #approach-2 .about-scene img { aspect-ratio: 16/10; }
  .gromko-preview #approach-2 .steps { grid-template-columns: 1fr; gap: 24px; }
  .gromko-preview #approach-2 .step,
  .gromko-preview #approach-2 .step:first-child,
  .gromko-preview #approach-2 .step:last-child { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 18px; padding-top: 22px; }
  .gromko-preview #approach-2 .about-step-number { font-size: 30px; margin: 2px 0 0; }
  .gromko-preview #approach-2 .step h3 { font-size: 20px; }
  .gromko-preview #approach-2 .step p { font-size: 16px; }
}