main:has(>.clockin){overflow-x:visible}main:has(>.clockin)>.section{overflow-x:clip}.masthead>.motto{visibility:hidden}.clockin{--order-seconds-per-screen:180;--bleed:calc(max(0px, (100vw - var(--page)) / 2 - 10px) + var(--gutter));--pad:var(--gutter);margin:0 calc(var(--gutter) * -1);border-bottom:1px solid var(--enamel);grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow-x:clip}.clockin>*{grid-column:1}.clockin__intro,.clockin__head,.clockin__steps,.clockin__deck{margin-inline:var(--pad)}.clockin__intro{padding:clamp(1.4rem,4vw,3rem) 0 clamp(1.2rem,3vw,2rem)}.clockin__title{font-family:var(--serif);font-size:var(--s6);letter-spacing:-.022em;text-wrap:balance;max-width:21ch;margin:0;font-weight:900;line-height:.98}.clockin__tagline{font-style:italic;font-size:var(--s4);color:var(--carbon);max-width:26ch;margin:.9rem 0 0;line-height:1.3}.clockin__keys{margin-top:1.4rem}.clockin__stage{z-index:2;background:var(--newsprint);padding:.5rem 0 2.2rem;position:relative;container-type:inline-size}.clockin__head{margin-top:2.2rem}.clockin__head h2{font-size:var(--s4)}.clockin__steps{counter-reset:flow;border-top:1px solid var(--enamel);max-width:none;margin-top:0;margin-bottom:0;padding:0;list-style:none}.clockin__step{counter-increment:flow;border-bottom:1px solid var(--rule);flex-direction:column;margin:0;padding:.9rem 0 1.4rem 1.15rem;display:flex;position:relative}.clockin__step:last-child{border-bottom:0}.clockin__ticks{border-left:1px solid var(--enamel);width:.75rem;height:100%;position:absolute;top:0;left:0;overflow:visible}.clockin__ticks line{stroke:var(--enamel);stroke-width:1.5px;vector-effect:non-scaling-stroke}.clockin__ticks .clockin__punchtick{stroke-width:4px}.clockin__stepbody{grid-template-columns:2.4rem minmax(0,1fr);column-gap:.8rem;min-width:0;display:grid}.clockin__stepbody:before{content:counter(flow);font-family:var(--slab);font-size:var(--s5);color:var(--enamel);grid-row:1/span 2;line-height:1}.clockin__stepbody>*{grid-column:2}.clockin__steptitle{font-size:var(--s4);margin:.15rem 0 .35rem;font-weight:900;line-height:1.15}.clockin__stepwords{font-size:var(--s3);color:var(--carbon);max-width:34ch;margin:0}.clockin__deck{padding:1.4rem 0 2.4rem}.clockin__decktext{font-style:italic;font-size:var(--s3);color:var(--carbon);max-width:44ch;margin:0;line-height:1.45}.clockin__deck .actions{margin-top:1rem}.clockin__deck .small{margin:1rem 0 0}.recorder{--card-w:min(22rem, 100cqw - 2 * var(--gutter));--u:calc(var(--card-w) / .8);grid-template-columns:calc(var(--u) * .14) var(--card-w) calc(var(--u) * .55);grid-template-rows:auto calc(var(--u) * .0566) calc(var(--u) * 1.4034);width:calc(var(--u) * 1.49);margin-left:calc(50cqw - var(--u) * .54);isolation:isolate;display:grid}.recorder__rear,.recorder__front,.recorder__canvas{grid-area:2/1/4/-1;width:100%;height:100%;display:block}.recorder__rear{z-index:0}.recorder__canvas{z-index:0;opacity:0;pointer-events:none}.recorder__card{z-index:1;transform-origin:50% 100%;grid-area:1/2/3;align-self:end;min-width:0}.recorder__front{z-index:2;pointer-events:none}.recorder{--rc-dark:var(--enamel);--rc-light:var(--newsprint)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .recorder{--rc-dark:var(--newsprint);--rc-light:var(--enamel)}}:root[data-theme=dark] .recorder{--rc-dark:var(--newsprint);--rc-light:var(--enamel)}.rc-enamel{fill:var(--enamel)}.rc-brass{fill:var(--brass)}.rc-paper{fill:var(--newsprint)}.rc-dark{fill:var(--rc-dark)}.rc-light{fill:var(--rc-light)}.rc-edge{fill:none;stroke:var(--rc-dark);stroke-width:2.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.rc-gleam{fill:none;stroke:var(--rc-light);stroke-width:7px;stroke-linecap:round}.rc-gleam--thin{stroke-width:4px}.recorder__sign{font-family:var(--slab);letter-spacing:.01em;fill:var(--newsprint);font-weight:400}.recorder__card .timecard{padding-bottom:calc(var(--u) * .05 + .35rem)}@media (width>=64rem){.clockin{--pad:0px;margin:0 calc(var(--bleed) * -1) 0 0;grid-template-columns:minmax(0, 1fr) 13rem calc(29rem + var(--bleed));border-bottom:0;column-gap:clamp(1.6rem,3vw,3rem)}.clockin__intro{grid-area:1/1/auto/3}.clockin__head{grid-area:2/1/auto/3;margin-top:.6rem}.clockin__steps{grid-area:3/1}.clockin__deck{border-top:1px solid var(--enamel);grid-area:3/2;align-self:start;padding-top:.9rem}.clockin__decktext{font-size:var(--s2)}.clockin__deck .actions{flex-direction:column;align-items:stretch}.clockin__stage{background:0 0;grid-area:1/3/4;align-self:start;padding:1.5rem 0 2rem}.recorder{--card-w:min(22rem, 100cqw * .62);margin-left:-1.25rem}}.clock-on .clockin{grid-template-rows:auto var(--stage-row,64svh) auto auto auto}.clock-on .clockin__stage{border-bottom:1px solid #0000;grid-row:2/5;align-self:start;height:64svh;padding:0;position:sticky;top:0}.clock-on .clockin[data-settled] .clockin__stage{border-bottom-color:var(--rule)}.clock-on .clockin__head{grid-row:3;margin-top:1.5rem}.clock-on .clockin__steps{grid-row:4}.clock-on .clockin__deck{grid-row:5}.clock-on .clockin__steps--timed .clockin__step{min-height:calc(var(--sec) * 100svh / var(--order-seconds-per-screen))}.clock-on .clockin__steps--timed .clockin__stepbody{position:sticky;top:calc(64svh + 1rem)}.clock-on .recorder{transform-origin:0 0;transform:translate(calc(50cqw - var(--u) * .54), .5rem);margin:0;position:absolute;top:0;left:0}.clock-on .recorder__rear,.clock-on .recorder__canvas{transition:opacity .24s var(--ease-io)}.clock-on .recorder.is-gl .recorder__rear{opacity:0}.clock-on .recorder.is-gl .recorder__canvas{opacity:1}.clock-ready .timecard__line:not([data-punched]){color:var(--carbon)}.clock-ready .timecard__punch{transition:opacity .18s var(--ease-out), transform .28s var(--ease-stamp)}.clock-ready .timecard__line:not([data-punched]) .timecard__punch{opacity:0;transition-duration:.15s;transform:scale(1.9,1.5)}@media (width>=64rem){.clock-on .clockin{grid-template-rows:auto auto auto}.clock-on .clockin__stage{border-bottom:0;grid-row:1/4;height:100svh}.clock-on .clockin__head{grid-row:2;margin-top:.6rem}.clock-on .clockin__steps,.clock-on .clockin__deck{grid-row:3}.clock-on .clockin__steps--timed .clockin__stepbody{top:2rem}.clock-on .clockin__steps--timed+.clockin__deck{margin-top:calc(180 * 100svh / var(--order-seconds-per-screen))}}.wire-lead{margin-top:clamp(2.4rem,5vw,3.6rem)}.wire-lead__house{margin:1.2rem 0 0}.steps.wire-new{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}.wire-swarm__error{margin-top:1.4rem}.wire-swarm__at{margin:.6rem 0 0}@media print{.clockin__stage{display:none}}