/*
 * Readable type scale — GENERATED, do not edit.
 *
 * Built from app.css by tools/build-type-scale.php. The design sets body copy
 * between 5px and 15px; the client asked for 16px reading copy and legible small
 * print. Selectors and breakpoints are app.css's own, so the cascade is unchanged
 * and only the size differs. Re-run the script if app.css is ever replaced.
 *
 * Reading copy (11-15px) becomes 16px. The letterspaced label tier (5-10.5px) is
 * not body copy and is raised to an 11px/12px floor instead.
 */

body{font-size:16px}
.eyebrow,.micro{font-size:12px}
.micro{font-size:12px}
.section-side-copy{font-size:16px}
.arrow-link{font-size:16px}
.solid-button{font-size:16px}
.light-button{font-size:16px}
.secondary-button{font-size:16px}
.subtle-link{font-size:16px}
.brand small{font-size:12px}
.header-caption{font-size:11px}
.header-place{font-size:11px}
.header-place>span{font-size:11px}
.floating-nav>a{font-size:16px}
.nav-visit{font-size:16px}
.menu-links .micro{font-size:12px}
.menu-bottom{font-size:16px}
.intro-word small,.intro-word span{font-size:12px}
.intro-screen>.micro{font-size:11px}
.custom-cursor{font-size:12px}
.hero-eyebrow{font-size:11px}
.hero-description{font-size:16px}
.hero-explore>span{font-size:11px}
.scroll-cue{font-size:11px}
.hero-project-link{font-size:16px}
.hero-edition{font-size:11px}
.hero-edition small{font-size:11px}
.hero-index{font-size:11px}
.chapter-dots span{font-size:11px}
.image-caption{font-size:11px}
.story-copy>p:not(.story-lead){font-size:16px}
.story-signature>small{font-size:11px}
.legacy-content p{font-size:16px}
.project-filters button{font-size:16px}
.project-filters button sup{font-size:11px}
.filter-caption{font-size:11px}
.project-stage-info p{font-size:16px}
.project-stage-info .micro{font-size:11px}
.project-explore-link{font-size:16px}
.project-stage-bottom{font-size:16px}
.project-empty p{font-size:16px}
.directory-row>small{font-size:12px}
.location-side{font-size:16px}
.location-side .micro{font-size:11px}
.region-name{font-size:11px}
.location-pin>span{font-size:16px}
.location-pin small{font-size:11px}
.location-visual-note{font-size:11px}
.leaflet-control-attribution,.leaflet-tooltip{font-size:11px !important}
.map-disclaimer{font-size:12px}
.map-preview p{font-size:16px}
.map-preview .arrow-link{font-size:16px}
.why-sticky .eyebrow{font-size:11px}
.principle .micro{font-size:11px}
.principle p{font-size:16px}
.quote-author{font-size:16px}
.quote-author span{font-size:12px}
.journal-heading>p{font-size:16px}
.journal-meta{font-size:11px}
.contact-chapter .eyebrow{font-size:11px}
.contact-main>p{font-size:16px}
.contact-actions>a,.contact-actions>button{font-size:16px}
.footer-details>div{font-size:16px}
.footer-details .micro{font-size:11px}
.footer-bottom{font-size:11px}
.footer-bottom>div>a,.footer-bottom>div>button{font-size:16px}
.lead-dialog>.eyebrow{font-size:11px}
.lead-description{font-size:16px !important}
.choice-grid>button{font-size:16px}
.form-bottom>.micro{font-size:11px}
.form-bottom .arrow-link{font-size:12px}
.form-field{font-size:16px}
.form-field input,.form-field select{font-size:16px}
.consent-field{font-size:12px}
.form-note{font-size:11px}
.form-error{font-size:16px}
.form-back{font-size:12px}
.form-success>p{font-size:16px}
.form-success>p.muted{font-size:16px}
.cookie-dialog>p{font-size:16px}
.cookie-choice{font-size:16px}
.back-to-collection{font-size:11px}
.detail-hero-base>span{font-size:16px}
.detail-hero-base>span small{font-size:12px}
.detail-story-layout>div>p:not(.story-lead){font-size:16px}
.project-facts>div>span{font-size:11px}
.project-facts>div>p{font-size:16px}
.gallery-section-title>p.muted{font-size:12px}
.gallery-toolbar .micro{font-size:11px}
.gallery-image-count{font-size:12px}
.lightbox-bottom p{font-size:12px}
.resource-link{font-size:16px}
.detail-resources>p.form-note{font-size:12px}
.article-summary{font-size:16px}
.article-meta{font-size:12px}
.article-body .eyebrow{font-size:11px}
.article-body p{font-size:16px}
.privacy-copy p{font-size:16px}
.data-loading>a{font-size:16px}
.hero-btn-primary{font-size:12px}
.hero-btn-secondary{font-size:12px}
.trust-strip-sub{font-size:16px}
.trust-stat-card .stat-description{font-size:16px}
.featured-badge,.featured-star-tag{font-size:11px}
.featured-location{font-size:12px}
.featured-config{font-size:16px}
.price-label{font-size:11px}
.price-value{font-size:16px}
.featured-btn-explore{font-size:12px}
.featured-btn-visit{font-size:12px}
.advantage-tagline{font-size:16px}
.benchmark-type{font-size:11px}
.benchmark-label{font-size:16px}
.benchmark-highlight{font-size:16px}
.pillar-num{font-size:16px}
.pillar-lead{font-size:16px}
.pillar-summary{font-size:16px}
.location-region{font-size:11px}
.location-description{font-size:16px}
.badge-count{font-size:16px}
.badge-context{font-size:16px}
.location-explore-link{font-size:16px}
.detail-hero-meta{font-size:16px}
.hero-meta-config{font-size:16px}
.detail-hero-actions .light-button{font-size:16px}
.detail-btn-secondary{font-size:16px}
.detail-btn-whatsapp{font-size:16px}
.fact-label{font-size:11px}
.config-badge{font-size:11px}
.config-size{font-size:16px}
.config-enquire-btn{font-size:12px}
.price-panel-content .micro{font-size:11px}
.price-panel-sub{font-size:16px}
.price-disclaimer{font-size:12px}
.features-list li{font-size:16px}
.legal-text{font-size:16px}
.legal-sub{font-size:12px}
.detail-enquire-sub{font-size:16px}
.related-badge{font-size:11px}
.related-loc{font-size:11px}
.related-config{font-size:16px}
.related-link{font-size:12px}
.footer-descriptor{font-size:16px}
.about-who-copy p{font-size:16px}
.milestone-year-pill{font-size:16px}
.about-milestone-card p{font-size:16px}
.about-stat-card .stat-label{font-size:16px}
.about-stat-card .stat-detail{font-size:16px}
.pillar-subtitle{font-size:12px}
.pillar-desc{font-size:16px}
.cat-count{font-size:16px}
.portfolio-cat-card p{font-size:16px}
.cat-projects-preview{font-size:16px}
.portfolio-cta-row p{font-size:16px}
.quote-attribution strong{font-size:16px}
.quote-attribution span{font-size:16px}
.quote-counter{font-size:16px}
.cta-description{font-size:16px}
.choice-button{font-size:16px}
.choice-button-main{font-size:16px}
.choice-button-sub{font-size:16px}
.choice-fallback-notice p{font-size:16px}
.method-pill{font-size:16px}
.form-error-box .error-text{font-size:16px}
.form-error-box .fallback-link{font-size:16px}
.story-image-wrap .image-caption{font-size:11px !important}
.about-who-media .image-caption{font-size:11px !important}
.nav-dropdown-menu a{font-size:16px}
.menu-sub-links a{font-size:16px}
.menu-sub-dot{font-size:16px}
.leader-placeholder-tag{font-size:11px}
.leader-designation{font-size:12px}
.qualification-badge{font-size:12px}
.leader-bio{font-size:16px}
.award-year-tag{font-size:12px}
.award-category{font-size:11px}
.award-org{font-size:16px}
.awards-footer-note{font-size:16px}
.award-desc{font-size:16px}
.page-breadcrumb{font-size:12px}
.insights-pill{font-size:16px}
.journal-excerpt{font-size:16px}
.insights-search-box input{font-size:16px}
.insights-clear-search{font-size:16px}
.insights-count-meta{font-size:12px}
.article-part-paragraphs p{font-size:16px}
.article-part-list li{font-size:16px}

