/* CodesKitchen typography and hierarchy refinement. */
.service-page .ck-service-hero{align-items:center!important;gap:clamp(28px,4vw,60px)!important}
.service-page .ck-service-hero h1{font-size:clamp(36px,4vw,60px)!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:18px 0 24px!important;text-wrap:balance;max-width:20ch!important}
.service-page .ck-service-hero>div>p{font-size:17px!important;line-height:1.8!important;max-width:58ch!important;margin:0 0 28px!important}
.service-page .service-visual{padding:28px!important;align-self:center}
.service-page .service-visual .sv-label{font-size:10px;letter-spacing:1.4px}
.service-page .service-visual .sv-object{height:260px!important;margin:24px 0!important}
.service-page .service-visual .sv-bottom{font-size:10px;letter-spacing:.5px}
.service-page .service-section h2,.case-main h2{max-width:30ch;text-wrap:balance}
.service-page .service-grid article{display:flex;flex-direction:column;align-items:flex-start}
.service-page .service-grid h3{margin:0 0 12px!important;text-align:left}
.service-page .service-grid p{margin:0!important;text-align:left!important;max-width:none!important}
.service-page .service-grid .ck-card-number{margin-bottom:18px!important}
.service-page .service-faq p{max-width:78ch;line-height:1.8;margin:12px 0 20px}
.service-page .ck-service-next p{max-width:60ch}
.case-main p,.brief-v13 p,.contact-destination p{line-height:1.8;text-wrap:pretty}
.case-main h1,.brief-v13 h1{line-height:1.1;text-wrap:balance}
.case-main .case-section>p{max-width:76ch}
.ck-unified-footer p{text-align:left!important}
#solutions .center-heading{max-width:980px;margin:0 auto 44px;padding-inline:20px}
#solutions .center-heading h2{margin:18px 0 18px;line-height:1.15;text-wrap:balance}
#solutions .center-heading p{max-width:58ch!important;margin:0 auto!important;font-size:17px!important;line-height:1.7!important;text-align:center!important}
#solutions .machine{margin-top:0!important}
@media(min-width:900px){
.service-page .ck-service-hero>div>p,.service-page .ck-scope-section>div>p,.service-page .ck-vorlin-proof p,.service-page .service-section>p,.case-main .case-section>p,.case-main .guide-step p{text-align:justify;text-align-last:left;hyphens:auto}
}
@media(max-width:899px){
.service-page p,.case-main p,.brief-v13 p{text-align:left!important;hyphens:none}
.service-page .ck-service-hero h1{max-width:22ch!important;font-size:clamp(34px,6vw,48px)!important}
.service-page .service-visual .sv-object{height:210px!important}
}
@media(max-width:520px){
.service-page .ck-service-hero h1{font-size:36px!important;line-height:1.13!important}
.service-page .ck-service-hero>div>p{font-size:16px!important;line-height:1.75!important}
.service-page .service-visual{padding:22px!important}
.service-page .service-visual .sv-object{height:180px!important;margin:18px 0!important}
#solutions .center-heading{margin-bottom:30px;padding-inline:0}
#solutions .center-heading p{font-size:16px!important}
}

/* Shared reading rhythm: concise headings, aligned body copy and comfortable line lengths. */
.hero-copy>p{max-width:62ch!important;margin-inline:auto!important;line-height:1.7!important;text-wrap:pretty;text-align:center!important}
.service-page .ck-service-hero .eyebrow{display:block;margin-bottom:14px}
.service-page .service-section>h2{margin-top:14px!important;margin-bottom:22px!important}
.service-page .ck-delivery-grid article p{text-align:left!important;hyphens:none}
.service-page .service-faq summary{line-height:1.55;padding-block:18px}
.case-main .case-grid p,.case-main .case-features p,.prompt-grid p{max-width:60ch;text-align:left!important;hyphens:none}
@media(max-width:520px){.hero-copy>p{font-size:16px!important;max-width:34ch!important;line-height:1.7!important}.service-page .service-section>h2{margin-bottom:18px!important}}

