.intro{--sp-1: 1rem;--sp-2: 1.618rem;--sp-3: 2.618rem;--sp-4: 4.236rem;--sp-5: 6.854rem;--cols: minmax(0, 1fr) minmax(0, 2.618fr) minmax(0, 1.618fr)}.intro main{padding:0 var(--gutter) var(--sp-5)}.intro .i-text,.intro .i-hero-text,.intro .i-note,.intro .i-quotes{max-width:68ch}.intro p{line-height:1.7}.intro main a{color:var(--ink);text-underline-offset:3px}.i-hero{padding:var(--sp-5) 0 var(--sp-4);display:grid;gap:var(--sp-3)}:root[data-theme] .intro .i-title{font:800 clamp(2.8rem,5.4vw,5.6rem) / .95 var(--serif);color:var(--ink);letter-spacing:-.035em;margin:0 0 var(--sp-2);text-transform:none}@media(prefers-reduced-motion:no-preference){.intro .i-title{animation:l-reveal 1.4s cubic-bezier(.2,.7,.1,1) both}.intro .i-lead,.intro .i-toc{animation:l-rise 1.2s .35s cubic-bezier(.2,.7,.1,1) both}}.i-lead{font-size:var(--s-1);line-height:1.5;margin:0 0 var(--sp-3)}.i-toc{display:grid;gap:0;border-top:1px solid var(--line)}.i-toc a{display:grid;grid-template-columns:3rem 1fr auto;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);transition:padding .25s,color .25s}.i-toc a:after{content:"→";color:var(--ink);opacity:0;transition:opacity .25s}.i-toc a:hover{color:var(--ink);padding-left:8px}.i-toc a:hover:after{opacity:1}.i-toc span{font:500 var(--s-1) / 1 var(--serif);color:var(--ink)}.i-rose{width:min(86vw,440px);justify-self:center}@media(max-width:1099px){.i-hero{padding-top:var(--sp-3)}.i-rose{order:-1}}.i-sec{padding:var(--sp-4) 0 var(--sp-2);border-top:3px double var(--line);scroll-margin-top:8px}.i-rail{display:none}.i-h+.i-text>p:first-child:first-letter,.i-h+.i-scrolly .i-text>p:first-child:first-letter{float:left;font:800 4.4em / .78 var(--serif);color:var(--ink);margin:.1em .12em 0 0}@media(min-width:1100px){.i-hero,.i-sec{display:grid;grid-auto-flow:row dense;grid-template-columns:var(--cols);column-gap:var(--sp-3);align-items:start}.i-hero{align-items:center}.i-hero-text{grid-column:2}.i-rose{grid-column:3;width:calc(100% + var(--gutter) / 2 - var(--sp-2));max-width:36rem;justify-self:start}.i-sec>*{grid-column:2}.i-sec>.i-rail{display:block;grid-column:1;grid-row:1 / span 9;align-self:stretch}.i-rail span{position:sticky;top:var(--sp-2);display:block;text-align:right;font:800 clamp(5rem,8vw,9rem) / .82 var(--serif);color:transparent;-webkit-text-stroke:1.2px var(--ink);letter-spacing:-.04em}.i-sec>.i-h{grid-column:2 / -1}.i-h .i-num{display:none}.i-sec>.i-fig,.i-sec>.i-scrolly{grid-column:2 / -1;max-width:none}.i-sec>.i-note{max-width:none}.i-rose,.i-sec>.i-chart,.i-sec>.i-sky,.i-sec>.i-homes,.i-sec>.i-aspects,.i-sec>.i-practices,.i-sec>.i-plate,.i-scrolly .i-fig{margin-left:var(--sp-2)}}@media(min-width:1600px){html:has(body.intro){font-size:clamp(16px,6px + .625vw,20px)}.intro{--cols: minmax(0, 1fr) minmax(0, 60ch) minmax(0, 1.618fr)}}:root[data-theme] .intro .i-h{font:800 var(--s-4) / 1.05 var(--serif);color:var(--ink);letter-spacing:-.02em;margin:0 0 var(--sp-3);display:flex;gap:.6em;align-items:baseline;text-transform:none}.i-num{font-weight:500;font-size:.6em;color:var(--muted);min-width:1.6em}.i-quotes{display:grid;gap:var(--sp-3);margin:var(--sp-3) 0}.i-quotes blockquote{margin:0;padding:0;position:relative}.i-quotes blockquote:before{content:"“";display:block;font:800 5rem / .6 var(--serif);color:var(--ink);opacity:.35;height:.45em}.i-quotes p{font:italic 500 var(--s-2) / 1.3 var(--serif);color:var(--ink);margin:0 0 var(--sp-1)}.i-quotes footer{font-size:var(--s--1);color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}.i-note{margin:var(--sp-3) 0 0;padding:var(--sp-1) var(--sp-2);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--ink);font-size:var(--s--1)}.i-fig{margin:var(--sp-3) 0;max-width:760px}.i-fig svg{display:block;width:100%;height:auto;overflow:visible}.i-fig figcaption{font-size:var(--s--1);color:var(--muted);margin-top:12px}.i-chart,.i-sky,.i-wheel,.i-homes,.i-plate,.i-aspects{background:var(--surface);border:1px solid var(--line);outline:1px solid var(--line);outline-offset:4px;padding:clamp(16px,2.6vw,32px)}@media(min-width:1100px){.i-sec>.i-chart,.i-sec>.i-sky,.i-sec>.i-homes,.i-sec>.i-aspects,.i-sec>.i-practices{grid-column:3;grid-row:2 / span 8;align-self:start;position:sticky;top:16px;margin-top:0}.i-sec>.i-plate{grid-column:3;grid-row:2 / span 8;align-self:start;position:sticky;top:16px;margin-top:0}}.i-plate-img{position:relative}.i-plate-img img{display:block;width:100%;height:auto}:root[data-theme=dark] .i-plate-img img{filter:brightness(.88) saturate(.9)}.i-plate-img:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),transparent 0 13%,color-mix(in srgb,var(--surface) 78%,transparent) 24%)}.i-plate.has-spot .i-plate-img:after{opacity:1}.i-plate .i-spot{position:absolute;z-index:1;transform:translate(-50%,-50%);width:30px;height:30px;padding:0;border-radius:50%;font:600 13px / 1 var(--sans);background:var(--ink);color:var(--bg);border:2px solid var(--bg);box-shadow:0 0 0 0 var(--ink)}.i-plate .i-spot[aria-pressed=true]{background:var(--fire);border-color:var(--bg)}@media(prefers-reduced-motion:no-preference){.i-plate:not(.has-spot) .i-spot{animation:i-pulse 2.6s ease-out infinite}.i-plate .i-spot:nth-of-type(2){animation-delay:.4s}.i-plate .i-spot:nth-of-type(3){animation-delay:.8s}.i-plate .i-spot:nth-of-type(4){animation-delay:1.2s}@keyframes i-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--ink) 55%,transparent)}70%,to{box-shadow:0 0 0 12px transparent}}}.i-plate-steps{display:grid;gap:6px;margin-bottom:14px}.i-plate-steps button{text-align:left}.i-plate-steps button span{display:inline-block;min-width:1.2em;font-weight:600}.i-plate .i-cap{min-height:7.5em}.i-fig button{border:1px solid var(--line);background:var(--bg);color:var(--text);padding:7px 12px;font-size:var(--s--1);border-radius:2px;line-height:1.2}.i-fig button:hover{border-color:var(--ink)}.i-fig button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.i-fig button:disabled{opacity:.4;cursor:default}.i-fig button .g,.i-fig button span:first-child{margin-right:6px}.i-fig button[aria-pressed=true] .g{color:inherit!important}.i-tabs,.i-steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.i-ctrl{display:grid;gap:10px;margin-top:10px}.i-view,.i-time{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.i-view button{font:italic 500 var(--s-1) / 1.1 var(--serif);padding:8px 16px}.i-view input,.i-time input{flex:1;min-width:120px;accent-color:var(--ink)}.i-time output{min-width:9em;font-variant-numeric:tabular-nums;color:var(--muted);font-size:var(--s--1)}.i-play{min-width:6.5em}.i-readout{margin:0;font-size:var(--s-0)}.i-readout .st-retro{color:var(--fire);font-weight:600}.i-readout .st-station{color:var(--air);font-weight:600}.i-cap{color:var(--text);font-size:var(--s-0);margin:0 0 10px;min-height:3.4em}.i-cap.is-steady{display:grid}.i-cap.is-steady>*{grid-area:1 / 1}.i-cap-ghost{visibility:hidden}.i-sky svg{max-width:600px;margin:0 auto}.i-chart,.i-sky,.i-wheel,.i-homes,.i-plate,.i-aspects{margin-block:var(--sp-3)}.s-circle{fill:none;stroke:var(--line)}.s-div{stroke:var(--line)}.s-glyph{font:7px var(--glyph);fill:var(--muted)}.s-path{fill:none;stroke-linejoin:round;stroke-linecap:round}.s-path-body{stroke:var(--muted);stroke-width:.6;opacity:.35}.s-path-done{stroke:var(--text);stroke-width:1;opacity:.55}.s-path-earth,.s-path-sun{stroke:var(--line);stroke-width:.6;stroke-dasharray:1.5 2}.s-sight{stroke:var(--ink);stroke-width:.6;stroke-dasharray:2 1.5;opacity:.7}.s-mark{fill:var(--ink)}.s-ghost{stroke:var(--ink);stroke-width:.4}.s-tick{fill:var(--ink)}.s-tick.is-back{fill:var(--fire)}.s-sun circle{fill:var(--pl-sun)}.s-earth circle{fill:var(--water)}.s-body circle{fill:currentColor;stroke:var(--bg);stroke-width:1}.w-ring{fill:none;stroke:var(--line)}.w-div,.w-tick{stroke:var(--line)}.w-tick{stroke:var(--ink)}.w-mark{font:italic 5px var(--sans);fill:var(--muted)}.w-season{font:italic 500 8px var(--serif);fill:var(--ink)}.w-sun circle{fill:var(--pl-sun)}.w-pol{fill:none;stroke:var(--ink);stroke-width:.5}.w-pol.is-active{fill:var(--ink)}.w-tint{fill-opacity:.16;stroke:none}.w-tri{fill:none;stroke-width:1.4;stroke-linejoin:round}.w-mode{font:5.4px var(--sans);fill:var(--muted);letter-spacing:.02em}.w-mode.m-cardinal{fill:var(--text);font-weight:600}.w-glyph{font:9px var(--glyph)}.w-name{font:4.6px var(--sans);fill:var(--text)}.el-fire{fill:var(--fire);stroke:var(--fire)}.w-tri.el-fire{fill:none}.el-earth{fill:var(--earth);stroke:var(--earth)}.w-tri.el-earth{fill:none}.el-air{fill:var(--air);stroke:var(--air)}.w-tri.el-air{fill:none}.el-water{fill:var(--water);stroke:var(--water)}.w-tri.el-water{fill:none}.w-sign.el-fire .w-glyph{fill:var(--fire)}.w-sign.el-earth .w-glyph{fill:var(--earth)}.w-sign.el-air .w-glyph{fill:var(--air)}.w-sign.el-water .w-glyph{fill:var(--water)}.w-sign{stroke:none}.w-sign .w-div{stroke:var(--line)}.w-hit{fill:transparent;cursor:pointer;outline:none}.w-hit:hover,.w-hit:focus-visible,.w-hit.is-pinned{fill:var(--dim)}.w-sdiv{stroke:var(--ink);stroke-width:1.4}.w-layer,.h-step{transition:opacity .6s ease}.i-wheel .w-layer:not(.on),.i-homes .h-step:not(.on){opacity:0}.i-card{min-height:5.5em;padding:12px 14px;border:1px solid var(--line);background:var(--surface)}.i-card p{margin:0}.i-card-t{font:800 var(--s-1) / 1.2 var(--serif);color:var(--ink)}.i-card-d{color:var(--text);margin:4px 0!important}.i-card-m,.i-hint{color:var(--muted)}.i-scrolly{display:grid;gap:0 var(--sp-3)}.i-step{transition:opacity .3s}@media(min-width:1100px){.i-scrolly{grid-template-columns:subgrid;align-items:start}.i-scrolly .i-fig{position:sticky;top:16px;margin-top:0}.i-scrolly .i-step{padding-left:14px;margin-left:-16px;border-left:2px solid transparent;cursor:pointer;transition:opacity .3s,border-color .3s}.i-scrolly .i-step.is-current{border-left-color:var(--ink)}.i-scrolly .i-step:not(.is-current){opacity:.62}}.i-chart svg{max-width:520px;margin:0 auto}.i-chart .w-glyph{font-size:11px}.i-chart .w-name{font-size:6px}.c-num{font:7px var(--sans);fill:var(--muted)}.c-horizon{stroke:var(--ink);stroke-width:.8}.c-angle{font:600 6px var(--sans);fill:var(--ink)}.c-hl{transition:opacity .4s ease}.c-sign{fill:var(--fire);fill-opacity:.22}.c-house{fill:var(--ink);fill-opacity:.14}.c-planet{fill:none;stroke:var(--pl-mars);stroke-width:1.2}.c-mark circle{fill:var(--ink)}.c-mark text{font:600 6px var(--sans);fill:var(--bg)}.c-asp{stroke:var(--fire);stroke-width:1.4;stroke-linecap:round}.i-chart[data-q="0"] .c-hl:not(.q-0),.i-chart[data-q="1"] .c-hl:not(.q-1),.i-chart[data-q="2"] .c-hl:not(.q-2),.i-chart[data-q="3"] .c-hl:not(.q-3){opacity:.1}.i-chart .i-plate-steps em{color:var(--muted)}.i-chart .i-plate-steps button[aria-pressed=true] em{color:inherit}.a-asp{opacity:0;transition:opacity .5s ease}.a-asp.on{opacity:1}.a-poly{fill:none;stroke:var(--muted);stroke-width:.8;stroke-dasharray:2 2}.a-lit{fill:var(--ink);fill-opacity:.12;stroke:none}.a-arc{fill:none;stroke:var(--muted);stroke-width:.6}.a-lbl{font:600 6px var(--sans);fill:var(--text)}.a-chord{stroke-width:2;stroke-linecap:round}.k-soft .a-chord{stroke:var(--air)}.k-hard .a-chord{stroke:var(--fire)}.k-off .a-chord{stroke:var(--muted);stroke-dasharray:3 2}.k-fuse .a-chord{stroke:var(--ink)}.i-cap .k-soft{color:var(--air);font-weight:600}.i-cap .k-hard{color:var(--fire);font-weight:600}.a-deg{opacity:.7;font-variant-numeric:tabular-nums}.i-fig button[aria-pressed=true] .a-deg{opacity:.8}.i-aspects svg{max-width:520px;margin:0 auto}.i-aspects .w-glyph{font-size:11px}.i-aspects .w-name{font-size:6px}.h-axis{stroke:var(--line);stroke-dasharray:2 2}.h-side{font:italic 500 7px var(--serif);fill:var(--ink)}.h-chord{stroke-width:1.2;opacity:.7}.h-label{font:5px var(--sans);fill:var(--text)}.h-disc{fill:var(--bg);stroke:var(--line)}.h-glyph{font:8px var(--glyph)}.h-step.is-new .h-disc{stroke:var(--ink);stroke-width:1}.i-homes svg{max-width:640px}.pr-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.pr-tile{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:start;padding:10px;background:var(--surface);border:1px solid var(--line);font-size:var(--s--1);line-height:1.4}.pr-tile svg{grid-row:1 / span 2;width:34px;height:34px}.pr-tile strong{font:600 var(--s-0) / 1.2 var(--serif);color:var(--ink)}.pr-tile span{color:var(--muted)}.pi *{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.pi .pi-dot{fill:var(--fire);stroke:none}.i-whole .h-step:not(.is-new){opacity:0}.i-whole[hidden]{display:none!important}.wh-el{fill-opacity:.35;stroke:none}.wh-ring{fill:none;stroke:var(--ink);stroke-width:1.6}.wh-link{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 2}.wh-asp{stroke-width:1.1;opacity:.8}.wh-asp.is-hard{stroke:var(--fire)}.wh-asp.is-soft{stroke:var(--water)}.hs-ang{fill:var(--ink);fill-opacity:.2}.hs-suc{fill:var(--ink);fill-opacity:.1}.hs-cad{fill:none}.hs-earth{fill:var(--surface);stroke:var(--ink);stroke-width:.8}.hs-sun circle{fill:var(--fire)}.i-figs-toggle{display:none}@media(max-width:1099px){.intro{--fig-h: 36svh}.i-sec{display:flex;flex-direction:column}.i-sec>*{order:3}.i-sec>.i-rail,.i-sec>.i-h{order:1}.i-sec>.i-fig,.i-sec>.i-scrolly{order:2}.i-scrolly{display:flex;flex-direction:column}.i-scrolly>.i-fig{order:-1}.i-sec .i-chart,.i-sec .i-sky,.i-sec .i-wheel,.i-sec .i-homes,.i-sec .i-plate,.i-sec .i-aspects{position:sticky;top:0;z-index:6;height:var(--fig-h);min-height:220px;max-width:none;margin:0 calc(-1 * var(--gutter)) var(--sp-2);padding:8px var(--gutter);outline:0;border-width:0 0 1px;display:grid;grid-template-columns:46% minmax(0,1fr);grid-auto-rows:min-content;column-gap:12px;align-content:start;overflow-y:auto;overscroll-behavior:contain}.i-sec .i-fig>svg,.i-sec .i-fig>.i-plate-img{grid-column:1;grid-row:1 / span 20;position:sticky;top:0;align-self:start;max-height:calc(var(--fig-h) - 16px)}.i-sec .i-fig>:not(svg):not(.i-plate-img):not(script){grid-column:2;min-width:0}.i-sec .i-fig figcaption{margin-top:0;font-size:.75rem;line-height:1.45}.i-sec .i-fig button{font-size:.75rem;padding:4px 8px}.i-sec .i-fig .i-tabs,.i-sec .i-fig .i-steps,.i-sec .i-fig .i-plate-steps,.i-sec .i-fig .i-time{gap:4px;margin-bottom:6px}.i-sec .i-card{min-height:0;padding:6px 8px}.i-figs-toggle{display:block;position:fixed;right:12px;bottom:12px;z-index:20;padding:8px 12px;font:600 .75rem var(--sans);color:var(--bg);background:var(--ink);border:0;border-radius:999px;box-shadow:0 2px 10px #00000040}body.viz-min .i-sec .i-fig{display:none}}.i-end>*{max-width:68ch}.i-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-bottom:48px}.intro .i-links .l-btn{color:var(--bg)}.i-sources{padding-left:1.4em;font-size:var(--s--1);display:grid;gap:4px}.i-small{font-size:var(--s--1);color:var(--muted)}@media(max-width:560px){.i-view{display:grid;grid-template-columns:1fr 1fr}.i-view input{grid-column:1 / -1;grid-row:1}.i-steps button{flex:1 1 auto}}
