/* Proportional scale follows --design-scale. Original: archive/before-scale-85-20261028/material-timeline-section.css */
/* Homepage integration only. The interactive component owns its scoped styles. */
.material-page .hiring-timeline-section {
  background:#fff;
  border-top:calc(1px * var(--design-scale, .85)) solid #d2d2d2;
  padding-block:clamp(calc(72px * var(--design-scale, .85)),calc(6vw * var(--design-scale, .85)),calc(136px * var(--design-scale, .85)));
}
.material-page .timeline-section-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:calc(48px * var(--design-scale, .85));
  margin-bottom:clamp(calc(44px * var(--design-scale, .85)),calc(4vw * var(--design-scale, .85)),calc(88px * var(--design-scale, .85)));
}
.material-page .timeline-section-heading .label { margin-bottom:calc(24px * var(--design-scale, .85)); }
.material-page .timeline-section-heading h2 {
  font-size:max(13px, clamp(calc(58px * var(--design-scale, .85)),calc(5.6vw * var(--design-scale, .85)),calc(126px * var(--design-scale, .85))));
  line-height:1.03;
  letter-spacing:-.045em;
}
.material-page .timeline-section-heading h2 span { color:var(--accent); }
.material-page .timeline-section-heading .section-intro {
  flex:0 1 31%;
  margin:0 0 calc(8px * var(--design-scale, .85));
  max-width:28ch;
  font-size:max(13px, clamp(calc(22px * var(--design-scale, .85)),calc(1.55vw * var(--design-scale, .85)),calc(32px * var(--design-scale, .85))));
  line-height:1.4;
}
.material-page #hiring-timeline-mount { min-width:0; }
.material-page .timeline-section-foot {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-top:0;
  margin-top:calc(16px * var(--design-scale, .85));
  border:0;
}
.material-page .timeline-section-foot p {
  max-width:66ch;
  margin:0;
  color:#535353;
  font-size:max(13px, clamp(calc(17px * var(--design-scale, .85)),calc(1.2vw * var(--design-scale, .85)),calc(23px * var(--design-scale, .85))));
  line-height:1.45;
}
.material-page .timeline-section-foot .text-link {
  flex-shrink:0;
  font-size:max(13px, clamp(calc(20px * var(--design-scale, .85)),calc(1.4vw * var(--design-scale, .85)),calc(27px * var(--design-scale, .85))));
}
.material-page .studio-explore-links { display:flex; gap:calc(32px * var(--design-scale, .85)); }
@media (max-width:1200px) {
  .material-page .timeline-section-heading { gap:calc(32px * var(--design-scale, .85)); }
  .material-page .timeline-section-heading h2 { font-size:max(13px, clamp(calc(48px * var(--design-scale, .85)),calc(5.7vw * var(--design-scale, .85)),calc(74px * var(--design-scale, .85)))); }
  .material-page .timeline-section-heading .section-intro { flex-basis:34%; }
}
@media (max-width:900px) {
  .material-page .timeline-section-heading { display:block; margin-bottom:calc(44px * var(--design-scale, .85)); }
  .material-page .timeline-section-heading h2 { font-size:max(13px, clamp(calc(45px * var(--design-scale, .85)),calc(7vw * var(--design-scale, .85)),calc(64px * var(--design-scale, .85)))); }
  .material-page .timeline-section-heading .section-intro { margin-top:calc(24px * var(--design-scale, .85)); max-width:40ch; }
  .material-page .timeline-section-foot { align-items:center; }
}
@media (max-width:700px) {
  .material-page .hiring-timeline-section { padding-block:calc(64px * var(--design-scale, .85)); }
  .material-page .timeline-section-heading h2 { font-size:max(13px, clamp(calc(40px * var(--design-scale, .85)),calc(9.2vw * var(--design-scale, .85)),calc(62px * var(--design-scale, .85)))); }
  .material-page .timeline-section-heading .label { margin-bottom:calc(18px * var(--design-scale, .85)); }
  .material-page .timeline-section-heading .section-intro { font-size:max(13px, calc(21px * var(--design-scale, .85))); }
  .material-page .timeline-section-foot { flex-direction:row; padding-top:0; margin-top:calc(16px * var(--design-scale, .85)); }
  .material-page .timeline-section-foot p { font-size:max(13px, calc(17px * var(--design-scale, .85))); }
  .material-page .studio-explore-links { flex-wrap:wrap; gap:calc(16px * var(--design-scale, .85)) calc(24px * var(--design-scale, .85)); }
}