.navigation-console{position:sticky;top:0;z-index:20;background:linear-gradient(105deg,#242729,#151718 45%,#222426);border-block:1px solid #6d5c3c;box-shadow:0 12px 25px #0006,inset 0 3px 0 #111,inset 0 4px 0 #48483c,inset 0 -3px 0 #111;isolation:isolate}.navigation-console:before{content:'';position:absolute;inset:5px 0;background:repeating-linear-gradient(90deg,#ffffff04 0 1px,transparent 1px 3px);pointer-events:none;z-index:-1}.console-layout{display:grid;grid-template-columns:1fr 360px 1fr;gap:40px;align-items:center;padding:13px 0}.console-title .eyebrow{font-size:8px;margin-bottom:11px}.console-title>p:not(.eyebrow){font:30px var(--serif);margin-bottom:9px;letter-spacing:-.02em}.console-title>span{font-size:10px;color:var(--muted);line-height:1.6}.destination-dial{height:196px;position:relative;width:360px;max-width:100%}.destination-legend{position:absolute;left:0;top:0;width:340px;height:180px;overflow:visible;pointer-events:none}.destination-legend .minor{stroke:#dfdace30;stroke-width:1}.destination-legend .lead{stroke:#bca47755;stroke-width:1;fill:none;transition:stroke .25s}.destination-legend .lead.on{stroke:var(--gold-hi)}.destination-legend .tick{stroke-width:2}.navigation-knob{position:absolute;left:10px;top:40px;width:108px;height:108px;border-radius:50%;cursor:grab;touch-action:none;user-select:none}.navigation-knob:focus-visible{outline-offset:8px}.navigation-knob.gripped{cursor:grabbing}.navigation-knob.gripped .knob-face{transition:transform .08s ease}.navigation-knob .knob-boss{width:20px;height:20px;margin:-10px 0 0 -10px}.destination-positions{position:absolute;left:162px;top:8px;right:0;display:grid;gap:0}.destination{height:33px;display:flex;gap:9px;align-items:center;padding:0 7px;font:16px var(--serif);color:#a8a498;transition:color .2s,background .2s}.destination>span{color:#8b784e;font:12px var(--sans)}.destination small{font:7px var(--mono);color:#7f796a;margin-left:auto}.destination.on{color:var(--gold-hi);background:linear-gradient(90deg,#bca47722,transparent)}.destination.on>span{color:var(--gold-hi)}.destination.on small{color:var(--gold)}.destination:hover{color:var(--gold-hi);background-color:#dfdace08}.dial-help{position:absolute;bottom:0;left:0;right:0;text-align:center;font:7px var(--mono);letter-spacing:.025em;color:#a09886}.console-readout{border-left:1px solid var(--line);padding-left:32px;max-width:260px;justify-self:end;width:100%}.readout-label{font:7px var(--mono);letter-spacing:.09em;color:var(--gold);display:flex;gap:18px;justify-content:space-between}.readout-label b{font-weight:400;color:#928770;white-space:nowrap}.console-readout>p{font:25px/1.15 var(--serif);margin:14px 0 10px;min-height:57px}.console-readout>span:last-child{display:block;font-size:10px;color:#a5a092;line-height:1.6;min-height:32px}html{scroll-padding-top:250px}.hero{padding-top:75px}.site-header nav .nav-github{border-left:0;padding-left:0}
@media(max-width:1100px){.console-layout{grid-template-columns:1fr 340px 1fr;gap:20px}.destination-dial{width:340px}.console-title>p:not(.eyebrow){font-size:26px}.console-title>span{font-size:9px}.console-readout{padding-left:20px}.console-readout>p{font-size:23px}}
@media(max-width:850px){.console-layout{grid-template-columns:1fr 340px;gap:20px}.console-readout{display:none}.console-title{max-width:220px}.console-title>p:not(.eyebrow){font-size:30px}.console-layout{padding-block:9px}.destination-dial{height:185px}.dial-help{bottom:0}.hero{padding-top:55px}html{scroll-padding-top:228px}}
@media(max-width:600px){.console-layout{display:block;width:calc(100% - 36px);padding:7px 0 10px}.console-title{display:none}.destination-dial{height:167px;width:340px;margin:auto;max-width:100%}.destination-legend{width:100%;height:160px;view-transition-name:none}.navigation-knob{width:96px;height:96px;left:7px;top:34px}.destination-positions{left:46%;top:4px}.destination{height:28px;font-size:15px;padding-right:6px}.destination small{font-size:7px}.dial-help{font-size:6px;bottom:0}.navigation-console{box-shadow:0 7px 17px #0005}.hero{padding-top:42px}html{scroll-padding-top:206px}}
@media(max-width:600px){.console-layout{height:var(--dial-height,213px)}.destination-dial{width:340px;max-width:none;height:196px;left:50%;margin:0 0 0 -170px;transform:scale(var(--dial-scale,1));transform-origin:center top}.destination-legend{width:340px;height:180px}.navigation-knob{width:108px;height:108px;left:10px;top:40px}.destination-positions{left:162px;top:8px}.destination{height:33px;font-size:16px}.dial-help{font-size:7px}html{scroll-padding-top:238px}}
@media(prefers-reduced-motion:reduce){.knob-face,.destination-legend .lead,.destination{transition:none!important}}