.projects-band canvas{-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}.projects-band{background:var(--bg)}.projects-band .title{margin-top:40px}.filterbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:28px;border-bottom:1px solid var(--hair)}.search{display:flex;align-items:center;gap:10px;width:min(360px,100%);min-height:44px;color:var(--text2)}.search input{flex:1;min-width:0;border:0;background:none;outline:none;font-family:var(--meta-font);font-style:var(--meta-style);font-stretch:var(--meta-wdth);font-size-adjust:var(--meta-adjust);font-size:18px;color:var(--ink)}.search input::placeholder{color:var(--text3)}.search input::-webkit-search-cancel-button{filter:grayscale(1)}.search:focus-within{color:var(--ink)}.search kbd{font:500 12px var(--ui);color:var(--text3);border:1px solid var(--hair);border-radius:2px;padding:1px 6px}.projects-main{max-width:1440px;margin:0 auto;padding:40px var(--gutter) 64px;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:64px}.h2{margin:0;font-family:var(--head-font);font-variation-settings:var(--serif-axes);font-size:22px;font-weight:var(--head-weight);letter-spacing:-.005em}.tasks{list-style:none;margin:12px 0 0;padding:0}.task a{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--hair);transition:background-color .16s var(--ease)}.task:last-child a{border-bottom:1px solid var(--hair)}.task a:hover{background:var(--bg2)}.task .num{font-size:30px;line-height:1;font-weight:300}.task .num.red{color:var(--red)}.task .what{font-size:17px;font-weight:500}.task .why{font-size:16px;color:var(--text2)}.task .go{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);white-space:nowrap;padding-right:8px;transition:color .16s var(--ease)}.task .go svg{width:16px;height:16px;transition:transform .2s var(--ease)}.task a:hover .go svg{transform:translate(3px)}.task a:hover .go,.task a:focus-visible .go{color:var(--green)}.list-section{margin-top:48px}.list-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.rows{list-style:none;margin:12px 0 0;padding:0;border-bottom:1px solid var(--hair)}.row a{display:grid;grid-template-columns:52px minmax(0,1fr) 96px;gap:16px;align-items:center;padding:20px 0;border-top:1px solid var(--hair);transition:background-color .16s var(--ease)}.row a:hover{background:var(--bg2)}.row .name{font-family:var(--head-font);font-variation-settings:var(--serif-axes);font-weight:var(--head-weight);font-size:22px;line-height:26px}.row .where{font-size:17px;color:var(--text2);margin-top:2px}.row .when{font-size:14px;color:var(--text2);margin-top:6px}.row .types{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;font-size:15px}.row .types span{display:inline-flex;align-items:center;gap:5px}.row .types .unsorted{color:var(--text2)}.row .changed{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:16px;color:var(--green)}.row .changed:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--green)}.row .open{text-align:right;padding-right:8px}.row .open b{display:block;font-size:34px;line-height:1;font-weight:300}.row .open b.red{color:var(--red)}.row .open span{font-size:16px;color:var(--text2)}.row .open.clean b{color:var(--text3)}.empty{padding:40px 0;border-top:1px solid var(--hair)}.empty p{margin:0 0 16px;font-size:17px}.col-side{padding-top:0}.agenda{list-style:none;margin:12px 0 0;padding:0}.agenda a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--hair);transition:background-color .16s var(--ease)}.agenda li:last-child a{border-bottom:1px solid var(--hair)}.agenda a:hover{background:var(--bg2)}.agenda .day{text-align:left}.agenda .day b{display:block;font-size:34px;line-height:1;font-weight:300}.agenda .day span{font-size:16px;color:var(--text2)}.agenda .proj{font-size:18px}.agenda .kind{font-size:16px;color:var(--text2)}.agenda .prep{font-size:14px;margin-top:6px;color:var(--text2)}.agenda .soon{color:var(--ink);font-weight:500}.unplanned{margin:16px 0 0;font-size:16px}@media(max-width:1100px){.projects-main{grid-template-columns:minmax(0,1fr);gap:48px}.col-main{display:contents}#todo-section{order:1}.col-side{order:2}.list-section{order:3;margin-top:0}.agenda{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));column-gap:32px}.agenda li:last-child a{border-bottom:0}}@media(max-width:640px){.projects-band .title{margin-top:32px;font-size:40px}.filterbar{flex-direction:column-reverse;align-items:stretch;gap:8px}.search{width:100%;border-bottom:1px solid var(--hair)}.search kbd{display:none}.task a{grid-template-columns:48px minmax(0,1fr)}.task .go{grid-column:2;padding:4px 0 0}.row a{grid-template-columns:40px minmax(0,1fr) 64px;gap:12px;align-items:start}.row .name{font-size:20px;line-height:24px}.row .open b{font-size:30px}.row svg[role=img]{width:32px;height:32px}}