/* v1.12 – six illustrated section headers, individual replaceable scenes. */
.page-hero.section-hero112{padding:0;background:#eaf3ef;overflow:hidden}
.section-hero112>.hero-copy112{padding-block:32px 26px}
.section-hero112 .breadcrumb{margin-bottom:20px}
.section-hero112 .eyebrow{margin-bottom:16px}
.section-hero112 h1{margin-bottom:16px;max-width:1100px}
.section-hero112 .lead{margin-bottom:0;max-width:1000px}
.scene-banner112{position:relative;background:#d6eae3;border-top:1px solid #d4e6df}
.scene-viewport112{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity}
.scene-viewport112::-webkit-scrollbar{height:0}
.scene-track112{display:flex;width:max-content;min-width:100%;list-style:none;padding:0;margin:0}
.scene-tile112{flex:0 0 var(--scene-width,clamp(150px,calc((100vw - 16px) / var(--scene-count)),var(--scene-max,320px)));width:var(--scene-width,clamp(150px,calc((100vw - 16px) / var(--scene-count)),var(--scene-max,320px)));margin:0;scroll-snap-align:start;border-right:2px solid #eaf3ef}
.scene-tile112 figure,.scene-tile112>a{display:block;height:100%;margin:0}
.scene-tile112>a{color:#194841;text-decoration:none}
.scene-tile112 img{display:block;width:100%;height:clamp(120px,12vw,224px);object-fit:cover;object-position:50% 46%;background:#d6eae3}
.section-hero112[data-section112="insights"] .scene-tile112 img{height:clamp(180px,18vw,320px);object-position:50% 30%}
.scene-tile112 figcaption{min-height:46px;padding:11px 10px;text-align:center;color:#244f47;background:#eaf3ef;font-size:13px;font-weight:600;line-height:1.5}
.scene-tile112 a:hover figcaption{background:#d8ece4;color:#006d71}
.scene-tile112 a:focus-visible{outline:3px solid #007f86;outline-offset:-4px}
.scene-repeat112{pointer-events:none;display:none}
.wide112 .scene-repeat112{display:block}
.wide112 .scene-viewport112{overflow:hidden}
.scene-repeat112 img{filter:saturate(.9)}
.scene-tools112{position:absolute;right:16px;top:12px;display:flex;gap:8px;z-index:2}
.scene-tools112 button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #c5dfd4;border-radius:50%;background:#f6fcf6ed;color:#18594e;font-size:22px;box-shadow:0 2px 7px #173b3712}
.scene-tools112 button:hover{background:#fff}
.scene-tools112 button:disabled{visibility:hidden}
.scene-tools112[hidden]{display:none}
.scene-context112{padding:9px 0;background:#eaf3ef;color:#5c786d;font-size:12px}
.scene-context112 p{margin:0}
.panorama-banner112{background:#d6eae3;position:relative}
.panorama-banner112 img{width:100%;max-width:1600px;height:auto;object-fit:contain;display:block;margin-inline:auto}
.flow-banner112{background:#e0eee7;border-top:1px solid #c9ded4;padding-top:20px}
.flow-top112{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.flow-top112 p{margin:0;color:#57776c;font-size:13px}
.flow-tools112{display:flex;gap:7px;flex:none}
.flow-tools112 button{height:32px;width:32px;background:#f8fcf9;border:1px solid #b9d5ca;border-radius:50%;font-size:20px;line-height:1}
.flow-tools112 button:disabled{opacity:.4}
.flow-viewport112{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#7cab9d #d6eae3;scroll-snap-type:x proximity}
.flow-track112{padding:0 6px 16px;margin:0;display:flex;gap:22px;list-style:none;min-width:100%}
.flow-node112{position:relative;flex:1 0 110px;margin:0;scroll-snap-align:start;max-width:230px;min-width:0}
.flow-node112:not(:last-child):after{content:'→';position:absolute;right:-19px;top:42%;color:#438574;font-size:20px;line-height:1}
.flow-node112>a{display:block;color:#17493e;text-decoration:none}
.flow-node112 img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid #bcd8ca}
.flow-node112 .flow-label112{display:flex;align-items:flex-start;gap:5px;font-size:12px;line-height:1.55;margin-top:9px;font-weight:600}
.flow-number112{color:#007e82;font-size:11px;flex:none;font-variant-numeric:tabular-nums;padding-top:1px}
.flow-node112 a:hover img{border-color:#008e8f}
.flow-node112 a:focus-visible{outline:3px solid #008e8f;outline-offset:3px;border-radius:6px}
.flow-conditions112{display:grid;grid-template-columns:1fr 1.35fr 1.4fr;gap:18px;border-top:1px solid #bdd8ca;padding-block:16px 18px;margin-top:4px}
.flow-condition112{display:flex;align-items:flex-start;gap:10px;min-width:0}
.flow-symbol112{width:30px;height:30px;display:grid;place-items:center;flex:none;background:#c8e4d7;color:#257158;border-radius:50%;font-size:16px;font-weight:700}
.flow-condition112.adjust .flow-symbol112{background:#f1e3bd;color:#806a31}
.flow-condition112.pause .flow-symbol112{background:#efd8ce;color:#8c5547}
.flow-condition112 strong{font-size:13px;display:block;line-height:1.5}
.flow-condition112 p{font-size:12px;line-height:1.7;margin:3px 0 0;color:#587166}
.flow-condition112 a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:2200px){.scene-tile112 img{height:224px}}
@media(max-width:800px){.section-hero112>.hero-copy112{padding-block:25px 24px}.scene-tile112{flex-basis:190px;width:190px}.scene-tile112 img{height:143px}.scene-repeat112{display:none!important}.scene-tools112{right:12px;top:9px}.scene-tools112 button{width:32px;height:32px}.scene-context112{padding:9px 0}.flow-node112{flex:0 0 160px;max-width:160px}.flow-track112{gap:25px}.flow-node112:not(:last-child):after{right:-21px}.flow-label112{font-size:13px!important}.flow-conditions112{grid-template-columns:1fr;gap:14px}.flow-top112{gap:10px}.flow-top112 p{font-size:12px}.flow-banner112{padding-top:16px}.panorama-banner112 img{height:auto;object-fit:contain}}
@media(prefers-reduced-motion:reduce){.scene-viewport112,.flow-viewport112{scroll-behavior:auto}}
@media(max-width:800px){.section-hero112[data-section112="insights"] .scene-tile112 img{height:143px}}