/* Portfolio typography review — 2026-10-17. Layout and type only. */
h1,h2,h3,.ty-stitle{text-wrap:balance}
p,li,figcaption{text-wrap:pretty}

/* One hero scale for all eleven case studies; existing artwork stays in place. */
html.site-typography body:is(body,#sp-launch-page) .project-banner h1.ty-hero.ty-hero.ty-hero,
html.site-typography body:is(body,#sp-launch-page) .project-banner .project-banner__title{
 font-size:clamp(40px,5vw,72px)!important;line-height:1.1!important;text-wrap:balance!important;
 white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;
}
html.site-typography body:is(body,#sp-launch-page) .project-banner h1.ty-hero span,
html.site-typography body:is(body,#sp-launch-page) .project-banner .project-banner__title span{font-size:inherit!important;line-height:inherit!important}
@media(min-width:1024px){
 html.site-typography body .project-banner :is([data-r="cs-hero-inner"],[data-r="wh-hero-inner"],.hero-content){padding-left:72px!important}
 html.site-typography body .project-banner__copy{padding-left:0!important;margin-left:72px!important}
 html.site-typography.marketing-case body .case-study-more>div{max-width:1320px!important;padding-left:62px!important;padding-right:62px!important}
 html.site-typography.marketing-case body section.case-study-more h2.ty-stitle.ty-stitle{text-align:left!important}
}
/* Long closing copy is read left-to-right; headings and labels stay centered. */
html.site-typography body:has(.product-case__hero) div[data-anim][style*="820px"]:has(>.ps-label)>p{
 text-align:left!important;max-width:640px!important;width:100%;margin-left:auto!important;margin-right:auto!important;
}
html.site-typography body:has([data-r="cc-ds-section"]) div:has(>.ps-label):has(>h2)>p.ty-body[style*="780px"]{text-align:left!important;max-width:640px!important;margin-left:auto!important;margin-right:auto!important}

/* Requested text scale; samples, hex codes and twelve-pixel labels are untouched. */
html.site-typography body .bf-story p.rl-desc{font-size:16px!important;line-height:1.6!important}
html.site-typography body .bf-phases p.rl-desc{font-size:16px!important;line-height:1.6!important}
html.site-typography body #design-system .design-system-disclosure__content p[style*="font-size:13px"],
html.site-typography body #design-system .design-system-disclosure__content p[style*="font-size:14px"]{font-size:15px!important;line-height:1.55!important}
html.site-typography body .avatar-hero__description,
html.site-typography body .avatar-hero__description p,
html.site-typography body .work-intro [data-r="wk-body"]{font-size:18px!important}
html.site-typography body [style*="font-size:17px"],
html.site-typography body [style*="font-size: 17px"],
html.site-typography body .bf-track h3,
html.site-typography body .bf-build h3,
html.site-typography body .case-prototype__copy p,
html.site-typography body .case-heading p,
html.site-typography body .screen-slide p,
html.site-typography body .case-outcome p{font-size:16px!important}
html.site-typography body .case-note p{line-height:1.5!important}
@media(min-width:768px) and (max-width:1199px){html.site-typography body .hero-carousel__name{font-size:16px!important}}
@media(max-width:767px){
 html.site-typography body .about-hero__summary{font-size:16px!important}
 html.site-typography body .gu-box li{font-size:16px!important}
}

/* Match the existing shared theme's specificity at the remaining seventeen-pixel sizes. */
html.site-typography body p.ty-body[style*="font-size:17px"],
html.site-typography body .bf-track.bf-track h3,
html.site-typography body .bf-build.bf-build h3{font-size:16px!important}
@media(max-width:767px){
 html.site-typography body#sp-launch-page .project-banner .project-banner__title{letter-spacing:-.04em!important}
}

/* Keep the existing nonbreaking rollout label inside its narrow mobile card. */
@media(max-width:767px){html.site-typography body#sp-launch-page .sp-steps>li h3{letter-spacing:-.055em!important}}