/* V37: a clear transition from the introduction to the company history.
   Only index.html loads this file. Preserve the reading order on small screens. */
.q-index .index-hero-surface{
 border-bottom:1px solid var(--line);
}
.q-index .index-hero{
 padding-bottom:40px;
}
.q-index .index-story{
 padding-top:40px;
}
@media(min-width:901px){
 .q-index .index-story-copy{
  grid-column:2;
  grid-row:1;
 }
 .q-index .index-timeline{
  grid-column:1;
  grid-row:1;
 }
}
@media(min-width:768px) and (max-width:900px){
 .q-index .index-hero{padding-bottom:32px}
 .q-index .index-story{padding-top:33px}
}
@media(max-width:767px){
 .q-index .index-hero{padding-bottom:24px}
 .q-index .index-story{padding-top:24px}
}