/* ceo-updates — page-specific styles.
   Loaded after /static/css/site.css, which holds everything shared. */

/* ============================================================
   CEO UPDATES  page-specific
   ============================================================ */
#route-ceo-updates .phero{padding-top:calc(var(--header-h) + var(--s6));padding-bottom:var(--s6)}#route-ceo-updates .phero .lede{padding-top:var(--s4);max-width:58ch}#route-ceo-updates .letter{grid-column:1 / 5}#route-ceo-updates .letter dl{border-top:1px solid var(--sand)}#route-ceo-updates .letter dl > div{padding:14px 0;border-bottom:1px solid var(--sand)}#route-ceo-updates .letter dt{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--stone)}#route-ceo-updates .letter dd{margin:0;padding-top:5px;font-size:15px;line-height:1.45}#route-ceo-updates .body-copy{grid-column:6 / 12}#route-ceo-updates .body-copy h2{
  font-family:var(--display);
  font-variation-settings:"wdth" 75,"wght" 700;
  font-weight:700;
  font-size:clamp(28px,2.8vw,52px);
  line-height:1.03;
  letter-spacing:-.01em;
  max-width:20ch;
}#route-ceo-updates .body-copy p{padding-top:var(--s3);font-size:clamp(16px,1.15vw,20px);line-height:1.65;max-width:60ch}#route-ceo-updates .body-copy .lead-p{padding-top:var(--s4);font-size:clamp(18px,1.35vw,24px);line-height:1.5}#route-ceo-updates .sig{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--sand);max-width:60ch}
/* the signature is artwork, not type: it sits above the name at a size that
   reads as a hand rather than a logo */#route-ceo-updates .sig strong{display:block;font-size:16px}#route-ceo-updates .sig span{display:block;padding-top:4px;font-size:14px;color:var(--stone)}#route-ceo-updates .archive li{border-bottom:1px solid var(--sand)}#route-ceo-updates .archive a{
  display:grid;
  grid-template-columns:minmax(120px,2fr) 7fr minmax(90px,1fr);
  gap:var(--s3);
  align-items:baseline;
  padding:22px 0;
  text-decoration:none;
}#route-ceo-updates .archive time{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--stone)}#route-ceo-updates .archive h3{
  font-family:var(--display);
  font-variation-settings:"wdth" 75,"wght" 700;
  font-weight:700;
  font-size:clamp(19px,1.55vw,28px);
  line-height:1.1;
}#route-ceo-updates .archive p{padding-top:8px;font-size:15px;line-height:1.5;color:var(--stone);max-width:56ch}#route-ceo-updates .archive .arw{justify-self:end;font-size:17px;transition:transform .22s ease}#route-ceo-updates .archive a:hover .arw, #route-ceo-updates .archive a:focus-visible .arw{transform:translateX(6px)}#route-ceo-updates .archive a:hover h3, #route-ceo-updates .archive a:focus-visible h3{text-decoration:underline;text-underline-offset:5px}

@media (max-width:1180px){#route-ceo-updates .letter{grid-column:1 / 5}#route-ceo-updates .body-copy{grid-column:5 / 13}
}
@media (max-width:900px){#route-ceo-updates .letter, #route-ceo-updates .body-copy{grid-column:1 / -1}#route-ceo-updates .archive a{grid-template-columns:1fr;gap:8px}#route-ceo-updates .archive .arw{justify-self:start}
}