/* Reading scale shared by home, categories, cases and contact pages. */
body{font-size:18px;line-height:1.7}
.atelier-intro>p,.manifesto-grid p,.section-head>p,.material-copy>p,.assurance-grid p,.benefit-intro p,.faq>div>p,.faq details p,.consult-bottom p,.category-hero p,.page-title p,.case p,.material-guide p,.contact-grid p,.planning-grid p,.case-story-grid p,.film-copy p,dialog>p{font-size:18px;line-height:1.75;font-weight:500}
.manifesto-grid p,.section-head>p,.faq>div>p,.faq details p,.page-title p,.case p,.material-guide p,.contact-grid p,.planning-grid p,.case-story-grid p,dialog>p{color:#4b4b4b}
.atelier-intro>p,.material-copy>p,.consult-bottom>p,.category-hero p{color:#dedede}
.home .assurance-grid p,.benefit-intro p,.benefit-card p{color:#d5d5d5}
.home .assurance-grid p,.process .steps p{font-size:18px;line-height:1.75}
.benefit-card p{font-size:16px;line-height:1.7}.benefit-card h3{font-size:17px}
.faq summary{font-size:20px;font-weight:600;line-height:1.5;padding:27px 0;align-items:flex-start;color:#202020}
.faq summary span{flex-shrink:0;min-width:28px;text-align:center;font-size:27px;color:#444}
.faq details{border-bottom-color:#bdbdbb}
.faq details[open]{background:#f5f5f2;padding:0 20px;margin:0 -20px;border-bottom-color:#777}
.faq details p{padding:0 8px 28px 0;max-width:65ch}
.material-rows>span{font-size:17px;line-height:1.6;color:#c9c9c9;gap:24px}
.material-rows b{font-weight:600;color:#f4f4f4}
.consult-bottom>p{max-width:470px}.consult-top{font-size:16px;color:#ccc}
.eyebrow,.benefit-intro .eyebrow,.atelier-intro .eyebrow,.category-hero .eyebrow,.case .eyebrow,.work-caption .eyebrow,.consult-top .eyebrow,.footer-grid .eyebrow,dialog .eyebrow{font-size:14px;letter-spacing:.09em}
.consult-top .eyebrow{color:#ccc}.material-copy .eyebrow{color:#bbb}
.btn,.underlink,.hero-actions .underlink,.hero-actions .btn,.materials .underlink,.consult .underlink,.category-hero .underlink,.category-hero .btn,dialog .underlink{font-size:16px;font-weight:600}
.btn{min-height:56px}.underlink{line-height:1.55;min-height:44px}
.header nav,.header-request,.menu-toggle,.mobile-menu{font-size:16px}
.home .mini-link,.mini-link,.collection-image figcaption,.source-link,.film-details,.film-frame figcaption,.contact-portrait figcaption span{font-size:15px;line-height:1.65}
.source-link{color:#555;padding:8px 0}.collection-image figcaption{color:#555}
.project-specs,.case-materials .project-specs,.case-detail b,.tags span{font-size:17px;line-height:1.7}
.case-detail span,.small-note,.breadcrumb{font-size:15px!important;line-height:1.65}
.category-hero .breadcrumb,.category-hero .tags span{color:#ccc}
.process .steps h3{font-size:22px}.stage-outcome>span{font-size:13px}.stage-outcome strong{font-size:16px}
.filters button{font-size:16px;color:#555;min-height:48px}.filters button.active{font-weight:600}
.footer-top p,.footer-grid>div{font-size:16px;color:#555}.footer-bottom{font-size:15px;color:#555}
dialog label,dialog label>span{font-size:16px}dialog label>span{color:#555}
dialog textarea,dialog select{font-size:17px;line-height:1.6}dialog textarea{min-height:130px}
.film-copy .film-lead{font-size:20px}
@media(max-width:1100px) and (min-width:761px){.header nav{gap:15px;font-size:15px}.header-request{font-size:15px}.consult-bottom{flex-wrap:wrap}.atelier-hero{min-height:760px}.hero-footnote{margin-top:25px}}
@media(max-width:760px){
 body{font-size:17px}
 .atelier-intro>p,.manifesto-grid p,.section-head>p,.material-copy>p,.home .assurance-grid p,.assurance-grid p,.benefit-intro p,.process .steps p,.faq>div>p,.faq details p,.consult-bottom p,.category-hero p,.page-title p,.case p,.material-guide p,.contact-grid p,.planning-grid p,.case-story-grid p,.film-copy p,dialog>p{font-size:18px;line-height:1.7}
 .faq summary{font-size:19px;padding:25px 0;gap:16px}
 .faq details[open]{padding:0 12px;margin:0 -12px}
 .faq details p{padding-right:0}
 .material-rows>span{font-size:17px;flex-wrap:wrap;gap:6px 20px}.material-rows b{flex-basis:100%}
 .consult-top{flex-wrap:wrap;gap:12px;font-size:16px}
 .benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:0;padding:26px}.benefit-card strong{font-size:34px}.benefit-card h3{font-size:18px}.benefit-card p{font-size:17px}.benefit-card>img{margin-bottom:20px}
 .home .collection-open{font-size:14px}.collection-list a>span:first-child{font-size:15px}
 .mobile-actions{font-size:15px;gap:8px}.mobile-actions button{font-size:15px;padding:13px 16px}.mobile-actions>a{padding:10px 0}
 .footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.footer-grid>div{font-size:16px}.footer-grid a{padding:4px 0;overflow-wrap:anywhere}.footer-top>p{font-size:16px}
 .contact-grid a[href^="mailto:"]{font-size:16px;overflow-wrap:anywhere;max-width:100%}
 .contact-portrait figcaption{flex-wrap:wrap;gap:8px}.contact-portrait figcaption span{font-size:15px}
 .hero-actions{gap:18px}.hero-actions .btn{padding:15px 18px}
 .gallery-controls{left:4%;right:4%}.gallery-controls button{font-size:14px}.gallery-pages{gap:0}
 .project-specs,.case-materials .project-specs{font-size:18px}.stage-outcome strong{font-size:17px}
}