/* Keep the complete brand message readable at every viewport width. */
.three-site .word-ribbon { flex-wrap: wrap; justify-content: center; gap: 12px 28px; padding: 24px var(--space); overflow: visible; white-space: normal; text-align: center; }
.three-site .word-ribbon > span { display: block; max-width: 100%; white-space: nowrap; }
.three-site.past-story .site-header { background: var(--cream); }
.three-site .section-topline { flex-wrap: wrap; row-gap: 8px; }
@media (max-width: 767px) {
  .three-site .word-ribbon { flex-direction: column; gap: 8px; padding: 24px 20px; font-size: clamp(20px, 5.4vw, 30px); line-height: 1.25; letter-spacing: -.03em; }
  .three-site .word-ribbon > i { display: none; }
  .three-site .section-topline > span:last-child { margin-left: auto; }
}