@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Roboto+Mono:wght@400;500&display=swap";
:root{--cols:12;--unit:12px;--pad:0px;--gutter:0px;--ground:#0a0a0a;--fg:#f2f2f2;--fg-2:#8a8a8a;--fg-3:#5a5a5a;--rule:#1c1c1c;--rule-strong:#2a2a2a;--sans:system-ui, -apple-system, "Helvetica Neue", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace}.wsg{background:var(--ground);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;position:relative}.wsg *,.wsg :before,.wsg :after{box-sizing:border-box}.wsg{--floor:var(--h-12th)}html.d-tight .wsg{--cell-pad:var(--s-1);--floor:var(--h-24th)}html.d-loose .wsg{--cell-pad:var(--s-4);--floor:var(--h-3rd)}.wsg .cell{min-height:var(--floor)}html.counts.d-loose .cell.w-quarter:after,html.counts.d-loose .cell.w-sixth:after,html.counts.d-loose .cell.w-12th:after,html.counts.d-loose .cell.v-quarter:after,html.counts.d-loose .cell.v-sixth:after,html.counts.d-loose .cell.v-12th:after{content:"TOO NARROW FOR LOOSE";z-index:3;font-family:var(--mono);color:var(--ground);background:#f56868;padding:3px 5px;font-size:12px;line-height:1;position:absolute;top:0;left:0}.frame{width:100%;padding:0 var(--pad)}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);align-items:start;display:grid}.rule{border:none;border-top:1px solid var(--rule);margin:0}.mono{font-family:var(--mono);letter-spacing:0;color:var(--fg-2);text-transform:uppercase;font-size:14px;line-height:24px}.mono--md{color:var(--fg);font-weight:500}.mono--dim{color:var(--fg-3)}.copy{font-family:var(--mono);color:var(--fg-2)}.copy b,.copy strong{color:var(--fg);font-weight:500}.twotone{color:var(--fg-2)}.twotone em{color:var(--fg);font-style:normal}:root{--s-0:0px;--s-h:6px;--s-1:12px;--s-2:24px;--s-3:36px;--s-4:48px;--s-6:72px;--s-8:96px;--s-10:120px;--s-16:192px;--page:1152px;--h-24th:calc(var(--page) / 24);--h-12th:calc(var(--page) / 12);--h-6th:calc(var(--page) / 6);--h-4th:calc(var(--page) / 4);--h-3rd:calc(var(--page) / 3);--h-half:calc(var(--page) / 2);--h-2-3:calc(var(--page) / 3 * 2);--h-full:var(--page);--cell-pad:var(--s-2);--fold:round(up, calc(100svh - var(--h-24th)), var(--h-24th));--baseline:var(--unit)}.t-1{font-size:14px;line-height:24px}.t-2{font-size:20px;line-height:24px}.t-3{font-size:28px;line-height:36px}.t-4{font-size:40px;line-height:48px}.t-5{font-size:56px;line-height:60px}.t-6{font-size:80px;line-height:84px}.t-7{font-size:112px;line-height:120px}.t-8{font-size:158px;line-height:168px}.t-1,.t-2,.t-3,.t-4,.t-5,.t-6,.t-7,.t-8{text-box:trim-both cap alphabetic}.t-3,.t-4,.t-5,.t-6,.t-7,.t-8{font-family:var(--sans);letter-spacing:-.05em;margin:0;font-weight:400}.t-1,.t-2{font-family:var(--mono);letter-spacing:0;margin:0}.wsg .t-1,.wsg .t-2{text-transform:uppercase}.w-full{grid-column-end:span 12}.w-2-3{grid-column-end:span 8}.w-half{grid-column-end:span 6}.w-third{grid-column-end:span 4}.w-quarter{grid-column-end:span 3}.w-sixth{grid-column-end:span 2}.w-12th{grid-column-end:span 1}.h-fold{min-height:var(--fold)}.h-12th{min-height:var(--h-12th)}.h-6th{min-height:var(--h-6th)}.h-4th{min-height:var(--h-4th)}.h-3rd{min-height:var(--h-3rd)}.h-half{min-height:var(--h-half)}.h-2-3{min-height:var(--h-2-3)}.h-full{min-height:var(--h-full)}.v-5-6{grid-row-end:span 10}.v-full{grid-row-end:span 12}.v-2-3{grid-row-end:span 8}.v-half{grid-row-end:span 6}.v-third{grid-row-end:span 4}.v-quarter{grid-row-end:span 3}.v-sixth{grid-row-end:span 2}.v-12th{grid-row-end:span 1}.cell{gap:var(--s-2) var(--s-2);padding:var(--cell-pad);min-height:var(--h-12th);grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;display:grid;position:relative}.cell .cell{--cell-pad:var(--s-1)}.cell--center{text-align:center}.cell--center .cell__tl{text-align:left}.cell--top .cell__main{grid-row:2/4;align-self:start}.cell--top .cell__br{align-self:end}.cell--center .cell__main{grid-area:2/1/3/3;place-self:center stretch}.cell--center .copy{max-width:none}.cell__media{z-index:0;position:absolute;inset:0;overflow:hidden}.cell__media>*{object-fit:cover;width:100%;height:100%;display:block}.ink{width:100%;height:100%;display:block}.cell--object .cell__media{inset:var(--cell-pad);place-items:center;display:grid}.cell--object .cell__media>*{height:var(--obj,62%);object-fit:contain;width:auto;max-width:100%}.obj-third .cell__media>*{--obj:33%}.obj-half .cell__media>*{--obj:50%}.obj-2-3 .cell__media>*{--obj:66%}.obj-full .cell__media>*{--obj:100%}.cell>.cell__tl,.cell>.cell__tr,.cell>.cell__main,.cell>.cell__br{z-index:1;position:relative}.cell--media .cell__tl,.cell--media .cell__tr,.cell--media .cell__br{color:#fff;mix-blend-mode:difference}.plate{width:100%;height:100%;aspect-ratio:var(--plate-ratio,auto);background-color:#0d0d0d;background-image:repeating-linear-gradient(-45deg, var(--rule) 0 1px, transparent 1px 10px)}.cell__tl{grid-area:1/1}.cell__tr{text-align:right;grid-area:1/2}.cell__main{grid-area:3/1;align-self:end;min-width:0}.cell__br{text-align:right;grid-area:3/2;align-self:end}.cell--ruled{border-top:1px solid var(--rule)}.cell--boxed{border:1px solid var(--rule)}.cell--left{border-left:1px solid var(--rule)}.row{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);border-top:1px solid var(--rule);align-items:stretch;display:grid}.row>*{min-height:0}.row--flush,.row>.cell{border-top:none}.row>*+*{border-left:1px solid var(--rule)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.cell--px .cell__media>*{height:calc(100% + 2 * var(--px));top:calc(-1 * var(--px));will-change:transform;animation:linear both wsg-parallax;animation-timeline:view();position:relative}}}@keyframes wsg-parallax{0%{transform:translateY(calc(-1 * var(--px)))}to{transform:translateY(var(--px))}}.px-24th{--px:var(--h-24th)}.px-12th{--px:var(--h-12th)}.px-6th{--px:var(--h-6th)}.cell--bleed{z-index:2}.cell--bleed .cell__media{bottom:calc(-1 * var(--bleed))}html.counts .cell--bleed-clash:after{content:"SAME SIDE AS PREV";left:0;bottom:calc(-1 * var(--bleed));z-index:3;font-family:var(--mono);color:var(--ground);background:var(--code-keyword-alt,#f56868);padding:3px 5px;font-size:12px;line-height:1;position:absolute}.bleed-12th{--bleed:var(--h-12th)}.bleed-6th{--bleed:var(--h-6th)}.bleed-4th{--bleed:var(--h-4th)}.bleed-3rd{--bleed:var(--h-3rd)}.row{overflow:visible}.split{grid-template-rows:repeat(12,minmax(0,1fr));display:grid}.split>.cell{min-height:0}.split>.cell+.cell,.rest{border-top:1px solid var(--rule)}.rail{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);padding-inline:var(--cell-pad);height:var(--h-24th);align-items:center;display:grid}.t-right{text-align:right}.cell .rail{padding-inline:0}.rails{display:block}.rail--ruled{border-bottom:1px solid var(--rule)}.stack{display:grid}.stack--h{row-gap:var(--s-h)}.stack--1{row-gap:var(--s-1)}.stack--2{row-gap:var(--s-2)}.stack--3{row-gap:var(--s-3)}.stack--4{row-gap:var(--s-4)}.stack--6{row-gap:var(--s-6)}.stack--8{row-gap:var(--s-8)}.band{padding-block:var(--s-8)}.band--tight{padding-block:var(--s-4)}.band--loose{padding-block:var(--s-16)}.overlay{padding:0 var(--pad);pointer-events:none;z-index:90;position:fixed;inset:0}.overlay__cols{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);height:100%;display:grid}.overlay__base{pointer-events:none;z-index:88;background-image:repeating-linear-gradient(to bottom, #abff8621 0 1px, transparent 1px var(--baseline)), repeating-linear-gradient(to bottom, #abff864d 0 1px, transparent 1px calc(var(--baseline) * 8));position:absolute;inset:0}.overlay__rows{pointer-events:none;z-index:89;background-image:repeating-linear-gradient(to bottom, #f2f2f20d 0 1px, transparent 1px var(--h-12th)), repeating-linear-gradient(to bottom, #6cadf538 0 1px, transparent 1px var(--h-full));position:absolute;inset:0}.wsg{position:relative}html.margins .wsg{--pad:38px}html.bare .wsg{--rule:var(--ground);--rule-strong:var(--ground)}.wsg{--pad:0px;--gutter:0px}html.gutters .wsg{--gutter:16px}html.counts .row{position:relative}html.counts .row:after{content:attr(data-cells);font-family:var(--mono);color:var(--ground);pointer-events:none;background:#6cadf5d9;padding:3px 5px;font-size:12px;line-height:1;position:absolute;top:0;right:0}html.counts .row--rank:after{content:attr(data-cells) " <= PREV";background:var(--code-keyword-alt)}.overlay__cols>span{background:#6cadf512;border-left:1px solid #6cadf529;border-right:1px solid #6cadf529}.overlay__keys{z-index:91;gap:var(--s-h);display:flex;position:fixed;bottom:24px;right:24px}.overlay__toggle{font-family:var(--mono);text-transform:uppercase;letter-spacing:0;color:var(--fg-2);background:var(--ground);border:1px solid var(--rule-strong);padding:var(--s-h) var(--s-1);cursor:pointer;font-size:12px}.overlay__toggle:hover{color:var(--fg)}.overlay__toggle[aria-pressed=true]{color:var(--ground);background:var(--fg);border-color:var(--fg)}@media (max-width:1100px){.wsg{--cols:6;--page:864px}.wsg .w-full,.wsg .w-2-3,.wsg .w-half,.wsg .w-third,.wsg .w-quarter,.wsg .w-sixth,.wsg .w-12th{grid-column-end:span 6}.wsg [class*=st-]{grid-column-start:auto}.wsg .md-2-3{grid-column-end:span 4}.wsg .md-half{grid-column-end:span 3}.wsg .md-third{grid-column-end:span 2}}@media (max-width:640px){.wsg{--cols:2;--page:576px}.wsg .w-full,.wsg .w-2-3,.wsg .w-half,.wsg .w-third,.wsg .w-quarter,.wsg .w-sixth,.wsg .w-12th,.wsg .md-2-3,.wsg .md-half,.wsg .md-third{grid-column-end:span 2}.wsg .sm-half{grid-column-end:span 1}.wsg .t-8{font-size:56px;line-height:60px}.wsg .t-7,.wsg .t-6{font-size:40px;line-height:48px}.wsg .t-5{font-size:28px;line-height:36px}.wsg .t-4{font-size:20px;line-height:24px}}
:root{--ground:#080808;--fg:#f2f2f2;--fg-2:#757575;--fg-3:#525252;--rule:#1c1c1c;--rule-strong:#2a2a2a;--sans:"Roboto", system-ui, -apple-system, sans-serif;--mono:"Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--accent:#abff86}.wsg .num{color:var(--accent)}.wsg .t-3,.wsg .t-4,.wsg .t-5,.wsg .t-6,.wsg .t-7,.wsg .t-8{letter-spacing:-.05em}
@font-face{font-family:Tronica Mono;src:url(/fonts/tronica-mono.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--mono:"Tronica Mono", ui-monospace, SFMono-Regular, Menlo, monospace}
html,body{background:var(--ground);margin:0;padding:0}.wsg a{color:inherit;text-decoration:none}.wsg a:hover{color:var(--fg);text-underline-offset:4px;text-decoration:underline}