/* Editorial review: the accepted visual direction and films stay intact. */
.story-copy h2,.story-copy .lead{text-wrap:balance}
.keep{white-space:nowrap}
/* Align each label with the visible numeral, accounting for font side bearings. */
.metric p{margin-inline-start:var(--label-inset,0px)}
.founder-vow{display:block;font-size:18px;line-height:1.6;margin-top:6px;padding-bottom:.3em;margin-bottom:-.3em}
#intake-design .story-visual{aspect-ratio:1000/680;overflow:hidden}
#intake-design .story-visual>img,#intake-design .story-visual>video,#intake-design .story-visual>.tracking{height:auto;aspect-ratio:1000/850}

/* Give the valve film and its existing timing diagram one shared composition,
   using the short-stroke visual's proportions. Text keeps its physical size. */
.valve-story{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;width:100%;min-width:0;aspect-ratio:1000/680;min-height:350px}
.valve-render{aspect-ratio:1;overflow:hidden}
.valve-frame{width:200%;left:-50%;top:-14%;aspect-ratio:1000/850}
.valve-timing{display:grid;grid-template-columns:1fr;gap:12px;max-width:220px;width:100%;margin:0}
.timing-diagram{width:220px;max-width:100%;margin:0 auto}
.timing-values{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:12px;width:100%;max-width:none;margin:0;text-align:center}
.timing-values strong{font-size:25px}
.timing-values strong .unit{font-size:17px}
.timing-context{grid-column:1/-1;text-align:center}

/* At narrower widths, keep the mechanism large and place the readouts beside
   the diagram below it. This removes the old extra row of lift readouts. */
@media(max-width:1000px){
 .valve-story{display:block;aspect-ratio:auto;min-height:0;padding-bottom:0}
 .valve-render{aspect-ratio:2}
 .valve-frame{width:102%;left:1%;top:-14%}
 .valve-timing{grid-template-columns:220px minmax(0,1fr);max-width:450px;gap:20px;margin:8px auto 0}
 .timing-values{grid-template-columns:1fr;gap:14px;text-align:left}
 .timing-context{grid-column:auto;text-align:left}
}
@media(max-width:354px){
 .valve-timing{grid-template-columns:180px minmax(0,1fr);gap:16px}
 .timing-values strong{font-size:22px}
 .timing-values strong .unit{font-size:15px}
}
@media(max-width:309px){
 .valve-timing{grid-template-columns:1fr;justify-items:center}
 .timing-values{grid-template-columns:1fr 1fr;text-align:center}
 .timing-context{grid-column:1/-1;text-align:center}
}
.founder p a,.contact-direct a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.contact-direct a{white-space:nowrap}
/* The three headline numbers sit on the hero's centre axis at every width. */
.metrics{gap:0}
.metric{text-align:center}
.metric+.metric{padding-left:0}
.metric>div{justify-content:center}
.metric p{margin-inline-start:0}
/* Futura PT (Adobe, for devices without their own Futura) is drawn 11 % smaller in its em than Apple's Futura: x-height .421 against .4756.
   Holding the display face to .4756 leaves Apple devices as they are and brings Futura PT to the same size. */
h1,h2,h3,.metric strong,.inline-spec>span,.stat-value,.timing-values strong,.engine-overlay .measure-value,.timing-diagram .angle{font-size-adjust:.4756}