/* Shared reading scale. Loaded after section styles so mobile overrides cannot
   silently shrink real copy. Artwork and display typography keep their scale. */
:root{--copy-size:18px;--copy-leading:1.65;--reading-label:13px;--reading-small:14px;--copy-color:#454b55;--label-color:#505762}
.hero-summary,.intro-copy,.systems-intro,.work-intro,.studio-copy,.expertise-heading>p,.service-content>p,.process-heading>p:last-child,.process-step p,.faq-list p,.editorial-heading>p,.editorial-grid p,.design-heading p,.chapter-description,.case-story p,.case-story li,.contact-page p,.stream-content>p,.tm-heading>p:not(.tm-eyebrow),.home-studio .studio-copy p,.connection-copy>p:not(.eyebrow),.circuit-copy>p:not(.eyebrow){font-size:var(--copy-size);line-height:var(--copy-leading)}
.service-tile p,.chapter-card p,.project-description p,.project-small .project-description p,.feature-panel p,.bali-panel p,.has-page-stack .bali-panel p,.connection-blueprint p,.dialog-project-content>p,.project-details-grid p,.project-details-grid li,.brief-heading>p:last-child,.brief-ready>p,.ai-copy>p:not(.eyebrow){font-size:16px;line-height:1.65}
.eyebrow,.section-label,.hero-identity>.eyebrow,.systems-heading>.eyebrow,.process-heading>.eyebrow,.faq-section .eyebrow,.project-description>.eyebrow,.design-kicker,.design-baseline,.tm-eyebrow,.studio-small,.service-tile small,.chapter-card-top,.work-chapter-top,.work-chapter-copy .eyebrow,.connection-top,.connection-bottom,.circuit-top,.circuit-caption,.panel-kicker,.bali-panel .panel-kicker,.systems-note .panel-kicker,.service-number,.service-short,.studio-annotation,.studio-values,.studio-principles,.emblem-label,.emblem-node,.blueprint-head,.blueprint-foot,.connection-blueprint small,.map-topline,.map-bottomline,.map-topline>span:last-child,.map-bottomline>span:last-child,.process-step>span:last-child,.project-index small{font-size:var(--reading-label);line-height:1.5;letter-spacing:.04em}
.service-pills,.project-tags,.project-small .project-tags,.chapter-tags,.chapter-tags span,.case-meta,.case-disclosure,.next-project small,.tags span,.work-count,.work-end p,.work-chapter-bottom>p,.work-chapter-bottom>a,.hero-action-meta,.bali-signature,.disciplines-panel small,.footer-top p,.footer-main nav a>span,.footer-bottom,.footer-bottom a:nth-child(2),.form-note,.dialog-project-content p.dialog-disclosure,.demo-disclaimer{font-size:var(--reading-small);line-height:1.6;letter-spacing:.015em}
.design-link,.chapter-case,.text-link,.bracket-link,.filter-button,.expertise-jumpnav a,.feature-panel .text-link,.bali-panel .text-link,.systems-heading>.text-link,.systems-note .text-link,.service-content .text-link,.work-end .bracket-link,.tm-toggle,.workflow-options button,.workflow-topline{font-size:14px;line-height:1.5}
.faq-list summary{font-size:20px;line-height:1.5}
.design-heading p,.home-expertise .service-tile p{color:#d0d3da}
.home-expertise .service-tile small,.home-expertise .design-baseline{color:#bdc3cd}
.chapter-options .design-heading p,.editorial-heading>p,.editorial-grid p{color:#454b55}
.chapter-card p{opacity:1}
.systems-intro,.circuit-copy>p:not(.eyebrow),.connection-copy>p:not(.eyebrow),.connection-blueprint p,.work-chapter-dark .chapter-description,.work-chapter-dark .chapter-tags,.work-chapter-dark .work-chapter-bottom>p{color:#d0d5df}
.circuit-top,.circuit-caption,.circuit-bottom>span,.circuit-plate p,.map-topline,.map-bottomline{color:#bfc6d2}
.circuit-bottom>span,.circuit-plate p,.circuit-plate>b span{font-size:13px;line-height:1.6}
.tm-person{flex-wrap:wrap;gap:2px 8px}.tm-person strong{font-size:16px}.tm-person span{font-size:13px;color:#505762}
.tm-card{width:380px;min-height:160px;height:auto;padding:16px;overflow:visible}
.tm-card p{font-size:16px;line-height:1.55;display:block;overflow:visible;-webkit-line-clamp:unset}
.tm-heading>p:not(.tm-eyebrow){color:#454b55}
.design-kicker,.design-baseline,.connection-bottom,.work-chapter-top,.work-chapter-bottom,.case-meta,.studio-values{flex-wrap:wrap}
.service-tile small,.service-short,.chapter-tags span{overflow-wrap:anywhere}
.footer-main nav a{font-size:16px;line-height:1.5}
@media(max-width:999px){:root{--copy-size:16px}}
@media(max-width:700px){
 :root{--reading-label:12px;--reading-small:13px}
 .tm-card{width:min(350px,88vw);padding:14px}
 .tm-person strong{font-size:15px}.tm-card p{font-size:16px}
 .service-tile p,.chapter-card p,.home-studio .studio-copy p{font-size:16px}
 .service-deck.expertise-links{grid-template-columns:1fr}
 .expertise-links .service-tile{padding:22px}.service-tile h3{font-size:24px}
 .service-art{margin:0 0 12px;scale:1}
 .faq-list summary{font-size:18px}
 .section-label{flex-wrap:wrap}.section-label>span:last-child{max-width:100%}
 .circuit-plate p{font-size:12px;padding:12px}.circuit-plate>b span{font-size:12px}
 .work-chapter-bottom>p{max-width:100%}
}
/* Touch layouts keep interactive rows reachable without trapping page scroll. */
@media(max-width:700px){
 .technology-deck{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:14px 24px;scroll-padding-inline:24px;overscroll-behavior-x:contain;touch-action:pan-x pan-y;box-sizing:content-box}
 .technology-card{flex-shrink:0}
 .technology-credit{font-size:12px;left:24px;right:24px;text-align:center;line-height:1.5}
 .expertise-wheel-section .wheel-stage{touch-action:pan-y}
}