/* Wagner Nolasco for the U.S. investor. No portrait: type, a road and the record. */
.page-wagner h2{font-size:clamp(36px,5vw,72px);margin:0;text-wrap:balance}
.page-wagner .hero--inner h1{font-size:clamp(60px,7.6vw,118px);line-height:.96;letter-spacing:-.04em;max-width:7em}
.page-wagner .hero--inner .lead{font-size:clamp(19px,1.7vw,24px);color:#fff}

.wn-link{display:inline-flex;align-items:center;min-height:44px;font:600 17px/1.2 var(--font-display);color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

/* his two companies: the names are the headline */
.wn-co{padding:clamp(64px,8vw,120px) var(--pad)}
.wn-co__lead{margin:16px 0 0;font-size:var(--fs-lead);color:var(--muted);max-width:none}
.wn-co__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.wn-co__card{background:var(--navy);color:#fff;border-radius:8px;padding:clamp(28px,3.4vw,48px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.wn-co__card h3{margin:0;color:#fff;font-size:clamp(38px,4.6vw,68px);line-height:1;letter-spacing:-.03em}
.wn-co__card p{margin:0;color:#fff;font-size:19px;flex:1}
.wn-co__card a:focus-visible{outline-color:#fff}
.wn-co__foot{display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,5vw,72px);align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--rule)}
.wn-co__foot p{margin:0;font-size:16px;color:var(--muted);max-width:none}
.wn-co__foot div{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:flex-end}

/* public record: pick a year on the road */
.wn-rec{background:var(--ledger);padding:clamp(64px,8vw,120px) var(--pad)}
.wn-rec__in{max-width:1400px;margin:0 auto}
.wn-rec__lead{margin:16px 0 0;font-size:var(--fs-lead);color:var(--muted);max-width:none}
.wn-years{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:40px}
.wn-years button{display:flex;align-items:center;justify-content:center;min-height:56px;padding:0;border:0;border-radius:6px 6px 0 0;background:transparent;color:var(--navy);font:700 clamp(16px,2vw,26px)/1 var(--font-sign);cursor:pointer;transition:background .15s}
.wn-years button:hover{background:rgba(11,42,80,.1)}
.wn-years button[aria-selected=true]{background:var(--red);color:#fff}
.wn-rec .road i{transition:width .25s ease-out}
.wn-rec__stage{display:flex;align-items:flex-start;gap:clamp(24px,4vw,56px);margin-top:36px;min-height:260px}
.wn-rec__items{flex:1;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px clamp(24px,4vw,56px)}
.wn-rec__items[hidden]{display:none}
.wn-rec__kind{margin:0 0 6px;font:600 16px/1.3 var(--font-display);color:var(--muted)}
.wn-rec__item h3{margin:0 0 8px;color:var(--navy);font-size:clamp(26px,2.8vw,40px);text-wrap:balance}
.wn-rec__item p:not([class]){margin:0;color:var(--ink);max-width:34em}
.wn-rec__item .wn-link{margin-top:6px;color:var(--navy)}
@media (prefers-reduced-motion:reduce){.wn-rec .road i{transition:none}}

@media (max-width:1023px){
  .wn-co__grid,.wn-co__foot{grid-template-columns:1fr}
  .wn-co__foot div{justify-content:flex-start}
}
@media (max-width:719px){
  .wn-years{gap:2px}
  .wn-years button{min-height:48px;font-size:15px}
  .wn-rec__stage{flex-direction:column;gap:20px}
  .wn-rec__items{grid-template-columns:1fr;width:100%}
}