/* Diagnosis service pages: one consistent type scale and reading order. */
.diag-page{max-width:1320px;padding:0 6vw}
.diag-page h1,.diag-page h2,.diag-page h3,.diag-page p{overflow-wrap:break-word}
.diag-page p{font-size:16px;line-height:1.7;margin:0;max-width:60ch}
.diag-page h2{font-size:clamp(28px,3.1vw,40px);line-height:1.2;letter-spacing:-.7px;margin:0 0 22px;text-wrap:balance}
.diag-page h3{font-size:21px;line-height:1.35;letter-spacing:-.3px;margin:0 0 10px;text-wrap:balance}
.diag-hero{background:#0c1119;color:#fff;width:100vw;margin-left:calc(50% - 50vw);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;padding:48px max(6vw,calc((100vw - 1188px)/2));align-items:center;overflow:hidden}
.diag-hero .eyebrow,.diag-work .eyebrow{color:#91bfe9}
.diag-hero h1{font-size:clamp(36px,4.4vw,60px);line-height:1.1;letter-spacing:-1.5px;margin:20px 0 24px;max-width:17ch;text-wrap:balance}
.diag-copy>p{color:#bdc9d7;max-width:48ch}
.diag-hero .actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:28px 0 18px}
.diag-hero .actions>a:not(.btn){color:#d5e3f1;font-size:14px;white-space:nowrap}
.diag-copy .diag-note{font-size:13px;line-height:1.6;color:#91a4b9}
.diag-hero-photo{position:relative;max-width:540px;width:100%;justify-self:end}
.diag-crop{position:relative;overflow:hidden;background:#0c1119}
.diag-crop img{display:block;width:100%;height:auto;max-width:none}
.diag-crop.test{aspect-ratio:709/885}.test img{margin-top:-45.8%}
.diag-hero-photo:after{content:"";position:absolute;inset:-1px;background:linear-gradient(0deg,#0c1119,transparent 22%,transparent 80%,#0c1119),linear-gradient(90deg,#0c1119,transparent 13%,transparent 87%,#0c1119);pointer-events:none}
.diag-section{padding:56px 0;border-bottom:1px solid var(--line)}
.diag-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:start}
.diag-intro h2{max-width:22ch;margin:0}
.diag-service-heading{max-width:28ch}
.diag-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:28px}
.diag-services article{padding:24px 0;border-top:1px solid var(--line)}
.diag-services p{max-width:48ch}
.diag-work{background:#101c2b;color:#fff;width:100vw;margin-left:calc(50% - 50vw);padding:48px max(6vw,calc((100vw - 1188px)/2))}
.diag-work h2{max-width:30ch;margin:16px 0 32px}
.diag-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.diag-gallery figure{margin:0;min-width:0;display:flex;flex-direction:column}
.diag-gallery .diag-crop{aspect-ratio:4/3}
.harness img{width:134%;margin-top:-107.5%;margin-left:-17%}.repair img{margin-top:-65%}.door img{margin-top:-48%}
.diag-gallery figcaption{padding-top:18px}
.diag-gallery figcaption h3{color:#fff;font-size:19px;margin:0 0 10px}
.diag-gallery figcaption p{color:#b6c5d6;font-size:14px;line-height:1.7}
.diag-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}
.diag-links a{color:var(--blue);font-size:14px;line-height:1.6;padding:8px 0;text-underline-offset:5px}
.diag-handoff h2{max-width:28ch}.diag-handoff p{max-width:64ch;margin-bottom:24px}
@media(max-width:760px){
 .diag-hero{grid-template-columns:1fr;gap:20px;padding:26px 6vw 0}
 .diag-hero h1{font-size:clamp(34px,8.6vw,44px);letter-spacing:-1.1px;margin:18px 0 22px;max-width:18ch}
 .diag-hero-photo{max-width:none;width:100vw;margin-left:-6vw;justify-self:auto}
 .diag-crop.test{aspect-ratio:1.15}.test img{margin-top:-57%}
 .diag-section{padding:38px 0}.diag-page h2{font-size:28px;line-height:1.22;letter-spacing:-.5px}
 .diag-intro{grid-template-columns:1fr;gap:18px}.diag-intro h2{max-width:100%}
 .diag-services{grid-template-columns:1fr;gap:0;margin-top:24px}.diag-services article{padding:22px 0}.diag-services h3{font-size:20px}
 .diag-work{padding:38px 6vw}.diag-work h2{margin:14px 0 26px}
 .diag-gallery{grid-template-columns:1fr;gap:30px}.diag-gallery figure+figure{border-top:1px solid #b6c5d633;padding-top:28px}
 .diag-gallery .diag-crop{aspect-ratio:4/3}.diag-gallery figcaption{padding-top:16px}
 .diag-gallery figcaption h3{font-size:20px}.diag-gallery figcaption p{font-size:15px}
 .diag-handoff h2{max-width:100%}
}