body.home{--greek:#56638b66;--data:#2f5a9ec7;--drawer:#f2f0e8;--bubble:#56638b33;--wash:#edf1f8b8;position:relative}.masthead.masthead-wide{justify-content:space-between;align-items:center;max-width:1020px;padding:30px 32px 12px}.masthead .mast-nav a{font-family:var(--display);letter-spacing:.11em;text-transform:uppercase;color:var(--panel);text-underline-offset:5px;font-size:13.5px;font-weight:700;-webkit-text-decoration:underline #2f5a9e59;text-decoration:underline #2f5a9e59;text-decoration-thickness:1.5px}.masthead .mast-nav a:visited{color:var(--panel)}.masthead .mast-nav a:hover{color:var(--panel-deep);-webkit-text-decoration-color:var(--panel-deep);text-decoration-color:var(--panel-deep)}.hero{max-width:1020px;margin:0 auto;padding:22px 32px 8px}.hook{font-family:var(--body);letter-spacing:normal;color:var(--ink);text-wrap:pretty;margin:0 0 8px;font-size:18px;font-weight:500;line-height:1.6}.hook:after{content:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.standfirst{max-width:74ch;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:17px;line-height:1.6}.standfirst+.standfirst{margin-top:8px}.sec-hed{max-width:1020px;font-family:var(--display);letter-spacing:-.01em;color:var(--panel);margin:22px auto 28px;padding:0 32px;font-size:26px;font-weight:700;line-height:1.2;position:relative}.sec-hed:after{content:"";background:var(--marker);border-radius:4px;width:2.6em;height:8px;position:absolute;bottom:-10px;left:30px;transform:rotate(-4deg)}.sec-hed.sec-later{margin:48px auto 24px}.tm{vertical-align:.5em;letter-spacing:.02em;font-size:.62em}.standfirst a{color:var(--link);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1.5px}.standfirst a:visited{color:var(--link)}.standfirst a:hover{color:var(--panel-deep)}.stage-wrap{max-width:1020px;margin:0 auto;padding:0 32px;position:relative}.stage{background:#fff;border:1px solid #1d2a471f;border-radius:12px;position:relative;overflow:clip;box-shadow:0 1px 2px #1d2a470d,0 24px 48px -24px #1d2a4729}.chrome{background:var(--tint);z-index:30;border-bottom:1px solid #1d2a4712;align-items:center;gap:12px;padding:9px 13px;display:flex;position:relative}.dots{gap:6px;display:flex}.dots i{background:#2f5a9e38;border-radius:50%;width:9px;height:9px}.navs{color:#2f5a9e42;gap:2px;display:flex}.reload{color:#2f5a9e42;cursor:default;background:0 0;border:0;border-radius:5px;place-items:center;width:23px;height:23px;padding:0;transition:color .2s,background .15s;display:grid}.stage[data-beat="7"] .reload{color:var(--panel);cursor:pointer}.stage[data-beat="7"] .reload:hover{color:var(--panel-deep);background:#2f5a9e1a}.pill{background:#56638b21;border-radius:8px;flex:1;max-width:300px;height:15px}.viewport{background:var(--wash);height:clamp(380px,100vh - 490px,520px);padding:14px;position:relative;overflow:clip}.row{transform-origin:0 0;height:100%;transform:scale(var(--z,1)) translate(calc(-1px * var(--cx,0)), calc(-1px * var(--cy,0)));will-change:transform;align-items:stretch;transition:transform .46s cubic-bezier(.4,.1,.2,1);display:flex}.panel{opacity:0;visibility:hidden;background:#fff;border:1px solid #1d2a4712;border-radius:10px;flex-direction:column;flex:0 0;min-width:0;margin-left:0;transition:flex-basis .46s cubic-bezier(.4,.1,.2,1),opacity .24s,margin-left .46s,visibility 0s linear .24s;display:flex;overflow:clip;box-shadow:0 1px 3px #1d2a470d}.panel.on{opacity:1;visibility:visible;flex-basis:calc(50% - 6px);transition:flex-basis .46s cubic-bezier(.4,.1,.2,1),opacity .24s,margin-left .46s,visibility}.panel.on:not(.p1){margin-left:12px}.stage[data-full="1"] .p1.on{flex-basis:100%}.p-head{align-items:center;gap:7px;padding:12px 13px 10px;transition:background .15s;display:flex}.p-body{min-width:0;padding:0 13px 12px}.greek{background:var(--greek);height:7px;width:var(--w,100%);border-radius:3.5px;flex:none;display:block}.p-body>.greek{margin-top:9px}.greek.head{border-radius:5.5px;height:11px;margin-top:4px}.sitemark{background:var(--data);border-radius:4px;flex:none;width:15px;height:15px}.cite{background:var(--panel);opacity:.85;border-radius:2.5px;flex:none;width:12px;height:14px}.panel.lit .p-head{background:var(--tint);border-radius:8px}.tabs{gap:6px;margin:14px 0 10px;display:flex}.tabs button{cursor:default;background:#56638b1a;border:0;border-radius:7px;padding:6px 10px;transition:background .15s}.stage[data-beat="3"] .tabs button{cursor:pointer}.stage[data-beat="3"] .tabs button:hover{background:#2f5a9e29}.stage[data-tab="1"] .tabs button[data-tab="1"],.stage[data-tab="2"] .tabs button[data-tab="2"],.stage[data-tab="3"] .tabs button[data-tab="3"]{background:var(--tint)}.stage[data-tab="1"] .tabs button[data-tab="1"] .greek,.stage[data-tab="2"] .tabs button[data-tab="2"] .greek,.stage[data-tab="3"] .tabs button[data-tab="3"] .greek{background:var(--panel)}.tabview{display:none}.stage[data-tab="1"] .tabview[data-view="1"],.stage[data-tab="2"] .tabview[data-view="2"],.stage[data-tab="3"] .tabview[data-view="3"]{display:block}.media{height:var(--h,92px);background:#edf1f880;border:1.5px solid #2f5a9e42;border-radius:8px;place-items:center;transition:height .38s cubic-bezier(.4,.1,.2,1);display:grid}.media svg{fill:#2f5a9e4d}.pair{gap:10px;display:flex}.pair .media{flex:1}.tbl{border:1.5px solid #2f5a9e42;border-radius:8px;margin-top:10px;overflow:clip}.trow{height:var(--rh,19px);transition:height .38s cubic-bezier(.4,.1,.2,1);display:flex}.trow:first-child{background:#edf1f8bf}.trow+.trow{border-top:1px solid #2f5a9e29}.tcell{flex:1}.tcell+.tcell{border-left:1px solid #2f5a9e29}.stage[data-week="2"] .trow{height:var(--rh2)}.stage[data-week="2"] .media{height:var(--h2)}.greek.live{transition:width .38s cubic-bezier(.4,.1,.2,1)}.stage[data-week="2"] .greek.live{width:var(--w2)}.marked-line{align-items:center;gap:7px;margin:9px 0 0;display:flex}.hl{cursor:default;background:0 0;border:0;border-radius:3px;margin:-4px 0;padding:4px 6px;transition:background .26s}.stage[data-marked="1"] .hl{background:var(--marker-ink)}.stage[data-beat="4"] .hl{cursor:pointer}.stage[data-beat="4"] .hl:hover{background:var(--marker-deep)}.hl.pending{background:var(--marker);animation:.7s ease-in-out breathe}@keyframes breathe{0%,to{background:var(--marker)}50%{background:var(--marker-deep)}}.ann-line{cursor:default;background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;width:100%;margin:5px -6px 0;padding:6px;transition:background .15s;display:flex}.stage[data-beat="5"] .ann-line:not(.noted){cursor:pointer}.stage[data-beat="5"] .ann-line:not(.noted):hover{background:#f0dc7e38}.seg{background:var(--greek);height:7px;width:var(--w,100%);border-radius:3.5px;flex:none}.seg.mark{z-index:1;position:relative}.ann-line.noted .seg.mark:before{content:"";z-index:-1;background:#f0dc7ec7;border-radius:5px;position:absolute;inset:-6px}.ann-line.noted .seg.mark:after{content:attr(data-note);background:var(--panel);width:16px;height:16px;color:var(--paper);font-family:var(--body);border-radius:50%;place-items:center;font-size:10px;font-weight:600;display:grid;position:absolute;top:-11px;left:calc(100% + 4px)}.gen{font-family:var(--body);color:var(--ink-soft);cursor:default;background:#2f5a9e1f;border:0;border-radius:7px;align-items:center;gap:6px;margin-left:auto;padding:5px 9px;font-size:12px;font-weight:600;transition:background .18s,color .18s;display:flex}.gen .count{background:#56638b38;border-radius:8px;place-items:center;min-width:15px;height:15px;padding:0 3px;font-size:10px;font-style:normal;display:grid}.gen.armed{background:var(--panel);color:var(--paper);cursor:pointer}.gen.armed .count{background:#ffffff47}.gen.armed:hover{background:var(--panel-deep)}.gen.pending{animation:.7s ease-in-out breathe-blue}@keyframes breathe-blue{0%,to{background:var(--panel)}50%{background:var(--panel-deep)}}.cursor{z-index:26;opacity:0;pointer-events:none;transform:translate(var(--x,0px), var(--y,0px));transition:transform .52s cubic-bezier(.35,.1,.2,1),opacity .18s;position:absolute;top:0;left:0}.cursor.on{opacity:1}.pin-flow{z-index:26;background:var(--paper);font-family:var(--body);color:var(--panel);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;border:1px solid #2f5a9e3d;border-radius:7px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;transition:opacity .22s,background .15s,color .15s,visibility 0s linear .22s;display:inline-flex;position:absolute;top:11px;right:13px}.pin-flow.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s,background .15s,color .15s,visibility}.pin-flow:hover{background:var(--tint)}.pin-flow.pinned{background:var(--panel);border-color:var(--panel);color:var(--paper);cursor:default}.drawer{z-index:25;background:var(--drawer);transform-origin:100% 100%;border-radius:12px;flex-direction:column;width:252px;height:76%;transition:transform .28s ease-in,opacity .22s ease-in;display:flex;position:absolute;bottom:16px;right:16px;overflow:clip;box-shadow:0 2px 6px #1d2a4714,0 16px 36px -12px #1d2a4742}.stage:not([data-beat="1"]) .drawer{opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s ease-in,opacity .22s ease-in,visibility 0s linear .28s;transform:scale(.9)translate(6px,14px)}.drawer-head{background:#56638b1c;align-items:center;gap:9px;padding:11px 10px 11px 12px;display:flex}.who{background:#56638b4d;border-radius:50%;flex:none;width:19px;height:19px}.drawer-x{width:22px;height:22px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;margin-left:auto;padding:0;transition:background .15s;display:grid}.drawer-x:hover{background:#56638b24}.bubbles{flex-direction:column;flex:1;gap:9px;padding:13px 12px;display:flex;overflow:clip}.bub{height:var(--h,22px);width:var(--w);background:var(--bubble);border-radius:11px;flex:none}.bub.out{background:#2f5a9e3b;align-self:flex-end}.composer{background:#ffffffa8;border-radius:9px;align-items:center;gap:9px;margin:0 12px 12px;padding:9px 11px;display:flex}.composer .greek{background:var(--bubble)}.send-tri{border-top:5.5px solid #0000;border-bottom:5.5px solid #0000;border-left:9px solid #2f5a9e57;flex:none;width:0;height:0;margin-left:auto}.stage.cutting,.stage.cutting *,.stage.cutting :before,.stage.cutting :after{transition:none!important;animation:none!important}.caption{text-align:center;max-width:62ch;margin:18px auto 0}.card p{text-wrap:pretty;margin:0}.card.live{min-height:calc(4.65em + 38px);color:var(--ink);font-size:17.5px;line-height:1.55;animation:.26s ease-out settle;display:block}@keyframes settle{0%{opacity:0}to{opacity:1}}.card.live a{color:var(--link);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1.5px}.card.live a:hover{color:var(--panel-deep)}.ctrl{justify-content:center;align-items:center;height:32px;margin:6px 0 0;display:flex}.ctrl .act{color:var(--panel);font-size:15px;font-weight:600}.ctrl .next{background:var(--tint);font-family:var(--body);color:var(--panel);cursor:pointer;border:0;border-radius:7px;padding:6px 16px;font-size:14px;font-weight:600;transition:background .15s;display:none}.ctrl .next.on{animation:.26s ease-out settle;display:inline-block}.ctrl .next:hover{color:var(--panel-deep);background:#e2e9f5}.steps{justify-content:center;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.steps button{cursor:pointer;background:#56638b33;border:0;border-radius:2px;width:22px;height:4px;padding:0;transition:background .18s;display:block}.steps li{margin:0}.steps button:hover{background:#56638b73}.steps .done button{background:#56638b6b}.steps .done button:hover{background:var(--panel)}.steps .here button{background:var(--panel);cursor:default}.replay{margin:10px 0 0;line-height:1}.replay button{font-family:var(--body);color:var(--ink-soft);text-underline-offset:2px;cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:0;padding:0;font-size:13.5px;text-decoration:underline;transition:opacity .2s,visibility 0s linear .2s}.replay button.on{opacity:1;visibility:visible;transition:opacity .2s}.replay button:hover{color:var(--panel-deep)}.live-target{outline:2px solid var(--panel);outline-offset:3px;border-radius:5px}.after{max-width:1020px;margin:0 auto;padding:0 32px}.rule{border:0;border-top:1px solid var(--olive);width:calc(100% - 64px);max-width:956px;margin:38px auto 0}.contact{color:var(--ink-soft);margin:0;font-size:16px;line-height:1.6}.contact+.contact{margin-top:4px}.contact a{color:var(--link);text-underline-offset:2px;text-decoration:underline}.contact a:visited{color:var(--link)}.contact a:hover{color:var(--panel-deep)}.colophon{text-align:right;max-width:1020px;color:var(--ink-soft);margin:20px auto 0;padding:0 32px 64px;font-size:13.5px;line-height:1.8}.colophon a,.colophon a:visited{color:var(--ink-soft)}@media (height<=1080px){.masthead.masthead-wide{padding-top:26px;padding-bottom:8px}.viewport{height:clamp(380px,100vh - 534px,520px)}.hero{padding:16px 32px 6px}.hook{margin-bottom:6px;font-size:17px}.sec-hed{margin:14px auto 26px;font-size:22px}.standfirst{font-size:16px}.card.live{font-size:16.5px}.ctrl{margin-top:4px}.ctrl .act{font-size:14px}.caption{margin-top:10px}.steps{margin-top:12px}}@media (height<=880px){.hero{padding-top:8px}.sec-hed{margin:12px auto 16px}.caption{margin-top:8px}.ctrl{margin-top:2px}.steps{margin-top:10px}}@media (prefers-reduced-motion:no-preference){.hero{animation:.46s cubic-bezier(.22,.7,.3,1) both rise}.stage-wrap{animation:.46s cubic-bezier(.22,.7,.3,1) 80ms both rise}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.no-js .caption,.no-js .drawer,.no-js .cursor{display:none}.no-js .viewport{height:auto;overflow:visible}.no-js .row{transform:none}.no-js .panel{opacity:1;visibility:visible;flex:1 1 0}.no-js .panel:not(.p1){margin-left:12px}.no-js .media{height:var(--h2)}.no-js .trow{height:var(--rh2)}.no-js .greek.live{width:var(--w2)}.no-js .tabview[data-view="1"]{display:block}.no-js .gen{display:none}.fallback{max-width:68ch;margin:0 auto;padding:26px 32px 90px}.fallback h1{font-family:var(--display);color:var(--panel);margin:0 0 26px;font-size:34px;font-weight:800}.fallback li{text-wrap:pretty;margin-bottom:12px}.fallback a{color:var(--link)}@media (width<=860px){.masthead.masthead-wide{padding:24px 20px 0}.hero{padding:14px 20px 6px}.hook{font-size:17px}.sec-hed{margin:18px auto 16px;padding:0 20px;font-size:21px}.sec-hed:after{left:18px}.standfirst{font-size:16px}.stage-wrap{padding:6px 16px 8px}.viewport{height:344px;padding:12px}.panel.on{flex-basis:88%}.drawer{width:208px;height:80%;bottom:12px;right:12px}.caption{margin-top:18px}.card.live{min-height:7.75em;font-size:16px}.after{padding:0 20px}.colophon{padding:0 20px 56px}}@media (prefers-reduced-motion:reduce){.row,.panel,.drawer,.media,.trow,.greek.live,.cursor,.reload,.pin-flow,.gen,.ctrl .next,.replay button{transition:none!important}.hl.pending,.gen.pending{animation:none}.hl.pending{background:var(--marker-deep)}.card.live{animation:none}}