.works-module__bOkQvG__page{min-height:100dvh;padding-bottom:288px;position:relative}@media (max-width:640px){.works-module__bOkQvG__page{padding-bottom:144px}}.works-module__bOkQvG__layout{z-index:1;padding:clamp(96px, 13vh, 120px) var(--gutter) 64px;grid-template:"side detail""names detail"1fr/minmax(300px,440px) minmax(0,1fr);gap:0 clamp(28px,4vw,64px);display:grid;position:relative}.works-module__bOkQvG__side,.works-module__bOkQvG__menu{border-style:solid;border-image:url(/pixel/win.png) 6 fill / calc(6 * var(--px)) / 0 stretch;image-rendering:pixelated;border-width:calc(6 * var(--px));padding:0 calc(5 * var(--px))}.works-module__bOkQvG__side{border-bottom-width:0;border-image-width:calc(6 * var(--px)) calc(6 * var(--px)) 0;padding-top:calc(4 * var(--px));grid-area:side;align-self:start;padding-bottom:4px}.works-module__bOkQvG__jump{display:none}.works-module__bOkQvG__heading{color:var(--fg);margin:0;font-size:40px;font-weight:400;line-height:1}.works-module__bOkQvG__sub{color:var(--dim);margin:12px 0 0;font-size:20px;line-height:28px}.works-module__bOkQvG__menu{border-top-width:0;border-image-width:0 calc(6 * var(--px)) calc(6 * var(--px));padding-top:12px;padding-bottom:calc(4 * var(--px));grid-area:names;align-self:start}.works-module__bOkQvG__names{margin:0;padding:0;list-style:none}.works-module__bOkQvG__names button{cursor:pointer;text-align:left;width:100%;color:var(--fg);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 10px 36px;font-size:24px;line-height:32px;display:flex;position:relative}.works-module__bOkQvG__names button span{color:var(--dim);white-space:nowrap;font-size:20px}.works-module__bOkQvG__names button:hover,.works-module__bOkQvG__names button[data-on=true],.works-module__bOkQvG__names button[data-on=true] span{color:var(--acc)}.works-module__bOkQvG__names button:focus-visible{outline:var(--px) solid var(--acc);outline-offset:0}.works-module__bOkQvG__cursor{margin-top:-22px;animation:.8s step-end infinite works-module__bOkQvG__nudge;position:absolute;top:50%;left:0}.works-module__bOkQvG__detail{min-width:0;max-width:900px;text-shadow:var(--drop);grid-area:detail}.works-module__bOkQvG__frame{aspect-ratio:16/10;text-shadow:none;background:#050708;margin-top:24px;position:relative}.works-module__bOkQvG__media{object-fit:contain;width:100%;height:100%;animation:.4s steps(4,end) works-module__bOkQvG__fadein;position:absolute;inset:0}@keyframes works-module__bOkQvG__fadein{0%{opacity:0}}.works-module__bOkQvG__frame[data-bright=true] .works-module__bOkQvG__media{filter:brightness(.8)contrast(.95)}.works-module__bOkQvG__lede{max-width:62ch;color:var(--fg);margin:16px 0 0;font-size:24px;line-height:36px}.works-module__bOkQvG__note{max-width:68ch;color:var(--dim);margin:20px 0 0;font-size:20px;line-height:28px}.works-module__bOkQvG__note span{color:var(--acc);margin-right:10px}.works-module__bOkQvG__note code,.works-module__bOkQvG__caption code{color:var(--bone-dim);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8em}.works-module__bOkQvG__caption{max-width:68ch;color:var(--dim);margin-top:12px;font-size:20px;line-height:28px}.works-module__bOkQvG__info{max-width:52em;margin-top:4px}.works-module__bOkQvG__nameRow{flex-wrap:wrap;align-items:baseline;gap:10px 28px;display:flex}.works-module__bOkQvG__name{color:var(--acc);text-shadow:var(--outline);margin:0;font-size:clamp(56px,5.6vw,80px);font-weight:400;line-height:1}.works-module__bOkQvG__code{color:var(--acc);align-items:center;gap:8px;font-size:20px;text-decoration:none;display:inline-flex}.works-module__bOkQvG__code svg{filter:drop-shadow(0 var(--px) 0 var(--ink))}.works-module__bOkQvG__code:hover{color:var(--acc-hi)}.works-module__bOkQvG__kind{color:var(--acc);margin-top:16px;font-size:20px}.works-module__bOkQvG__stack{border-top:var(--px) solid #9fb8b259;border-bottom:var(--px) solid #9fb8b259;color:var(--fg);margin:24px 0 0;padding:12px 0;font-size:20px;line-height:28px}.works-module__bOkQvG__stack span{color:var(--dim);margin-right:14px}.works-module__bOkQvG__what{margin:18px 0 0;padding:0;list-style:none}.works-module__bOkQvG__what li{max-width:68ch;color:var(--fg);padding:6px 0 6px 24px;font-size:22px;line-height:32px;position:relative}.works-module__bOkQvG__what li:before{content:"";background:var(--acc);width:8px;height:8px;box-shadow:0 var(--px) 0 var(--ink);position:absolute;top:18px;left:0}@media (max-width:900px){.works-module__bOkQvG__layout{grid-template-columns:minmax(0,1fr);padding-top:100px}.works-module__bOkQvG__detail{scroll-margin-top:16px}.works-module__bOkQvG__side,.works-module__bOkQvG__menu{border-width:calc(6 * var(--px));border-image-width:calc(6 * var(--px));padding:calc(3 * var(--px)) calc(4 * var(--px))}.works-module__bOkQvG__menu{margin-top:36px}}.works-module__bOkQvG__keys{color:var(--fg);gap:20px;margin-top:16px;font-size:20px;display:none}@media (hover:hover) and (pointer:fine) and (min-width:721px){.works-module__bOkQvG__keys{display:flex}}.works-module__bOkQvG__keys span{align-items:center;gap:8px;display:flex}@media (max-width:720px){.works-module__bOkQvG__layout{flex-direction:column;gap:0;display:flex}.works-module__bOkQvG__detail{margin-top:30px}.works-module__bOkQvG__menu{align-self:stretch;margin-top:36px;scroll-margin-top:16px}.works-module__bOkQvG__side{align-self:stretch}.works-module__bOkQvG__names button{font-size:22px}.works-module__bOkQvG__names button span{font-size:18px}.works-module__bOkQvG__name{font-size:56px}.works-module__bOkQvG__lede,.works-module__bOkQvG__what li{font-size:20px;line-height:30px}.works-module__bOkQvG__info{flex-direction:column;display:flex}.works-module__bOkQvG__stack{order:2}.works-module__bOkQvG__note{order:3}.works-module__bOkQvG__jump{color:var(--acc);margin-left:12px;padding:6px 0;text-decoration:none;display:inline-block}}