.og-scroll{--og-card:#ffffffe6;--og-card-ink:#0f1c15;--og-card-muted:#44524a;--og-amber:#f5a800;--og-hdr:4rem;height:880vh;position:relative}@media (min-width:1024px){.og-scroll{--og-hdr:4.5rem}}.og-sticky{top:var(--og-hdr);height:calc(100vh - var(--og-hdr));height:calc(100svh - var(--og-hdr));background:#e6e8ea;position:sticky;overflow:hidden}.og-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.og-load{color:#4f5b55;letter-spacing:.08em;background:#e6e8ea;place-items:center;font-size:14px;transition:opacity .6s;display:grid;position:absolute;inset:0}.og-load.done{opacity:0;pointer-events:none}.og-bar{background:var(--og-amber);z-index:4;width:0;height:3px;position:absolute;top:0;left:0}.og-copy{z-index:3;background:var(--og-card);width:min(420px,100% - 32px);color:var(--og-card-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:18px 20px 20px;position:absolute;top:clamp(16px,5vh,64px);left:clamp(16px,4vw,56px);box-shadow:0 10px 30px #00000014}.og-num{letter-spacing:.14em;text-transform:uppercase;color:#137a48;justify-content:space-between;font-size:12px;font-weight:700;display:flex}.og-num em{color:var(--og-card-muted);letter-spacing:.04em;font-style:normal}.og-copy h2{letter-spacing:-.01em;margin:6px 0 8px;font-size:clamp(21px,2.6vw,30px);font-weight:900;line-height:1.15}.og-copy p{color:var(--og-card-muted);margin:0;font-size:15px;line-height:1.55}.og-copy .swap{transition:opacity .25s,transform .25s}.og-copy .swap.out{opacity:0;transform:translateY(6px)}.og-cta{flex-direction:column;gap:10px;margin-top:14px;display:none}.og-cta.on{display:flex}.og-cta small{color:#8a5d00;letter-spacing:.02em;font-weight:800}.og-rail{z-index:3;flex-direction:column;gap:4px;display:flex;position:absolute;top:50%;right:clamp(12px,2vw,24px);transform:translateY(-50%)}.og-rail button{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.og-rail button:before{content:"";border:2px solid #6f7a74;border-radius:50%;width:10px;height:10px}.og-rail button.on:before{background:var(--og-amber);border-color:var(--og-amber)}.og-sticky:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 55% 55%,#0000 55%,#0a101629 100%);position:absolute;inset:0}.og-labels{z-index:2;pointer-events:none;position:absolute;inset:0}.og-label{white-space:nowrap;letter-spacing:.01em;color:#0f1c15;opacity:0;background:#ffffffe6;border-radius:999px;padding:5px 10px 5px 20px;font-size:12px;font-weight:600;transition:opacity .2s;position:absolute;top:0;left:0;box-shadow:0 4px 14px #0000001f}.og-label:before{content:"";background:#5b6660;border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:8px}.og-label:after{content:"";background:#ffffffd9;width:1px;height:10px;position:absolute;bottom:-10px;left:50%}.og-label.solar:before{background:#ffa62b}.og-label.stored:before{background:#45d4ff}.og-note{z-index:3;color:#31403a;opacity:0;background:#ffffffdb;border-radius:10px;max-width:min(460px,100% - 32px);margin:0;padding:8px 12px;font-size:12px;line-height:1.45;transition:opacity .25s;position:absolute;bottom:clamp(14px,4vh,36px);left:clamp(16px,4vw,56px)}.og-scroll.og-off{height:auto}.og-scroll.og-off .og-sticky{background:#0b0d0c;height:auto;position:relative;top:0}.og-scroll.og-off .og-sticky:after{display:none}@media (max-width:760px),(orientation:portrait){.og-rail{display:none}.og-copy{padding:14px 16px 16px}.og-copy p{font-size:14px}.og-label{padding:4px 8px 4px 17px;font-size:11px}.og-label:before{width:5px;height:5px;margin-top:-2.5px;left:7px}.og-note{font-size:11px}}@media (max-width:767px){.og-note{bottom:calc(84px + env(safe-area-inset-bottom))}}