/* Como fazemos: título fixo à esquerda (sticky) e linha do tempo à direita. Fundo off-white. Legível sem JS. */
.tn-pr { background: #f2f1ee; color: #0b0b0c; padding-block: clamp(4rem, 8vw, 8rem); scroll-margin-block-start: 5rem; }
.tn-pr__layout { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.3fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.tn-pr__head { position: sticky; inset-block-start: 7rem; }
.tn-pr__eyebrow { margin: 0 0 0.75rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #8c6b14; }
.tn-pr__title { margin: 0; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(2rem, 1rem + 3.2vw, 3.75rem); line-height: 1.05; letter-spacing: -0.02em; text-wrap: balance; }
.tn-pr__title em { font-style: normal; color: #b8901d; }
.tn-pr__intro { margin: 1.25rem 0 0; max-inline-size: 28rem; font-size: 1.0625rem; line-height: 1.5; color: rgba(11, 11, 12, 0.7); }
.tn-pr__list { position: relative; list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.tn-pr__rail { position: absolute; inset-block: 1.6rem 1.6rem; inset-inline-start: 1.55rem; inline-size: 2px; background: rgba(11, 11, 12, 0.12); }
.tn-pr__rail i { display: block; inline-size: 100%; block-size: 100%; background: #d2a833; transform-origin: top; }
.tn-pr__item { position: relative; display: flex; gap: clamp(1rem, 3vw, 2rem); padding-block: clamp(1.25rem, 2.5vw, 2rem); }
.tn-pr__num { position: relative; z-index: 1; flex: none; inline-size: 3.1rem; block-size: 3.1rem; display: grid; place-items: center; background: #0b0b0c; color: #d2a833; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: 1rem; letter-spacing: 0.04em; }
.tn-pr__name { margin: 0.25rem 0 0.6rem; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(1.375rem, 1rem + 1vw, 1.875rem); line-height: 1.12; letter-spacing: -0.01em; }
.tn-pr__text { margin: 0; max-inline-size: 36rem; font-size: 1rem; line-height: 1.55; color: rgba(11, 11, 12, 0.72); }
@media (max-width: 899px) { .tn-pr__layout { grid-template-columns: 1fr; } .tn-pr__head { position: static; } }