/* Real project evidence, from CSA to integrated facility systems. */
.case-pagehead{padding-block:28px!important}
html[lang] body main .case-pagehead h1{max-width:1000px;font-size:clamp(30px,3.3vw,44px);line-height:1.16;letter-spacing:-.025em;margin-bottom:12px}
.case-pagehead p{max-width:960px;font-size:18px!important;line-height:1.5!important;margin:0!important}
.advanced-case h2{font-size:clamp(27px,2.5vw,35px);line-height:1.2;letter-spacing:-.025em}
.advanced-case p{font-size:16px;line-height:1.6}
.advanced-case .section-head{margin-bottom:22px;gap:30px}
.case-intro{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:38px;padding-block:32px}
.case-intro h2{margin:16px 0 14px}
.case-intro p{margin:0;color:#3d576b}
.case-lead{margin:0;min-width:0}
.case-lead a{display:block;background:#eaf0f4;cursor:zoom-in}
.case-lead img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.advanced-case figcaption{font-size:12px;line-height:1.45;color:#566d7e;padding:9px 0 0}
.case-facts{display:grid;grid-template-columns:.9fr 1.4fr .6fr;gap:12px;margin:20px 0}
.case-facts div{border-left:2px solid #d7e5ee;padding-left:10px}
.case-facts dt{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#526f84;margin-bottom:5px}
.case-facts dd{font-size:14px;line-height:1.4;font-weight:600;color:#143a56;margin:0}
.case-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.case-actions .btn{font-size:15px;padding:11px 16px}
.case-actions .textlink{font-size:15px}
.case-scope-section{padding:30px 0;background:#edf4f8;scroll-margin-top:115px}
.case-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}
.case-scope-grid section{position:relative;padding:18px 0 17px;border-top:1px solid #bfd2df}
.case-number{display:block;color:#005bac;font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:8px}
.case-scope-grid h3{font-size:20px;line-height:1.3;margin:0 0 9px;color:#123b59}
.case-scope-grid ul{margin:0;padding-left:17px;color:#3d576b}
.case-scope-grid li{font-size:15px;line-height:1.5;margin:4px 0}
.case-gallery-section{padding-block:32px;scroll-margin-top:110px}
.case-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.case-filters button{display:flex;align-items:center;gap:10px;background:#eaf2f8;border:1px solid #b8cede;border-radius:3px;color:#124f7e;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;padding:9px 13px;cursor:pointer}
.case-filters button[aria-pressed=true]{background:#005bac;color:white;border-color:#005bac}
.case-filters button span{font-size:11px;border-radius:20px;background:#ffffff88;color:#123f60;padding:1px 6px}
.case-filters button:focus-visible{outline:3px solid #1584c6;outline-offset:3px}
.case-photo-count{font-size:12px!important;line-height:1.4!important;color:#526c80;margin:0 0 15px}
.case-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 18px;align-items:start}
.case-photo{margin:0;min-width:0}
.case-photo[hidden]{display:none!important}
.case-photo a{display:flex;align-items:center;justify-content:center;background:#eaf0f4;aspect-ratio:16/11;overflow:hidden;cursor:zoom-in;border-radius:2px}
.case-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s}
.case-photo a:hover img{transform:scale(1.025)}
.case-photo a:focus-visible{outline:3px solid #005bac;outline-offset:3px}
.case-photo figcaption{padding-top:8px}
.case-connections{background:#0c3453;color:white;padding-block:28px}
.case-connections>.wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:start}
.case-connections h2,.case-connections h3{color:white;margin:0 0 12px}
.case-connections h3{font-size:19px;line-height:1.35}
.case-connections p{margin:0;color:#d0e2ef}
.case-related{display:grid;gap:0}
.case-related a{display:flex;justify-content:space-between;gap:12px;color:#d7f1ff;border-bottom:1px solid #ffffff35;font-size:15px;padding:9px 0}
.advanced-case>.cta{padding-block:28px}
.advanced-case>.cta h2{font-size:27px}
.case-reference-link{font-size:14px;margin-top:18px;padding:10px 14px}
#reference-04 .ref-gallery:not(.all-photos) .ref-gallery-item:nth-child(n+8){display:none}
.ref-gallery-reveal{border:1px solid #99bbd2;border-radius:3px;background:white;color:#005bac;font-family:inherit;font-size:13px;font-weight:600;padding:9px 13px;margin:10px 0 4px;cursor:pointer}
@media(max-width:900px){.case-intro{gap:24px;grid-template-columns:1fr 1fr}.case-facts{grid-template-columns:1fr 1.4fr}.case-facts div:last-child{display:none}.case-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-connections>.wrap{gap:30px}}
@media(max-width:600px){.case-pagehead{padding-block:23px!important}.case-pagehead p{font-size:16px!important}.case-intro{grid-template-columns:1fr;gap:22px;padding-block:24px}.case-intro h2{font-size:28px}.case-lead img{aspect-ratio:3/2}.case-facts{margin:16px 0}.case-scope-section,.case-gallery-section{padding-block:25px}.case-scope-grid{grid-template-columns:1fr;gap:0}.case-scope-grid section{padding-block:15px}.case-scope-grid h3{font-size:20px}.advanced-case .section-head{display:block;margin-bottom:18px}.advanced-case .section-head p{margin-top:12px}.case-filters{gap:7px}.case-filters button{font-size:13px;padding:8px 10px;gap:7px}.case-photo-grid{gap:16px 11px}.case-photo a{aspect-ratio:4/3}.case-photo figcaption{font-size:11px}.case-connections>.wrap{grid-template-columns:1fr;gap:24px}.advanced-case>.cta h2{font-size:25px}.case-gallery-section{scroll-margin-top:86px}}
@media(prefers-reduced-motion:reduce){.case-photo img{transition:none}.case-photo a:hover img{transform:none}}
@media(min-width:1100px){.case-scope-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){html[lang] body main .case-pagehead h1{font-size:30px;line-height:1.2}}

/* Non-destructive display corrections; equipment pixels remain unchanged. */
img[src$="/utility-inspection.webp"],img[src$="/utility-inspection-thumb.webp"]{filter:brightness(1.06) saturate(.96)}
img[src$="/building-utility-interface.webp"],img[src$="/building-utility-interface-thumb.webp"]{filter:brightness(1.04) saturate(.96)}
img[src$="/pumps-valves-pipework.webp"],img[src$="/pumps-valves-pipework-thumb.webp"]{filter:brightness(1.03) saturate(.96)}
img[src$="/mechanical-plant-room.webp"],img[src$="/mechanical-plant-room-thumb.webp"]{filter:brightness(1.06) saturate(.96)}
img[src$="/air-handling-equipment.webp"],img[src$="/air-handling-equipment-thumb.webp"]{filter:brightness(1.2) saturate(.96)}
img[src$="/fire-pump-installation.webp"],img[src$="/fire-pump-installation-thumb.webp"]{filter:brightness(1.3) saturate(.96)}
img[src$="/completed-cleanroom.webp"],img[src$="/completed-cleanroom-thumb.webp"]{filter:brightness(1.03) saturate(.96)}
img[src$="/cleanroom-electrical-distribution.webp"],img[src$="/cleanroom-electrical-distribution-thumb.webp"]{filter:brightness(1.14) saturate(.96)}
img[src$="/engineering-team.webp"],img[src$="/engineering-team-thumb.webp"]{filter:brightness(1.03) saturate(.96)}
img[src$="/chiller-plant.webp"],img[src$="/chiller-plant-thumb.webp"]{filter:brightness(1.025) saturate(.96)}
img[src$="/completed-workplace.webp"],img[src$="/completed-workplace-thumb.webp"]{filter:brightness(1.12) saturate(.96)}
img[src$="/external-utility-equipment.webp"],img[src$="/external-utility-equipment-thumb.webp"]{filter:brightness(1.05) saturate(.96)}
img[src$="/external-ventilation.webp"],img[src$="/external-ventilation-thumb.webp"]{filter:brightness(1.09) saturate(.96)}
img[src$="/control-workstation.webp"],img[src$="/control-workstation-thumb.webp"]{filter:brightness(1.06) saturate(.96)}
img[src$="/steel-structure.webp"],img[src$="/steel-structure-thumb.webp"]{filter:brightness(1.02) saturate(.96)}
img[src$="/completed-common-area.webp"],img[src$="/completed-common-area-thumb.webp"]{filter:brightness(1.08) saturate(.96)}
img[src$="/site-coordination.webp"],img[src$="/site-coordination-thumb.webp"]{filter:brightness(1.07) saturate(.96)}
img[src$="/high-level-installation.webp"],img[src$="/high-level-installation-thumb.webp"]{filter:brightness(1.05) saturate(.96)}
img[src$="/structure-and-services.webp"],img[src$="/structure-and-services-thumb.webp"]{filter:brightness(1.07) saturate(.96)}
img[src$="/site-review.webp"],img[src$="/site-review-thumb.webp"]{filter:brightness(1.05) saturate(.96)}

/* Preserve the previous lighting correction within the tighter workstation frame. */
img[src$="/bms-pme-ems-engineering.svg"]{filter:brightness(1.06) saturate(.96)}

/* Full-resolution systems overview and a compact editorial project tour. */
.case-systems{padding-block:10px 32px}
.case-systems-heading{display:flex;align-items:start;justify-content:space-between;gap:32px;margin-bottom:16px}
.case-systems h2{margin:0;max-width:600px}
.case-systems-heading p{max-width:430px;margin:0;color:#4b6578}
.case-systems figure{margin:0;border:1px solid #d9e5ed;border-radius:6px;overflow:hidden;background:white}
.case-systems figure>a{display:block;position:relative;cursor:zoom-in}
.case-systems img{display:block;width:100%;height:auto;max-width:1751px;margin:auto}
.case-image-expand{position:absolute;bottom:15px;right:16px;padding:8px 12px;border-radius:3px;background:#fffef7f2;color:#07538a;box-shadow:0 2px 12px #123b5918;font-size:12px;font-weight:700;line-height:1.3}
.case-gallery-summary{display:flex;justify-content:space-between;gap:14px;align-items:center;color:#526c80;margin-bottom:15px}
.case-gallery-summary .case-photo-count{margin:0}
.case-gallery-summary>span{font-size:12px}
.case-showcase{display:grid;grid-template-columns:minmax(0,1fr) 260px;border:1px solid #d2e0e9;border-radius:6px;overflow:hidden;background:#edf3f7}
.case-stage{display:flex;align-items:center;justify-content:center;position:relative;min-width:0;aspect-ratio:16/10;cursor:zoom-in}
.case-stage img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
.case-stage:focus-visible,.case-systems a:focus-visible{outline:3px solid #168dcd;outline-offset:-4px}
.case-slide-info{background:#0c3454;color:white;padding:26px 23px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-width:0}
.case-slide-category{display:block;font-size:11px;font-weight:600;color:#91d6ff;letter-spacing:.07em;text-transform:uppercase;line-height:1.5}
.advanced-case .case-slide-caption{font-size:21px;line-height:1.4;font-weight:500;color:white;margin:13px 0 0}
.case-slide-position{display:block;font-size:13px;font-variant-numeric:tabular-nums;color:#c2dbea;margin-bottom:15px;letter-spacing:.06em}
.case-slide-buttons{display:flex;gap:8px;margin-bottom:12px}
.case-slide-buttons button,.case-play{border:1px solid #ffffff65;color:white;background:transparent;cursor:pointer;font-family:inherit;line-height:1.3;transition:background .15s}
.case-slide-buttons button{width:44px;height:40px;font-size:22px;border-radius:3px}
.case-play{font-size:13px;font-weight:600;border-radius:3px;padding:10px 13px;width:100%;text-align:left}
.case-slide-buttons button:hover,.case-play:hover{background:#ffffff18}
.case-slide-buttons button:focus-visible,.case-play:focus-visible{outline:3px solid #83d3ff;outline-offset:3px}
.case-photo-grid.case-thumbnail-rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#9cb9cc #edf3f7;padding:15px 3px 11px;align-items:start}
.case-thumbnail-rail .case-photo{flex:0 0 142px;position:relative}
.case-thumbnail-rail .case-photo a{border-radius:3px;border:2px solid transparent;aspect-ratio:3/2;padding:2px;background:#edf3f7}
.case-thumbnail-rail .case-photo a[aria-current=true]{border-color:#005bac;background:#dceefb}
.case-thumbnail-rail .case-photo a[aria-current=true]::after{content:'';position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#005bac;box-shadow:0 0 0 2px white}
.case-thumbnail-rail .case-photo figcaption{font-size:11px;line-height:1.4;padding-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:900px){.case-showcase{grid-template-columns:minmax(0,1fr) 210px}.case-slide-info{padding:20px 18px}.advanced-case .case-slide-caption{font-size:18px}.case-systems-heading{gap:24px}.case-systems-heading p{max-width:340px}}
@media(max-width:650px){.case-systems{padding-block:0 24px}.case-systems-heading{display:block;margin-bottom:13px}.case-systems-heading p{max-width:none;margin-top:10px}.case-showcase{grid-template-columns:1fr}.case-stage{aspect-ratio:4/3}.case-slide-info{padding:16px 18px;display:grid;grid-template-columns:1fr;gap:14px}.case-slide-category{font-size:10px}.advanced-case .case-slide-caption{font-size:18px;margin-top:6px}.case-slide-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.case-slide-position{margin:0;font-size:12px;white-space:nowrap}.case-slide-buttons{margin:0;gap:6px}.case-slide-buttons button{width:36px;height:34px;font-size:20px}.case-play{width:auto;font-size:12px;padding:8px 10px}.case-thumbnail-rail .case-photo{flex-basis:116px}.case-photo-grid.case-thumbnail-rail{gap:9px;padding-top:12px}.case-image-expand{font-size:11px;right:10px;bottom:10px;padding:7px 9px}.case-systems .case-image-expand{position:static;display:block;text-align:right;padding:7px 10px;box-shadow:none;background:#f5f9fc;border-top:1px solid #d9e5ed}}
@media(prefers-reduced-motion:reduce){.case-slide-buttons button,.case-play{transition:none}}
