/* A readable scale for the public site and its content studio. */
body{font-size:16px}
body>header nav a{font-size:14px}
#language{font-size:13px}
.black,.outline,.small-link,.hero-explore,.section-heading>a,.text-link{font-size:13px}
.studio-founder .outline,.studio-founder .hero-explore{font-size:13px}
.eyebrow,.studio-founder .eyebrow,.footer-eyebrow{font-size:12px}
.studio-founder .studio-founder-role,.about-layout p.profile-role{font-size:13px;line-height:1.8}
.studio-founder .intro,.about-layout p.profile-bio,.page-title>p,
.journal-preview>div>p,.home-services-intro,.home-service>p,
.service-context>p,.service-heading p,.service-overview,.service-scope-grid li,
.service-scope-banner p,#steps p,details p,.contact-layout>div>p{
 font-size:16px;line-height:1.85;
}
.project p{font-size:13px;line-height:1.8}
.featured>.quiet-note,.quiet-note,.service-body>.service-scope-note{font-size:13px;line-height:1.85}
.article-row small,.article-row :is(button,a):before{font-size:12px;line-height:1.6}
.filters button,.filters a,.journal-tools>input{font-size:14px}
.service-context>span,.service-category,.service-number,.home-service-number,#steps span{font-size:12px}
.service-scope-grid h4,.service-enquiry,.home-service-link,.service-scope-banner .outline{font-size:13px}
.home-service>p,.home-services-intro{max-width:42ch}
.journal-preview>div>p{max-width:32ch}
.page-title>p{max-width:55ch}
.service-heading p{max-width:44ch}
.reading p,.article-body ul,.article-body ol{font-size:17px;line-height:1.9}
.reading .eyebrow,.article-breadcrumbs,.article-breadcrumbs a,.reading p.article-meta{font-size:13px}
.reading .concept-note,.article-body table,.article-tags span{font-size:13px;line-height:1.85}
.article-body pre{font-size:14px}
.reading a.solid,.reading .solid{font-size:14px}
body>footer p{font-size:13px;line-height:1.85}
body>footer a:not(.brand),body>footer button,.footer-invitation .footer-contact{font-size:14px}
.atelier-eyebrow,.atelier-signature,.atelier-bottom,.atelier-bottom a{font-size:12px;line-height:1.8}
.atelier-figure-caption,#atelier-figure-title{font-size:12px;line-height:1.6}
.atelier-controls button{font-size:16px;min-width:30px;min-height:34px}
.atelier-figure-caption{gap:9px}
form span,.brief-wizard label>span:not(.choice-content){font-size:14px;line-height:1.7}
form input,form select,form textarea,
.brief-wizard input:not([type="radio"]):not([type="checkbox"]),.brief-wizard textarea,.brief-wizard select{
 font-size:16px;line-height:1.75;
}
.contact-layout .brief-introduction>p:not(.eyebrow),.wizard-heading>p{font-size:15px;line-height:1.85}
.contact-layout .brief-introduction>.quiet-note,.brief-introduction #direct-contact .outline{font-size:13px}
.wizard-navigation>button,.wizard-step-number,.wizard-topline>span{font-size:12px}
.wizard-step-number{width:32px;height:32px}
.wizard-field-note,.wizard-privacy-note,.wizard-service-toolbar>span,.wizard-service-toolbar>button{font-size:13px;line-height:1.85}
.wizard-services label.brief-service-option>span,.brief-service-option>span{font-size:14px;line-height:1.75}
.choice-content>small{font-size:13px;line-height:1.75;max-width:25ch}
.project-choice>.choice-content{min-height:170px}
.review-row,.review-services ul,.review-services p{font-size:14px;line-height:1.85}
.review-row{grid-template-columns:160px minmax(0,1fr)}
.review-section-heading>button,.wizard-actions>button,.wizard-receipt-actions>button{font-size:13px}
.wizard-error,.wizard-success,.contact-layout #form-status{font-size:14px;line-height:1.85}
.wizard-actions .wizard-download{font-size:13px;white-space:normal}
.workspace{font-size:15px}
#admin-sidebar nav button{font-size:14px}
#admin-sidebar .submark,.nav-group>p{font-size:11px}
#admin-sidebar .aside-bottom,#admin-sidebar .aside-bottom button{font-size:13px}
.workspace header #save-status,.workspace header small{font-size:13px}
.workspace header .actions button,.workspace #section-description{font-size:13px}
.workspace .field>span,.workspace .field small,.workspace .help{font-size:13px;line-height:1.7}
.workspace .field input:not([type=checkbox]),.workspace .field textarea,.workspace .field select{font-size:16px}
.workspace .item strong{font-size:14px}.workspace .item small{font-size:12px}
.workspace .blog-rich{font-size:17px;line-height:1.85}
.workspace .blog-rich-toolbar button,.workspace .blog-editor-toolbar button{font-size:12px}
.workspace .blog-table th,.workspace .blog-table td,.workspace .blog-status,.workspace .blog-check{font-size:13px}
.workspace .blog-slugs span,.workspace .blog-row-actions button,.workspace .blog-mini-badges span{font-size:12px}
.workspace .blog-title-button strong{font-size:21px}
.workspace .request-row,.workspace .request-filters button,.workspace .request-list-toolbar p,
.workspace .request-row-project small,.workspace .request-row-city,.workspace .request-row-date,
.workspace .request-badge,.workspace .request-save-bar span,.workspace .request-save-bar button{font-size:13px}
.workspace .request-list-head,.workspace .request-record-meta,.workspace .request-record-meta dt{font-size:12px}
@media(max-width:900px){
 body>header nav#nav{display:none;position:absolute;inset:var(--header-height) 0 auto;padding:24px var(--site-gutter);background:var(--paper);border-bottom:1px solid var(--line);gap:26px;z-index:8}
 body>header nav#nav.open{display:flex;flex-wrap:wrap}
 body>header #menu{display:block;font-size:22px}
}
@media(max-width:650px){
 .studio-founder .intro,.about-layout p.profile-bio,.page-title>p,
 .journal-preview>div>p,.home-services-intro,.home-service>p,
 .service-context>p,.service-heading p,.service-overview,.service-scope-grid li,
 .service-scope-banner p,#steps p,details p,.contact-layout>div>p{font-size:15px}
 .section-heading>a{font-size:12px;white-space:normal;text-align:right}
 .section-heading h2{max-width:65%}
 .atelier-eyebrow{font-size:11px}
 .atelier-bottom,.atelier-bottom a,.atelier-signature{font-size:11px}
 .atelier-figure-caption{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}
 #atelier-figure-title{grid-column:1/-1;grid-row:2;font-size:12px}
 .atelier-controls{grid-column:2;grid-row:1}
 .atelier-controls button{min-width:30px;min-height:32px}
 .reading p,.article-body ul,.article-body ol{font-size:16px}
 .wizard-actions .wizard-download{max-width:78%;font-size:13px}
 .review-row{grid-template-columns:110px minmax(0,1fr)}
 .project-choice>.choice-content{min-height:180px}
 .wizard-service-toolbar{align-items:flex-start}
 .wizard-service-toolbar>button{font-size:12px}
 .workspace .actions{flex-wrap:wrap}
 .workspace header .actions button{font-size:12px}
}
@media(max-width:360px){.review-row{grid-template-columns:1fr}}
@media(max-height:650px) and (min-width:651px){body[data-page="home"]{--header-height:72px}}