/* ===== VEIO 07 · Trajetória (tj-) ===== */
.tj{--tj-tronco:1.6rem;--tj-recuo:5.5rem}
.tj-grade{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2vw,2rem);row-gap:clamp(3rem,5vw,5.5rem)}
.tj-abre{grid-column:1/8;grid-row:1;align-self:end}
.tj-cita{grid-column:8/13;grid-row:1;align-self:end}
.tj-cita p{font-size:clamp(1.1rem,.95rem + .6vw,1.5rem)}

/* retrato que acompanha a leitura */
.tj-lado{grid-column:1/6;grid-row:2;position:sticky;top:6.5rem;align-self:start}
.tj-foto img{aspect-ratio:auto;height:min(76svh,48rem);object-position:50% 30%}
.tj-placa{position:absolute;right:-1.2rem;bottom:2rem;display:grid;gap:.3rem;padding:.9rem 1.1rem;max-width:80%;
  background:color-mix(in oklab, var(--b-grafite-0) 84%, transparent);border-left:1px solid var(--b-rose);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.tj-placa-veio{font-family:var(--b-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--b-rose)}
.tj-placa strong{font-weight:500;font-size:.98rem;color:var(--b-creme)}
.tj-placa-reg{font-family:var(--b-mono);font-size:.72rem;letter-spacing:.08em;color:var(--b-creme-suave)}

/* trilha */
.tj-trilha{grid-column:7/13;grid-row:2;position:relative;padding-left:var(--tj-recuo)}
.tj-trilha::before{content:"";position:absolute;left:var(--tj-tronco);top:.4rem;bottom:.4rem;width:1px;background:color-mix(in oklab, var(--b-rose) 24%, transparent)}
.tj-veio{position:absolute;left:calc(var(--tj-tronco) - 1.5rem);top:0;width:3rem;height:100%}
.tj-cap{position:relative;margin:0 0 2.2rem;display:flex;align-items:center;gap:1rem;font-family:var(--b-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--b-cinza-texto)}
.tj-cap:not(:first-of-type){margin-top:clamp(3.5rem,6vw,5.5rem)}
.tj-cap span{font-family:var(--b-serifa);font-style:italic;font-size:1.5rem;letter-spacing:0;color:var(--b-rose)}
.tj-cap::after{content:"";flex:1;height:1px;background:color-mix(in oklab, var(--b-rose) 22%, transparent)}
.tj-lista{list-style:none;margin:0;padding:0;display:grid;gap:clamp(2.2rem,3.5vw,3.2rem)}
.tj-item{position:relative}
.tj-item::before{content:"";position:absolute;left:calc(var(--tj-tronco) - var(--tj-recuo) - 4.5px);top:.95rem;width:9px;height:9px;border-radius:50%;
  background:var(--b-grafite-1);border:1px solid var(--b-rose);transition:background .6s var(--b-ease), box-shadow .6s var(--b-ease)}
.tj-item.is-on::before{background:var(--b-rose);box-shadow:0 0 0 4px rgba(243,193,178,.15), 0 0 14px rgba(243,193,178,.6)}
.tj-ramo{position:absolute;left:calc(var(--tj-tronco) - var(--tj-recuo));top:.2rem;width:calc(var(--tj-recuo) - var(--tj-tronco) - .6rem);height:1.6rem;opacity:0;transition:opacity .8s var(--b-ease)}
.tj-item.is-on .tj-ramo{opacity:1}
.tj-ano{margin:0;font-family:var(--b-serifa);font-weight:200;font-size:clamp(2rem,1.4rem + 1.6vw,3rem);line-height:1;color:var(--b-creme)}
.tj-ano span{color:var(--b-cinza-texto)}
.tj-lugar{margin:.6rem 0 0;font-family:var(--b-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--b-rose)}
.tj-o-que{margin:.55rem 0 0;font-size:var(--t-texto);line-height:1.6;color:var(--b-creme-suave);max-width:32rem}
.tj-congresso{margin:1.1rem 0 0;padding-left:1rem;border-left:1px solid var(--b-rose)}
.tj-congresso p{margin:0;font-family:var(--b-serifa);font-style:italic;font-weight:300;font-size:1.2rem;line-height:1.4;color:var(--b-rose-claro)}
.tj-hoje .tj-ano{color:var(--b-rose);font-style:italic;font-weight:300}

/* 1999: a volta */
.tj-volta::before{top:3.2rem}
.tj-volta .tj-ramo{top:2.3rem}
.tj-ano-grande{font-size:clamp(5.5rem,3rem + 7vw,10rem);line-height:.85;letter-spacing:-.03em;color:var(--b-rose);text-shadow:0 0 60px rgba(243,193,178,.28)}
.tj-o-que-grande{font-family:var(--b-serifa);font-weight:300;font-size:var(--t-h3);line-height:1.3;color:var(--b-creme)}
.tj-27{margin:1.4rem 0 0;display:flex;align-items:baseline;gap:.9rem;color:var(--b-creme-suave);font-size:var(--t-texto)}
.tj-27 strong{font-family:var(--b-serifa);font-weight:200;font-size:2.6rem;line-height:1;color:var(--b-creme)}

@media (max-width:899px){
  .tj-abre,.tj-cita,.tj-lado,.tj-trilha{grid-column:1/-1}
  .tj-abre{grid-row:1}
  .tj-cita{grid-row:2}
  .tj-lado{grid-row:3;position:static;width:min(100%,30rem)}
  .tj-foto img{height:auto;aspect-ratio:700/880}
  .tj-placa{right:-.6rem}
  .tj-trilha{grid-row:4}
}
@media (max-width:600px){
  .tj{--tj-tronco:.9rem;--tj-recuo:3.2rem}
  .tj-lado{width:auto;margin:0 calc(-1 * var(--b-margem))}
  .tj-placa{position:static;max-width:none;margin:0 var(--b-margem);transform:translateY(-1.5rem)}
  .tj-lugar,.tj-cap,.tj-placa-veio{font-size:.875rem}
  .tj-placa-reg{font-size:.875rem}
}
.tj-ir{margin-top:1rem;color:var(--b-rose-claro)}