/* Readability and keyboard access */
body{font-size:18px;line-height:1.65}
.hero-intro,.project p,.about-copy p,.practice p,.ai-showcase-copy,.ai-case-link p,.principle p,.case-card p{font-size:17px;line-height:1.7}
.eyebrow{font-size:14px;letter-spacing:.075em;line-height:1.5}
.brand-role{font-size:14px}.brand img{width:44px;height:auto}
.nav-links a{font-size:15px}.nav-links{flex-wrap:wrap}
.proof-grid p span,.ai-cta-caption,.project-index,.ai-case-number,.case-figure figcaption,.case-rail a{color:#514758}
.refined-case .case-meta,.case-facts span,.case-jumps,.case-back,.decision-table table,.token-root span,.token-branches span{font-size:15px}
.refined-case .case-section p{font-size:18px;line-height:1.75}
.outcome-note p,.outcome-note h3,.model-caption,.token-model>p,.state-grid p{font-size:15px!important}
.footer-bottom{font-size:15px}.footer .eyebrow{color:#cfbbf6}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #1548d5;outline-offset:5px}
.footer a:focus-visible{outline-color:#cfbbf6}
.motion-toggle,.story-close{min-height:44px;padding:8px 12px}
.case-section p,.case-section li{overflow-wrap:anywhere}
@media(max-width:700px){.nav-links{gap:12px 18px;justify-content:flex-start}.brand img{width:40px}.hero-intro{font-size:17px}.opening-bottom{font-size:14px;gap:8px}.proof-grid p{align-items:start}.proof-grid p span{font-size:14px;max-width:190px}.case-facts>div{flex-wrap:wrap}.case-facts span{max-width:none;text-align:left}.hero-copy{padding-bottom:20px}.footer-bottom{font-size:14px}}

@media(max-width:850px){.brand>span,.brand-role{display:block}.brand-role{font-size:14px}}