/* Performance: the page's answer to its first screen. The opener set as large as a chapter's name,
   its line, and three figures under it, with nothing drawn: a frame drawn and dimensioned and a
   stopwatch were tried and read as milliseconds nobody follows (1 October 2026). No glow and no
   ground of its own. */

.engine-open { padding: clamp(96px, 20vh, 220px) 0 clamp(80px, 14vh, 160px); }
.engine-open .wrap { border-top: 1px solid var(--hair); padding-top: clamp(20px, 4vh, 40px); }
.engine-open .fig { margin-bottom: clamp(10px, 2vh, 20px); }
.engine-open h2 { font-size: clamp(56px, min(10.5vw, 18vh), 176px); letter-spacing: -0.058em; line-height: 0.9; }
.engine-open .say { margin-top: clamp(24px, 4vh, 44px); max-width: 920px; }

/* The three figures, each over its meaning, under a hairline of its own, as large as a headline. */
.em-row { list-style: none; margin: clamp(56px, 10vh, 120px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 48px); }
.em-row li { display: grid; gap: 12px; align-content: start; padding-top: clamp(16px, 3vh, 28px); border-top: 1px solid var(--hair); }
.em-row b { font: 600 clamp(52px, min(6.6vw, 13vh), 112px)/0.9 var(--display); letter-spacing: -0.055em; font-variant-numeric: tabular-nums; color: var(--snow); white-space: nowrap; }
.em-row span { font: 500 clamp(17px, 1.5vw, 21px)/1.3 var(--display); letter-spacing: -0.01em; color: var(--snow-dim); }

@media (max-width: 760px) {
  .em-row { grid-template-columns: 1fr; }
}