.ch-hero,.sky-hero{position:relative;isolation:isolate}.sky-canvas{position:absolute;z-index:-1;pointer-events:none;display:block;left:-1.25rem;top:-1.5rem;width:calc(100% + 2.5rem);height:calc(100% + 4.5rem);-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}@media (min-width:768px){.sky-canvas{top:-2.5rem;height:calc(100% + 5.5rem);-webkit-mask-image:radial-gradient(ellipse 70% 72% at 50% 46%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 70% 72% at 50% 46%,#000 58%,transparent 100%)}}@media (min-width:1024px){.sky-canvas{top:-4rem;height:calc(100% + 7rem)}}.intro-pause{position:absolute;z-index:2;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius);background:color-mix(in oklab,var(--color-bg) 72%,transparent);color:var(--color-dim);transition:color var(--dur-hover) var(--ease-press),border-color var(--dur-hover) var(--ease-press)}.intro-pause:hover{color:var(--color-gold);border-color:var(--color-gold)}.ch-hero[data-intro=pending] .ch-stage,.sky-hero[data-intro=pending] .sky-art{opacity:0}.ch-hero[data-intro=pending] .ch-stage *,.ch-hero[data-intro=still] .ch-stage *,.sky-hero[data-intro=pending] .sky-art *,.sky-hero[data-intro=still] .sky-art *{animation:none!important}.ch-hero[data-run=off] .ch-stage *,.sky-hero[data-run=off] .sky-art *{animation-play-state:paused!important}@keyframes intro-fade{0%{opacity:0}}@keyframes intro-turn{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sky-hero[data-intro=full]{--fade-dur:900ms;--ring-at:150ms;--ring-dur:1400ms;--ride-at:1100ms;--ride-dur:700ms;--ride-step:120ms;--needle-at:1900ms;--needle-dur:1100ms;--glow-at:2400ms}.sky-hero[data-intro=short]{--fade-dur:300ms;--ring-at:0ms;--ring-dur:700ms;--ride-at:150ms;--ride-dur:420ms;--ride-step:40ms;--needle-at:250ms;--needle-dur:750ms;--glow-at:600ms}.sky-art{overflow:clip}.sky-layer,.sky-slot,.sky-spin,.sky-svg{position:absolute;inset:0;display:block}.sky-svg{width:100%;height:100%;overflow:visible}.sky-slot{transform:rotate(var(--a))}.sky-icon{position:absolute;left:50%;display:block;aspect-ratio:1;transform:translateX(-50%)}.sky-counter,.sky-upright{display:block;width:100%;height:100%}.sky-upright{transform:rotate(calc(0deg - var(--a)))}.sky-icon svg{display:block;width:100%;height:100%;stroke-width:2.2}.sky-needle{transform:rotate(var(--to))}.sky-glow{position:absolute;display:block;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(closest-side,color-mix(in oklab,var(--color-gold) 15%,transparent),transparent)}.sky-glow-center{left:50%;top:50%;width:44%;height:34%}.sky-glow-branch{width:15%;aspect-ratio:1;background:radial-gradient(closest-side,color-mix(in oklab,var(--color-gold) 30%,transparent),transparent)}@keyframes sky-align{0%{transform:rotate(var(--from));opacity:.1}to{transform:none;opacity:1}}@keyframes sky-ride{0%{transform:rotate(calc(var(--a) - 60deg));opacity:0}40%{opacity:1}to{transform:rotate(var(--a));opacity:1}}@keyframes sky-ride-back{0%{transform:rotate(calc(60deg - var(--a)))}to{transform:rotate(calc(0deg - var(--a)))}}@keyframes sky-needle{0%{transform:rotate(calc(var(--to) - 150deg));opacity:0}25%{opacity:1}to{transform:rotate(var(--to));opacity:1}}@keyframes sky-sway{0%,to{transform:rotate(var(--to))}30%{transform:rotate(calc(var(--to) + 2.5deg))}70%{transform:rotate(calc(var(--to) - 2deg))}}@keyframes sky-breathe{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(.92)}}:is(.sky-hero[data-intro=full],.sky-hero[data-intro=short]) .sky-align{animation:sky-align var(--ring-dur) var(--ease-out) var(--ring-at) backwards}:is(.sky-hero[data-intro=full],.sky-hero[data-intro=short]) .sky-spin{animation:intro-turn var(--spin) linear infinite}:is(.sky-hero[data-intro=full],.sky-hero[data-intro=short]) :is(.sky-r2,.sky-r3) .sky-spin{animation-direction:reverse}:is(.sky-hero[data-intro=full],.sky-hero[data-intro=short]) .sky-slot{animation:sky-ride var(--ride-dur) var(--ease-out) calc(var(--ride-at) + var(--k) * var(--ride-step)) backwards}:is(.sky-hero[data-intro=full],.sky-hero[data-intro=short]) .sky-upright{animation:sky-ride-back var(--ride-dur) var(--ease-out) calc(var(--ride-at) + var(--k) * var(--ride-step)) backwards}:is(.sky-hero[data-intro=full],.sky-hero[data-intro=short]) .sky-counter{animation:intro-turn var(--spin) linear infinite reverse}:is(.sky-hero[data-intro=full],.sky-hero[data-intro=short]) .sky-icon .gate-icon{--gi-at:calc(var(--ride-at) + var(--k) * var(--ride-step) + 120ms)}:is(.sky-hero[data-intro=full],.sky-hero[data-intro=short]) .sky-needle{animation:sky-needle var(--needle-dur) var(--ease-out) var(--needle-at) backwards,sky-sway 8s ease-in-out calc(var(--needle-at) + var(--needle-dur)) infinite}:is(.sky-hero[data-intro=full],.sky-hero[data-intro=short]) .sky-glow{animation:intro-fade var(--fade-dur) ease-out var(--glow-at) backwards,sky-breathe 6s ease-in-out calc(var(--glow-at) + var(--fade-dur)) infinite}:is(.sky-hero[data-intro=full],.sky-hero[data-intro=short]) .sky-static{animation:intro-fade var(--ring-dur) ease-out var(--ring-at) backwards}.ch-hero[data-intro=full]{--plate-at:100ms;--plate-dur:1900ms;--bond-at:1900ms;--bond-dur:600ms;--pulse-at:2400ms;--spark-at:2500ms;--orbit-dur:1400ms;--label-at:2000ms;--breath-at:3000ms}.ch-hero[data-intro=short]{--plate-at:0ms;--plate-dur:800ms;--bond-at:650ms;--bond-dur:300ms;--pulse-at:800ms;--spark-at:900ms;--orbit-dur:600ms;--label-at:700ms;--breath-at:1000ms}.ch-clip{margin-inline:-1.25rem;padding-inline:1.25rem;overflow-x:clip}.ch-stage{position:relative;width:100%;max-width:32rem;margin-inline:auto;aspect-ratio:16/10;container-type:inline-size}.ch-breath-bond,.ch-drift,.ch-orbit,.ch-spark-x,.ch-spark-y,.ch-sway{position:absolute;inset:0;display:block}.ch-plate{position:absolute;width:40.8cqw;height:21.2cqw;display:block}.ch-a{left:27.15cqw;top:6.05cqw}.ch-b{left:32.05cqw;top:35.25cqw}.ch-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,9cqw);grid-template-rows:repeat(2,9cqw);gap:.8cqw;padding:1.2cqw;border:1px solid var(--color-border-strong);border-radius:var(--radius);background:color-mix(in oklab,var(--color-surface) 88%,transparent)}.ch-cell{display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:var(--radius);font-family:var(--font-han);font-weight:500;font-size:5.2cqw;line-height:1}.ch-a .ch-grid{border-color:color-mix(in oklab,var(--color-gold) 55%,var(--color-border-strong))}.ch-a .ch-cell{color:var(--color-gold);border-color:color-mix(in oklab,var(--color-gold) 45%,transparent)}.ch-b .ch-cell{color:var(--color-text);border-color:color-mix(in oklab,var(--color-text) 28%,transparent)}.ch-label{position:absolute;display:block;font-size:var(--text-2xs);line-height:1;color:var(--color-faint)}.ch-label-a{right:calc(100% - 25.6cqw);top:15.6cqw}.ch-label-b{left:74.4cqw;top:44.8cqw}.ch-bond{position:absolute;left:32.85cqw;top:27.25cqw;width:34.3cqw;height:8cqw;display:block}.ch-bond svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ch-bond polyline{stroke:var(--color-gold);stroke-width:4;stroke-linejoin:round;stroke-linecap:round;fill:none;stroke-dasharray:1 1;stroke-dashoffset:0}.ch-spark-x,.ch-spark-y{pointer-events:none}.ch-spark-x{opacity:0}.ch-dot{left:0;top:0;width:2.4cqw;height:2.4cqw;background:radial-gradient(closest-side,var(--color-gold),color-mix(in oklab,var(--color-gold) 30%,transparent) 55%,transparent)}.ch-dot,.ch-pulse{position:absolute;display:block;border-radius:50%;transform:translate(-50%,-50%)}.ch-pulse{left:50cqw;top:31.25cqw;width:52cqw;height:34cqw;opacity:.5;background:radial-gradient(closest-side,color-mix(in oklab,var(--color-gold) 16%,transparent),transparent)}.ch-orbit svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}@keyframes ch-in-a{0%{transform:translate(-55cqw,-3cqw) rotate(-8deg);opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1)}70%{transform:translateY(-3cqw) rotate(0deg);opacity:1;animation-timing-function:cubic-bezier(.3,.7,.4,1)}to{transform:none;opacity:1}}@keyframes ch-in-b{0%{transform:translate(55cqw,3cqw) rotate(8deg);opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1)}70%{transform:translateY(3cqw) rotate(0deg);opacity:1;animation-timing-function:cubic-bezier(.3,.7,.4,1)}to{transform:none;opacity:1}}@keyframes ch-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ch-breathe-a{0%,to{transform:none}50%{transform:translateY(-.4cqw)}}@keyframes ch-breathe-b{0%,to{transform:none}50%{transform:translateY(.4cqw)}}@keyframes ch-breathe-bond{0%,to{transform:none}50%{transform:scaleY(1.1)}}@keyframes ch-sway{0%,to{transform:rotate(0deg)}50%{transform:rotate(1.2deg)}}@keyframes ch-pulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}8%{opacity:.9}45%{opacity:.35;transform:translate(-50%,-50%) scale(1.15)}60%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}}@keyframes ch-spark-x{0%{transform:translateX(0);opacity:1}92%{opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes ch-spark-y{0%{transform:translateY(0)}14.286%{transform:translateY(100%)}28.571%{transform:translateY(0)}42.857%{transform:translateY(100%)}57.143%{transform:translateY(0)}71.429%{transform:translateY(100%)}85.714%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes ch-orbit-in{0%{transform:rotate(-30deg);opacity:0}to{transform:none;opacity:1}}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-a{animation:ch-in-a var(--plate-dur) linear var(--plate-at) backwards}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-b{animation:ch-in-b var(--plate-dur) linear var(--plate-at) backwards}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-a .ch-drift{animation:ch-breathe-a 6s ease-in-out var(--breath-at) infinite}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-b .ch-drift{animation:ch-breathe-b 6s ease-in-out var(--breath-at) infinite}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-breath-bond{animation:ch-breathe-bond 6s ease-in-out var(--breath-at) infinite}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-bond polyline{animation:ch-draw var(--bond-dur) var(--ease-out) var(--bond-at) backwards}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-sway{animation:ch-sway 16s ease-in-out var(--breath-at) infinite}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-pulse{animation:ch-pulse 4.8s var(--ease-out) var(--pulse-at) infinite backwards}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-spark-x{animation:ch-spark-x 3.6s linear calc(var(--spark-at) + var(--k) * 1.2s) infinite}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-spark-y{animation:ch-spark-y 3.6s linear calc(var(--spark-at) + var(--k) * 1.2s) infinite}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-orbit-in{animation:ch-orbit-in var(--orbit-dur) var(--ease-out) backwards}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-orbit-a .ch-spin{animation:intro-turn 70s linear infinite}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-orbit-b .ch-spin{animation:intro-turn 50s linear infinite reverse}:is(.ch-hero[data-intro=full],.ch-hero[data-intro=short]) .ch-label{animation:intro-fade var(--dur-enter) ease-out var(--label-at) backwards}.ch-orbit-in,.ch-spin{position:absolute;inset:0;display:block}.ch-hero[data-intro=pending] .ch-spark-x,.ch-hero[data-intro=still] .ch-spark-x{opacity:0}@media (prefers-reduced-motion:reduce){.ch-hero .ch-stage *,.sky-hero .sky-art *{animation:none!important}.ch-hero[data-intro=pending] .ch-stage,.sky-hero[data-intro=pending] .sky-art{opacity:1}.intro-pause{transition:none}}@media print{.intro-pause,.sky-canvas{display:none!important}.ch-hero .ch-stage,.sky-hero .sky-art{opacity:1!important}.ch-hero .ch-stage *,.sky-hero .sky-art *{animation:none!important}}