/* A single operating model, with controls and explanation beside the object. */
.cell-section{background:#000;color:#e5ece8;overflow:visible;padding-bottom:64px}.cell-copy{max-width:720px}.cell-copy .eyebrow{color:#a3bbb0}.cell-copy>p{font-size:clamp(28px,3vw,43px);letter-spacing:-.04em;font-weight:350;margin-top:15px;line-height:1.2}.cell-copy .cell-model-note{font-size:13px;line-height:1.6;letter-spacing:0;color:#9baea9;max-width:460px;margin-top:18px}.cell-experience{height:420svh;width:100%;margin:28px 0 0;position:relative}.cell-sticky{position:sticky;top:88px;height:calc(100svh - 104px);max-height:900px;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.45fr);gap:5%;align-items:center}.cell-story{max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#567165 transparent;padding-right:8px;position:relative;z-index:2}.cell-story>.eyebrow{text-transform:uppercase;font-size:11px;color:#aac7b6}.cell-story h3{font-size:clamp(34px,3.8vw,55px);font-weight:350;line-height:1.07;margin:20px 0;letter-spacing:-.04em}.cell-story>p{font-size:15px;line-height:1.65;color:#b3c5bd;max-width:370px;min-height:77px}.cell-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px;margin:26px 0}.cell-sequence button{position:relative;display:flex;gap:9px;align-items:center;font-size:13px;padding:14px 0;min-height:44px;background:none;border:0;border-bottom:1px solid #374d44;color:#94ada0;text-align:left;white-space:nowrap}.cell-sequence button>span{font-size:11px;color:#799285;font-variant-numeric:tabular-nums}.cell-sequence button.is-complete{color:#ccded1}.cell-sequence button[aria-pressed=true]{color:white}.cell-sequence button[aria-pressed=true]>span{color:#c8dfcc}.cell-sequence button[aria-pressed=true]:after{content:'';position:absolute;left:0;bottom:-1px;height:2px;background:#b1d1b9;width:calc(var(--cell-progress,0) * 100%)}.cell-stage-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:17px;border-top:1px solid #374d44;padding-top:17px}.cell-stage-facts>div{display:block}.cell-stage-facts dt{font-size:12px;line-height:1.5;color:#95ad9f;margin-bottom:4px}.cell-stage-facts dd{font-size:14px;line-height:1.5;color:#d9e6db}.cell-story.is-reaction .cell-stage-facts{grid-template-columns:1fr;gap:10px}.cell-process-detail{border:0}.cell-process-detail summary{font-size:13px;min-height:40px;padding:9px 0;color:#bfD5c5;list-style:none;display:flex;justify-content:space-between;align-items:center}.cell-process-detail summary:after{content:'';width:7px;height:7px;border-bottom:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);margin-right:4px}.cell-process-detail[open] summary:after{transform:rotate(225deg)}.cell-process-detail ol{margin:8px 0 12px;padding-left:19px;max-height:190px;overflow:auto;overscroll-behavior:contain}.cell-process-detail li{padding:5px 0 9px 5px;font-size:12px;color:#9bb6a5}.cell-process-detail strong{font-size:13px;font-weight:500;color:#d1e1d3}.cell-process-detail li p{font-size:13px;line-height:1.6;margin-top:5px;color:#acc3b4}.cell-scroll-note{display:block;font-size:12px;line-height:1.6;color:#8ca699;margin-top:10px}.cell-product-stage{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.cell-product-stage #viewer-canvas{position:absolute;inset:40px 0 120px;touch-action:pan-y;z-index:1;height:auto!important;min-height:0!important}.cell-product-stage #viewer-canvas canvas{width:100%;height:100%;display:block;touch-action:pan-y!important;cursor:grab}.cell-poster{position:absolute;inset:0 0 100px;pointer-events:none;z-index:2;opacity:1;transition:opacity .5s}.cell-poster>img{display:block;width:100%;height:100%;object-fit:contain}.cell-hotspots{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .4s}.cell-experience.is-ready .cell-hotspots{opacity:1}.cell-hotspots button{position:absolute;display:flex;align-items:center;gap:9px;padding:14px 0;max-width:170px;background:none;border:0;pointer-events:auto;text-align:left;color:#c9ded0;transform:translate(-5px,-50%)}.cell-hotspots i{width:7px;height:7px;flex:none;border-radius:50%;background:#c0d7c7;box-shadow:0 0 0 5px #c3ddcd15}.cell-hotspots span{opacity:0;font-size:12px;padding:6px 8px;background:#172a24ed;transition:opacity .15s;white-space:nowrap}.cell-hotspots button:hover span,.cell-hotspots button:focus-visible span,.cell-hotspots button.is-active span{opacity:1}.cell-hotspots button.is-active i{background:#85c4dc}.cell-flow-legend{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:center;gap:20px;z-index:3;pointer-events:none;font-size:11px}.cell-flow-legend span:before{content:'';display:inline-block;width:15px;height:2px;margin-right:6px;vertical-align:middle;background:currentColor}.legend-hydrogen{color:#85c4df}.legend-power{color:#ede1b5}.legend-heat{color:#dbab79}.cell-flow-label{position:absolute;bottom:94px;left:5%;right:5%;z-index:2;text-align:center;font-size:11px;letter-spacing:.07em;line-height:1.6;color:#a9c1b8;pointer-events:none}.cell-product-tools{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px 23px;z-index:4}.cell-product-tools button{font-size:12px;min-height:38px;padding:9px 0;color:#d0e1d5;background:none;border:0;border-bottom:1px solid #536e5e}.cell-product-tools button[aria-pressed=true]{color:#a8dbbf}.cell-product-tools>span{width:100%;text-align:center;font-size:11px;color:#90aa9b;margin-top:7px}.cell-hover-label{position:absolute;max-width:210px;z-index:5;pointer-events:none;background:#e5eee4;color:#193227;padding:10px 13px;font-size:13px;line-height:1.4}.cell-reaction-key{position:absolute;top:45px;left:3%;right:3%;display:flex;justify-content:center;gap:8px 14px;flex-wrap:wrap;z-index:2;font-size:11px;line-height:1.5;color:#bfcfc4}.cell-reaction-key .hydrogen{color:#85c4df}.cell-reaction-key .proton{color:#8cceb4}.cell-reaction-key .electron{color:#ede1b5}.cell-route-labels{position:absolute;top:54px;left:2%;right:2%;display:flex;align-items:center;justify-content:center;gap:12px;z-index:2;pointer-events:none;color:#c7ddd2;font-size:12px;letter-spacing:.02em}.cell-route-labels span{text-align:center}.cell-route-labels small{display:block;margin-top:4px;font-size:10px;letter-spacing:0;color:#91aaa0}.cell-route-labels i{width:20px;height:1px;background:#657f72}.cell-service-boundary{position:absolute;bottom:126px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;pointer-events:none;font-size:12px;color:#c9ddd1}.cell-service-boundary span{border-top:1px solid #526c5f;padding-top:10px}.cell-service-boundary small{display:block;color:#92ae9d;font-size:10px;margin-top:5px}.cell-component-details{border-block:1px solid #374d44;margin-top:30px;color:#c9ded0}.cell-component-details>summary{display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-size:15px;list-style:none}.cell-component-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;padding:15px 0 30px}.cell-component-layout label{display:block;font-size:12px;color:#91ae9c;margin-bottom:12px}.cell-component-layout select{width:100%;background:#192d24;color:#d1e4d5;border:1px solid #536e5e;border-radius:5px;padding:14px;font-size:15px}.cell-component-copy .eyebrow{font-size:11px;color:#a5c5b0}.cell-component-copy h3{font-size:31px;margin:18px 0}.cell-component-copy>p{font-size:15px;line-height:1.7;color:#adc5b6}.cell-component-copy dl{margin-top:24px}.cell-component-copy dl>div{display:flex;justify-content:space-between;gap:25px;padding:13px 0;border-bottom:1px solid #374d44;font-size:13px;line-height:1.5}.cell-component-copy dt{color:#93b09e}.cell-component-copy dd{max-width:60%;text-align:right}.cell-component-details #viewer-part-children{display:grid;margin-top:20px}.cell-component-details #viewer-part-children button{border:0;border-bottom:1px solid #374d44;background:none;color:#adc7b7;padding:13px 0;text-align:left;font-size:13px;min-height:44px}.cell-component-details #viewer-part-children button.is-selected{color:white}.cell-geometry-note{font-size:12px;color:#90ad9c;margin-bottom:24px}.cell-section :focus-visible{outline-color:#b9d8c1}
@media(min-width:761px) and (max-width:1100px){.cell-sticky{grid-template-columns:minmax(220px,.9fr) minmax(0,1.3fr);gap:25px}.cell-sequence{grid-template-columns:repeat(2,1fr);margin:18px 0}.cell-story h3{font-size:38px}.cell-story>p{font-size:14px}.cell-component-layout{gap:35px}}
@media(max-width:760px){.cell-experience{height:520svh;margin-top:25px}.cell-sticky{top:80px;height:calc(100svh - 88px);max-height:none;display:flex;flex-direction:column;gap:8px}.cell-story{width:100%;overflow:visible;flex-shrink:0;padding:0}.cell-story>.eyebrow{font-size:10px}.cell-story h3{font-size:27px;margin:9px 0;min-height:29px}.cell-story>p{font-size:13px;line-height:1.5;max-width:none;min-height:58px}.cell-sequence{margin:10px 0;gap:0 14px}.cell-sequence button{padding:10px 0;font-size:12px;gap:7px;min-height:38px}.cell-stage-facts{gap:14px;padding-top:10px;margin-bottom:6px}.cell-stage-facts dt{font-size:11px;margin-bottom:3px}.cell-stage-facts dd{font-size:12px}.cell-process-detail summary{font-size:12px;min-height:33px;padding:7px 0}.cell-process-detail ol{max-height:100px}.cell-scroll-note{display:none}.cell-product-stage{flex:1;height:auto;min-height:230px}.cell-product-stage #viewer-canvas{top:25px;bottom:85px}.cell-poster{bottom:85px}.cell-product-tools{bottom:0;gap:5px 20px}.cell-product-tools button{font-size:11px;min-height:32px}.cell-product-tools>span{font-size:10px;margin-top:0}.cell-flow-label{bottom:65px;font-size:10px;letter-spacing:.03em}.cell-flow-legend{top:2px;gap:12px;font-size:10px}.cell-hotspots span{font-size:10px;max-width:100px;white-space:normal}.cell-route-labels{top:30px;font-size:10px;gap:7px;left:0;right:0}.cell-route-labels small{font-size:9px}.cell-route-labels i{width:12px}.cell-service-boundary{bottom:96px;font-size:10px;gap:15px}.cell-service-boundary small{font-size:9px}.cell-reaction-key{top:25px;font-size:10px;gap:4px 10px}.cell-component-layout{grid-template-columns:1fr;gap:30px}.cell-component-copy h3{font-size:27px}.cell-component-copy dl>div{font-size:12px}.cell-copy .cell-model-note{font-size:12px}.cell-component-details{margin-top:20px}}
@media(max-height:740px) and (max-width:760px){.cell-story>p{min-height:0}.cell-stage-facts{display:none}.cell-process-detail{display:none}.cell-story h3{font-size:24px}.cell-sequence{margin:6px 0}.cell-product-stage{min-height:175px}}
@media(prefers-reduced-motion:reduce){.cell-experience{height:auto}.cell-sticky{position:relative;top:auto;height:auto;min-height:660px}.cell-product-stage{min-height:460px}.cell-scroll-note{display:none}}