:root { --u: 1px; --ut: 1px; }
html, body { height: auto; overflow: visible; overscroll-behavior: auto; }   
body { color: #1A1A1C; background: #FFFFFF; }
.page { padding-top: calc(84 * var(--uh)); }                                  
.col-grid { box-sizing: border-box; width: min(calc(1244 * var(--ut)), calc(100% - 2 * var(--sp-gutter))); margin: 0 auto; }   
.col-text { box-sizing: border-box; width: min(calc(820 * var(--ut)), calc(100% - 2 * var(--sp-gutter))); margin: 0 auto; }    
.page-head { padding-top: var(--sp-section); }                               
.page-head h1 { margin: 0; font-family: var(--heading); font-size: var(--fs-h1); line-height: var(--lh-h1); font-weight: 500; letter-spacing: var(--ls-h1); }   
.page-head .lead { font-size: var(--fs-body); line-height: var(--lh-body); letter-spacing: var(--ls-body); }   
.page-head .lead .ln { display: block; }
@media (max-width: 1023px) {   
  .col-grid, .col-text { width: min(var(--sp-max), calc(100% - 2 * var(--sp-gutter))); }
  .page { padding-top: 56px; }
}
.pill-l { height: calc(48 * var(--ut)); padding: 0 calc(20 * var(--ut)) 0 calc(28 * var(--ut)); border: 0; cursor: pointer; font-family: var(--font); }