@media(min-width:1700px){
.hero-description{font-size:16px}
.hero-eyebrow{font-size:12px}
.hero-explore>span{font-size:12px}
.floating-nav>a,.nav-visit{font-size:16px}
.story-copy>p:not(.story-lead){font-size:16px}
.section-side-copy{font-size:16px}
.principle p{font-size:16px}
.contact-main>p{font-size:16px}
.contact-actions>a,.contact-actions>button{font-size:16px}
.header-caption{font-size:12px}
.hero-project-link{font-size:16px}
.hero-edition{font-size:12px}
}

@media(max-width:900px){
.hero-explore>span{font-size:11px}
.story-copy>p:not(.story-lead){font-size:16px}
.story-signature>small{font-size:11px}
.section-side-copy{font-size:16px}
.location-side .micro{font-size:11px}
.location-side>p{font-size:16px}
.location-pin small{font-size:11px}
.location-pin>span{font-size:12px}
.principle p{font-size:16px}
.journal-heading>p{font-size:12px}
.journal-meta{font-size:11px}
.map-preview .arrow-link{font-size:12px}
.directory-row>small{font-size:11px}
.detail-story-layout>div>p:not(.story-lead){font-size:16px}
.project-facts>div>span{font-size:11px}
.project-facts>div>p{font-size:12px}
}

