/* A shared reading hierarchy for service pages and case studies. */
.dev2-service-page{
 --internal-title:clamp(30px,3.4vw,48px);
 --internal-body:clamp(18px,1.5vw,20px);
}
.dev2-service-page .dev2-editorial{padding-block:clamp(48px,6vw,88px)}
.dev2-service-page main [id]{scroll-margin-top:110px}
.dev2-service-page .dev2-editorial h2{
 margin:0 0 24px;max-width:24ch;
 font-size:var(--internal-title);font-weight:500;line-height:1.16;letter-spacing:-.03em;
 text-wrap:pretty;
}
.dev2-service-page .dev2-eyebrow{
 margin:0 0 16px;font:400 11px/1.5 monospace;letter-spacing:.06em;
}
.dev2-service-page .dev2-service-prose p,
.dev2-service-page .dev2-service-scope p,
.dev2-service-page .dev2-service-approach>p,
.dev2-service-page .dev2-case-section p:not(.dev2-eyebrow),
.dev2-service-page .dev2-case-deepening article p,
.dev2-service-page .dev2-case-references p:not(.dev2-eyebrow),
.dev2-service-page .dev2-illustration-series>p:not(.dev2-eyebrow){
 max-width:62ch;margin:0 0 20px;font-size:var(--internal-body);line-height:1.6;letter-spacing:0;
}
.dev2-service-page .dev2-case-deepening h3,
.dev2-service-page .dev2-case-references h3,
.dev2-service-page .dev2-case-links h3{
 margin:0 0 12px;font-size:clamp(22px,2vw,28px);font-weight:500;line-height:1.25;letter-spacing:-.02em;
}
.dev2-service-page .dev2-case-deepening>div{margin-top:32px;gap:32px 48px}
.dev2-service-page .dev2-case-deepening article{min-width:0}
.dev2-service-page .dev2-case-deepening article p:last-child{margin-bottom:0}
.dev2-service-page .dev2-case-section{gap:24px 8%}
.dev2-service-page .dev2-case-hero{padding-top:140px;padding-bottom:48px}
.dev2-service-page .dev2-case-hero>a{margin-bottom:40px;font-size:16px}
.dev2-service-page .dev2-case-hero h1{
 margin:0 0 24px;font-size:clamp(48px,7.5vw,110px);line-height:1.02;letter-spacing:-.045em;
}
.dev2-service-page .dev2-case-summary{
 max-width:40ch;margin:0;font-size:clamp(23px,2.5vw,34px);line-height:1.35;letter-spacing:-.02em;
}
.dev2-service-page .dev2-case-actions{margin-top:28px;gap:20px}
.dev2-service-page .dev2-project-action{justify-content:center;gap:0;padding:16px 24px;min-height:52px}
.dev2-service-page .dev2-case-hero dl{margin-top:36px;padding-top:24px;gap:24px}
.dev2-service-page .dev2-case-hero dt{margin-bottom:10px;font-size:11px;letter-spacing:.04em}
.dev2-service-page .dev2-case-hero dd{font-size:17px;line-height:1.5}
.dev2-service-page .dev2-case-hero dd a+a{margin-top:8px}
.dev2-service-page .dev2-service-introduction{font-size:clamp(23px,2.5vw,34px);line-height:1.35}
.dev2-service-page .dev2-service-scope li{padding:16px 0;font-size:var(--internal-body);line-height:1.45;letter-spacing:0}
.dev2-service-page .dev2-process-steps{font-size:var(--internal-body);line-height:1.6;margin-block:24px 32px}
.dev2-service-page .dev2-service-approach>p{margin-left:0}
.dev2-service-page .dev2-process-steps{margin-left:0}
.dev2-service-page .dev2-case-links>a{padding:24px}
.dev2-service-page .dev2-case-links p{font-size:18px;line-height:1.5}
.dev2-service-page .dev2-service-related>a{font-size:clamp(22px,2.2vw,30px);padding-block:14px}
.dev2-service-page .dev2-faq{gap:32px 8%}
.dev2-service-page .dev2-faq summary{font-size:clamp(20px,1.8vw,24px);line-height:1.35;gap:20px;padding-block:22px}
.dev2-service-page .dev2-faq-answer p{font-size:18px;line-height:1.6}
.dev2-service-page .dev2-stylebook{padding:clamp(24px,4vw,56px)}
.dev2-service-page .dev2-stylebook h3{font-size:20px;font-family:inherit;font-weight:500;letter-spacing:0;margin-bottom:24px}
.dev2-service-page .dev2-stylebook h4{font-size:19px;line-height:1.3}
.dev2-service-page .dev2-contact h2{font-size:var(--internal-title);max-width:16ch;line-height:1.16}
.dev2-service-page .dev2-contact .dev2-contact-form-wrap h3{font-size:24px;line-height:1.25}
.dev2-service-page .ex__title{font-size:var(--internal-title);line-height:1.16;white-space:normal;text-transform:none;letter-spacing:-.03em}
@media(max-width:760px){
 .dev2-service-page .dev2-case-hero{padding-top:110px}
 .dev2-service-page .dev2-service-overview,.dev2-service-page .dev2-service-scope{gap:32px}
 .dev2-service-page .dev2-case-deepening>div{gap:28px}
 .dev2-service-page .dev2-faq{gap:8px}
 .dev2-service-page .dev2-case-actions{gap:18px}
 .dev2-service-page .dev2-contact.dev2-editorial{padding:28px 24px}
}