/* Legibility v1 (2026-09-24, James: "increase legibility especially on mobile", footer screenshot).
   Contrast floor 4.5:1 for small text, a type floor on phones, and a footer that lines up.
   Load after palette-a-v2.css. */

/* Contrast, all widths */
.motion-chapter-copy>span,#motion-count{color:#56565d}
.rail{color:#56565d}
.approach .rail{color:#b9b9c0}
.seal-coordinate{color:#56565d}
.motion-heading p,.motion-chapter-copy p,.section-heading p,.work-index .section-heading p,.wheel-hint{color:#48484e!important}
.project-number{color:#4a4a50!important}
#intake .eyebrow,.wizard-steps li{color:#56565d}
.service-list summary span{color:#5c5c63}
main h2 em,.motion-lab .motion-heading h2 em{color:#6c6c74}
.footer-signature>div p{color:#a9a9b1}
.footer-bottom{border-top-color:#4a4a50}

/* Footer: caption and seal line up with the right-hand column on desktop */
@media(min-width:801px){
.footer-signature>div{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.footer-signature>div p{font-size:13px}
}

/* Phones: type floor and a single-column footer */
@media(max-width:800px){
.overline,p.overline,span.overline,.motion-heading .overline{font-size:12px!important;letter-spacing:.06em}
.film-mobile-intro .overline,body .film-ending .eyebrow{font-size:11px!important}
.rail{font-size:11px}
.motion-heading p{font-size:15px;line-height:1.5}
.motion-chapter-copy p{font-size:14px!important;line-height:1.55}
.motion-chapter-copy>span{font-size:12px}
.motion-chapters button{font-size:11px!important;letter-spacing:-.01em}
.motion-chapters button span{font-size:11px!important}
.motion-brief,.text-link{font-size:13px!important}
.project-number,.project-state{font-size:11px!important}
.collection-caption p{font-size:12px!important}
.wheel-hint{font-size:13px!important}
.wheel-picker button{font-size:13px!important}
body .film-tools button,body .film-tools a{font-size:12px!important}
.seal-coordinate{font-size:11px}
.collection-image span{font-size:12px!important}
.review-grid article>span{font-size:11px!important}
#intake .eyebrow,.wizard-steps li{font-size:11px}
.footer-top{flex-direction:column;align-items:flex-start;gap:16px}
.footer-top p{font-size:22px;line-height:1.35}
.footer-top a{font-size:15px}
.footer-signature{gap:28px}
.footer-signature>div{display:flex;align-items:center;gap:16px}
.footer-signature>div p{margin:0;font-size:13px;line-height:1.5}
.footer-bottom,.footer-bottom a,.footer-bottom span{font-size:13px!important}
}
@media(max-width:480px){.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}