.history-skip{position:fixed;top:8px;left:18px;z-index:200;background:#fff;padding:14px;transform:translateY(-160%)}
.history-skip:focus{transform:translateY(0)}
.history-page a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.history-hero h1{font-size:clamp(52px,7.8vw,120px);line-height:.98;max-width:1200px}
.history-hero p{line-height:1.4}
.history-timeline{list-style:none;margin:64px 0 0;padding:0 0 0 30px;border-left:1px solid var(--line)}
.history-timeline li{position:relative;display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:48px;padding:0 0 64px}
.history-timeline li:last-child{padding-bottom:0}
.history-timeline li:before{content:"";position:absolute;left:-35px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--ink)}
.history-timeline h3{font-size:clamp(40px,5.5vw,80px);line-height:1;letter-spacing:-.055em;font-weight:500;margin:0}
.history-timeline h3.history-period{font-size:clamp(30px,3.8vw,54px);line-height:1.08}
.history-timeline p{font-size:clamp(18px,1.65vw,24px);line-height:1.5;max-width:740px;margin:0}
.history-present{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.history-present .kicker{display:block;color:#55554f}
.history-present p{font-size:18px}
.history-people{background:#fff}
.history-people h2,.history-offer h2{font-size:clamp(44px,5.5vw,82px);line-height:1.02;margin:0}
.history-people p,.history-offer p{font-size:clamp(18px,1.6vw,23px);line-height:1.55}
.history-visit{margin-top:32px;min-height:48px;align-items:center}
@media(max-width:760px){
.history-hero h1{font-size:clamp(43px,12vw,78px);line-height:1.02;letter-spacing:-.055em}
.history-timeline{margin-top:40px;padding-left:22px}
.history-timeline li{grid-template-columns:1fr;gap:20px;padding-bottom:48px}
.history-timeline li:before{left:-27px;top:18px}
.history-timeline h3{font-size:52px}.history-timeline h3.history-period{font-size:36px}
.history-timeline p,.history-present p{font-size:18px}
.history-people .content-grid,.history-offer .content-grid{grid-template-columns:1fr;gap:28px}
.history-people h2,.history-offer h2{font-size:clamp(40px,11vw,68px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Narrative typography matches the existing home introduction. */
.history-page .history-hero p,


.history-page .history-offer p{
  color:#000;
  font-family:var(--sans);
  font-size:clamp(22px,1.8vw,28px);
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.035em;
  max-width:100%;
}
.history-page .history-hero p{max-width:1100px}
/* Lauro and Ada: a distinct reading section after the timeline. */
.history-page .history-people{
  background:#000;
  color:#fff;
  padding-top:clamp(88px,9vw,144px);
  padding-bottom:clamp(88px,9vw,144px);
  border-bottom:0;
}
.history-page .history-people .content-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
  gap:clamp(40px,5vw,80px);
}
.history-page .history-people h2{
  font-family:var(--sans);
  font-size:clamp(48px,5.5vw,84px);
  font-weight:500;
  line-height:1.04;
  letter-spacing:-.05em;
  margin:0;
}
.history-people-copy{max-width:60ch;min-width:0}
.history-page .history-people p{
  color:#fff;
  font-family:var(--sans);
  font-size:clamp(18px,1.45vw,22px);
  font-weight:400;
  line-height:1.55;
  letter-spacing:normal;
  max-width:none;
  margin:0;
}
.history-page .history-people p+p{margin-top:1.4em}
.history-page .history-people strong{font-weight:700}
@media(max-width:760px){
  .history-page .history-people{padding-top:80px;padding-bottom:80px}
  .history-page .history-people .content-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .history-page .history-people h2{font-size:clamp(36px,10vw,62px);line-height:1.08}
  .history-page .history-people p{font-size:18px}
}
.history-people-heading{min-width:0}
.history-people-photo{
  display:block;
  width:100%;
  height:auto;
  margin-top:40px;
}
@media(max-width:760px){
  .history-people-photo{margin-top:28px}
}
/* Limit the portrait width to balance the two columns. */
.history-people-photo{max-width:560px;aspect-ratio:16/9;height:auto;object-fit:cover;object-position:center}
.history-timeline li>div>p+p{margin-top:1.2em}