/* Homepage: one benefit statement and a distinct audience line. */
.hero-copy>p{max-width:64ch!important;font-size:clamp(16px,1.35vw,20px)!important;line-height:1.65!important;text-align:center!important;letter-spacing:0!important}
.ck-hero-audience{display:block;margin-top:8px;color:inherit;font-size:.88em;line-height:1.6;font-weight:400}
.center-heading p{line-height:1.75;text-wrap:pretty}
.process-grid p,.process-step p,.project-card p{line-height:1.75;text-align:left;hyphens:none}
.service-page p,.case-main p{word-spacing:normal;overflow-wrap:break-word}
.service-page h1,.service-page h2,.case-main h1,.case-main h2{word-break:normal;overflow-wrap:normal}
@media(max-width:520px){.hero-copy>p{font-size:16px!important;max-width:32ch!important}.ck-hero-audience{font-size:14px;margin-top:8px}.center-heading p{max-width:34ch;margin-inline:auto}}

/* Calm service hierarchy: one heading and one paragraph per scene. */
.scene-copy h2 em,.center-heading h2 em,.ck-process h2 em{font-style:normal!important}
.scene-copy h2{line-height:1.15!important;letter-spacing:-.035em;text-wrap:balance;max-width:18ch}
.scene-copy>p{max-width:48ch!important;line-height:1.75!important;text-align:left!important;margin-top:24px!important;font-size:clamp(16px,1.3vw,19px)!important}
.scene-copy .ck-service-cta{display:inline-flex;margin-top:24px}
.ck-work-heading>p{max-width:none!important;text-wrap:pretty}
@media(min-width:1100px){#solutions .center-heading>p,.ck-work-heading>p{white-space:nowrap;max-width:none!important}}
@media(max-width:1099px){#solutions .center-heading>p,.ck-work-heading>p{white-space:normal}}

/* Hero readability correction: even spacing, clear hierarchy, shorter lines. */
.hero-copy>p{max-width:58ch!important;font-size:clamp(16px,1.25vw,19px)!important;line-height:1.65!important;margin-top:24px!important;margin-bottom:0!important;text-wrap:pretty!important}
.hero-copy .ck-hero-audience{font-size:14px!important;line-height:1.6!important;margin-top:12px!important;letter-spacing:.15px;color:#a8bdd2}
.service-page .ck-service-hero>div>p{text-align:left!important;text-align-last:auto!important;hyphens:none!important;max-width:48ch!important;font-size:17px!important;line-height:1.75!important;word-spacing:normal!important;text-wrap:pretty}
.service-page .ck-service-hero h1{font-size:clamp(36px,3.8vw,58px)!important;line-height:1.12!important;max-width:21ch!important;margin:16px 0 24px!important;text-wrap:balance}
.ck-hero-accent{color:#1598ff;font-style:normal}
@media(max-width:520px){.hero-copy>p{max-width:31ch!important;font-size:16px!important}.hero-copy .ck-hero-audience{max-width:30ch;margin-inline:auto;font-size:13px!important;margin-top:10px!important}.service-page .ck-service-hero h1{font-size:36px!important}.service-page .ck-service-hero>div>p{font-size:16px!important}}

/* Final homepage hero: a single supporting line, without a secondary paragraph. */
.hero-copy>p{width:auto!important;max-width:76ch!important;font-size:clamp(15px,1.2vw,18px)!important;line-height:1.6!important;margin:22px auto 0!important;padding:0 20px!important;color:#b5c7da!important;letter-spacing:0!important;text-align:center!important;text-wrap:pretty!important}
@media(max-width:600px){.hero-copy>p{max-width:33ch!important;font-size:15px!important;line-height:1.65!important;margin-top:18px!important;padding-inline:0!important}}
