.facade-story{margin:0;min-width:0;background:#f3f7f7;border:1px solid #d8e3e6;align-self:start;overflow:hidden;border-radius:3px}
.facade-heading{padding:25px 27px 21px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.facade-heading .eyebrow{font-size:8px;line-height:1.9;letter-spacing:1.3px;color:#466775;max-width:126px;margin:0}
.facade-heading h3{font-size:22px;line-height:1.25;letter-spacing:-.8px;margin:0;font-weight:600}
.facade-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:864/1536;background:#dae5e8;overflow:hidden;cursor:ew-resize;touch-action:pan-y}
.facade-stage img{position:absolute;width:100%;height:100%;inset:0;object-fit:contain}
.facade-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--before)) 0 0)}
.facade-badge{position:absolute;z-index:2;top:18px;padding:8px 10px;background:#06243be8;color:white;font-size:9px;line-height:1.45;letter-spacing:1px;font-weight:700;pointer-events:none}
.facade-badge-before{left:16px}.facade-badge-after{right:16px;background:#c9f4f5ed;color:#073a4d}
.facade-divider{position:absolute;z-index:3;left:var(--before);top:0;bottom:0;width:2px;background:white;box-shadow:0 0 0 1px #06243b30;transform:translateX(-50%);pointer-events:none}
.facade-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:white;box-shadow:0 3px 18px #06243b33;color:#032849;font:600 22px/1 Arial,sans-serif;letter-spacing:3px;padding-left:3px;white-space:pre}
.facade-controls{padding:20px 25px 15px;background:#fff}.facade-controls label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:#375465}.facade-controls label>span{font-size:22px;color:#048c9f}
.facade-controls input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;height:30px;background:transparent;margin:7px 0;cursor:ew-resize;accent-color:#008ca0}
.facade-controls input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:#c9dce0}.facade-controls input[type=range]::-moz-range-track{height:4px;border-radius:3px;background:#c9dce0}
.facade-controls input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;margin-top:-9px;width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:#007e92;box-shadow:0 0 0 1px #007e92}
.facade-controls input[type=range]::-moz-range-thumb{width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:#007e92;box-shadow:0 0 0 1px #007e92}
.facade-presets{display:flex;justify-content:space-between;gap:8px}.facade-presets button{padding:6px 0;border:0;background:transparent;font-size:10px;color:#45616e;text-underline-offset:4px}.facade-presets button:hover{text-decoration:underline;color:#00697c}
.facade-caption{padding:17px 25px 23px;border-top:1px solid #e0e9eb}.facade-caption>p{font-size:11px;line-height:1.8;color:#4f6874;margin:0 0 12px}.facade-caption strong{font-weight:650}.facade-expand{border:0;border-bottom:1px solid #9ebfc6;padding:4px 0;background:transparent;color:#063b50;font-size:11px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:26px;width:100%;text-align:left}.facade-expand>span{font-size:20px}.facade-expand:hover{color:#007b91;border-color:#007b91}
.facade-story .facade-stage:focus-within{outline:3px solid #009aaf;outline-offset:3px}.facade-stage.is-complete .facade-divider{display:none}
.facade-dialog{width:min(1060px,calc(100% - 32px));max-width:1060px;max-height:calc(100dvh - 32px);padding:28px 34px 22px;overscroll-behavior:contain;background:#f5f8f8}
.facade-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.facade-dialog-heading .eyebrow{font-size:9px;color:#426373;margin-bottom:9px}.facade-dialog-heading h2{font-size:29px;letter-spacing:-1px;line-height:1.3;margin:0}
.facade-close{flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1px solid #bcced5;background:white;color:#173f54;font-size:28px;line-height:1}.facade-close:hover{background:#dff1f1}
.facade-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.facade-dialog-grid>figure{min-width:0;margin:0}.facade-dialog-grid figcaption{display:flex;gap:15px;align-items:center;padding:0 0 14px;min-height:66px}.facade-dialog-grid figcaption>span{font-size:25px;font-family:var(--display);color:#087f94}.facade-dialog-grid h3{font-size:18px;margin:0 0 3px;line-height:1.3}.facade-dialog .facade-dialog-grid p{font-size:11px;line-height:1.5;margin:0;color:#506a77}.facade-dialog-grid img{width:100%;height:auto;aspect-ratio:864/1536;object-fit:contain;background:#dee8eb;border:1px solid #d4e0e4}.facade-dialog .facade-dialog-note{font-size:11px;line-height:1.8;color:#506a77;margin:20px 0 0;padding-top:16px;border-top:1px solid #d8e3e6}
@media(min-width:801px){.service-layout{grid-template-columns:minmax(280px,35%) 1fr;gap:8%}.service-list{align-self:start;position:sticky;top:125px}.facade-heading{padding:22px;display:block}.facade-heading .eyebrow{max-width:none;margin-bottom:10px}.facade-heading h3{font-size:23px}.facade-heading h3 br{display:none}}
@media(min-width:1500px){.facade-stage{max-height:750px}}
@media(max-width:800px) and (min-width:561px){.service-layout{grid-template-columns:43% 1fr;gap:5%}.facade-heading{padding:19px;display:block}.facade-heading .eyebrow{max-width:none;margin-bottom:10px}.facade-heading h3{font-size:20px}.facade-controls{padding:17px}.facade-caption{padding:17px}.facade-badge{font-size:8px;padding:6px 7px;letter-spacing:.6px;top:13px}.facade-badge-before{left:10px}.facade-badge-after{right:10px}.facade-presets button{font-size:9px}}
@media(max-width:560px){.facade-story{order:2;margin-top:5px}.facade-heading{padding:22px;gap:12px}.facade-heading h3{font-size:23px}.facade-heading .eyebrow{max-width:107px;font-size:8px;letter-spacing:1px}.facade-badge{font-size:8px;top:14px}.facade-controls{padding:19px 22px 13px}.facade-caption{padding:17px 22px 22px}.facade-presets button{min-height:38px;font-size:11px}.facade-controls input[type=range]{height:36px}.facade-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:23px 18px}.facade-dialog-heading h2{font-size:24px;line-height:1.35}.facade-dialog-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.facade-dialog-grid{grid-template-columns:1fr;gap:28px}.facade-dialog-grid h3{font-size:20px}.facade-dialog-grid figcaption{min-height:auto}.facade-dialog-grid img{max-width:420px;margin:0 auto}.facade-dialog-heading{margin-bottom:25px}.facade-close{flex-basis:36px;width:36px;height:36px}.facade-dialog .facade-dialog-note{font-size:11px}}