#boot{display:none}html.intro #boot{z-index:100;background:var(--ink);pointer-events:auto;cursor:default;display:block;position:fixed;top:0;bottom:0;left:0;right:0}html.intro .cover{will-change:transform, opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}html.intro .topbar,html.intro .moonfix{opacity:0}#boot .bmoon{will-change:transform, opacity;box-shadow:0 0 70px 6px rgba(243, 234, 214, var(--bg,0));border-radius:50%;position:absolute;top:0;left:0}#boot .bname{left:50%;top:var(--bny,calc(50% + 64px));white-space:nowrap;font-family:var(--mono);letter-spacing:.34em;color:var(--cream2);opacity:0;will-change:opacity, transform;font-size:15px;position:absolute;transform:translate(-50%)}#boot .bname small{text-align:center;font:10.5px var(--mono);letter-spacing:.2em;color:var(--mute);margin-top:10px;display:block}
:root{--mw:92px;--mleft:calc(clamp(10px, 2vw, 22px) + 22px);--mtop:calc(clamp(10px, 2vw, 22px) + 20px)}@media (max-width:1100px){:root{--mw:76px}}@media (max-width:700px){:root{--mw:60px;--mleft:26px;--mtop:26px}}.topbar{z-index:45;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid #0000;transition:background .5s,border-color .5s,-webkit-backdrop-filter .5s,backdrop-filter .5s;position:fixed;top:0;left:0;right:0}.topbar:before{content:"";z-index:-1;pointer-events:none;height:calc(var(--mtop) + var(--mw) + 46px + env(safe-area-inset-top,0px));opacity:0;background:linear-gradient(#0b0c0ff7 58%,#0b0c0fbf 78%,#0b0c0f00);transition:opacity .5s;position:absolute;top:0;left:0;right:0}.topbar.solid:before{opacity:1}.topbar .tb{max-width:1120px;padding-top:calc(var(--mtop) + var(--mw) / 2 - 12px);padding-bottom:calc(var(--mw) / 2 + 4px);padding-right:max(18px,min(4vw,48px));padding-left:max(clamp(18px, 4vw, 48px), calc(var(--mleft) + var(--mw) + 24px - max(0px, (100vw - 1120px) / 2)));justify-content:space-between;align-items:center;gap:18px;margin:0 auto;transition:padding .5s cubic-bezier(.33,0,.2,1);display:flex}.topbar.solid .tb{padding-bottom:22px}.topbar .tb-l{align-items:center;gap:16px;min-width:0;display:flex}.topbar .vol{font:12px var(--mono);color:var(--cream2);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar nav{flex-wrap:wrap;gap:22px;display:flex}.topbar nav a{font:700 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cream2);border:0}.topbar nav a:hover{color:var(--gold2)}@media (max-width:900px){.topbar nav{display:none}}@media (max-width:700px){.topbar .tb{padding-left:calc(var(--mleft) + var(--mw) + 16px)}}@media (max-width:420px){.topbar .vol{font-size:10.5px}}.moonfix{z-index:46;left:var(--mleft);top:calc(var(--mtop) + env(safe-area-inset-top,0px));width:var(--mw);height:var(--mw);position:fixed}.moonbtn{width:var(--mw);height:var(--mw);cursor:pointer;box-shadow:0 0 var(--glow,24px) rgba(243, 234, 214, var(--ga,.2));background:0 0;border:0;border-radius:50%;flex:none;padding:0;transition:transform .4s cubic-bezier(.3,.7,.2,1),box-shadow .6s;position:relative}.moonbtn:hover{transform:scale(1.06)}.moonbtn:focus-visible{outline:1px solid var(--gold);outline-offset:6px}.moonbtn canvas{border-radius:50%;width:100%;height:100%;display:block}.moonbtn .pp{opacity:0;background:radial-gradient(circle,#0b0c0f47,#0b0c0f14 70%);border-radius:50%;place-items:center;transition:opacity .3s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.moonbtn:hover .pp{opacity:1}.moonbtn:focus-visible .pp{opacity:1}.moonbtn .pp:before{content:"";filter:drop-shadow(0 0 4px #f3ead699);border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid #0b0c0fd9;width:0;height:0;margin-left:2px;transform:scale(1.5)}.moonbtn[aria-pressed=true] .pp:before{background:linear-gradient(90deg,#0b0c0fcc 0 35%,#0000 35% 65%,#0b0c0fcc 65%);border:0;width:9px;height:11px;margin:0}.moonbtn .ring{opacity:0;pointer-events:none;border:1px solid #f3ead659;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.moonbtn[aria-pressed=true] .ring{animation:3.6s cubic-bezier(.2,.6,.3,1) infinite ripple}.moonbtn[aria-pressed=true] .ring:nth-of-type(2){animation-delay:1.2s}.moonbtn[aria-pressed=true] .ring:nth-of-type(3){animation-delay:2.4s}@keyframes ripple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.moonbtn[aria-pressed=true] .ring{animation:none}}
#trail{z-index:43;pointer-events:none;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.mystar{--mc:207, 224, 255;z-index:44;cursor:pointer;will-change:transform;opacity:0;background:0 0;border:0;width:34px;height:34px;margin:-17px 0 0 -17px;padding:0;transition:opacity 1.2s cubic-bezier(.33,0,.2,1);position:fixed;top:0;left:0}.mystar.named{--mc:228, 199, 127}.mystar.on{opacity:1}.mystar .sc{pointer-events:none;width:96px;height:96px;margin:-48px 0 0 -48px;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%}.mystar:hover .sc{transform:scale(1.28)}.mystar:focus-visible .sc{transform:scale(1.28)}.mystar:focus-visible{outline:1px solid var(--gold);outline-offset:6px;border-radius:50%}.mystar .ring{border:1px solid rgba(var(--mc), .8);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.mystar.born .ring{animation:1.8s cubic-bezier(.2,.6,.3,1) 2 myring}.mystar.born .ring:nth-of-type(2){animation-delay:.6s}@keyframes myring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(3.2)}}.mylabel{z-index:44;pointer-events:none;text-align:center;width:150px;line-height:1.35;font:10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cream2);text-shadow:0 1px 8px #000000f2;will-change:transform;opacity:0;background:radial-gradient(closest-side,#0b0c0fc7,#0b0c0f00);padding:6px 4px;transition:opacity .6s;position:fixed;top:0;left:0}.mylabel.on{opacity:.95}.mylabel.veiled{opacity:0!important}.mylabel b{text-transform:none;color:var(--gold2);font-size:15px;display:block}@media (max-width:760px){.mylabel span{display:none}.mylabel{width:110px}}.myhint{z-index:44;pointer-events:none;white-space:nowrap;will-change:transform;color:var(--cream);text-shadow:0 1px 10px #000000f2;opacity:0;font-size:15px;transition:opacity .9s;position:fixed;top:0;left:0}.myhint.on{opacity:1}.place{z-index:60;border:1px solid var(--gold);background:#0b0c0ff5;width:250px;margin:0;padding:14px;display:none;position:fixed}.place.on{animation:.45s cubic-bezier(.22,1,.36,1) cardin;display:block}@keyframes cardin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.place label{font:10.5px var(--mono);color:var(--mute);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;display:block}.place input{border:0;border-bottom:1px solid var(--rule2);width:100%;color:var(--cream);font:17px var(--body);background:0 0;outline:none;margin-bottom:12px;padding:4px 0 6px}.place input:focus{border-color:var(--gold)}.place .row{justify-content:space-between;align-items:center;display:flex}.place .trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.place .note{font:italic 14px/1.35 var(--display);color:var(--gold2);margin:-4px 0 12px}.place .note:empty{display:none}.place button:disabled{opacity:.6;cursor:wait}.place button{font:12px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:var(--ink);cursor:pointer;border:0;padding:8px 12px}.place button.x{color:var(--mute);background:0 0;margin-right:auto;padding:8px 0}.spot{z-index:47;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(circle,#0607090f 0,#06070980 150px,#060709c7 420px,#060709d1 100%);width:300vmax;height:300vmax;margin:-150vmax 0 0 -150vmax;transition:opacity .7s cubic-bezier(.3,.7,.2,1),visibility 0s .7s;position:fixed;top:0;left:0}.spot.on{opacity:1;visibility:visible;will-change:transform, opacity;transition-duration:.45s,0s;transition-delay:0s}.spot.quick{transition-duration:.2s,0s;transition-delay:0s,.2s}html.spotting #trail{z-index:48}html.spotting #mystar,html.spotting #mylabel,html.spotting #myhint,html.spotting .cover .tip,html.spotting #gtip{z-index:49}@media (prefers-reduced-motion:reduce){.mystar.born .ring{animation:none}.spot{transition:none}}
.cover{min-height:min(980px,100vh);border-bottom:1px solid var(--rule);min-height:min(980px,100svh);position:relative;overflow:hidden}.cover .eng.taurus{will-change:transform;opacity:.26;top:4%;bottom:0%;left:38%;right:-12%;-webkit-mask:radial-gradient(36% 38% at 42% 56%,#000 55%,#0000 100%);mask:radial-gradient(36% 38% at 42% 56%,#000 55%,#0000 100%)}@media (max-width:700px){.cover .eng.taurus{opacity:.3;top:40%;bottom:-6%;left:-25%;right:-55%}}#sky{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.skyfar{pointer-events:none;will-change:transform;position:absolute;top:-16px;bottom:-16px;left:-16px;right:-16px}.skyfar canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.skyfar .t1{animation:5.3s ease-in-out infinite alternate skytw}.skyfar .t2{animation:7.1s ease-in-out -3s infinite alternate skytw}@keyframes skytw{0%{opacity:1}to{opacity:.62}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cover .masthead,.cover .title,.cover .skyfar{animation:linear both coverdrift;animation-timeline:scroll(root);animation-range:0 1000px}.cover .masthead,.cover .title{--drift:60px}.cover .skyfar{--drift:-50px}html.lite .cover .masthead,html.lite .cover .title,html.lite .cover .skyfar{animation:none}}}@keyframes coverdrift{to{translate:0 var(--drift)}}.frame{border:1px solid var(--rule2);pointer-events:none;position:absolute;top:max(10px,min(2vw,22px));bottom:max(10px,min(2vw,22px));left:max(10px,min(2vw,22px));right:max(10px,min(2vw,22px))}.frame:before{content:"";border:1px solid var(--rule);position:absolute;top:6px;bottom:6px;left:6px;right:6px}.frame .deg{font:10px var(--mono);color:var(--mute);position:absolute}@media (max-width:1100px){.frame .deg{display:none}}.masthead{z-index:3;padding-top:max(34px,min(5vw,56px));position:relative}.masthead.spacer{min-height:30px}.title{z-index:3;max-width:760px;margin-top:max(70px,min(13vh,150px));position:relative}.title .kick{font:12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);align-items:center;gap:12px;display:flex}.title .kick i{background:var(--star);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite tw;box-shadow:0 0 10px 2px #cfe0ffb3}.title h1{letter-spacing:-.018em;margin:18px 0 0;font-size:max(50px,min(8.2vw,122px));font-weight:760;line-height:.94}.title h1 em{color:var(--gold2);letter-spacing:0;margin:.22em 0 0 .06em;font-size:.5em;display:block}.title p{color:var(--cream2);max-width:40ch;margin:28px 0 0;font-size:max(18px,min(1.6vw,21px));line-height:1.55}.title p b{color:var(--cream);font-weight:450}.cover .foot{z-index:3;position:absolute;bottom:max(34px,min(5vw,56px));left:0;right:0}.cover .foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.chartnote{max-width:34ch;color:var(--cream2);font-size:15px;line-height:1.5}.chartnote b{font-style:normal;font-family:var(--mono);color:var(--gold);letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:400;display:block}.readers{z-index:5;white-space:nowrap;pointer-events:none;font:10.5px var(--mono);color:var(--cream2);letter-spacing:.04em;opacity:0;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0}.readers:before{content:"";background:var(--cream);width:3px;height:3px;box-shadow:0 0 6px 2px #e8dfcc99}@media (prefers-reduced-motion:reduce){.skyfar canvas{animation:none!important}}
section.ch{border-bottom:1px solid var(--rule);background:url(/img/dust.png) 0 0/512px 512px;padding-block-start:max(70px,min(10vw,130px));padding-block-end:max(70px,min(10vw,130px));position:relative;overflow-x:clip}section.ch>.wrap{z-index:1;position:relative}section.ch:after{content:"";z-index:2;background:var(--ink) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 168 14'><g fill='%23e8dfcc' fill-opacity='.55'><circle cx='24' cy='7' r='4'/><circle cx='44' cy='7' r='4'/><circle cx='64' cy='7' r='4'/><circle cx='104' cy='7' r='4'/><circle cx='124' cy='7' r='4'/><circle cx='144' cy='7' r='4'/></g><circle cx='84' cy='7' r='5' fill='%23e4c77f' fill-opacity='.9'/><g fill='%230b0c0f'><circle cx='24' cy='7' r='4.3'/><circle cx='40.5' cy='7' r='4.1'/><circle cx='66.5' cy='7' r='3.9'/><circle cx='101.5' cy='7' r='3.9'/><circle cx='127.5' cy='7' r='4.1'/></g><g fill='none' stroke='%23e8dfcc' stroke-opacity='.3' stroke-width='.6'><circle cx='24' cy='7' r='4'/><circle cx='44' cy='7' r='4'/><circle cx='64' cy='7' r='4'/><circle cx='104' cy='7' r='4'/><circle cx='124' cy='7' r='4'/><circle cx='144' cy='7' r='4'/></g><path d='M0 7h12M156 7h12' stroke='%23c9a24a' stroke-opacity='.6' stroke-width='.7'/></svg>") center / 168px 14px no-repeat;width:168px;height:14px;margin-left:-84px;position:absolute;bottom:-7px;left:50%}.chhead{grid-template-columns:minmax(0,3fr) minmax(0,9fr);align-items:start;gap:max(20px,min(4vw,56px));display:grid}.num{color:var(--gold);letter-spacing:-.01em;font-size:max(56px,min(7vw,96px));font-style:italic;font-weight:620;line-height:.8}.chhead .k{font:11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:14px}.prose{max-width:62ch}.prose p{margin:22px 0 0}.prose p:first-of-type:first-letter{float:left;color:var(--gold2);margin:.06em .1em 0 0;font-size:4.2em;font-weight:800;line-height:.8}.pull{color:var(--cream);border-left:1px solid var(--gold);max-width:36ch;margin:40px 0 0;padding-left:22px;font-size:max(24px,min(2.6vw,32px));font-style:italic;font-weight:380;line-height:1.25}.mnote{max-width:24ch;color:var(--cream2);margin:26px 0 0;padding-left:20px;font-size:15.5px;line-height:1.45;position:relative}.mnote:before{content:"";border-top:1px solid var(--gold);width:12px;position:absolute;top:.72em;left:0}.cheng{aspect-ratio:4/3;opacity:.14;pointer-events:none;z-index:0;background:50%/contain no-repeat;width:min(62vw,800px);position:absolute;top:max(10px,min(3vw,50px));right:-7%;-webkit-mask:radial-gradient(closest-side,#000 35%,#0000);mask:radial-gradient(closest-side,#000 35%,#0000)}@supports (animation-timeline:view()){.cheng{animation:linear both chpar;animation-timeline:view();animation-range:cover}}@keyframes chpar{0%{transform:translateY(80px)}to{transform:translateY(-80px)}}.chc{max-width:172px;margin:36px 0 0}.chc svg{width:100%;height:auto;display:block;overflow:visible}.chc path{fill:none;stroke:var(--star);stroke-opacity:.42;stroke-width:.7px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 2.6s cubic-bezier(.3,.6,.2,1) .2s,stroke-opacity .4s}.chc .st{opacity:0;transition:opacity 1.4s .1s}.chc circle{fill:var(--star);animation:4.2s ease-in-out infinite chtw}.chc circle.h{opacity:.13;animation:none}.chc.draw path{stroke-dashoffset:0}.chc.draw .st{opacity:1}.chc:hover path{stroke-opacity:.8}@keyframes chtw{50%{opacity:.45}}.chc figcaption{font:10.5px var(--mono);letter-spacing:.16em;color:var(--cream2);margin-top:12px}.chc figcaption span{letter-spacing:.04em;color:var(--mute);margin-top:3px;display:block}.glint{z-index:0;pointer-events:none;opacity:0;width:15px;height:15px;animation:glint var(--gd,7s) ease-in-out var(--gl,0s) infinite;margin:-7px;position:absolute}.glint:before,.glint:after{content:"";background:linear-gradient(90deg,#0000,#cfe0ffe6,#0000);width:15px;height:1px;position:absolute;top:7px;left:0}.glint:after{transform:rotate(90deg)}@keyframes glint{0%,70%,to{opacity:0;transform:scale(.4)}82%{opacity:.9;transform:scale(1)}}@media (max-width:900px){.chhead{grid-template-columns:1fr}.chhead>div:first-child{grid-template-columns:auto minmax(0,150px);align-items:start;column-gap:28px;display:grid}.chhead>div:first-child .num,.chhead>div:first-child .k,.mnote{grid-column:1}.chc{grid-area:1/2/span 3;margin:0}.mnote{margin-top:14px}.cheng{opacity:.1;width:120vw;right:-40%}}@media (prefers-reduced-motion:reduce){.chc circle,.glint,.cheng{animation:none!important}.chc path,.chc .st{transition:none}}
.steps{border-top:1px solid var(--rule);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:48px;display:grid}.steps div{border-right:1px solid var(--rule);margin-right:18px;padding:20px 18px 0 0}.steps div:last-child{border-right:0;margin-right:0}.steps .mono{color:var(--gold);margin-bottom:10px;display:block}.steps p{color:var(--cream2);margin:0;font-size:15.5px;line-height:1.5}.steps p b{color:var(--cream);font-weight:450}.steps .mono:before{content:"✦ ";color:var(--mute);transition:color .6s,text-shadow .6s}.steps.draw .mono:before{color:var(--gold2);text-shadow:0 0 8px #e4c77fcc}.steps.draw div:nth-child(2) .mono:before{transition-delay:.25s}.steps.draw div:nth-child(3) .mono:before{transition-delay:.5s}.steps.draw div:nth-child(4) .mono:before{transition-delay:.75s}.steps.draw div:nth-child(5) .mono:before{transition-delay:1s}@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}.steps div{border-right:0;border-bottom:1px solid var(--rule);margin-right:0;padding-bottom:18px}}@media (max-width:560px){.steps{grid-template-columns:1fr}}
.toc{border-top:1px solid var(--rule2);margin-top:48px}.toc .r{border-bottom:1px solid var(--rule);grid-template-columns:64px minmax(0,2.2fr) minmax(0,1.2fr) minmax(0,3.6fr);align-items:baseline;gap:22px;padding:22px 0;display:grid}.toc .r:hover{background:linear-gradient(90deg,#c9a24a0d,#0000 70%)}.toc .rn{color:var(--gold);font-size:28px;font-weight:500;transition:text-shadow .4s,color .4s}.toc .r:hover .rn{color:var(--gold2);text-shadow:0 0 16px #e4c77f8c}.toc .nm{font-size:max(20px,min(1.9vw,25px));line-height:1.15}.toc .nm small{color:var(--cream2);margin-top:6px;font-size:15px;line-height:1.35;display:block}.toc .pl{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding-top:6px}.toc .ds{color:var(--cream2);font-size:15.5px;line-height:1.5}.toc .ds q{color:var(--cream);quotes:"“" "”";margin-top:8px;display:block}.toc .ds q:before{color:var(--gold)}@media (max-width:900px){.toc .r{grid-template-columns:44px 1fr;gap:6px 14px}.toc .pl,.toc .ds{grid-column:2}}
.orbit{height:520vh;height:520svh;margin-top:56px;position:relative}.orbit .opin{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden}.ohead{z-index:30;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:absolute;top:max(128px,min(17vh,160px));left:0;right:0}.ohead .mono{color:var(--gold);white-space:normal}.ohead .ohint{display:none}.obar{background:var(--rule2);flex:100%;height:1px;position:relative;overflow:hidden}.obar i{background:var(--gold);transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.orrery{position:absolute;top:0;bottom:0;left:0;right:0}.orings{pointer-events:none;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.orings ellipse{fill:none;stroke:#e8dfcc1a;stroke-width:1px;transition:stroke .5s}.orings ellipse.cur{stroke:#e4c77f8c}.sun{z-index:10;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 36px 8px #ffbe5a6b,0 0 110px 40px #f08c2829}.sun canvas{z-index:1;will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}.sun:before{content:"";background:radial-gradient(circle,#ffcd7857 34%,#ff96321a 52%,#0000 70%);border-radius:50%;animation:7s ease-in-out infinite alternate sunpulse;position:absolute;top:-38%;bottom:-38%;left:-38%;right:-38%}@keyframes sunpulse{0%{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.planet{z-index:2;width:max(var(--d), 46px);height:max(var(--d), 46px);cursor:pointer;will-change:transform;background:0 0;border:0;border-radius:50%;margin:0;padding:0;transition:box-shadow .8s,transform .8s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.planet canvas{pointer-events:none;will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.planet:focus-visible{outline:none}.planet:after{content:"";border:1px solid #e4c77f00;border-radius:50%;transition:border-color .5s,top .5s cubic-bezier(.22,1,.36,1),bottom .5s,left .5s cubic-bezier(.22,1,.36,1),right .5s;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.planet:hover:after{border-color:#e4c77f8c;top:-14px;bottom:-14px;left:-14px;right:-14px}.planet:focus-visible:after{border-color:#e4c77f8c;top:-14px;bottom:-14px;left:-14px;right:-14px}.planet.focus:after{border-color:#e4c77f99;top:-12px;bottom:-12px;left:-12px;right:-12px}.planet.away canvas{visibility:hidden}.planet:before{content:"";width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);pointer-events:none;background:radial-gradient(circle at 34% 32%, var(--pc) 0, #07080a 100%);background:radial-gradient(circle at 34% 32%, var(--pc) 0, color-mix(in srgb, var(--pc) 55%, #000) 62%, #07080a 100%);opacity:.85;border-radius:50%;transition:opacity .7s;position:absolute;top:50%;left:50%}.planet canvas,.sun canvas{opacity:0;transition:opacity .7s}.planet.ready:before{opacity:0}.planet.ready canvas,.sun.ready canvas{opacity:1}.sun:not(.ready){background:radial-gradient(circle at 42% 40%,#fff1c4 0,#ffc861 45%,#e8892a 100%)}.oside{pointer-events:none;z-index:25;position:absolute;top:0;bottom:0;left:0;right:0}.ocard{pointer-events:auto;cursor:pointer;text-shadow:0 1px 14px #0b0c0ff2,0 0 3px #0b0c0fe6;flex-direction:column;gap:8px;width:min(360px,28vw);display:flex;position:absolute;top:52%;left:max(18px,min(4vw,48px));transform:translateY(-50%)}.ocard .ointro{margin:0 0 18px;font-size:max(24px,min(2.3vw,32px));font-weight:760;line-height:1.1}.ocard .ointro em{color:var(--gold2);font-weight:560}.ocard .oidx{color:var(--gold2);letter-spacing:.14em}.ocard .y{font:13px var(--mono);color:var(--gold)}.ocard .w{font-size:max(20px,min(1.8vw,25px));line-height:1.15}.ocard .a{color:var(--cream2);font-size:17px;line-height:1.45}.ocard .ohow{color:var(--mute);margin-top:4px;font-size:12.5px;font-weight:400}.oyears{pointer-events:auto;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:max(26px,min(6vh,64px));left:max(18px,min(4vw,48px))}.oyears button{font:11.5px var(--mono);letter-spacing:.08em;color:var(--mute);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:4px 0;transition:color .3s,border-color .3s}.oyears button:hover{color:var(--cream)}.oyears button.on{color:var(--gold2);border-bottom-color:var(--gold)}.onote{max-width:44ch;color:var(--mute);text-align:right;pointer-events:none;margin:0;line-height:1.5;position:absolute;bottom:max(26px,min(6vh,64px));right:max(18px,min(4vw,48px))}.orbit.stack .ocard{width:auto;max-width:640px;top:auto;bottom:max(84px,min(11vh,130px));left:max(18px,min(4vw,48px));right:max(18px,min(4vw,48px));transform:none}.orbit.stack .oyears{bottom:max(28px,min(4.5vh,60px))}.orbit.stack .onote{display:none}@media (max-width:760px){.orbit .ohead{top:132px}.ocard{width:auto;top:auto;bottom:78px;left:18px;right:18px;transform:none}.ocard .ointro{margin-bottom:8px;font-size:26px}.ocard .w{font-size:23px}.ocard .a{font-size:16px}.oyears{gap:4px 14px;bottom:28px;left:18px}.onote{display:none}}.oplate{z-index:42;opacity:0;background:#090a0df6;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:max(20px,min(4vw,64px));padding:90px max(24px,50vw - 590px) 40px;transition:opacity .5s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.oplate.in{opacity:1}.opl-fig{place-items:center;min-width:0;display:grid;overflow:visible}.opl-fig canvas{will-change:transform;max-width:none;transition:transform .9s cubic-bezier(.22,1,.36,1);display:block}.opl-txt{opacity:0;flex-direction:column;gap:10px;max-width:520px;max-height:calc(100vh - 140px);transition:opacity .6s .25s,transform .8s cubic-bezier(.22,1,.36,1) .25s;display:flex;overflow:auto;transform:translateY(14px)}.oplate.in .opl-txt{opacity:1;transform:none}.opl-txt.swap{animation:.6s cubic-bezier(.22,1,.36,1) oplswap}@keyframes oplswap{0%{opacity:0;transform:translateY(10px)}}.opl-txt .pn{color:var(--gold2);letter-spacing:.2em;font-size:12px}.opl-txt .y{font:15px var(--mono);color:var(--gold)}.opl-txt .w{font-size:max(30px,min(3vw,44px));line-height:1.08}.opl-txt .a{color:var(--cream);font-size:max(19px,min(1.6vw,22px));line-height:1.45}.opl-txt .pline{color:var(--cream2);margin:6px 0 0;font-size:17px;line-height:1.5}.opl-txt dl{border-top:1px solid var(--rule2);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px 22px;margin:12px 0 0;padding-top:16px;display:grid}.opl-txt dt{font:10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.opl-txt dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:22px;font-weight:500}.opl-txt .scale{color:var(--mute);margin:6px 0 0;line-height:1.5}.opl-nav{gap:10px;margin-top:10px;display:flex}.opl-nav button{font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cream);border:1px solid var(--rule2);cursor:pointer;background:0 0;padding:9px 14px;transition:border-color .3s,color .3s}.opl-nav button:hover{border-color:var(--gold);color:var(--gold2);outline:none}.opl-nav button:focus-visible{border-color:var(--gold);color:var(--gold2);outline:none}.opl-x{margin-left:auto}@media (max-width:760px){.oplate{grid-template-columns:1fr;align-content:start;gap:12px;padding:84px 20px 24px;overflow:auto}.opl-txt{max-height:none}.opl-txt .w{font-size:30px}.opl-txt .a{font-size:18px}}@media (prefers-reduced-motion:reduce){.sun:before{animation:none}.opl-fig canvas,.opl-txt,.planet:before,.planet canvas,.sun canvas{transition:none}.opl-txt.swap{animation:none}}
.pred{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-top:40px;display:grid}.pred div{border-top:1px solid var(--rule);grid-template-columns:auto 1fr;gap:16px;padding:16px 0;display:grid}.pred .c{font:11px var(--mono);color:var(--gold);letter-spacing:.06em;white-space:nowrap;padding-top:5px}.pred p{margin:0;font-size:1.08em;font-weight:420;line-height:1.4}.pred .c b{gap:3px;margin-top:7px;display:flex}.pred .c b i{background:var(--mute);opacity:.45;border-radius:50%;width:4px;height:4px}.pred .c b i.on{background:var(--gold2);opacity:1;box-shadow:0 0 5px #e4c77fb3}@media (max-width:900px){.pred{grid-template-columns:1fr}}
.mech{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:max(28px,min(5vw,72px));margin-top:48px;display:grid}.mech ul{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.mech li{border-bottom:1px solid var(--rule);color:var(--cream2);grid-template-columns:130px 1fr;gap:16px;padding:14px 0;font-size:15.5px;display:grid}.mech li b{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cream);padding-top:3px;font-weight:400}.magn{border:1px solid var(--rule2);background:#11131899;padding:24px;position:relative}.magn .row{border-bottom:1px solid var(--rule);align-items:center;gap:18px;padding:10px 0;display:flex}.magn .row:last-child{border-bottom:0}.magn .dot{place-items:center;width:40px;display:grid}.magn .dot i{background:var(--star);border-radius:50%;display:block}.magn .row div:last-child{color:var(--cream2);font-size:15px}.magn .row div:last-child b{color:var(--cream);font-size:19px;font-weight:500;display:block}@media (max-width:900px){.mech{grid-template-columns:1fr}.mech li{grid-template-columns:1fr;gap:4px}}
.plates{grid-template-columns:1.3fr 1fr 1fr;gap:18px;margin-top:44px;display:grid}.plate{aspect-ratio:4/3;border:1px solid var(--rule2);background:var(--ink2);margin:0;position:relative;overflow:hidden}.plate .eng{opacity:.55;top:0;bottom:0;left:0;right:0}.plate figcaption{font:10.5px var(--mono);color:var(--cream2);letter-spacing:.04em;justify-content:space-between;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.plate.sn{background-position:50%;background-size:cover}.plate.sn:after{content:"";background:linear-gradient(#0000 50%,#000000b3);position:absolute;top:0;bottom:0;left:0;right:0}.plate.sn figcaption{z-index:2}@media (max-width:900px){.plates{grid-template-columns:1fr!important}}
.swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:44px;display:grid}.sw i{aspect-ratio:1/1.15;border:1px solid var(--rule2);display:block}.sw b{margin-top:10px;font-size:17px;font-weight:500;display:block}.sw span{font:10.5px var(--mono);color:var(--mute)}.type{border-top:1px solid var(--rule2);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:44px;display:grid}.type>div{border-right:1px solid var(--rule);margin-right:24px;padding:24px 24px 24px 0}.type>div:last-child{border:0;margin:0}.type .spec{margin:10px 0 12px;font-size:44px;line-height:1.05}.type .spec-display{font-weight:760}.type .spec-display em{color:var(--gold2)}.type .spec.spec-body{font-family:var(--body);font-variation-settings:normal;font-size:28px;font-weight:400;line-height:1.3}.type .spec.spec-mono{font-family:var(--mono);color:var(--cream2);font-variation-settings:normal;font-size:22px;font-weight:400;line-height:1.5}.type p{color:var(--cream2);margin:0;font-size:15px}.rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:44px;display:grid}.rules div{border-top:1px solid var(--gold);padding-top:14px}.rules p{color:var(--cream2);margin:0;font-size:15.5px}@media (max-width:900px){.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.type,.rules{grid-template-columns:1fr}.type>div{border-right:0;border-bottom:1px solid var(--rule);margin:0}}
.moods{border-top:1px solid var(--rule2);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:44px;display:grid}.moods>div{border-right:1px solid var(--rule);margin-right:18px;padding:20px 18px 0 0}.moods>div:last-child{border:0;margin:0}.moods b{font-size:22px;display:block}.moods span{font:10.5px var(--mono);color:var(--gold);letter-spacing:.08em;text-transform:uppercase}.moods p{color:var(--cream2);margin:8px 0 0;font-size:15px;line-height:1.5}.cons{will-change:transform;width:100%;max-width:150px;height:auto;margin:0 0 14px;display:block;overflow:visible}.cons path{fill:none;stroke:var(--gold);stroke-width:.8px;stroke-linejoin:round;opacity:.6;stroke-dasharray:var(--len,400);stroke-dashoffset:0;transition:opacity .3s}.cons circle{fill:var(--star);filter:drop-shadow(0 0 3px #cfe0ffcc);transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite tw}.cons circle:nth-child(2n){animation-delay:-1.1s}.cons circle:nth-child(3n){animation-delay:-2.2s}.moods>div:hover .cons path{opacity:1}.moods>div.draw .cons path{animation:1.8s cubic-bezier(.3,.6,.2,1) both ink}.moods>div.draw .cons circle{animation:.6s both pop,3s ease-in-out .6s infinite tw}.moods>div.draw .cons circle:nth-child(2){animation-delay:.15s,.75s}.moods>div.draw .cons circle:nth-child(3){animation-delay:.3s,.9s}.moods>div.draw .cons circle:nth-child(4){animation-delay:.45s,1.05s}.moods>div.draw .cons circle:nth-child(5){animation-delay:.6s,1.2s}.moods>div.draw .cons circle:nth-child(6){animation-delay:.75s,1.35s}.moods>div.draw .cons circle:nth-child(7){animation-delay:.9s,1.5s}@keyframes ink{0%{stroke-dashoffset:var(--len,400)}to{stroke-dashoffset:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cons{animation:linear both consdrift;animation-timeline:view();animation-range:cover}html.lite .cons{animation:none}}}@keyframes consdrift{0%{translate:0 calc(var(--depth,1) * -8px)}to{translate:0 calc(var(--depth,1) * 8px)}}@keyframes pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.moods{grid-template-columns:1fr 1fr}.moods>div{border-right:0;border-bottom:1px solid var(--rule);margin-right:0;padding-bottom:18px}}@media (max-width:560px){.moods{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cons circle,.moods>div.draw .cons path,.moods>div.draw .cons circle{animation:none!important}}
.need{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 48px;margin-top:44px;display:grid}.need div{border-top:1px solid var(--rule);padding-top:14px}.need ul{color:var(--cream2);margin:8px 0 0;padding-left:18px;font-size:15.5px}.need li{margin:5px 0}@media (max-width:900px){.need{grid-template-columns:1fr}}
.colophon{flex-wrap:wrap;justify-content:space-between;gap:24px;padding-block-start:60px;padding-block-end:140px;display:flex}.colophon p{max-width:52ch;color:var(--mute);margin:0;font-size:14.5px}
.gsky{z-index:40;pointer-events:none;width:100%;height:0;position:absolute;top:0;left:0;overflow:visible}.gsky svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.gs{pointer-events:all;cursor:pointer}.gs .h{fill:#0000}.gs .c{transition:r .4s cubic-bezier(.22,1,.36,1)}.gs:hover .c,.gs.on .c{r:var(--rh)}.gtip{z-index:44;position:fixed}@media (prefers-reduced-motion:reduce){.gs .c{transition:none}}