.og-scroll{--og-green:#1aa260;--og-amber:#f5a800;--og-card:#ffffffe0;--og-card-ink:#0f1c15;--og-card-muted:#44524a;--og-hdr:4rem;height:760vh;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:#9cc6e4;position:sticky;overflow:hidden}.og-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.og-load{color:#fff;letter-spacing:.08em;background:linear-gradient(#7fb3dc,#d9e9f3);place-items:center;font-size:14px;transition:opacity .6s;display:grid;position:absolute;inset:0}.og-load.done{opacity:0;pointer-events:none}.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 #00000024}.og-num{letter-spacing:.14em;color:#137a48;text-transform:uppercase;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-hud{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;background:#070e0bcc;border-radius:14px;grid-template-columns:repeat(5,auto);gap:4px 18px;padding:12px 16px;transition:opacity .3s;display:grid;position:absolute;bottom:clamp(16px,5vh,44px);right:clamp(16px,4vw,48px)}.og-hud>div{flex-direction:column;display:flex}.og-hud span{letter-spacing:.08em;text-transform:uppercase;color:#a9bdb1;font-size:11px}.og-hud strong{font-size:17px;font-weight:600}.og-hud .pos{color:#7be0a8}.og-hud .neg{color:var(--og-amber)}.og-hud .og-illus{letter-spacing:.04em;text-transform:none;color:#c9d6ce;grid-column:1/-1;font-size:11px}.og-tags{z-index:2;pointer-events:none;position:absolute;inset:0}.og-tag{white-space:nowrap;color:#fff;opacity:0;background:#070e0bbf;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:600;transition:opacity .25s;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.og-tag:after{content:"";background:#fffc;width:1px;height:14px;position:absolute;bottom:-14px;left:50%}.og-tag b{color:var(--og-amber);font-weight:600}.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 #fffffff2;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #00000040}.og-rail button.on:before{background:var(--og-amber);border-color:var(--og-amber)}.og-bar{z-index:4;background:var(--og-amber);width:0;height:3px;position:absolute;top:0;left:0}.og-scroll.og-off{height:auto}.og-scroll.og-off .og-sticky{background:#0b0d0c;height:auto;position:relative;top:0}@media (max-width:760px),(orientation:portrait){.og-rail{display:none}.og-hud{grid-template-columns:repeat(5,1fr);gap:2px 8px;padding:10px 12px;bottom:12px;left:12px;right:12px}.og-hud strong{font-size:14px}.og-hud span{font-size:10px}.og-copy{padding:14px 16px 16px}.og-copy p{font-size:14px}.og-tag{font-size:11px}}@media (max-width:767px){.og-hud{bottom:calc(84px + env(safe-area-inset-bottom))}}