/* Linha do tempo "Nossa história": palco fixo, rolagem controla o marco ativo */
.hist{position:relative;height:430vh;background:#0a1a30;color:#fff;--ac:#F84D00}
.hist-palco{position:sticky;top:0;height:100vh;min-height:560px;display:grid;grid-template-rows:auto 1fr auto;padding:96px clamp(20px,5vw,72px) 28px;overflow:hidden;box-sizing:border-box}
.hist-topo{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:14px}
.hist-rotulo{margin:0;font:600 .8rem 'Poppins',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.hist-contador{font:500 .8rem 'IBM Plex Mono',monospace;color:rgba(255,255,255,.5);letter-spacing:.06em}
.hist-contador b{color:#fff;font-weight:500}
.hist-meio{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,5vw,80px);align-items:center;min-height:0}
.hist-texto{display:flex;flex-direction:column;justify-content:center;min-width:0}
.hist-ano{display:flex;font:600 clamp(5.5rem,17vw,15rem)/.82 'Poppins',sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums;height:.92em;overflow:hidden;color:#fff;position:relative}
.hist-ano .d{display:block;height:.92em;overflow:hidden;width:.62em;position:relative}
.hist-ano .d i{display:block;font-style:normal;transition:transform .9s cubic-bezier(.7,0,.15,1)}
.hist-ano .d b{display:block;height:.92em;line-height:.92;font-weight:600;text-align:center;padding-top:.04em;box-sizing:border-box}
.hist-passos{list-style:none;margin:clamp(20px,3.4vh,40px) 0 0;padding:0;display:grid;max-width:34rem}
.hist-passos li{grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none;border-left:3px solid var(--ac);padding-left:20px}
.hist-passos li.on{opacity:1;transform:none;transition-delay:.25s}
.hist-passos h3{margin:0 0 8px;font:600 clamp(1.25rem,2.2vw,1.75rem)/1.2 'Poppins',sans-serif;color:#fff}
.hist-passos p{margin:0;color:rgba(255,255,255,.72);line-height:1.6;font-size:1.02rem}
.hist-foto{margin:0;justify-self:end;width:min(100%,calc((100vh - 360px) * .8),430px);min-width:220px;display:grid;gap:10px}
.hist-moldura{position:relative;aspect-ratio:4/5;background:#e9eef5;border-radius:3px;overflow:hidden;clip-path:inset(0 0 0 0);display:grid}
.hist-moldura img{grid-area:1/1;width:100%;height:100%;object-fit:contain;padding:8%;box-sizing:border-box;transition:opacity .6s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.hist-moldura img.fora{opacity:0;transform:scale(1.06)}
.hist-foto figcaption{font:500 .74rem 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);display:flex;gap:8px}
.hist-foto figcaption::before{content:"";width:22px;height:1px;background:rgba(255,255,255,.4);align-self:center}
.hist-regua{position:relative;padding-top:20px}
.hist-fio{position:absolute;left:0;right:0;top:20px;height:1px;background:rgba(255,255,255,.2)}
.hist-fio i{display:block;height:1px;background:var(--ac);width:0;box-shadow:0 0 0 .5px var(--ac)}
.hist-regua ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between}
.hist-regua button{all:unset;cursor:pointer;display:grid;gap:10px;padding:0 0 4px;font:500 .8rem 'IBM Plex Mono',monospace;color:rgba(255,255,255,.45);letter-spacing:.04em;transition:color .3s}
.hist-regua button::before{content:"";width:1px;height:12px;background:rgba(255,255,255,.35);margin-top:-6px;transition:height .3s,background .3s}
.hist-regua button:hover{color:#fff}
.hist-regua button.on{color:#fff}
.hist-regua button.on::before{height:20px;margin-top:-10px;background:var(--ac);width:2px}
.hist-regua button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.hist-regua li:first-child button{justify-items:start}.hist-regua li:last-child button{justify-items:end}
.hist-aviso{position:absolute;right:clamp(20px,5vw,72px);bottom:6px;margin:0;font:500 .66rem 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#ffb48f}
@media(max-width:760px){
  .hist{height:400vh}
  .hist-palco{padding-top:84px;grid-template-rows:auto 1fr auto}
  .hist-meio{grid-template-columns:1fr;gap:18px;align-content:center}
  .hist-foto{grid-row:1;justify-self:start;width:46%;min-width:150px}
  .hist-moldura{aspect-ratio:1/1}
  .hist-ano{font-size:clamp(4.6rem,25vw,8rem)}
  .hist-passos p{font-size:.95rem}
}
@media(prefers-reduced-motion:reduce){
  .hist{height:auto}.hist-palco{position:static;height:auto;display:block}
  .hist-foto,.hist-regua,.hist-ano,.hist-contador{display:none}
  .hist-passos{gap:28px;margin-top:28px}.hist-passos li{grid-area:auto;opacity:1;transform:none}
  .hist-passos li::before{content:attr(data-ano);display:block;font:600 2rem 'Poppins',sans-serif;margin-bottom:6px}
}