:host{display:block;min-width:0}
.cb-root{--cb-black:#060703;--cb-green:#9dcd00;--cb-cream:#cbdb93;--cb-copy:#f0f0e8;--cb-border:color-mix(in srgb,var(--cb-green) 25%,var(--cb-black));--cb-muted:color-mix(in srgb,var(--cb-cream) 70%,var(--cb-black));--cb-hover:color-mix(in srgb,var(--cb-green) 10%,var(--cb-black));--cb-mono:var(--font-family--mono,"Robotomono Variablefont Wght",ui-monospace,SFMono-Regular,Consolas,monospace);--cb-sans:var(--font-family--body,"Satoshi Variable",Arial,sans-serif);--cb-heading:var(--font-family--heading,"Satoshi Variable",Arial,sans-serif);position:relative;width:100%;height:var(--cb-length,560svh);background:var(--cb-black);color:var(--cb-cream);font-family:var(--cb-sans);line-height:1.5;text-align:left;isolation:isolate}
.cb-root *{box-sizing:border-box}
.cb-root button,.cb-root input{font:inherit;-webkit-tap-highlight-color:transparent}
.cb-root button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:inherit;background:transparent;border:1px solid transparent;border-radius:0;margin:0;padding:0;line-height:1.4;flex-shrink:0}
.cb-root button:hover{background:var(--cb-hover)}
.cb-root button:disabled,.cb-root input:disabled{opacity:.5;cursor:default}
.cb-root button:focus-visible,.cb-root input:focus-visible{outline:2px solid var(--cb-green);outline-offset:4px}
.cb-root svg{display:block;flex-shrink:0;pointer-events:none}
.cb-panel{height:calc(100svh - var(--cb-offset,0px));min-height:360px;position:sticky;top:var(--cb-offset,0px);display:flex;flex-direction:column;background:var(--cb-black);overflow:hidden}
.cb-top-rule{height:1px;flex-shrink:0;margin:32px 48px 0;background:var(--cb-border)}
.cb-hero{position:relative;flex:1;min-height:0}
.cb-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cb-artwork{position:absolute;left:36%;right:2%;top:2%;bottom:10%;overflow:hidden;isolation:isolate;background:var(--cb-black)}
.cb-layer{position:absolute;inset:0;background:var(--cb-black);will-change:opacity;pointer-events:none}
.cb-layer img{position:absolute;max-width:none;max-height:none;object-fit:fill;user-select:none;pointer-events:none;border:0}
.cb-kicker{position:absolute;left:48px;top:8%;margin:0;color:var(--cb-cream);font-family:var(--cb-mono);font-size:9px;font-weight:400;letter-spacing:.16em;text-transform:uppercase}
.cb-card{position:absolute;left:48px;top:30%;width:32%;max-width:460px;padding:26px 28px;border:1px solid var(--cb-border);background:var(--cb-black);will-change:opacity;font-family:var(--cb-sans)}
.cb-number{display:block;font-family:var(--cb-mono);font-size:10px;letter-spacing:.13em;color:var(--cb-muted);margin-bottom:15px}
.cb-card h3{font-family:var(--cb-heading);color:var(--cb-green);font-size:var(--cb-card-heading-size,18px);line-height:1.5;letter-spacing:.035em;font-weight:500;margin:0 0 10px;text-transform:uppercase;overflow-wrap:break-word}
.cb-card p{font-size:var(--cb-card-copy-size,16px);line-height:1.7;color:var(--cb-copy);margin:0;font-weight:400;white-space:pre-line;overflow-wrap:break-word}
.cb-caption{position:absolute;left:48px;bottom:26px;font-family:var(--cb-mono);font-size:9px;letter-spacing:.12em;color:var(--cb-cream)}
.cb-scroll-cue{position:absolute;right:48px;bottom:28px;display:flex;align-items:center;gap:12px;color:var(--cb-cream)}
.cb-scroll-cue span{font-family:var(--cb-mono);font-size:8px;letter-spacing:.1em}
.cb-chapters{height:50px;flex-shrink:0;display:flex;margin:0 48px}
.cb-root .cb-chapters>button{position:relative;flex:1;justify-content:flex-start;border-radius:0;height:50px;font-family:var(--cb-nav-font,var(--cb-mono));font-size:var(--cb-stage-label-size,11px);font-weight:500;letter-spacing:.06em;text-transform:var(--cb-nav-case,uppercase);gap:13px;color:var(--cb-muted);padding:0 10px}
.cb-chapters>button>span:first-child{font-family:var(--cb-mono);font-size:var(--cb-stage-number-size,9px)}
.cb-root .cb-chapters>button[aria-current=step]{color:var(--cb-green)}
.cb-chapters>button i{position:absolute;bottom:0;left:11px;right:22%;height:1px}
.cb-chapters>button[aria-current=step] i{background:var(--cb-green)}
.cb-transport{height:76px;flex-shrink:0;margin:0 48px;display:flex;align-items:center;border-top:1px solid var(--cb-border);gap:16px}
.cb-mode{display:flex;gap:9px;align-items:center;font-family:var(--cb-mono);font-size:8px;letter-spacing:.09em;white-space:nowrap}
.cb-mode>span{width:5px;height:5px;background:var(--cb-green);border-radius:0}
.cb-slider{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:24px;margin:0 16px;cursor:pointer;background:transparent;border:none;padding:0;color:var(--cb-green);border-radius:0}
.cb-slider::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--cb-green) 0 var(--cb-progress),var(--cb-border) var(--cb-progress) 100%)}
.cb-slider::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;margin-top:-3.5px;border:0;border-radius:0;background:var(--cb-green)}
.cb-slider::-moz-range-track{height:2px;background:var(--cb-border)}
.cb-slider::-moz-range-progress{height:2px;background:var(--cb-green)}
.cb-slider::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:0;background:var(--cb-green)}
.cb-percent{min-width:32px;text-align:right;font-family:var(--cb-mono);font-size:9px;letter-spacing:.12em;white-space:nowrap}
.cb-root .cb-icon-button{width:32px;height:32px}
.cb-error{position:absolute;bottom:80px;left:48px;font-size:12px;color:var(--cb-cream)}
.cb-root .cb-error button{padding:4px 8px;text-decoration:underline}
.cb-mobile-static{display:none}
.cb-root[data-editing]{height:calc(100svh - var(--cb-offset,0px))}
.cb-root[data-editing] .cb-panel{position:relative;top:0}
@media(max-width:1100px) and (min-width:761px){
 .cb-card{left:36px;padding:20px 22px;width:34%}
 .cb-artwork{left:39%}.cb-root .cb-chapters>button{gap:8px}
}
@media(max-width:760px){
 .cb-root,.cb-root[data-editing]{height:auto}.cb-panel{display:none}
 .cb-mobile-static{display:block;padding:20px 16px 48px;border-top:1px solid var(--cb-border);background:var(--cb-black);font-family:var(--cb-sans)}
 .cb-static-kicker{margin:0 0 28px;color:var(--cb-cream);font-family:var(--cb-mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase}
 .cb-static-stage{margin:0 0 44px}.cb-static-image{position:relative;width:100%;overflow:hidden;background:var(--cb-black)}
 .cb-static-image img{position:absolute;display:block;max-width:none;max-height:none;object-fit:fill}.cb-static-card{padding:18px 20px;border:1px solid var(--cb-border)}
 .cb-static-card h3{margin:0 0 8px;color:var(--cb-green);font-family:var(--cb-heading);font-size:var(--cb-mobile-heading-size,16px);line-height:1.45;font-weight:500;text-transform:uppercase;overflow-wrap:break-word}
 .cb-static-card p{margin:0;color:var(--cb-copy);font-size:var(--cb-mobile-copy-size,15px);line-height:1.55;overflow-wrap:break-word}.cb-static-card .cb-number{display:block;font-size:8px;margin-bottom:9px}
}
@media(max-height:700px) and (max-width:760px){
 .cb-static-stage{margin-bottom:38px}
}
@media(max-height:650px) and (min-width:761px){
 .cb-card{top:18%;padding:20px 24px}.cb-card p{line-height:1.65}.cb-card h3{line-height:1.45}
 .cb-transport{height:62px}.cb-caption{bottom:18px}
}
@media(prefers-reduced-motion:reduce){.cb-root *{scroll-behavior:auto!important;transition:none!important}}

