
.work-page{background:#0b1018;color:#f5f8ff}
.work-page .page-intro{padding-block:80px 65px;background:radial-gradient(ellipse at 85% 50%,#07305466,transparent 65%)}
.work-page .esm-eyebrow{color:#21caff;font-size:13px;letter-spacing:3px;line-height:1.5;margin-bottom:27px}
.work-page .page-intro h1{font-size:clamp(36px,4.4vw,64px);font-weight:600;line-height:1.08;letter-spacing:-.04em;margin:0 0 25px}
.work-page h1 em{color:#22bffc}
.work-lead{max-width:720px;font-size:18px;color:#c6d3e2}
.work-page .work-disclosure{font-size:14px;line-height:1.6;color:#aac9de;max-width:760px;border-left:2px solid #19c9f1;padding-left:18px;margin:28px 0 0}
.work-examples{padding-bottom:70px}
.work-case{padding:48px 40px;margin-bottom:28px;border:1px solid #16405c;border-radius:9px;background:linear-gradient(140deg,#0b2031,#07121d)}
.work-case-heading{display:flex;align-items:center;gap:14px;color:#19c9f1;font-size:14px;letter-spacing:1px}
.work-case-heading .esm-service-icon{margin:0;flex-shrink:0}
.work-example-label{font-size:12px;letter-spacing:1.6px;color:#aac9de;margin:24px 0 18px}
.work-case h2{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.15;letter-spacing:-.035em;max-width:900px;margin-bottom:32px}
.work-case-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px}
.work-case h3{font-size:18px;font-weight:600;letter-spacing:0;margin:0 0 12px}
.work-case p:not(.work-example-label){font-size:16px;line-height:1.7;color:#c0cede;margin-bottom:24px}
.work-case aside{border-left:1px solid #16405c;padding-left:32px}
.work-tags{display:flex;flex-wrap:wrap;gap:12px;color:#72dcff;font-size:13px;line-height:1.5}
.work-tags span{border-bottom:1px solid #287288;padding-bottom:4px}
.work-case .text-link{color:#72dcff;border-color:#22bffc;margin-top:12px}
.work-case .text-link:hover{background:#22bffc14;color:#fff}
.work-page a:focus-visible{outline-color:#72dcff}
@media(max-width:800px){.work-case-body{grid-template-columns:1fr;gap:12px}.work-case aside{border-left:0;border-top:1px solid #16405c;padding:24px 0 0}.work-case{padding:32px 26px}}
@media(max-width:700px){.work-page .page-intro{padding-block:50px}.work-lead{font-size:16px}.work-case{padding:28px 22px}.work-examples{padding-bottom:35px}.work-case-heading{font-size:13px;letter-spacing:.4px}}

/* Original photographic illustrations for each practical application. */
.work-case{overflow:hidden}
.work-case-photo{display:block;width:calc(100% + 80px);max-width:none;height:340px;object-fit:cover;margin:-48px -40px 36px;border-bottom:1px solid #16405c}
@media(max-width:800px){.work-case-photo{width:calc(100% + 52px);height:280px;margin:-32px -26px 28px}}
@media(max-width:700px){.work-case-photo{width:calc(100% + 44px);height:210px;margin:-28px -22px 26px}}
