/* A role-based mobile type scale; desktop and original product specimens retain their type. */
@media(max-width:650px){
 body{font-size:1rem;line-height:1.6}
 body:not(.case-page) .hero h1{font-size:clamp(2rem,9vw,2.75rem);line-height:1.2}
 .hero .hero-line{flex-wrap:wrap;row-gap:.3em}
 body:not(.case-page) .hero-copy{font-size:1rem;line-height:1.6}
 body:not(.case-page) .section-title h2,
 body:not(.case-page) .section-intro h2,
 body:not(.case-page) .experience h2{font-size:2.125rem;line-height:1.15;letter-spacing:-.02em}
 body:not(.case-page) .section-intro>p:not(.mono),
 .work>.section-title>.mono{font-size:1rem;line-height:1.6;letter-spacing:0}
 .section-title>.mono,.section-intro>p.mono{font-size:.75rem;line-height:1.6;letter-spacing:.045em}
 .work .project h3{font-size:1.75rem;line-height:1.15;letter-spacing:-.02em}
 .project .project-kicker,.project .project-placeholder{font-size:.6875rem;line-height:1.5;letter-spacing:.045em}
 .project .project-open{font-size:.75rem;line-height:1.5;letter-spacing:.04em}
 .services .service h3{font-size:1.375rem;line-height:1.25;letter-spacing:-.025em}
 .services .service p{font-size:1rem;line-height:1.6}
 .mobile-experience-table strong{font-size:.9375rem;line-height:1.4}
 .mobile-experience-table th span{font-size:.8125rem;line-height:1.6}
 .mobile-experience-table td{font-size:.6875rem;line-height:1.9}

 .testimonial-track .quote-card[data-recommendation]{flex-basis:92%;min-height:24rem;padding:clamp(16px,5vw,22px)}
 body .quote-card>.quote-excerpt{font-size:1.125rem;line-height:1.6;letter-spacing:0;margin:16px 0 20px}
 .quote-card .quote-read-more{font-size:.75rem;line-height:1.5;min-height:2rem;margin-bottom:22px}
 .quote-card .quote-person strong{font-size:.875rem;line-height:1.4}
 .quote-card .quote-person>div{min-width:0}
 .quote-card .quote-person .quote-role{font-size:.75rem;line-height:1.5}
 .quote-card>.quote-origin{font-size:.6875rem;line-height:1.6;letter-spacing:.025em}
 .recommendation-dialog .recommendation-author h2{font-size:1.375rem;line-height:1.2}
 .recommendation-dialog .recommendation-author p{font-size:.8125rem;line-height:1.6}
 .recommendation-dialog .recommendation-context,
 .recommendation-dialog .recommendation-source{font-size:.6875rem;line-height:1.6;letter-spacing:.025em}
 .recommendation-dialog .recommendation-full p{font-size:1rem;line-height:1.7}

 .contact-signs .sign-link{font-size:1.5rem;line-height:1.2}
 .footer-callout .contact-question h2{font-size:1.875rem;line-height:1.2;letter-spacing:-.02em}
 .contact-reply p{font-size:1rem;line-height:1.6}
 .contact-actions .button{font-size:.8125rem;line-height:1.4}
 .wall .wall-heading h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.02em}
 .wall-heading>.mono{font-size:.75rem;line-height:1.5}
 .wall-dialog .dialog-header h2{font-size:1.625rem;line-height:1.2}
 .wall-dialog input:not([type=radio]),.wall-dialog textarea{font-size:1rem;line-height:1.5}
 .wall-dialog label,.wall-dialog .signature-colour-field legend{font-size:.8125rem;line-height:1.5}
 .wall-dialog .signature-hint{font-size:.6875rem;line-height:1.5;max-width:none;flex:1 1 100px;letter-spacing:0}
 .wall-dialog .clear-signature{font-size:.75rem;line-height:1.5}
 .wall-dialog .signature-disclosure,.wall-dialog .signature-status{font-size:.75rem;line-height:1.6}
 .wall-dialog .signature-tools{flex-wrap:wrap;gap:10px}
 .signature-card strong{font-size:.875rem;line-height:1.4}
 .signature-card p{font-size:.875rem;line-height:1.6}
 .signature-card>span{font-size:.6875rem;line-height:1.6}
 .footer-bottom>.mono{font-size:.6875rem;line-height:1.5;letter-spacing:.025em}

 .case-page .case-hero h1{font-size:2.25rem;line-height:1.12;letter-spacing:-.02em}
 .case-page .case-hero-summary>p{font-size:1rem;line-height:1.7}
 .case-page .case-chapter h2,.case-page .case-file-body h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.02em}
 .case-page .yal-chapter h3{font-size:1.375rem;line-height:1.3}
 .case-page .yal-chapter>p:not(.case-chapter-label),
 .case-page .case-chapter-content>p,.case-page .case-body-copy{font-size:1rem;line-height:1.7}
 .case-page .yal-decisions p,.case-page .yal-side-note p,
 .case-page .yal-profile-row p,.case-page .yal-steps span{font-size:.9375rem;line-height:1.7}
 .case-page .case-article>.case-facts dd{font-size:.875rem;line-height:1.6}
 .case-page .case-article>.case-facts dt{font-size:.6875rem;line-height:1.5;letter-spacing:.04em}
 .case-page .case-index a{font-size:.875rem;line-height:1.5}
 .case-page .case-toc-menu>summary,.case-page .case-toc-back{font-size:.75rem;line-height:1.5}
 .case-page .case-chapter-label{font-size:.6875rem;line-height:1.6;letter-spacing:.04em;flex-wrap:wrap;gap:8px}
 .case-page .yal-screen figcaption{font-size:.75rem;line-height:1.6}
 .case-page .yal-principle strong{font-size:1.375rem;line-height:1.4}
 .case-page .zingle-learning-loop p{font-size:.9375rem;line-height:1.6}
 .case-page .zingle-launch-stats span{font-size:.75rem;line-height:1.5}
}
