/* Shared readable text sizes. The local typography lab previews these variables. */
:root{--scale-hero:1.02;--scale-page:1;--scale-section:1;--scale-project:1.05;--scale-case:1.01;--scale-tool:.99;--scale-detail:1;--text-micro:10px;--text-small:13px;--text-body:14px;--post-h2:36px;--post-h3:26px;--post-h4:26px}
.site .mono,.site .tag,.site .metadata,.site .folio-footer,.site .cta,.site .study-read,
.site .collection-image figcaption,.site .article-media figcaption,.site .study-description,
.site .home-case-copy .copy,.site .recommendation-copy .mono{font-size:var(--text-small)}
.site .eyebrow,.site .study-meta,.site .index-count,
.site .work-tile-number,.site .work-tile-info .mono,.site .tool-row-type,
.site .tool-row-access,.site .tool-row-version,.site .recommendation-copy .eyebrow,
.site.cinema-home .frame-label,.site.cinema-home .feature-label,
.site.cinema-home .title-block .eyebrow,.site.cinema-home .motion-toggle,
.site.cinema-home .motion-status,.site.cinema-home .abilities-label,
.site.cinema-home .abilities-tags,.site .home-section-link,.site .footer-top-link{font-size:var(--text-micro)}
.site.cinema-home .abilities-summary{font-size:var(--text-small)}
.site.cinema-home .abilities-label{white-space:nowrap;padding-inline:16px}
.site .article-body p,.site .article-body li,.site .article-body blockquote{font-size:var(--text-body);line-height:1.85}
.site .article-body h2{font:600 var(--post-h2)/1.12 var(--sans);letter-spacing:-.045em;margin:44px 0 20px}
.site .article-body h3{font:600 var(--post-h3)/1.2 var(--sans);letter-spacing:-.03em;margin:32px 0 16px}
.site .article-body h4{font:600 var(--post-h4)/1.3 var(--sans);letter-spacing:-.015em;margin:26px 0 12px}
.site .article-body h5{font:600 18px/1.4 var(--sans);letter-spacing:0;margin:22px 0 10px}
.site .article-body .eyebrow{font-size:var(--text-micro)}
.site .article-body :is(h2,h3,h4):first-child{margin-top:0}
@media(max-width:640px){
  .site .article-body h2{font-size:calc(var(--post-h2) * .85)}
  .site .article-body h3{font-size:calc(var(--post-h3) * .9)}
  .site .article-body h4{font-size:var(--post-h4)}
  .site .article-body p,.site .article-body li,.site .article-body blockquote{font-size:max(13px,calc(var(--text-body) - 1px))}
}

/* Header text sits one step below secondary text, including the mobile menu. */
.site .site-nav,.site .site-header .site-nav a,.site .nav-ready .nav-toggle,.site .site-header .status{font-size:calc(var(--text-small) - 1px)}

/* Slightly wider mobile copy, matching the tighter hero inset. */
@media(max-width:640px){
  .site .page{padding-inline:3.5%}
  .site .site-header{margin-inline:3.5%}
  .site.cinema-home .abilities-summary{padding-inline:18px}
  .site .home-work-grid .work-tile-info,
  .site.work-priority .work-tile-info,
  .site.work-priority .priority-featured .work-tile-info{padding-inline:18px}
  .site .tool-row{padding-inline:14px}
  .site .studies-grid .study-content{padding-inline:20px!important}
  .site .screen-notes .screen-ledger{padding-inline:22px}
  .site .tool-heading,.site .tool-overview,.site .mixed-intro{padding-inline:23px}
  .site.case-study .hero .cell{padding-inline:23px!important}
  .site .identity-word{padding-inline:20px}
}