/* Readable mobile typography without changing desktop layouts. */
@media(max-width:650px){
 body{font-size:16px;line-height:1.6}
 main p,.intro,.studio-intro,.studio-grid p,.product-description,.bespoke>div>p:not(.eyebrow),.approach p{font-size:16px;line-height:1.6}
 .fine,small,main .eyebrow,.results-line,.product-meta,.product-bottom,.section-heading>p,.footer-bottom,footer>p,.cookie-footer{font-size:14px;line-height:1.5}
 .announcement{font-size:13px;line-height:1.5}
 header nav a,.header-link{font-size:14px;line-height:1.5}
 .brand-tagline{font-size:10px;white-space:normal;max-width:162px;line-height:1.4}
 main input,main select,main textarea,.search input{font-size:16px}
 .button,.tabs button,.profile-dropdown a,.profile-dropdown button,.help-dropdown button,.notification-item,.notification-dropdown p,.site-search-results a{font-size:15px;line-height:1.45}
 .notification-item small,.site-search-results small,.help-dropdown>p,.profile-dropdown p,.site-search-panel>p{font-size:14px}
 .site-shell>footer .footer-bottom,.site-shell>footer .cookie-footer{font-size:14px;line-height:1.5}
 .cookie-policy table{font-size:15px;line-height:1.55}
 .cookie-policy table th,.cookie-policy table td{min-width:160px}
 .cookie-notice h2{font-size:19px}
 .cookie-notice p,.cookie-notice a{font-size:15px;line-height:1.45}
 .cookie-actions .button{font-size:15px;min-height:44px}
 .cookie-actions{flex-direction:column}
}