@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@font-face{font-family:Mona Sans;src:url(/fonts/mona-sans-variable.woff2)format("woff2");font-weight:200 900;font-stretch:75% 125%;font-style:normal;font-display:swap}:root{--gold:#cfb991;--cyan:#2aace2;--dark-accent:#40455c;--background:#292c3a;--ink:#071f24;--ease:cubic-bezier(.22,.8,.2,1);color-scheme:dark;background:var(--background);color:#fff;font-family:Mona Sans,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}main{background:var(--background) url(/images/brand/background-desktop.webp) center / cover no-repeat;min-height:100svh}.home{flex-direction:column;justify-content:center;width:min(100% - 40px,177.778svh - 156.444px);min-height:100svh;margin:auto;padding:16px 0;display:flex}.intro-line,.under-instrument,.detail-toolbar,.section-navigation{letter-spacing:1.5px;font-family:Mona Sans,Arial,sans-serif;font-size:10px}.intro-line{color:var(--gold);justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;font-weight:600;font-stretch:112.5%;line-height:1.6;display:flex}.chapter-logo{flex-shrink:0;width:104px;height:auto}.detail-toolbar .chapter-logo{width:140px}.instrument{aspect-ratio:16/9;isolation:isolate;width:100%;position:relative;container-type:inline-size}.base{object-fit:contain;width:100%;height:100%;display:block}.lcd{width:61.5%;height:49.1%;color:var(--ink);clip-path:polygon(1% 0,99% 0,100% 99%,0 100%);text-shadow:0 0 .6px;background:linear-gradient(115deg,#31c0d6d6,#6cd1d1b5);flex-direction:column;padding:1.1% 1.25% .6%;font-family:Consolas,Courier New,monospace;display:flex;position:absolute;top:24.3%;left:18.65%;overflow:hidden;box-shadow:inset 0 0 14px #1c484850}.lcd:after{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000 0 2px,#07282e10 3px,#0000 4px);position:absolute;inset:0}.lcd-top{letter-spacing:.04em;border-bottom:1px solid #08313d66;justify-content:space-between;padding-bottom:1.2%;font-size:1cqw;font-weight:700;display:flex}.icon-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:4%;min-height:0;padding:2% 0;display:grid}.menu-icon{appearance:none;min-width:0;color:inherit;text-shadow:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:1px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;font-family:inherit;display:flex;position:relative}.menu-icon:disabled{opacity:1;color:var(--ink);-webkit-text-fill-color:var(--ink);cursor:default}.menu-icon svg{flex-shrink:1;width:45%;max-width:62px;height:auto;max-height:63%}.short-label{letter-spacing:.02em;white-space:nowrap;font-size:.75cqw;font-weight:700}.menu-icon.selected{border-color:var(--ink);background:#0736421c;box-shadow:inset 0 0 0 2px #66c8d2}.menu-icon.selected:before,.menu-icon.selected:after{content:"";background:var(--ink);width:4px;height:4px;position:absolute}.menu-icon.selected:before{top:0;left:0}.menu-icon.selected:after{bottom:0;right:0}.menu-icon:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.lcd-bottom{border-top:1px solid #08313d99;grid-template-columns:1em minmax(0,1fr) 1em;align-items:center;gap:6px;min-height:13%;padding-top:1%;font-size:1.35cqw;font-weight:700;display:grid}[data-selected-name]{text-align:center}.enter-mark{text-align:right}.cursor{font-size:.8em}.hardware{cursor:pointer;outline-offset:0;background:0 0;border:0;border-radius:18%;width:6.4%;height:14.4%;position:absolute;transform:translate(-50%,-50%)}.hardware:after{content:"";border:1px solid #0000;border-radius:22%;transition:background .18s,box-shadow .18s,border-color .18s;position:absolute;inset:17% 20%}.hardware:hover:after,.hardware:focus-visible:after{background:#cfb99129;border-color:#cfb991aa;box-shadow:0 0 14px #cfb99144}.hardware:active:after{background:#2aace260;box-shadow:inset 0 3px 9px #000}.hw-home{top:33.35%;left:10.85%}.hw-select{top:64%;left:10.5%}.hw-up{top:33.7%;left:89.55%}.hw-down{top:64.25%;left:89.7%}.under-instrument{color:#9299a4;letter-spacing:1px;justify-content:space-between;align-items:center;gap:15px;padding-top:16px;font-size:9px;display:flex}.under-instrument>span:first-child{color:#c2b9aa}.live-dot{background:var(--cyan);width:5px;height:5px;margin-right:8px;display:inline-block;box-shadow:0 0 7px #2aace266}.under-instrument b{color:#667080;margin:0 6px}.touch-instructions,.mobile-menu,.touch-menu .desktop-instructions{display:none}.touch-menu .touch-instructions{display:inline}.no-script-menu{flex-wrap:wrap;gap:20px;padding:30px 0;display:flex}.detail{flex-direction:column;max-width:1320px;min-height:100svh;margin:auto;padding:30px 4vw;display:flex}.detail-toolbar,.section-navigation{color:#8e96a5;justify-content:space-between;align-items:center;font-size:10px;display:flex}.home-link{color:var(--gold);align-items:center;gap:12px;padding:12px 0;display:inline-flex}.home-link:hover{color:#fff}.detail-body{flex:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:6%;padding:60px 0 65px;display:grid}.eyebrow{letter-spacing:2px;color:var(--gold);align-items:center;gap:14px;font:600 10px Mona Sans,sans-serif;display:flex}.tiny-cross{color:var(--cyan);font-size:20px}h1{letter-spacing:-.05em;max-width:740px;margin:23px 0 28px;font-size:clamp(40px,5.7vw,82px);font-weight:650;font-stretch:112.5%;line-height:.99}h1:focus{outline:none}.rule{background:var(--cyan);width:58px;height:2px;margin-bottom:28px}.placeholder-label{letter-spacing:2px;color:var(--gold);font:600 9px Mona Sans,sans-serif}.body-text{color:#ffffffd9;max-width:570px;font-size:15px;line-height:1.85}.body-text.secondary{color:#ffffffa6;font-size:13px}.diagram{aspect-ratio:1;background:radial-gradient(#292c3a66,#0000 65%);border:1px solid #292c3a;place-items:center;display:grid;position:relative;overflow:hidden}.diagram-grid{background-image:linear-gradient(#40455c22 1px,#0000 1px),linear-gradient(90deg,#40455c22 1px,#0000 1px);background-size:25px 25px;position:absolute;inset:0}.orbit{border:1px solid #cfb99155;border-radius:50%;width:75%;height:75%;position:absolute}.orbit-two{border-color:#2aace255;width:55%;height:55%}.orbit-one:after{content:"";background:var(--gold);width:5px;height:5px;position:absolute;top:14%;left:14%}.large-icon{width:28%;color:var(--cyan);position:relative}.large-icon svg{filter:drop-shadow(0 0 18px #2aace233);width:100%;display:block}.diagram-index{color:var(--gold);font:600 11px Mona Sans,sans-serif;position:absolute;top:18px;left:20px}.diagram-caption{letter-spacing:2px;color:#8994a5;font:600 9px Mona Sans,sans-serif;position:absolute;bottom:18px;right:20px}.section-navigation{color:var(--gold);border-top:1px solid #292c3a;gap:20px;padding-top:25px;font-size:9px}.section-navigation a:last-child{text-align:right;line-height:1.7}.section-navigation span{margin-left:15px}#navigation-portal{z-index:10000;background:var(--cyan);display:none;position:fixed;inset:0;overflow:hidden}#navigation-portal.active{touch-action:none;display:block}.transition-snapshot{will-change:transform, filter, opacity;background:var(--background);position:absolute;inset:0;overflow:hidden}.is-navigating>body>main{visibility:hidden}.is-navigating{overflow:hidden}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}@media (width<=700px){main{background-image:url(/images/brand/background-mobile.webp)}.chapter-logo{width:80px}.detail-toolbar .chapter-logo{width:100px}.home{justify-content:flex-start;width:calc(100% - 24px);min-height:100svh;padding:24px 0}.intro-line{letter-spacing:1px;margin:0 6px 15px;font-size:9px}.menu-icon .short-label{display:none}.icon-grid{gap:2%;padding:1% 0}.menu-icon svg{width:52%;max-height:85%}.lcd-top{font-size:1.3cqw}.lcd-bottom{gap:3px;min-height:17%;font-size:1.8cqw}.menu-icon.selected{box-shadow:inset 0 0 0 1px #66c8d2}.under-instrument{letter-spacing:.5px;margin:0 6px;padding-top:17px;font-size:8px}.desktop-instructions{display:none}.touch-instructions{display:inline}.touch-menu .mobile-menu{border-top:1px solid #292c3a;grid-template-columns:1fr 1fr;margin:25px 6px 0;display:grid}.mobile-menu a{border-bottom:1px solid #292c3a;align-items:center;gap:10px;min-height:64px;padding:12px 7px;font-size:12px;line-height:1.4;display:flex}.mobile-menu a:nth-child(odd){border-right:1px solid #292c3a;padding-right:10px}.mobile-menu a:nth-child(2n){padding-left:15px}.mobile-menu svg{width:23px;height:23px;color:var(--gold);flex-shrink:0}.mobile-menu a:active{background:#292c3a}.detail{padding:20px 6vw 35px}.detail-body{grid-template-columns:1fr;gap:30px;padding:35px 0}.detail-copy h1{overflow-wrap:break-word;max-width:500px;font-size:clamp(38px,12vw,52px)}.diagram{aspect-ratio:1.4;width:100%;max-width:280px;margin-left:auto}.body-text{font-size:14px}.section-navigation{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}