/* Carbon original type system. Sources: src/styles/global.css, Hero/Header,
   Box, Callout, SingleBlogCard and blog/[slug].astro. Scope size corrections
   to later additions; retain the original components' existing typography. */
:root{--carbon-font:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
body,body :is(main,section,article,header,footer,nav,div,h1,h2,h3,h4,h5,h6,p,li,a,span,strong,em,label,input,textarea,select,button,summary,td,th,dt,dd,figcaption){font-family:var(--carbon-font)!important}
/* Original general copy: text-base + leading-loose (16/32). */
:is(#carbon-introduction,#carbon-about-opening,#carbon-about-crew,#carbon-about-theory-intro,#carbon-composition-services,.carbon-commercial,.carbon-specialist-intro,.carbon-buyer-evidence,.carbon-b2b-explore,.case-story,.landing-page:not(.editorial),#carbon-research-findings) :is(p,li,dd){font-size:16px!important;line-height:2!important;font-weight:400}
:is(.carbon-commercial,.carbon-specialist-intro,.carbon-buyer-evidence,.carbon-b2b-explore,.case-story,.landing-page,#carbon-research-findings) :is(td,th){font-size:16px!important;line-height:1.5!important}
:is(#carbon-introduction,#carbon-about-opening,#carbon-about-crew,#carbon-about-theory-intro) h2{font-size:30px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:normal!important}
@media(min-width:640px){:is(#carbon-introduction,#carbon-about-opening,#carbon-about-crew,#carbon-about-theory-intro) h2{font-size:36px!important;line-height:1.111112!important}}
#carbon-about-crew h3{font-size:30px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:normal!important}
/* Original service section headings: text-2xl/font-bold. */
:is(.carbon-commercial,.carbon-specialist-intro,.carbon-buyer-evidence,.carbon-b2b-explore,.landing-page) :is(h2,h3){font-size:24px!important;line-height:1.333334!important;font-weight:700!important;letter-spacing:normal!important}
:is(.landing-page .cta,.carbon-commercial .commercial-price) h2{font-size:30px!important;line-height:1.2!important}
/* Original case-study headings and copy. */
.case-story :is(h1,h2,h3){font-size:30px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:normal!important}
.case-story .cs-client{font-size:24px!important;line-height:1.333334!important}
/* Original blog content and cards. */
.editorial-copy :is(p,li){font-size:18px!important;line-height:2!important}
.editorial-copy h2{font-size:30px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:normal!important}
.editorial-copy h3{font-size:20px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:normal!important}
.editorial-hero .editorial-deck{font-size:18px!important;line-height:2!important}
.editorial-index h2{font-size:30px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:normal!important}
.editorial-index>div>p{font-size:16px!important;line-height:2!important}
.editorial-index-card h3{font-size:18px!important;line-height:1.333334!important;font-weight:600!important;letter-spacing:normal!important}
.editorial-index-card p{font-size:14px!important;line-height:2!important}
/* Split heroes use the original .h1 scale, capped to their narrower column. */
.landing-page .hero h1,.editorial-hero h1{font-size:36px!important;line-height:1.111112!important;font-weight:800!important;letter-spacing:normal!important}
.editorial-hero h1{font-weight:600!important}
@media(min-width:768px){.landing-page .hero h1,.editorial-hero h1{font-size:48px!important;line-height:1.083334!important}}
@media(min-width:1024px){.landing-page .hero h1,.editorial-hero h1{font-size:60px!important;line-height:1.066667!important}}
@media(min-width:1280px){.landing-page .hero h1,.editorial-hero h1{font-size:72px!important;line-height:1.06!important}}
/* About has the original full-width Header hero. */
#carbon-about-opening h1{font-size:36px!important;line-height:1.111112!important;font-weight:900!important;letter-spacing:.05em!important}
@media(min-width:640px){#carbon-about-opening h1{font-size:60px!important;line-height:1.066667!important}}
@media(min-width:768px){#carbon-about-opening h1{font-size:96px!important;line-height:1.06!important}}
/* Preserve readable, deliberately distinct labels and functional controls. */
:is(.landing-page,.carbon-commercial,.carbon-buyer-evidence,.case-story,#carbon-research-findings) :is(.kicker,.eyebrow,.hero-topic,.commercial-kicker,.cs-eyebrow,.cr-eyebrow){font-size:18px!important;line-height:1.5!important;font-weight:700!important}
.landing-page .hero h1 .hero-topic{font-size:18px!important;line-height:1.5!important}
.landing-page .answer h2,.landing-page .buyer-cards h3{font-size:18px!important;line-height:1.5!important}
:is(.landing-page,.editorial) .button,.commercial-action,.specialist-intro-cta{font-size:14px!important;line-height:1.428572!important;font-weight:600!important}
:is(.landing-page,.editorial) .desktop-nav a{font-size:20px!important;line-height:1.2!important;font-weight:400!important;letter-spacing:normal!important;text-transform:none!important}
:is(.landing-page,.editorial) .faq :is(h3,summary,p){font-size:16px!important;line-height:2!important}
#carbon-composition-services .carbon-composition-grid a{font-size:16px!important;line-height:2!important}
#carbon-company-footer :is(p,li,address,a){font-size:16px!important;line-height:2!important}
#carbon-company-footer h2{font-weight:700!important;letter-spacing:normal!important}
/* Report typography shares original body and section sizes; keep data numerals. */
body[data-carbon-page="/b2b-buyers-report/"] p{font-size:16px!important;line-height:2!important}
body[data-carbon-page="/b2b-buyers-report/"] :is(h2,h3),#carbon-research-findings :is(h2,h3){font-size:30px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:normal!important}
body[data-carbon-page="/b2b-buyers-report/"] h1,#carbon-research-findings h1{font-size:36px!important;line-height:1.111112!important;font-weight:800!important;letter-spacing:-.02em!important}
@media(min-width:768px){body[data-carbon-page="/b2b-buyers-report/"] h1,#carbon-research-findings h1{font-size:60px!important;line-height:1.066667!important}}
@media(min-width:1280px){body[data-carbon-page="/b2b-buyers-report/"] h1,#carbon-research-findings h1{font-size:72px!important;line-height:1.06!important}}

.carbon-service-depth :is(p,li),.carbon-insight-links p{font-size:16px!important;line-height:2!important}
.carbon-service-depth :is(h2,h3),.carbon-insight-links h2{font-size:24px!important;line-height:1.333334!important;font-weight:700!important;letter-spacing:normal!important}
.carbon-insight-links h3{font-size:18px!important;line-height:1.333334!important;font-weight:600!important;letter-spacing:normal!important}
.carbon-service-depth .depth-kicker,.carbon-insight-links .carbon-insight-kicker{font-size:18px!important;line-height:1.5!important;font-weight:700!important}
/* Remove the SEO-era exception on original service heroes. */
body:has(.carbon-service-depth) main h1{font-size:36px!important;line-height:1.111112!important;letter-spacing:.05em!important}
@media(min-width:640px){body:has(.carbon-service-depth) main h1{font-size:60px!important;line-height:1.066667!important}}
@media(min-width:768px){body:has(.carbon-service-depth) main h1{font-size:96px!important;line-height:1.06!important}}
body:has(.carbon-service-depth) main h3.text-5xl{font-size:48px!important;line-height:1.06!important;letter-spacing:normal!important}
@media(max-width:359px){body:has(.carbon-service-depth) main h1{font-size:30px!important;line-height:1.2!important;letter-spacing:normal!important}}

/* Sitewide audit: measured against the original Services, Header, blog and Footer.
   Preserve existing component styles; correct only newer sections and overrides. */
#carbon-company-footer h2{font-size:14px!important;line-height:24px!important;font-weight:600!important}
#carbon-company-footer .ccf-navigation :is(a,li),#carbon-company-footer .ccf-social a{font-size:14px!important;line-height:24px!important}
#carbon-company-footer .ccf-legal p{font-size:12px!important;line-height:20px!important}
#carbon-company-footer .ccf-legal a{font-size:14px!important;line-height:24px!important}
body[data-carbon-page="/boston-marketing-agency/"] main :is(p,li){font-size:16px!important;line-height:32px!important;font-weight:400!important}
body[data-carbon-page="/boston-marketing-agency/"] main h1{font-size:36px!important;line-height:40px!important;font-weight:900!important;letter-spacing:.05em!important}
body[data-carbon-page="/boston-marketing-agency/"] main h2{font-size:30px!important;line-height:37.5px!important;font-weight:400!important}
body[data-carbon-page="/boston-marketing-agency/"] main h3{font-size:24px!important;line-height:32px!important;font-weight:700!important}
body[data-carbon-page="/boston-marketing-agency/"] main .faq h3{font-size:18px!important;line-height:28px!important}
#b2b-faq-title{font-size:24px!important;line-height:32px!important;font-weight:700!important;letter-spacing:normal!important}
.b2b-faq-kicker{font-size:18px!important;line-height:28px!important;font-weight:700!important}
#carbon-brand-assessment-link h2,body[data-carbon-page="/brand-greatness/"] main h2{font-size:30px!important;line-height:36px!important;font-weight:700!important;letter-spacing:normal!important}
body[data-carbon-page="/brand-greatness/"] main p:not(.fine){font-size:16px!important;line-height:32px!important}
.editorial-index .editorial-kicker{font-size:18px!important;line-height:28px!important;font-weight:700!important}
:is(#carbon-typography-scope,body.landing-page:not(.editorial)) .hero .intro{font-size:20px!important;line-height:32px!important}
:is(#carbon-typography-scope,body.landing-page:not(.editorial)) .hero .subhead{font-size:24px!important;line-height:32px!important;font-weight:700!important}
/* Tailwind's original display sizes use a line-height of 1 at 48px and above. */
@media(min-width:640px){body[data-carbon-page="/boston-marketing-agency/"] main h1{font-size:60px!important;line-height:60px!important}}
@media(min-width:768px){body[data-carbon-page="/boston-marketing-agency/"] main h1{font-size:96px!important;line-height:96px!important}.landing-page .hero h1,.editorial-hero h1,#carbon-about-opening h1,body:has(.carbon-service-depth) main h1{line-height:1!important}}
@media(min-width:1024px){:is(#carbon-typography-scope,body.landing-page:not(.editorial)) .hero .intro{font-size:24px!important;line-height:32px!important}}
body:has(.carbon-service-depth) main h3.text-5xl{line-height:1!important}
@media(max-width:640px){body[data-carbon-page="/work/uao/"] main h1{overflow-wrap:anywhere}}