@media(max-width:600px){
.eyebrow{font-size:11px}
.section-side-copy{font-size:16px}
.brand small{font-size:11px}
.hero-eyebrow{font-size:11px}
.hero-description{font-size:16px}
.hero-explore>span{font-size:11px}
.scroll-cue{font-size:11px}
.hero-project-link{font-size:16px}
.mobile-actions>a,.mobile-actions>button{font-size:12px}
.image-caption{font-size:11px}
.story-copy>p:not(.story-lead){font-size:16px}
.story-copy .arrow-link{font-size:16px}
.story-signature>small{font-size:11px}
.legacy-section .eyebrow{font-size:11px}
.legacy-content p{font-size:16px}
.project-filters>button{font-size:11px}
.project-filters>button sup{font-size:11px}
.project-stage-top>.micro{font-size:11px}
.project-stage-info p{font-size:12px}
.project-stage-info .micro{font-size:11px}
.project-explore-link{font-size:16px}
.project-stage-bottom>span{font-size:12px}
.project-empty p{font-size:16px}
.project-empty .micro{font-size:11px}
.project-empty .arrow-link{font-size:12px}
.location-side .micro{font-size:11px}
.location-side>p{font-size:16px}
.location-side .arrow-link{font-size:16px}
.location-pin>span{font-size:12px}
.location-pin small{font-size:11px}
.region-name{font-size:11px}
.tricity{font-size:11px}
.location-visual-note{font-size:11px}
.why-sticky .eyebrow{font-size:11px}
.principle p{font-size:16px}
.principle .micro{font-size:11px}
.quote-author{font-size:12px}
.quote-author span{font-size:11px}
.quote-navigation .micro{font-size:11px}
.journal-heading>p{font-size:16px}
.journal-meta{font-size:11px}
.contact-chapter .eyebrow{font-size:11px}
.contact-main>p{font-size:12px}
.contact-actions>a,.contact-actions>button{font-size:16px}
.footer-details .brand small{font-size:11px}
.footer-details>div{font-size:16px}
.footer-details .micro{font-size:11px}
.footer-bottom{font-size:11px}
.footer-bottom>span:nth-child(2){font-size:11px}
.footer-bottom>div>a,.footer-bottom>div>button{font-size:16px}
.lead-dialog>.eyebrow{font-size:11px}
.lead-description{font-size:16px !important}
.choice-grid>button{font-size:12px}
.form-bottom>.micro{font-size:11px}
.form-field{font-size:16px}
.form-field input,.form-field select{font-size:16px}
.consent-field{font-size:11px}
.light-button,.solid-button{font-size:12px}
.form-note{font-size:11px}
.form-error{font-size:12px}
.form-success>p{font-size:16px}
.form-success>p.muted{font-size:12px}
.menu-links .micro{font-size:11px}
.menu-bottom{font-size:12px}
.menu-bottom>.arrow-link{font-size:12px}
.cookie-choice,.cookie-dialog>p{font-size:16px}
.map-sidebar>.form-field{font-size:12px}
.map-disclaimer{font-size:11px}
.directory-row>.micro{font-size:11px}
.directory-row>small{font-size:11px}
.back-to-collection{font-size:11px}
.detail-hero-base>span{font-size:16px}
.detail-hero-base>span small{font-size:11px}
.detail-story-layout>div>p:not(.story-lead){font-size:16px}
.project-facts>div>span{font-size:11px}
.project-facts>div>p{font-size:12px}
.gallery-section-title>p.muted{font-size:12px}
.gallery-toolbar .micro{font-size:11px}
.gallery-image-count{font-size:11px}
.lightbox-bottom .micro{font-size:11px}
.lightbox-bottom p{font-size:11px}
.resource-link{font-size:12px}
.detail-resources>p.form-note{font-size:11px}
.detail-enquire-actions .arrow-link{font-size:16px}
.article-header>.micro{font-size:11px}
.article-summary{font-size:16px}
.article-meta{font-size:11px}
.article-body .eyebrow{font-size:11px}
.article-body p{font-size:16px}
.privacy-copy p{font-size:16px}
.not-found p{font-size:16px}
.not-found .arrow-link{font-size:16px}
}

@media(max-width:375px){
.hero-description{font-size:16px}
.hero-project-link{font-size:16px}
.choice-grid>button{font-size:12px}
.contact-actions>a,.contact-actions>button{font-size:16px}
}

@media (max-width:768px){
.trust-stat-card .stat-description{font-size:16px}
}

@media (max-width:768px){
.menu-sub-links a{font-size:12px}
}

@media (max-width:600px){
.awards-footer-note{font-size:16px}
.insights-pill{font-size:16px}
}