@font-face{font-family:DM Sans;src:url(/dm-sans.ttf)format("truetype");font-style:normal;font-weight:100 1000;font-display:swap}:root{color:#ebeeed;font-synthesis:none;--muted:#a2afb4;--line:#ffffff18;--accent:#e9bd80;background:#11191d;font-family:DM Sans,Arial,sans-serif;font-size:16px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;transition:background .2s,color .2s}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover:not(:disabled){background:#ffffff0c}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}button{min-height:44px}p{color:#b0bdc2;font-size:16px;line-height:1.6}h1,h2,h3,p{margin:0}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 36px;display:flex}.brand{letter-spacing:.12em;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.brand-mark{letter-spacing:-2px;color:#e6bd83;border:1px solid #aebbb84a;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:19px;display:flex}.brand-mark>span{font-size:14px;position:relative;top:-4px;left:2px}.brand-sub{letter-spacing:.16em;color:#87989f;margin-top:6px;font-size:9px;display:block}.text-button{color:#b5c2c7;align-items:center;gap:9px;padding:0 10px;font-size:13px;display:flex}.intro{justify-content:space-between;align-items:flex-end;gap:32px;padding:29px 38px 30px;display:flex}.eyebrow{letter-spacing:.16em;color:#8f9fa6;font-size:11px;font-weight:550}.intro h1{letter-spacing:-1.5px;margin-top:13px;font-size:clamp(26px,2.9vw,43px);font-weight:450;line-height:1.13}.intro h1>span{color:#a5b0b4}.intro>p{min-width:185px;padding-bottom:3px;font-size:14px;line-height:1.6}.intro>p a{vertical-align:middle;margin-left:5px;display:inline-flex}.exhibit{border:1px solid #ffffff1c;border-radius:8px;grid-template-columns:minmax(0,1fr) 330px;margin:0 24px;display:grid;overflow:hidden;box-shadow:0 15px 40px #00000012}.model-area{background:#182227;flex-direction:column;min-width:0;display:flex}.stage-top{z-index:1;letter-spacing:.11em;color:#c1c9cb;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:11px;display:flex}.stage-top>span{align-items:center;gap:9px;display:flex}.tiny-line{background:var(--accent);width:20px;height:1px}.stage-top .concept{letter-spacing:.09em;color:#82939b;font-size:9px}.viewport{isolation:isolate;height:clamp(360px,100dvh - 409px,640px);min-height:340px;position:relative;overflow:hidden}.scene{position:absolute;inset:0}.scene canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.hotspot{letter-spacing:.04em;color:#e0e7e9;background:#223037de;border:1px solid #c5cfd360;border-radius:50%;width:30px;height:30px;min-height:30px;font-size:10px;position:absolute;top:0;left:0;box-shadow:0 2px 8px #0003}.hotspot:hover,.hotspot.selected{color:#182227;border-color:#e4b576;background:#e4b576!important}.hotspot[hidden]{display:none}.view-tools{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11191d77;border:1px solid #ffffff14;border-radius:5px;flex-direction:column;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.view-tools button{color:#aebbc0;place-items:center;width:40px;height:40px;min-height:40px;display:grid}.view-tools button+button{border-top:1px solid #ffffff0b}.view-caption{pointer-events:none;color:#8d9ea6;justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:15px;left:22px;right:22px}.view-caption>span:first-child{letter-spacing:.13em;font-size:9px}.controls{background:#172125;border-top:1px solid #ffffff0c;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;display:flex}.explosion{flex:1;align-items:center;gap:22px;display:flex}.segmented{background:#111a1f;border:1px solid #ffffff12;border-radius:5px;align-items:center;gap:2px;padding:3px;display:flex}.segmented button{color:#91a1a8;border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-size:12px;display:flex}.segmented button.active{color:#f3f3ee;background:#344147;box-shadow:0 1px 5px #0002}.range{flex:1;min-width:80px;max-width:165px}.range label{color:#aebcc2;justify-content:space-between;font-size:10px;display:flex}.range output{font-variant-numeric:tabular-nums;color:#e5be83}.range input{accent-color:#e2b77d;cursor:pointer;width:100%;height:20px;margin:6px 0 0}.follow{color:#202b2d;white-space:nowrap;background:#e6bd82;border:1px solid #edc78f;border-radius:4px;justify-content:center;align-items:center;gap:9px;padding:0 15px;font-size:12px;font-weight:650;display:flex}.follow:hover:not(:disabled){background:#f2d4a8}.tour-length{opacity:.65;margin-left:6px;font-size:9px;font-weight:500}.follow.active{color:#e5bd81;background:0 0;border-color:#e5bd814d}.process-strip{background:#141e23;border-top:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:4px;min-height:55px;padding:0 19px;display:flex}.process-strip button{color:#a7b6bd;white-space:nowrap;align-items:center;gap:6px;padding:0 3px;font-size:11px;display:flex}.process-strip button>span{color:#677e89;font-size:9px}.process-strip>svg{color:#50636c;flex-shrink:0}.process-strip button.active,.process-strip button.active>span{color:var(--accent)}.inspector{background:#1b272d;border-left:1px solid #ffffff18;flex-direction:column;min-height:0;max-height:824px;display:flex}.inspector-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:54px;padding:7px 18px 7px 23px;display:flex}.inspector-toolbar>span{color:#a2b0b7;letter-spacing:.11em;font-size:10px}.inspector-toolbar>div{display:flex}.inspector-toolbar button{color:#a2b0b7;border-radius:4px;place-items:center;width:36px;min-height:36px;display:grid}.inspector>article,.systems,.component-library{scrollbar-width:thin;scrollbar-color:#51616a transparent;flex:1;padding:24px;overflow:auto}.accent{color:#e0b67c;font-size:10px}.inspector h2{letter-spacing:-.8px;margin:13px 0 17px;font-size:26px;font-weight:450;line-height:1.18}.distinction{border-block:1px solid var(--line);margin:24px 0 20px;padding:15px 0}.distinction>div{align-items:center;gap:14px;padding:10px 0;display:flex}.step-number{color:#e4c292;border:1px solid #b3c1c32e;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.distinction strong{margin-bottom:4px;font-size:14px;font-weight:500;display:block}.distinction div div>span{color:#9aabb2;font-size:11px;display:block}.inspector .key-note{color:#dfc39d;font-size:13px}.source-links{flex-direction:column;gap:8px;margin:16px 0 21px;display:flex}.source-links a{color:#92a9b5;text-underline-offset:3px;align-items:center;gap:5px;font-size:10px;line-height:1.5;-webkit-text-decoration:underline #92a9b540;text-decoration:underline #92a9b540;display:flex}.source-links a:hover{color:#dbe4e7}.source-links svg{flex-shrink:0}.outline{color:#d4dfe2;border:1px solid #8b9fa745;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:9px 12px;font-size:12px;display:flex}.component-no{color:var(--accent);letter-spacing:.12em;font-size:12px}.component-heading{justify-content:space-between;align-items:center;display:flex}.component-heading button{color:#9aaeb7;place-items:center;width:28px;min-height:24px;display:grid}.role{letter-spacing:.04em;color:#e0b986;border:1px solid #e6b7793d;border-radius:3px;margin-bottom:18px;padding:5px 8px;font-size:10px;display:inline-block}.component-content h3{letter-spacing:.12em;color:#8da3ad;margin:21px 0 7px;font-size:10px;font-weight:500}.component-content dl{border-block:1px solid var(--line);flex-direction:column;gap:10px;margin:21px 0;padding:16px 0;display:flex}.component-content dt{letter-spacing:.13em;color:#8da3ad;font-size:9px}.component-content dd{color:#e0e7e8;margin:5px 0 0;font-size:13px;line-height:1.5}.component-content dl>svg{color:var(--accent)}.inspector p.note,.note{color:#8ea3ad;font-size:12px;line-height:1.6}.story-content{flex-direction:column;display:flex}.story-content h2{font-size:29px}.story-symbol{min-height:90px;color:var(--accent);letter-spacing:-1px;border-block:1px solid #ffffff14;justify-content:center;align-items:center;gap:14px;margin:3px 0 20px;font-size:39px;display:flex}.story-symbol i{color:#8aa0ab;font-size:20px;font-style:normal}.story-symbol small{letter-spacing:.14em;color:#a2bdc9;border:1px solid #9cabb23d;border-radius:3px;padding:5px;font-size:10px}.split{letter-spacing:0;flex-direction:column;align-items:flex-start;gap:14px;font-size:14px;display:flex}.split>span{align-items:center;gap:10px;display:flex}.split>span:first-child{color:#b5c795}.strata{text-align:center;letter-spacing:.12em;width:100%;padding:12px 0;font-size:10px}.strata>span{color:#aeb9bc;background:repeating-linear-gradient(0deg,#a5b0b21c 0 1px,#0000 1px 7px);padding:12px;display:block}.strata>span+span{color:#a7d6ea;background:#89aec518}.state-tag{color:#d6bd9e;letter-spacing:.03em;border-bottom:1px solid var(--line);margin-top:12px;padding:10px 0;font-size:10px}.story-bottom{margin-top:auto;padding-top:14px}.story-progress{gap:4px;display:flex}.story-progress button{background:linear-gradient(#ffffff20,#ffffff20) 50%/100% 3px no-repeat;flex:1;min-height:24px;padding:10px 0}.story-progress button.done{background:linear-gradient(#e0b67c,#e0b67c) 50%/100% 3px no-repeat}.story-nav{align-items:center;gap:12px;display:flex}.story-nav>span{color:#90a6b0;font-size:11px}.story-nav button{justify-content:center;align-items:center;min-width:28px;display:flex}.story-nav .next{color:var(--accent);gap:4px;margin-left:auto;font-size:13px}.component-library>label{margin-bottom:14px;font-size:16px;display:block}.search-field{color:#9ab0bb;background:#111c22;border:1px solid #8b9fa747;border-radius:4px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-field input{color:#edf1f1;outline-offset:0;background:0 0;border:0;width:100%;min-width:0;height:44px;font-size:14px}.search-results{margin-top:18px}.search-results button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:9px;width:100%;min-height:52px;font-size:13px;display:flex}.search-results button>span{color:#c4a67d;font-size:10px}.search-results button>svg{margin-left:auto}.systems>label{border-bottom:1px solid var(--line);align-items:center;gap:9px;min-height:58px;font-size:13px;display:flex}.systems input{accent-color:#e3b97e;width:20px;height:20px;margin-left:auto}.system-color{border-radius:50%;width:7px;height:7px}.systems .outline{margin-top:20px}.systems p{margin-bottom:16px}footer{color:#8b9ea7;justify-content:space-between;align-items:center;gap:20px;padding:18px 26px;display:flex}.legend{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.legend>span{white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.legend i{width:15px;height:3px;display:block}.legend .raw{background:#b3a891}.legend .methane{background:#b5c795}.legend .gas{background:#d5a763}.legend .liquid{background:#7bb7d0;height:5px}.legend .stored{background:repeating-linear-gradient(90deg,#aab9c3 0 2px,#0000 2px 4px);height:7px}footer>button{text-align:right;align-items:center;gap:6px;min-height:28px;font-size:10px;display:flex}.scene-error{text-align:center;z-index:3;background:#182227;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:30px}.scene-error button{border:1px solid #ffffff45;border-radius:4px;margin-top:20px;padding:10px}.scene-error p{max-width:340px}dialog{color:#e8eeef;background:#1b282f;border:1px solid #829ca34a;border-radius:8px;width:calc(100% - 32px);max-width:690px;max-height:calc(100dvh - 48px);padding:30px 34px;box-shadow:0 30px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060c10c9}.dialog-header{justify-content:space-between;align-items:center;display:flex}.dialog-header button{place-items:center;width:40px;display:grid}dialog h2{letter-spacing:-1px;margin:13px 0 20px;font-size:32px;font-weight:450}dialog p{font-size:15px}dialog h3{margin:27px 0 12px;font-size:17px;font-weight:500}.source-note{color:#aabfc9;background:#132128;border:1px solid #ffffff12;margin-top:20px;padding:17px;font-size:14px;line-height:1.7}.source-note strong{color:#e4c397}dialog .meta{font-size:12px}.source-library{margin:16px 0}.source-library>a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.source-library strong{font-size:14px;font-weight:450;line-height:1.4;display:block}.source-library span{color:#8fa8b5;margin-top:6px;font-size:11px;display:block}dialog .outline{margin-top:23px}dialog a:hover{color:var(--accent)}@media (width>=1450px){.app{max-width:1800px;margin:auto}.exhibit{grid-template-columns:minmax(0,1fr) 360px}.inspector>article{padding:30px}.viewport{min-height:480px}.intro h1{font-size:44px}}@media (width<=1150px){.exhibit{grid-template-columns:minmax(0,1fr) 300px}.controls{flex-wrap:wrap;gap:10px}.explosion{flex:1;min-width:100%}.range{max-width:none}.follow{width:100%}.process-strip{flex-wrap:wrap;justify-content:center;gap:6px;padding:0 10px}.process-strip button{gap:4px;font-size:10px}.stage-top .concept,.intro>p{display:none}.inspector{max-height:850px}.viewport{height:450px}.tour-length{margin-left:auto}.follow{position:relative}.follow>svg{margin-right:0}.follow .tour-length{position:absolute;right:15px}.controls .follow{min-height:44px}.intro h1{font-size:36px}.legend{gap:12px}}@media (width<=767px){header{padding:12px 18px}.brand{gap:10px;font-size:10px}.brand-mark{width:29px;height:29px;font-size:17px}.brand-sub{letter-spacing:.1em;font-size:8px}.text-button span{display:none}.text-button{justify-content:center;width:40px;min-height:36px}.intro{padding:23px 20px 21px}.intro h1{letter-spacing:-.9px;max-width:500px;margin-top:11px;font-size:29px;line-height:1.15}.intro .eyebrow{font-size:9px}.desktop{display:none}.exhibit{border-radius:6px;grid-template-columns:1fr;margin:0 12px;overflow:visible}.model-area{border-radius:6px 6px 0 0;overflow:hidden}.stage-top{padding:15px 14px;font-size:10px}.viewport{height:clamp(290px,40dvh,410px);min-height:260px}.view-caption{font-size:9px;bottom:11px;left:15px;right:15px}.view-caption>span:first-child{letter-spacing:.07em;font-size:8px}.view-tools{right:8px}.view-tools button{width:34px;min-height:40px}.controls{gap:12px;padding:12px}.explosion{gap:14px}.segmented{flex-shrink:0;gap:0}.segmented button{gap:5px;min-height:38px;padding:0 8px;font-size:11px}.range{min-width:68px}.range label{font-size:9px}.range input{height:22px}.follow{font-size:13px}.follow .tour-length{font-size:10px}.process-strip{flex-wrap:nowrap;justify-content:space-around;gap:0;min-height:59px;padding:6px 8px}.process-strip button{flex-direction:column;gap:4px;min-height:43px;padding:0;font-size:9px}.process-strip button>span{font-size:9px}.process-strip>svg{width:9px}.inspector{border-top:1px solid #ffffff18;border-left:0;border-radius:0 0 6px 6px;max-height:none}.inspector-toolbar{min-height:48px;padding:6px 13px 6px 18px}.inspector-toolbar>span{font-size:10px}.inspector>article,.systems,.component-library{padding:22px;overflow:visible}.inspector h2{font-size:27px}.inspector p{font-size:15px}.source-links a{font-size:12px}.distinction div div>span{font-size:13px}.distinction strong{font-size:15px}.overview{grid-template-columns:1fr;display:grid}.inspector .key-note{font-size:14px}.outline{min-height:46px;font-size:14px}.story-symbol{min-height:92px}.story-progress button{min-height:38px}.story-nav{gap:17px}.story-nav>span{font-size:13px}.story-nav .next{font-size:15px}.component-content h3,.component-content dt{font-size:11px}.component-content dd{font-size:15px}.role{font-size:12px}.component-no{font-size:14px}.inspector p.note{font-size:13px}.systems>label,.search-results button{font-size:15px}.state-tag{font-size:12px}.hotspot{width:30px;height:30px;min-height:30px;font-size:10px}.component-heading button{width:36px;min-height:36px}footer{padding:19px 20px 28px;padding-bottom:calc(24px + env(safe-area-inset-bottom));display:block}.legend{gap:12px 15px}.legend>span{font-size:10px}footer>button{text-align:left;margin-top:18px;font-size:11px}dialog{max-height:calc(100dvh - 24px);padding:21px}dialog h2{font-size:29px}.source-library strong{font-size:14px}.source-library span{font-size:12px}.source-note{font-size:14px}dialog .source-links a{font-size:12px}.inspector-toolbar button{width:40px;min-height:40px}}@media (width<=359px){.intro h1{font-size:25px}.intro{padding:19px 16px}.exhibit{margin:0 8px}.controls{padding:10px}.explosion{gap:10px}.segmented button{padding:0 6px;font-size:10px}.segmented button svg{width:13px}.process-strip button,.view-caption>span:last-child{font-size:8px}.viewport{height:280px}.range{min-width:63px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.inspector p{font-size:16px;line-height:1.6}.source-links a{font-size:12px}.inspector p.note{font-size:13px}.inspector .key-note{font-size:14px}.distinction div div>span{font-size:12px}.outline{font-size:13px}.process-strip button{font-size:12px}.process-strip button>span{font-size:10px}.segmented button,.follow{font-size:14px}.tour-length{display:none}.controls{gap:12px}.explosion{gap:16px}.range label{font-size:11px}@media (width<=767px){.process-strip button{font-size:10px}.segmented button{font-size:12px}.follow{font-size:14px}.range label{font-size:10px}.outline{font-size:14px}.source-links a{font-size:12px}}@media (width<=359px){.segmented button{font-size:11px}.process-strip button{font-size:9px}}@media (width>=1151px){.viewport{height:clamp(340px,100dvh - 510px,560px)}.inspector{max-height:clamp(524px,100dvh - 326px,744px)}}@media (width<=767px){.app.inspecting{height:100dvh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;overflow:hidden}.inspecting header{flex-shrink:0}.inspecting .intro,.inspecting footer,.inspecting .stage-top,.inspecting .process-strip{display:none}.inspecting .exhibit{flex-direction:column;flex:1;min-height:0;margin:0 8px 8px;display:flex}.inspecting .model-area{flex-shrink:0}.inspecting .viewport{height:28dvh;min-height:165px}.inspecting .inspector{flex:1;min-height:0;overflow:hidden}.inspecting .inspector-toolbar{flex-shrink:0}.inspecting .inspector>article,.inspecting .systems,.inspecting .component-library{padding:18px;overflow:auto}.inspecting .inspector h2{font-size:25px}.inspecting .story-symbol{min-height:68px}.inspecting .view-tools{flex-direction:row;top:auto;bottom:26px;right:8px;transform:none}.inspecting .view-tools button{width:30px;height:30px;min-height:30px}.inspecting .view-tools button+button{border-top:0;border-left:1px solid #ffffff0b}.inspecting .controls{gap:7px;padding:9px}.inspecting .follow{min-height:40px}.inspecting .view-caption{font-size:8px}.inspecting .view-caption>span:last-child{display:none}.inspecting .story-nav{background:#1b272d;padding:5px 0;position:sticky;bottom:-18px}.inspecting .component-content .isolate{background:#1b272d;position:sticky;bottom:-18px}}.inspector>.story-bottom{border-top:1px solid var(--line);background:#1b272d;flex-shrink:0;margin-top:0;padding:8px 24px 14px}.story-content{min-height:0}@media (width<=767px){.inspector>.story-bottom{padding:0 18px 8px}.inspecting .story-nav{padding:0;position:static}.story-progress button{min-height:23px}}@media (height<=500px) and (width<=767px){.inspecting header{display:none}.inspecting .viewport{height:30dvh;min-height:120px}.inspecting .controls .range{display:none}.inspecting .controls{flex-wrap:nowrap}.inspecting .explosion{min-width:0}.inspecting .follow{width:auto}.inspecting .inspector-toolbar{min-height:38px}}@media (width>=768px) and (height<=500px){header{padding:7px 20px}.intro,footer,.stage-top,.process-strip{display:none}.exhibit{grid-template-columns:minmax(0,1fr) 300px;height:calc(100dvh - 68px);margin:0 8px}.viewport{height:calc(100dvh - 127px);min-height:0}.controls{flex-wrap:nowrap;gap:6px;padding:6px}.explosion{gap:0;min-width:0}.range{display:none}.controls .follow{width:auto;min-height:40px;padding:0 8px;font-size:11px}.segmented button{padding:0 6px;font-size:11px}.segmented button svg{width:13px}.inspector{height:100%;min-height:0;max-height:100%}.inspector>article{min-height:0;overflow:auto}.inspector-toolbar{min-height:44px}.inspector>.story-bottom{padding:0 16px 5px}.view-caption{font-size:9px}}.stream-label{pointer-events:none;letter-spacing:.02em;color:#d0dcb4;white-space:nowrap;background:#152024b8;border-radius:3px;padding:4px 7px;font-size:10px;position:absolute;top:0;left:0}.stream-label[hidden]{display:none}.part-tooltip{z-index:8;pointer-events:none;color:#e8eef0;background:#0e181eef;border:1px solid #71868f55;border-radius:4px;max-width:210px;padding:9px 12px;font-size:13px;position:absolute;box-shadow:0 6px 18px #0003}.part-tooltip[hidden]{display:none}.part-hotspot{color:#dfbf91;background:#172329eb;border-color:#b6986b6b;border-radius:5px;width:26px;height:26px;min-height:26px;font-size:11px}.focus-heading{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:7px;left:18px;right:18px}.focus-heading button{pointer-events:auto;color:#d9c6a7;background:#142026c7;border:1px solid #a29b8233;border-radius:4px;align-items:center;gap:4px;min-height:34px;padding:0 7px;font-size:12px;display:flex}.focus-heading>span{color:#bdcbd0;letter-spacing:.05em;font-size:11px}.open-assembly{text-align:left;color:#e7c494;background:#ddbc8720;border:1px solid #ddbc8755;border-radius:4px;align-items:center;gap:9px;width:100%;min-height:47px;margin:18px 0 9px;padding:12px;font-size:13px;display:flex}.open-assembly>span{color:#9eacb3;white-space:nowrap;margin-left:auto;font-size:11px}.open-assembly:hover{background:#ddbc8735!important}.open-assembly.featured{font-size:13px;line-height:1.4}.open-assembly.featured svg:last-child{margin-left:auto}.parts-list{border:1px solid #8a9fa521;border-radius:4px;margin:12px 0 24px}.parts-list button{text-align:left;color:#b6c4ca;align-items:center;gap:9px;width:100%;min-height:41px;padding:8px 10px;font-size:12px;display:flex}.parts-list button+button{border-top:1px solid #8a9fa515}.parts-list button>span{color:#dec499;border:1px solid #ba9b6650;border-radius:3px;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.parts-list button>svg{margin-left:auto}.parent-link{color:#96afbd;align-items:center;gap:3px;min-height:32px;margin:-8px 0 12px;font-size:12px;display:flex}.component-library .search-results{max-height:600px;overflow:auto}.overview .distinction{margin-top:18px}.viewport{background:#182227}.view-caption>span:first-child{max-width:70%}.focus-heading+.scene .hotspot{z-index:2}@media (width>=1151px){.intro{padding:24px 38px}.intro h1{font-size:35px}.viewport{height:clamp(370px,100dvh - 448px,650px)}.inspector{max-height:clamp(554px,100dvh - 264px,834px)}}@media (width<=767px){.parts-list button{min-height:46px;font-size:14px}.open-assembly{min-height:47px;font-size:14px}.open-assembly>span{font-size:12px}.focus-heading{top:7px;left:7px;right:7px}.focus-heading>span{text-align:right;max-width:55%;font-size:10px}.focus-heading button{min-height:34px;font-size:11px}.part-hotspot{width:28px;height:28px;min-height:28px}.inspecting .viewport{height:32dvh}.inspecting .component-content>.parts-list{margin-bottom:15px}.inspecting .component-content .open-assembly{margin-top:12px}.component-library .search-results{max-height:none}.parent-link{font-size:13px}.view-caption>span:first-child{font-size:8px}}@media (width>=768px) and (height<=500px){.viewport{height:calc(100dvh - 127px);min-height:0}.inspector{max-height:100%}}.label-leaders{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.label-leaders line{stroke:#9eb4c066;stroke-width:1px;stroke-dasharray:2 3}.part-hotspot{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#18262deb;width:34px;height:34px;min-height:34px}@media (width<=767px){.focused .viewport{height:40dvh;min-height:200px;max-height:375px}.part-hotspot{width:44px;height:44px;min-height:44px;font-size:13px}.focused .view-tools{bottom:6px;right:7px}.focused .view-caption{bottom:11px}.focused .focus-heading{top:7px}.focused .inspector-toolbar{min-height:44px}.focused .inspector-toolbar button{min-height:34px}}@media (width<=767px) and (height<=650px){.focused .viewport{height:200px}.focused .range{display:none}.focused .controls{flex-wrap:nowrap}.focused .explosion{min-width:0}.focused .follow{width:auto;padding:0 8px;font-size:11px}.focused .segmented button{font-size:11px}}.license-link{color:#96aeb9;margin-top:18px;font-size:12px;display:block}@media (width<=767px){.focused .viewport{min-height:240px}.focused .view-tools{flex-direction:column;top:50%;bottom:auto;right:6px;transform:translateY(-50%)}.focused .view-tools button+button{border-top:1px solid #ffffff0b;border-left:0}}@media (width<=767px) and (height<=650px){.focused .viewport{height:240px}}@media (width<=359px) and (height<=650px){.focused .controls{gap:5px;padding:8px 6px}.focused .segmented button{gap:4px;padding:0 6px}.focused .segmented button svg{width:12px}.focused .follow{gap:4px;padding:0 6px}.focused .follow svg{width:12px}}.follow .tour-length{letter-spacing:.06em;opacity:.75;margin-left:12px;font-size:10px;display:inline;position:static}.story-active .follow .tour-length{display:none}.tour-overlay{pointer-events:none;z-index:3;position:absolute;inset:0}.tour-heading{align-items:center;gap:12px;display:flex;position:absolute;top:18px;left:22px;right:65px}.tour-stage-number{color:#ecc587;background:#142026d9;border:1px solid #e8bc7760;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:14px;display:grid}.tour-stage-name{text-transform:uppercase;letter-spacing:.12em;color:#bca380;margin-bottom:4px;font-size:11px;display:block}.tour-heading strong{color:#ecede7;text-shadow:0 1px 8px #000;font-size:17px;font-weight:450;line-height:1.3}.tour-context .scene{opacity:.18}.tour-context .view-tools{display:none}.journey-card{background:#17272fe8;border:1px solid #eac9913b;border-radius:12px;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px;width:min(540px,80%);padding:30px 20px 22px;animation:.65s ease-out both journey-arrival;display:grid;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 60px #0004}.journey-node{text-align:center;color:#dae3df;flex-direction:column;align-items:center;gap:16px;font-size:16px;display:flex}.journey-node>svg{stroke-width:1.3px;color:#c7d6b3;width:40px;height:40px}.journey-node.destination>svg{color:#edc38b}.journey-track{background:#d9b77a50;align-self:center;height:2px;margin-top:-27px;position:relative}.journey-track>svg{color:#dfb77b;width:18px;height:18px;position:absolute;top:-8px;right:-5px}.journey-bead{color:#263237;background:#eed09e;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:600;animation:2.8s ease-in-out infinite carbon-transit;display:grid;position:absolute;top:-18px;left:0;box-shadow:0 0 24px #efd09755}.journey-qualification{text-align:center;color:#a8bdc6;grid-column:1/-1;margin:10px 0 0;line-height:1.4;font-size:12px!important}.tour-paused .journey-card,.tour-paused .journey-bead{animation-play-state:paused}@keyframes carbon-transit{0%{opacity:1;left:-12px;transform:scale(.8)}15%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0;left:calc(100% - 26px);transform:scale(.8)}}@keyframes journey-arrival{0%{opacity:0;margin-top:14px}to{opacity:1;margin-top:0}}.carbon-tracer{z-index:2;pointer-events:none;white-space:nowrap;color:#18252c;background:#f2cf94;border:1px solid #ffe9c2;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600;position:absolute;top:0;left:0;box-shadow:0 0 20px #eebf6260}.carbon-tracer[hidden]{display:none}.liquid-tracer{background:#a7deed;border-color:#def7ff;box-shadow:0 0 20px #83cce850}.hotspot.tour-hotspot{background:#16262ee8;border-radius:4px;width:auto;min-width:44px;padding:0 10px;font-size:12px}.tour-playback{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.tour-toggle{color:#f0d0a1;background:#e1bb7c14;border:1px solid #e5ba7855;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-width:92px;min-height:44px;padding:0 14px;font-size:14px;display:flex}.tour-timing{flex:1;min-width:100px;max-width:400px}.tour-timing>div:first-child{color:#a3b7c0;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:12px;display:flex}.tour-timing>div:first-child>span:first-child{color:#e4cfad}.playing-status:before{content:"";background:#dcb478;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 9px #dcb47888}.tour-time-track{background:#ffffff20;border-radius:3px;height:3px;overflow:hidden}.tour-time-track i{transform-origin:0;background:#eac48d;width:100%;height:100%;transition:transform 80ms linear;display:block}.story-active .controls{flex-wrap:nowrap}.story-active .follow{color:#a8bbc3;background:0 0;border:1px solid #8ea1aa35;flex-shrink:0;width:auto;padding:0 12px;font-size:12px}.story-content{animation:.35s ease-out story-copy-in}.story-content h2{margin-bottom:18px}.story-content p{margin-top:0}.story-active .view-caption{pointer-events:none}@keyframes story-copy-in{0%{opacity:.4}to{opacity:1}}@media (width<=767px){.tour-heading{gap:8px;top:12px;left:14px;right:14px}.tour-stage-number{width:29px;height:29px;font-size:11px}.tour-stage-name{margin-bottom:3px;font-size:9px}.tour-heading strong{font-size:13px}.journey-card{gap:8px;width:calc(100% - 32px);padding:20px 12px 14px;top:57%}.journey-node{gap:10px;font-size:13px}.journey-node>svg{width:30px;height:30px}.journey-bead{width:30px;height:30px;font-size:10px;top:-14px}.journey-track{margin-top:-22px}.journey-qualification{margin-top:7px;font-size:10px!important}.story-active .tour-playback{gap:9px}.story-active .tour-toggle{gap:5px;min-width:66px;min-height:42px;padding:0 8px;font-size:12px}.tour-timing>div:first-child{gap:4px;margin-bottom:6px;font-size:10px}.story-active .follow{min-height:42px;padding:0 8px;font-size:11px}.story-active .follow>svg{display:none}.story-active .controls{gap:10px}.story-active .view-tools{bottom:22px}.carbon-tracer{padding:4px 7px;font-size:10px}.hotspot.tour-hotspot{min-width:38px;padding:0 6px;font-size:10px}.inspecting .story-active .viewport{height:32dvh;min-height:210px}.story-active .view-caption>span:first-child{font-size:7px}.story-active .story-content{padding-top:14px}.story-active .story-content h2{margin-top:8px;font-size:23px}.story-active .inspector-toolbar{min-height:40px}}@media (width<=359px){.tour-timing>div:first-child{flex-direction:column;gap:1px}.tour-playback,.story-active .controls{gap:6px}.tour-timing{min-width:70px}.journey-card{top:59%}.tour-heading strong{font-size:12px}}@media (prefers-reduced-motion:reduce){.journey-bead{opacity:1;left:calc(50% - 15px)}.journey-card{opacity:1}.tour-time-track i{transition:none}}.tour-paused .journey-card{animation:none}@media (width>=768px) and (height<=500px){.tour-heading{gap:8px;top:10px;left:14px}.tour-stage-number{width:30px;height:30px;font-size:12px}.tour-stage-name{font-size:9px}.tour-heading strong{font-size:13px}.journey-card{gap:10px;width:min(450px,82%);padding:18px 14px 12px;top:60%}.journey-node{gap:9px;font-size:13px}.journey-node>svg{width:25px;height:25px}.journey-qualification{margin-top:5px;font-size:10px!important}.journey-bead{width:30px;height:30px;font-size:10px;top:-14px}.tour-playback{gap:8px}.tour-toggle{min-width:70px;padding:0 8px;font-size:12px}.tour-timing>div:first-child{font-size:10px}.story-active .follow{padding:0 7px}.story-active .follow>svg{display:none}}.brand-mark{flex-shrink:0}.brand>span:last-child{min-width:0}.brand{line-height:1.4}