*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.35;transition:background-color .18s linear,color .18s linear;overflow-x:hidden;-webkit-text-size-adjust:100%}body{overflow-wrap:break-word;word-wrap:break-word}main{max-width:1100px;margin:0;padding:32px 24px 80px;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}@media (max-width: 640px){main{padding:20px 16px 56px}}header.masthead{display:none}.theme-bar{display:flex;justify-content:flex-end;margin-bottom:24px}.theme-select{font:inherit;font-size:10px;text-transform:lowercase;letter-spacing:.04em;background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:0;padding:3px 22px 3px 8px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(-45deg,transparent 50%,var(--ink) 50%);background-position:calc(100% - 10px) 55%,calc(100% - 6px) 55%;background-size:4px 4px,4px 4px;background-repeat:no-repeat;transition:background-color .15s linear,color .15s linear}.theme-select:focus{outline:1px solid var(--ink);outline-offset:1px}.project{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;padding:22px 0 26px;border-top:1px solid var(--ink)}.project:first-of-type{border-top:none}@media (max-width: 780px){.project{grid-template-columns:1fr}}.project .left{display:flex;flex-direction:column;gap:10px}.project .kicker{display:flex;justify-content:space-between;font-size:10px;text-transform:lowercase;letter-spacing:.02em;opacity:.85}.project h1{font-family:inherit;font-weight:700;font-size:clamp(20px,5.5vw,26px);line-height:1.05;margin:2px 0 4px;letter-spacing:-.01em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.project p{margin:0;max-width:54ch;overflow-wrap:break-word}.project .foot{font-size:9.5px;opacity:.7;margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;min-height:calc(1em + 10px)}.project .foot span:empty:before{content:" "}.widget{position:relative;border:1.5px solid var(--ink);min-height:240px;aspect-ratio:16 / 10;overflow:hidden;background:repeating-linear-gradient(45deg,transparent 0 7px,var(--hatch) 7px 8px),var(--paper);display:flex;align-items:center;justify-content:center}.widget .label{text-align:center;line-height:1.2;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:13px;background:var(--paper);padding:8px 12px}.widget.live{background:var(--paper)}.widget.live canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}footer{margin-top:40px;padding-top:12px;border-top:1px solid var(--ink);font-size:9.5px;opacity:.7;display:flex;justify-content:space-between}:root[data-theme=light]{--ink: #000000;--paper: #ffffff;--hatch: rgba(0, 0, 0, .16)}:root[data-theme=dark]{--ink: #ffffff;--paper: #000000;--hatch: rgba(255, 255, 255, .18)}