/* The story page uses the same Grey Green fonts as the rest of S&P. */
body { font-family:'Open Sans',sans-serif;font-weight:400; }
.wordmark { display:block;width:clamp(126px,10.5vw,174px);line-height:0; }
.wordmark img { display:block;width:100%;height:auto; }
.display { letter-spacing:-.035em; }
.chapter-copy p,.service-line { font-weight:400;line-height:1.55; }
.chapter-detail { color:#f4efe4; }
.chapter-detail,.proof dd,.team-line,.team-facts p,.region,
.motion-toggle,.scroll-cue,.chapter-rail,.static-footer,
.header-nav .outline-button,.share-status { font-size:14px!important;line-height:1.55; }
.team-capabilities .team-line,
.team-capabilities .team-facts p { font-size:14px!important; }
.outline-button {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  justify-content:center;
  min-height:48px;
  background:var(--ink);
  color:var(--bone);
  border-color:var(--gold);
  box-shadow:none;
  animation:none;
  transition:background-color 180ms ease-out,color 180ms ease-out,border-color 180ms ease-out,transform 180ms ease-out;
  font-family:'Open Sans',sans-serif;
  font-size:15px!important;
  font-weight:600;
}
.outline-button:hover,.outline-button:focus-visible {
  background:var(--gold);
  color:var(--ink);
  border-color:var(--gold);
  box-shadow:none;
}
.rail-track a[aria-current]:before { box-shadow:none; }
.scroll-line { display:none; }
.scroll-cue {
  min-height:48px;
  padding:10px 15px;
  border:1px solid var(--gold);
  background:rgba(16,18,17,.7);
  color:var(--bone);
  font-size:14px;
  font-weight:600;
}
.scroll-cue:hover,.scroll-cue:focus-visible { background:var(--gold);color:var(--ink); }
.outline-button::before {
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:70%;
  pointer-events:none;
  background:linear-gradient(104deg,transparent 24%,rgba(255,255,255,.25) 50%,transparent 76%);
  transform:translateX(-130%);
  animation:about-action-sheen 6s ease-in-out infinite;
}
.outline-button:hover::before,.outline-button:focus-visible::before { animation:about-action-hover 650ms ease-out both; }
.outline-button:active { transform:scale(.985); }
@keyframes about-action-sheen {
  0%,68% { transform:translateX(-130%); }
  82%,100% { transform:translateX(165%); }
}
@keyframes about-action-hover {
  from { transform:translateX(-130%); }
  to { transform:translateX(165%); }
}
@media(max-width:700px) {
  .wordmark { width:116px; }
  .header-nav .outline-button { padding:10px 13px; }
  .team-capabilities { padding:15px; }
  .team-capabilities .team-facts { flex-wrap:wrap; }
  .team-capabilities .team-facts p { max-width:100%!important; }
  .proof dd { max-width:150px; }
  .chapter-rail { right:10px; }
}
@media(max-width:350px) {
  .wordmark { width:100px; }
  .header-nav .outline-button { padding:9px 10px;font-size:14px!important; }
  .team-capabilities .team-facts { gap:8px; }
}
@media(prefers-reduced-motion:reduce) {
  .outline-button::before { animation:none!important; }
  .outline-button { transition:none; }
  .outline-button:active { transform:none; }
}
