.b24p-case{max-width:1240px;margin:0 auto;font:17px/1.7 Arial,Helvetica,sans-serif;color:#243d51}
.b24p-case *{box-sizing:border-box}
.b24p-case .b24p-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;margin:12px 0 44px;padding:0;background:none;border:0}
.b24p-case .b24p-label{margin:0 0 16px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#347896;font-weight:700}
.b24p-case .b24p-lead{margin:0 0 24px;font-size:24px;line-height:1.5;color:#17364c}
.b24p-case .b24p-task{margin:0 0 24px;padding:0}
.b24p-case .b24p-task h2{margin:0 0 8px;font-size:18px;line-height:1.4}
.b24p-case .b24p-task p{margin:0;font-size:16px;line-height:1.65;color:#526a7a}
.b24p-case figure{margin:0;min-width:0}
.b24p-case .b24p-photo{display:block;line-height:0;border:0;text-decoration:none;cursor:zoom-in}
.b24p-case img{display:block;max-width:100%;height:auto;border-radius:6px;background:none}
.b24p-case .b24p-hero img{width:auto;max-height:460px;margin:0 auto;object-fit:contain}
.b24p-case figcaption{margin:10px 0 0;font-size:13px;line-height:1.5;color:#607588}
.b24p-case .b24p-hero figcaption{text-align:center}
.b24p-case .b24p-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:0;border-radius:5px;background:#087fb5;color:#fff!important;font:600 16px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer;text-align:center}
.b24p-case .b24p-button:hover{background:#066b99}
.b24p-case a:focus-visible,.b24p-case button:focus-visible,.b24p-viewer button:focus-visible{outline:3px solid #e8ab35;outline-offset:4px}
.b24p-case section{margin:32px 0}
.b24p-case h2{margin:0 0 18px;font-size:26px;line-height:1.3;color:#17364c}
.b24p-case p{margin-top:0}
.b24p-case li{margin-bottom:8px}
.b24p-case .b24p-summary{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;border-top:1px solid #e0e8ed;padding-top:30px}
.b24p-case .b24p-summary section{margin:0}
.b24p-case .b24p-summary ul{padding-left:20px;margin:0}
.b24p-case .b24p-gallery{display:flex;flex-wrap:wrap;gap:26px 22px;align-items:flex-start}
.b24p-case .b24p-gallery figure{flex:0 1 auto;width:calc(var(--b24p-ratio,1.3333)*240px);max-width:100%}
.b24p-case .b24p-gallery img{width:100%;height:auto}
.b24p-case .b24p-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;border-top:1px solid #e0e8ed;padding:26px 0;margin:38px 0 0}
.b24p-case .technology-link{padding:4px 0 4px 22px;border-left:3px solid #087fb5;background:none;max-width:860px}
.b24p-case .technology-link h3{font-size:22px;margin:0 0 12px;line-height:1.4}
.b24p-case .technology-link p{margin:0 0 12px}
.b24p-viewer{position:fixed;inset:0;margin:auto;width:calc(100vw - 32px);height:calc(100vh - 32px);height:calc(100dvh - 32px);max-width:1440px;max-height:1000px;padding:0;border:0;border-radius:10px;background:#101b24;color:#fff;overflow:hidden;box-sizing:border-box}
.b24p-viewer::backdrop{background:rgba(5,13,20,.88)}
.b24p-viewer .b24p-viewer-bar{position:absolute;top:0;left:0;right:0;height:64px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:2;font:15px/1.4 Arial,sans-serif}
.b24p-viewer button{appearance:none;cursor:pointer;border:1px solid #60707b;background:#22323f;color:#fff;border-radius:7px;font:16px/1 Arial,sans-serif;min-width:44px;min-height:44px;padding:10px 14px}
.b24p-viewer button:hover{background:#385061}
.b24p-viewer .b24p-viewer-stage{position:absolute;inset:68px 84px 86px;display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.b24p-viewer .b24p-viewer-stage img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border:0;border-radius:0;background:none}
.b24p-viewer .b24p-prev,.b24p-viewer .b24p-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:56px;padding:0;font-size:32px;line-height:1;z-index:3}
.b24p-viewer .b24p-prev{left:16px}.b24p-viewer .b24p-next{right:16px}
.b24p-viewer .b24p-viewer-caption{position:absolute;left:84px;right:84px;bottom:18px;max-height:54px;overflow:auto;margin:0;text-align:center;font:15px/1.6 Arial,sans-serif;color:#eef4f8}
.b24p-viewer .b24p-viewer-error{position:absolute;inset:auto 12px;text-align:center;font:16px/1.6 Arial,sans-serif;background:#101b24}
.b24p-viewer [hidden]{display:none!important}
.detail.projects:has(.b24p-case) > .introtext,.detail.projects:has(.b24p-case) > .projects-blocks,.detail.projects:has(.b24p-case) > .dops,.detail.projects:has(.b24p-case) > .comments{display:none}
@media(max-width:900px){.b24p-case .b24p-hero,.b24p-case .b24p-summary{gap:30px}.b24p-case .b24p-lead{font-size:21px}}
@media(max-width:650px){.b24p-case{font-size:16px}.b24p-case .b24p-hero,.b24p-case .b24p-summary{grid-template-columns:1fr;gap:26px}.b24p-case .b24p-hero{margin:0 0 30px}.b24p-case .b24p-hero img{max-height:360px}.b24p-case .b24p-lead{font-size:21px;line-height:1.5;margin-bottom:18px}.b24p-case .b24p-label{margin-bottom:10px}.b24p-case h2{font-size:24px}.b24p-case .b24p-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.b24p-case .b24p-gallery figure{width:100%}.b24p-case .b24p-gallery figure:only-child{grid-column:1/-1;max-width:360px}.b24p-case .b24p-footer{align-items:flex-start;flex-direction:column}.b24p-viewer{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;border-radius:0}.b24p-viewer .b24p-viewer-bar{padding:10px 12px}.b24p-viewer .b24p-viewer-stage{inset:68px 12px 152px}.b24p-viewer .b24p-prev,.b24p-viewer .b24p-next{top:auto;bottom:80px;transform:none;width:52px;height:48px}.b24p-viewer .b24p-prev{left:calc(50% - 64px)}.b24p-viewer .b24p-next{right:calc(50% - 64px)}.b24p-viewer .b24p-viewer-caption{left:16px;right:16px;bottom:18px;font-size:14px}}