.cx-dial{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:center;column-gap:clamp(40px,6vw,96px);max-width:1180px;margin:0 auto;display:grid}.cx-dial-instrument{position:relative}.cx-dial-face{aspect-ratio:1;width:100%;position:relative}.cx-dial-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cx-dial-ring{fill:none;stroke:color-mix(in srgb, var(--graphite) 50%, transparent);stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.8s var(--ease-out-expo) .1s}.cx-dial-ring.is-inner{stroke:color-mix(in srgb, var(--gold) 65%, transparent);transition-delay:.35s}.cx-dial-tick{stroke:color-mix(in srgb, var(--graphite) 45%, transparent);stroke-width:1px;transition:stroke .4s ease, opacity .6s ease calc(.5s + var(--k) * 12ms)}.cx-dial-tick.is-major{stroke:var(--ink);stroke-width:1.4px}.cx-dial-tick.is-aimed{stroke:var(--gold-lit)}.cx-dial-tick.is-chosen{stroke:var(--gold);stroke-width:3px;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--gold-lit) 85%, transparent))}.cx-dial-numeral{z-index:1;cursor:pointer;width:40px;height:40px;transition:box-shadow .5s ease, background-color .5s ease, opacity .6s ease calc(.6s + var(--i,0) * 40ms);border-radius:50%;place-items:center;margin:-20px 0 0 -20px;display:grid;position:absolute}.cx-dial-numeral .numeral{color:var(--graphite);font-size:12px;transition:color .4s}@media (hover:hover){.cx-dial-numeral:hover .numeral{color:var(--gold)}}.cx-dial-numeral.is-chosen{background:radial-gradient(circle at 34% 28%, var(--glaze), var(--porcelain) 72%);box-shadow:0 0 0 1px var(--gold), 0 0 0 4px var(--porcelain), 0 0 0 5px color-mix(in srgb, var(--gold) 45%, transparent), 0 0 18px color-mix(in srgb, var(--gold-lit) 55%, transparent)}.cx-dial-numeral.is-chosen .numeral{color:var(--gold)}.cx-dial-index{pointer-events:none;transform:rotate(var(--turn));transition:transform 1.3s var(--ease-out-expo), opacity .35s ease;position:absolute;inset:0}.cx-dial-index:before{content:"";border-style:solid;border-width:15px 7px 0;border-color:var(--gold) transparent transparent transparent;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--gold-lit) 80%, transparent));margin-left:-7px;position:absolute;top:2.2%;left:50%}.cx-dial-index:after{content:"";background:var(--signal);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:0;left:50%}.cx-dial-index.is-ghost{transition:transform .6s var(--ease-out-expo), opacity .35s ease}.cx-dial-index.is-ghost:before{border-top-color:color-mix(in srgb, var(--graphite) 55%, transparent);filter:none}.cx-dial-index.is-ghost:after{display:none}.cx-dial-core{aspect-ratio:1;text-align:center;background:radial-gradient(circle at 36% 28%, var(--glaze), var(--porcelain) 58%, var(--drafting));width:55%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent), inset 0 -18px 36px -24px color-mix(in srgb, var(--ink) 30%, transparent), 0 24px 48px -30px color-mix(in srgb, var(--ink) 45%, transparent);transition:opacity 1s ease .5s, transform 1.2s var(--ease-out-expo) .5s;border-radius:50%;place-items:center;padding:9%;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.cx-dial-readout{animation:cx-dial-settle .7s var(--ease-out-expo);flex-direction:column;align-items:center;gap:10px;display:flex}.cx-dial-readout[hidden]{display:none}.cx-dial-readout-numeral .numeral{font-size:13px}.cx-dial-readout-title{font:400 13px/1.4 var(--face-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0}.cx-dial-readout-body{color:var(--graphite);font-size:15px;line-height:1.55}.cx-dial-readout-body ul{margin:0;padding:0;list-style:none}.cx-dial-readout-body li+li{margin-top:4px}@keyframes cx-dial-settle{0%{opacity:0;transform:translateY(8px)}}.cx-dial-list{border-top:1px solid var(--hairline);flex-direction:column;display:flex}.cx-dial-option{border:0;border-bottom:1px solid var(--hairline);color:var(--graphite);font:500 16px/1.4 var(--face-body);text-align:left;cursor:pointer;transition:color .4s ease, opacity .8s var(--ease-out-expo) calc(var(--i) * 50ms), transform 1s var(--ease-out-expo) calc(var(--i) * 50ms);background:0 0;grid-template-columns:3.6ch minmax(0,1fr);align-items:baseline;gap:16px;padding:14px 6px 14px 22px;display:grid;position:relative}.cx-dial-option-numeral .numeral{font-size:11px}.cx-dial-option:before{content:"";border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent var(--gold);opacity:0;transition:opacity .4s ease, transform .6s var(--ease-out-expo);margin-top:-5px;position:absolute;top:50%;left:0;transform:translate(-10px)}.cx-dial-option:after{content:"";background:linear-gradient(90deg, var(--gold), color-mix(in srgb, var(--gold) 0%, transparent));transform-origin:0;height:1px;transition:transform .8s var(--ease-out-expo);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}@media (hover:hover){.cx-dial-option:hover{color:var(--ink)}.cx-dial-option:hover:after{transform:scaleX(.4)}}.cx-dial-option.is-chosen{color:var(--ink)}.cx-dial-option.is-chosen:before{opacity:1;transform:none}.cx-dial-option.is-chosen:after{transform:scaleX(1)}.cx-dial-option:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.cx-dial-readout.is-inline{display:none}.motion-ready:not(.motion-fallback) .cx-dial:not(.is-drawn) .cx-dial-ring{stroke-dashoffset:1px}.motion-ready:not(.motion-fallback) .cx-dial:not(.is-drawn) .cx-dial-tick,.motion-ready:not(.motion-fallback) .cx-dial:not(.is-drawn) .cx-dial-numeral{opacity:0}.motion-ready:not(.motion-fallback) .cx-dial:not(.is-drawn) .cx-dial-index:not(.is-ghost){transform:rotate(calc(var(--turn) - 120deg))}.motion-ready:not(.motion-fallback) .cx-dial:not(.is-drawn) .cx-dial-core{opacity:0;transform:scale(.9)}.motion-ready:not(.motion-fallback) .cx-dial:not(.is-drawn) .cx-dial-option{opacity:0;transform:translate(14px)}@media (width<=899px){.cx-dial{grid-template-columns:minmax(0,1fr);row-gap:28px}.cx-dial-face{max-width:360px;margin:0 auto}.cx-dial-core{display:none}.cx-dial-readout.is-inline{border-bottom:1px solid var(--hairline);text-align:left;animation:cx-dial-settle .7s var(--ease-out-expo);margin:0 0 0 calc(3.6ch + 38px);padding:14px 0 18px 18px;display:block;position:relative}.cx-dial-readout.is-inline:before{content:"";background:linear-gradient(var(--gold), color-mix(in srgb, var(--gold) 20%, transparent));width:1px;position:absolute;top:12px;bottom:16px;left:0}.cx-dial-readout.is-inline .cx-dial-readout-body li+li{margin-top:6px}.cx-dial-numeral{width:32px;height:32px;margin:-16px 0 0 -16px}.cx-dial-numeral .numeral{font-size:10px}}@media (prefers-reduced-motion:reduce){.cx-dial-ring,.cx-dial-tick,.cx-dial-numeral,.cx-dial-index,.cx-dial-core,.cx-dial-option,.cx-dial-option:before,.cx-dial-option:after{transition:none}.cx-dial-readout,.cx-dial-readout.is-inline{animation:none}}.schematics{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(48px,5vw,72px);max-width:1180px;margin:0 auto;padding:0;list-style:none;display:grid}.schematic{transition:opacity .9s var(--ease-out-expo) calc(var(--i) * .16s), transform 1.1s var(--ease-out-expo) calc(var(--i) * .16s);flex-direction:column;display:flex}.schematic-drawing{width:100%;height:auto;display:block;overflow:visible}.sch-base{fill:none;stroke:color-mix(in srgb, var(--graphite) 38%, transparent);stroke-width:.8px}.sch-link{fill:none;stroke:color-mix(in srgb, var(--graphite) 70%, transparent);stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.3s var(--ease-out-expo) calc(.25s + var(--i) * .16s + var(--k) * 90ms), stroke .5s ease}.sch-flow{fill:none;stroke:var(--gold);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:.035 .065;opacity:0;transition:opacity .4s}.sch-wave{fill:none;stroke:color-mix(in srgb, var(--gold) 80%, transparent);stroke-width:1px;transition:opacity .8s ease calc(.9s + var(--i) * .16s + var(--k) * 90ms)}.sch-node{fill:var(--porcelain);stroke:var(--ink);stroke-width:1px;transform-box:fill-box;transform-origin:50%;transition:transform .8s var(--ease-out-expo) calc(.6s + var(--i) * .16s + var(--k) * 70ms), fill .4s ease}.sch-gate{fill:var(--glaze);stroke:var(--gold);stroke-width:1.2px}.sch-gate-eye{fill:var(--gold)}.sch-hub{transform-box:fill-box;transform-origin:50%;transition:transform 1.2s var(--ease-out-expo) calc(.15s + var(--i) * .16s), opacity .8s ease calc(.15s + var(--i) * .16s)}.sch-ring{fill:var(--glaze);stroke:var(--ink);stroke-width:1px}.sch-core{fill:none;stroke:var(--gold);stroke-width:1.4px}.sch-ticks{stroke:color-mix(in srgb, var(--graphite) 70%, transparent);stroke-width:1px}.sch-pulse{fill:var(--signal);transform-box:fill-box;transform-origin:50%}.sch-ground{fill:none;stroke:color-mix(in srgb, var(--graphite) 55%, transparent);stroke-width:.8px}.sch-mast{fill:none;stroke:var(--ink);stroke-width:1px}.schematic-strip{align-items:baseline;gap:16px;margin-top:22px;padding-top:16px;display:flex;position:relative}.schematic-strip:before{content:"";background:var(--hairline);transform-origin:0;height:1px;transition:transform 1.2s var(--ease-out-expo) calc(.5s + var(--i) * .16s);position:absolute;top:0;left:0;right:0}.schematic-strip:after{content:"";background:var(--gold);transform-origin:0;height:1px;transition:transform .9s var(--ease-out-expo);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.schematic-fig{border-right:1px solid var(--hairline);font:400 11px/1.4 var(--face-caption);letter-spacing:.14em;color:var(--gold);flex:none;padding-right:16px}.schematic-fig .numeral{letter-spacing:.06em;gap:0;font-size:11.5px}.schematic-title{letter-spacing:.08em;font-size:clamp(16px,1.3vw,19px)}.schematic-body{max-width:40ch;color:var(--graphite);margin:14px 0 0;font-size:16px;line-height:1.65}@media (hover:hover){.schematic:hover .sch-link{stroke:color-mix(in srgb, var(--gold) 45%, transparent)}.schematic:hover .sch-flow{opacity:1;animation:1.6s linear infinite sch-flow}.schematic:hover .sch-pulse{animation:sch-beat 1.6s var(--ease-out-expo) infinite}.schematic:hover .sch-node{fill:color-mix(in srgb, var(--gold-lit) 45%, var(--porcelain))}.schematic:hover .schematic-strip:after{transform:scaleX(1)}}@keyframes sch-flow{to{stroke-dashoffset:-.1px}}@keyframes sch-beat{0%{transform:scale(1)}30%{transform:scale(1.9)}to{transform:scale(1)}}.motion-ready:not(.motion-fallback) .schematics:not(.is-drawn) .schematic{opacity:0;transform:translateY(18px)}.motion-ready:not(.motion-fallback) .schematics:not(.is-drawn) .sch-link{stroke-dashoffset:1px}.motion-ready:not(.motion-fallback) .schematics:not(.is-drawn) .sch-node{transform:scale(0)}.motion-ready:not(.motion-fallback) .schematics:not(.is-drawn) .sch-wave{opacity:0}.motion-ready:not(.motion-fallback) .schematics:not(.is-drawn) .sch-hub{opacity:0;transform:rotate(-90deg)scale(.4)}.motion-ready:not(.motion-fallback) .schematics:not(.is-drawn) .schematic-strip:before{transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.schematic,.sch-link,.sch-flow,.sch-wave,.sch-node,.sch-hub,.schematic-strip:before,.schematic-strip:after{transition:none}.schematic:hover .sch-flow,.schematic:hover .sch-pulse{animation:none}}@property --strata-trace{syntax:"<number>";inherits:true;initial-value:1}.cx-strata{--strata-trace:var(--strata-manual,var(--cx-span,1));--plate:240px;--axis:21px;max-width:1180px;margin:0 auto;position:relative}.cx-strata[data-lit=arrival]{transition:--strata-trace .9s cubic-bezier(.65,0,.35,1)}.cx-strata-layers{margin:0;padding:0;list-style:none}.cx-strata-layer{--lit:clamp(0, calc((var(--strata-trace) - var(--at)) * 24 + 1), 1);--run:calc((var(--strata-trace) - var(--at)) * var(--n1) * 2);grid-template-columns:minmax(0, 1fr) var(--plate) minmax(0, 1fr);transition:opacity .9s var(--ease-out-expo) calc(var(--i) * .12s), transform 1.1s var(--ease-out-expo) calc(var(--i) * .12s);align-items:start;padding-bottom:60px;display:grid;position:relative}.cx-strata-shaft{background:color-mix(in srgb, var(--graphite) 45%, transparent);transform-origin:top;width:1px;transition:transform 1.1s var(--ease-out-expo) calc(.2s + var(--i) * .12s);margin-left:-.5px;position:absolute;top:0;bottom:0;left:50%}.cx-strata-layer:first-child .cx-strata-shaft{top:var(--axis)}.cx-strata-layer:last-child .cx-strata-shaft{height:var(--axis);bottom:auto}.cx-strata-shaft:before,.cx-strata-shaft:after{content:"";background:var(--gold);width:2px;box-shadow:0 0 8px color-mix(in srgb, var(--gold-lit) 75%, transparent);transform-origin:top;position:absolute;left:-.5px}.cx-strata-shaft:before{height:var(--axis);transform:scaleY(clamp(0, calc(var(--run) + 1), 1));top:0}.cx-strata-shaft:after{top:var(--axis);transform:scaleY(clamp(0, var(--run), 1));bottom:0}.cx-strata-layer:first-child .cx-strata-shaft:before{display:none}.cx-strata-layer:first-child .cx-strata-shaft:after{top:0}.cx-strata-layer:last-child .cx-strata-shaft:after{display:none}.cx-strata-layer:last-child .cx-strata-shaft:before{height:auto;bottom:0}.cx-strata-plate{z-index:1;margin-top:calc(var(--axis) - var(--plate) * 34 / 240);grid-area:1/2;display:block;position:relative}.cx-strata-disc{width:100%;height:auto;filter:drop-shadow(0 14px 14px color-mix(in srgb, var(--ink) 16%, transparent));display:block;overflow:visible}.cx-strata-side{fill:var(--drafting);stroke:color-mix(in srgb, var(--graphite) 70%, transparent);stroke-width:1px}.cx-strata-face{fill:var(--glaze);stroke:var(--ink);stroke-width:1px}.cx-strata-rim{stroke:color-mix(in srgb, var(--graphite) 55%, transparent);stroke-width:.9px}.cx-strata-ring{fill:none;stroke:color-mix(in srgb, var(--gold) 70%, transparent);stroke-width:.9px;stroke-dasharray:3 4}.cx-strata-bore{fill:var(--ink)}.cx-strata-lit{fill:none;stroke:var(--gold);stroke-width:2px;opacity:var(--lit);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--gold-lit) 85%, transparent))}.cx-strata-callout{transition:opacity .9s ease calc(.35s + var(--i) * .12s), transform 1.1s var(--ease-out-expo) calc(.35s + var(--i) * .12s);flex-direction:column;grid-row:1;gap:10px;display:flex;position:relative}.cx-strata-layer[data-side=left] .cx-strata-callout{text-align:right;grid-column:1;align-items:flex-end;padding-right:76px}.cx-strata-layer[data-side=right] .cx-strata-callout{text-align:left;grid-column:3;align-items:flex-start;padding-left:76px}.cx-strata-leader{top:var(--axis);background:color-mix(in srgb, var(--graphite) 55%, transparent);width:64px;height:1px;transition:background-color .5s ease, transform 1s var(--ease-out-expo) calc(.3s + var(--i) * .12s);position:absolute}.cx-strata-layer[data-side=left] .cx-strata-leader{transform-origin:100%;right:0}.cx-strata-layer[data-side=right] .cx-strata-leader{transform-origin:0;left:0}.cx-strata-leader:before{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px;position:absolute;top:-2.5px}.cx-strata-layer[data-side=left] .cx-strata-leader:before{right:-3px}.cx-strata-layer[data-side=right] .cx-strata-leader:before{left:-3px}.cx-strata-head{align-items:center;gap:14px;display:flex}.cx-strata-layer[data-side=left] .cx-strata-head{flex-direction:row-reverse}.cx-strata-medallion{background:radial-gradient(circle at 34% 28%, var(--glaze), var(--porcelain) 72%);width:42px;height:42px;box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 75%, transparent), 0 6px 16px -10px color-mix(in srgb, var(--ink) 45%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.cx-strata-medallion .numeral{font-size:13px}.cx-strata-label{font:400 15px/1.3 var(--face-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0}.cx-strata-detail{max-width:34ch;color:var(--graphite);margin:0;font-size:16px;line-height:1.6}@media (hover:hover){.cx-strata-layer:hover .cx-strata-plate{transform:translateY(-8px)}.cx-strata-layer:hover .cx-strata-leader{background-color:var(--gold)}.cx-strata-layer:hover .cx-strata-ring{stroke:var(--gold);stroke-dasharray:none}}.motion-ready:not(.motion-fallback) .cx-strata:not(.is-drawn){--strata-trace:-.2}.motion-ready:not(.motion-fallback) .cx-strata:not(.is-drawn) .cx-strata-plate{opacity:0;transform:translateY(-22px)}.motion-ready:not(.motion-fallback) .cx-strata:not(.is-drawn) .cx-strata-shaft{transform:scaleY(0)}.motion-ready:not(.motion-fallback) .cx-strata:not(.is-drawn) .cx-strata-callout{opacity:0;transform:translateY(12px)}.motion-ready:not(.motion-fallback) .cx-strata:not(.is-drawn) .cx-strata-leader{transform:scaleX(0)}.cx-strata-plate{transition:transform .8s var(--ease-out-expo), opacity .9s ease calc(var(--i) * .12s)}@media (width<=899px){.cx-strata{--plate:92px;--axis:18px}.cx-strata-layer{grid-template-columns:var(--plate) minmax(0, 1fr);padding-bottom:36px}.cx-strata-shaft{left:calc(var(--plate) / 2)}.cx-strata-plate{grid-column:1}.cx-strata-layer[data-side] .cx-strata-callout{text-align:left;grid-column:2;align-items:flex-start;padding:0 0 0 18px}.cx-strata-layer[data-side] .cx-strata-head{flex-direction:row}.cx-strata-leader{display:none}.cx-strata-medallion{width:36px;height:36px}.cx-strata-detail{max-width:none}}@media (prefers-reduced-motion:reduce){.cx-strata,.cx-strata-layer,.cx-strata-shaft,.cx-strata-plate,.cx-strata-callout,.cx-strata-leader{transition:none}}