.way-wheel{--arch:clamp(240px, 22vw, 320px);position:relative}.way-wheel-arch{width:var(--arch);border:1px solid var(--line-2);border-bottom-color:var(--line);border-radius:calc(var(--arch) / 2) calc(var(--arch) / 2) 0 0;background:var(--surface);position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.way-wheel-arch:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:50%}.way-wheel-svg{aspect-ratio:1;width:150%;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.way-wheel-turn{transform-box:view-box;transform-origin:50%;transition:transform .9s cubic-bezier(.3,.7,.2,1)}.way-wheel-svg *{vector-effect:non-scaling-stroke}.way-wheel-rim,.way-wheel-slots{fill:none;stroke:var(--line-2);stroke-width:1px}.way-wheel-sector{fill:var(--surface);stroke:var(--line-2);stroke-width:1px;transition:fill .35s,stroke .35s}.way-wheel-sector[data-on]{fill:var(--fg);stroke:var(--fg)}.way-wheel-hub{fill:var(--bg);stroke:var(--line-2);stroke-width:1px}.way-wheel-bolt{fill:none;stroke:var(--fg-3);stroke-width:1px}.way-wheel-count,.way-wheel-foot{z-index:1;text-align:center;font:11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);position:absolute;left:0;right:0}.way-wheel-count{top:28px}.way-wheel-count span{color:var(--accent)}.way-wheel-foot{bottom:20px}.way-wheel-list{grid-template-columns:minmax(0, 1fr) var(--arch) minmax(0, 1fr);gap:16px 24px;margin:0;padding:0;list-style:none;display:grid}.way-wheel-card:nth-child(odd){grid-column:1}.way-wheel-card:nth-child(2n){grid-column:3}.way-wheel-card:first-child,.way-wheel-card:nth-child(2){grid-row:1}.way-wheel-card:nth-child(3),.way-wheel-card:nth-child(4){grid-row:2}.way-wheel-card:nth-child(5),.way-wheel-card:nth-child(6){grid-row:3}.way-wheel-card{border:1px solid var(--line-2);background:var(--bg);cursor:default;transition:background-color .35s,border-color .35s,opacity .6s,transform .6s cubic-bezier(.3,.7,.2,1);transition-delay:0s, 0s, calc(var(--k) * 70ms), calc(var(--k) * 70ms);align-content:start;gap:10px;padding:22px 26px 24px;display:grid}.way-wheel-top{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.way-wheel-num{font:300 40px/1 var(--f-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--fg-3)}.way-wheel-key{font:11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.chapter .way-wheel-card h3{letter-spacing:-.015em;margin-top:6px;font-size:22px;font-weight:550;line-height:1.25}.way-wheel-card p{color:var(--fg-2);font-size:15px;line-height:1.6}.way-wheel-card h3,.way-wheel-card p,.way-wheel-num,.way-wheel-key{transition:color .35s}.way-wheel-card[data-on]{background:var(--fg);border-color:var(--fg)}.chapter .way-wheel-card[data-on] h3,.way-wheel-card[data-on] .way-wheel-num{color:var(--bg)}.way-wheel-card[data-on] p,.way-wheel-card[data-on] .way-wheel-key{color:color-mix(in srgb, var(--bg) 78%, var(--fg))}.way-wheel[data-js]:not([data-in]) .way-wheel-card{opacity:0;transform:translateY(14px)}@media (prefers-reduced-motion:reduce){.way-wheel-turn,.way-wheel-sector,.way-wheel-card,.way-wheel-card *{transition:none}}@media (max-width:959.98px){.way-wheel{--arch:min(100%, 420px)}.way-wheel-arch{border-radius:210px 210px 0 0;height:300px;margin:0 auto 24px;position:relative;left:auto;transform:none}.way-wheel-svg{width:90%;top:56%}.way-wheel-count{top:auto;bottom:14px}.way-wheel-foot{display:none}.way-wheel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.way-wheel-card:nth-child(n){grid-area:auto}}@media (max-width:640px){.way-wheel{--arch:100%}.way-wheel-arch{border-radius:999px 999px 0 0;height:240px}.way-wheel-list{grid-template-columns:minmax(0,1fr)}.way-wheel-num{font-size:32px}}