/* ============================================================
   v3 base.css: element-level type and resets for the redesigned
   public pages (prototype site.css, top section).

   Loaded by Site3.Master ONLY when the page is a new v3 page.
   When a page runs in legacy mode (LegacyBody = True) the v2
   tokens/base/chrome load instead and this file is skipped, so an
   old page body keeps the element styles it was written against.
   Everything in site.css is class-scoped for the same reason.
   ============================================================ */

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:clip}
body{margin:0;font-family:var(--rt-font);font-size:16px;line-height:1.55;color:var(--rt-body);background:#fff;overflow-x:clip}
img,svg,video,iframe{max-width:100%}
img{height:auto}
a{color:inherit}
em{font-family:var(--rt-serif);font-style:italic;font-weight:400;color:var(--rt-red)}
h1,h2,h3,p{margin:0}
h1{font-size:clamp(30px,9vw,38px);line-height:1.05;font-weight:900;letter-spacing:-.04em}
h2{font-size:27px;line-height:1.1;font-weight:900;letter-spacing:-.035em;color:var(--rt-ink)}
h3{font-size:19px;line-height:1.25;font-weight:800;letter-spacing:-.02em;color:var(--rt-ink)}

@media(min-width:900px){
  html{scroll-padding-top:140px}
  h1{font-size:clamp(42px,4.4vw,58px)}
  h2{font-size:38px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}