:root{color-scheme:light;--bg: #E3E0DA;--paper: #F3F1EC;--paper-dim: #D6D2C9;--ink: #111111;--ink-dim: #56504A;--text: #111111;--text-dim: #56504A;--text-mute: #56504A;--border: #111111;--font-display: "Archivo Black", Helvetica, Arial, sans-serif;--font-body: "Space Mono", ui-monospace, "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box;border-radius:0!important}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{max-width:1160px;margin:0 auto;padding:0 32px}header.site{background:var(--bg);border-bottom:2px solid var(--border);padding:56px 0 36px}.wordmark{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,7vw,72px);text-transform:uppercase;letter-spacing:-.02em;line-height:.92;max-width:760px}h1.wordmark em{font-style:normal;color:var(--paper);background:var(--ink);padding:0 .06em}.lede{font-family:var(--font-body);font-size:13.5px;line-height:1.6;margin-top:20px;max-width:540px;color:var(--text-dim)}.lede strong{font-weight:700;color:var(--text)}.deck-nudge{margin-top:12px;font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute)}.deck-link{color:#c41e1e;text-decoration:none;border-bottom:1.5px solid #C41E1E;transition:background .1s,color .1s;white-space:nowrap}.deck-link:hover{background:#c41e1e;color:var(--paper)}.filter-bar{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:2px solid var(--border)}.desktop-filter-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:10px}.filter-status{font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-filter-status{flex:1;min-width:0}.desktop-filter-btn{font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text);background:transparent;border:2px solid var(--ink);padding:5px 12px;cursor:pointer;white-space:nowrap;flex-shrink:0}.desktop-filter-btn.has-filters{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter-rows-wrap{display:none}.filter-bar.expanded .filter-rows-wrap{display:block}.filter-row{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0;align-items:center}.filter-row+.filter-row{padding-top:0;padding-bottom:12px}.filter-row-label{font-family:var(--font-body);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin-right:4px;white-space:nowrap}.pill{font-family:var(--font-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);background:transparent;border:1.5px solid var(--border);padding:7px 16px;cursor:pointer;transition:all .18s ease;white-space:nowrap;display:flex;align-items:center;gap:7px}.pill:hover{background:var(--ink);color:var(--paper)}.pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pill.active .pill-count{color:var(--paper)}.pill-count{font-size:10px;opacity:.55}main.wrap{padding-top:28px;padding-bottom:96px}.grid{margin-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:var(--border);border:1.5px solid var(--border)}.card{background:var(--paper);color:var(--ink);overflow:hidden;cursor:pointer;display:flex;flex-direction:column}.card:hover{background:var(--ink)}.card:hover .card-title,.card:hover .card-hook,.card:hover .card-num,.card:hover .card-cat,.card:hover .card-more,.card:hover .card-level{color:var(--paper)}.card:hover .card-level{border-color:var(--paper)}.card:hover .card-corner{background:var(--paper)}.card:hover canvas{filter:invert(1)}.card.hidden{display:none}.card-corner{display:inline-block;width:8px;height:8px;background:var(--ink);flex-shrink:0}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body);font-size:11px;letter-spacing:.08em;margin-bottom:14px}.card-body>.card-meta:last-child{margin-top:10px;margin-bottom:0}.card-meta-id{display:flex;align-items:center;gap:8px}.card-num{color:var(--ink-dim);text-transform:uppercase;font-weight:700}.card-cat{color:var(--card-color);text-transform:uppercase;font-weight:700}.card-title{font-family:var(--font-display);font-weight:400;font-size:17px;line-height:1.12;margin-bottom:8px}.card-hook{font-family:var(--font-body);font-style:normal;font-size:12.5px;color:var(--ink-dim);margin-bottom:18px}.card-viz{display:block;width:100%;height:92px;margin-top:auto}.card-level{font-family:var(--font-body);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--ink-dim);border:1px solid var(--border);padding:2px 9px;margin-left:auto}.card-more{margin-top:14px;font-family:var(--font-body);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--card-color)}.card-read-badge{font-family:var(--font-body);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--card-color);opacity:.55}.modal-overlay{position:fixed;inset:0;height:100dvh;background:#0a0907b8;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:32px;z-index:100;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-card{background:var(--paper);color:var(--ink);border:2px solid var(--border);max-width:640px;width:100%;max-height:86dvh;overflow:hidden;position:relative;display:flex;flex-direction:column;transform:translateY(16px) scale(.98);transition:transform .25s ease}.modal-overlay.open .modal-card{transform:translateY(0) scale(1)}.modal-corner{display:inline-block;width:9px;height:9px;background:var(--modal-color);flex-shrink:0}.modal-body{padding:32px 36px 36px;overflow-y:auto;min-height:0;overscroll-behavior:contain}.modal-close{position:absolute;z-index:2;top:24px;right:24px;width:32px;height:32px;border:1.5px solid var(--border);background:var(--paper);color:var(--ink);font-size:0;cursor:pointer;transition:background .15s ease}.modal-close:hover{background:var(--paper-dim)}.modal-close:before,.modal-close:after,.about-close:before,.about-close:after{content:"";position:absolute;top:50%;left:50%;width:13px;height:1.5px;background:currentColor}.modal-close:before,.about-close:before{transform:translate(-50%,-50%) rotate(45deg)}.modal-close:after,.about-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal-meta{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-body);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:18px;padding-right:40px}.modal-num{color:var(--ink-dim)}.modal-cat{color:var(--modal-color)}.modal-title{font-family:var(--font-display);font-weight:400;font-size:clamp(26px,4vw,34px);line-height:1.25;margin-bottom:10px;max-width:460px}.modal-hook{font-family:var(--font-body);font-style:normal;font-size:18px;color:var(--ink-dim);margin-bottom:24px}.modal-viz{display:block;width:100%;height:130px;margin-bottom:28px}.modal-tips{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:26px}.modal-tips li{display:flex;gap:12px;font-size:14.5px;line-height:1.7;color:var(--ink)}.modal-tips li:before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:0;background:var(--ink);margin-top:7px}.modal-closing{font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--ink);border-top:1px solid var(--border);padding-top:22px}.modal-try{border:1.5px solid var(--border);padding:14px 18px;margin-bottom:24px}.modal-try-label{font-family:var(--font-body);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--modal-color);margin-bottom:6px}.modal-try-text{font-family:var(--font-body);font-size:14px;line-height:1.65;color:var(--ink)}.modal-related{border-top:1px solid var(--paper-dim);padding-top:20px;margin-top:8px}.modal-related-label{font-family:var(--font-body);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--ink-dim);margin-bottom:12px}.modal-related-cards{display:flex;gap:10px;flex-wrap:wrap}.modal-related-chip{font-family:var(--font-body);font-size:11px;text-transform:uppercase;letter-spacing:.01em;color:var(--modal-color);border:1.5px solid var(--border);padding:6px 12px;cursor:pointer;transition:all .15s ease;background:transparent;text-align:left}.modal-related-chip:hover{background:var(--modal-color);color:var(--paper)}.modal-related-chip-num{opacity:.6;margin-right:6px}.card.read{filter:grayscale(1);opacity:.5}.card.read:hover{opacity:.7}.card.read .card-corner{opacity:.4}.card.read .card-title{opacity:.65}.modal-read-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;font-family:var(--font-body);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--ink-dim);background:transparent;border:1.5px solid var(--border);padding:8px 14px;cursor:pointer;transition:all .15s ease;width:100%}.modal-read-btn:hover{border-color:var(--modal-color);color:var(--modal-color)}.modal-read-btn.is-read{background:var(--paper-dim)}.modal-reads{border-top:1px solid var(--paper-dim);padding-top:20px;margin-top:16px}.modal-reads-label{font-family:var(--font-body);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--ink-dim);margin-bottom:14px}.modal-read-item{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-bottom:1px solid var(--paper-dim)}.modal-read-item:last-child{border-bottom:none}.modal-read-title{font-family:var(--font-display);font-weight:400;font-size:15px;color:var(--ink);line-height:1.3}.modal-read-author{font-family:var(--font-body);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--ink-dim)}.modal-read-note{font-family:var(--font-body);font-size:13.5px;line-height:1.6;color:var(--ink-dim);margin-top:4px;font-style:italic}footer{border-top:2px solid var(--border);padding:40px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--text);flex-wrap:wrap;gap:12px}.footer-row a{color:var(--text);text-decoration:none;transition:color .2s ease}.footer-row a:hover{color:var(--text-dim)}.footer-about-btn{font-family:var(--font-body);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--text);background:none;border:none;cursor:pointer;padding:0;transition:color .2s ease}.footer-about-btn:hover{color:var(--text-dim)}.about-overlay{position:fixed;inset:0;height:100dvh;background:#0a0907bf;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:32px;z-index:200;opacity:0;pointer-events:none;transition:opacity .25s ease}.about-overlay.open{opacity:1;pointer-events:auto}.about-card{background:var(--paper);border:2px solid var(--border);max-width:560px;width:100%;max-height:88dvh;overflow:hidden;display:flex;flex-direction:column;transform:translateY(18px) scale(.97);transition:transform .25s ease;position:relative}.about-overlay.open .about-card{transform:translateY(0) scale(1)}.about-scroll{overflow-y:auto;min-height:0;overscroll-behavior:contain}.about-viz{display:block;width:100%;height:200px}.about-body{padding:32px 36px 40px}.about-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:1.5px solid var(--border);background:var(--paper);color:var(--ink);font-size:0;cursor:pointer;transition:color .15s ease,border-color .15s ease;z-index:2}.about-close:hover{color:var(--text-dim);border-color:var(--text-dim)}.about-eyebrow{font-family:var(--font-body);font-size:11px;letter-spacing:.02em;color:var(--text-dim);margin-bottom:16px}.about-title{font-family:var(--font-display);font-style:normal;font-weight:400;text-transform:uppercase;font-size:clamp(26px,5vw,36px);line-height:1;color:var(--text);margin-bottom:22px}.about-title em{font-style:normal;color:var(--paper);background:var(--ink);padding:0 .06em}.about-body p{font-family:var(--font-body);font-size:15px;line-height:1.8;color:var(--text-dim);margin-bottom:16px}.about-body p:last-child{margin-bottom:0}.about-body p strong{color:var(--text);font-weight:700}.filter-sheet-overlay{display:none;position:fixed;inset:0;background:#0a090799;z-index:50}.filter-sheet-overlay.open{display:block}.filter-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--paper);border-top:2px solid var(--ink);padding:24px 20px 40px;transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1)}.filter-sheet-overlay.open .filter-sheet{transform:translateY(0)}.filter-sheet-handle{display:none}.filter-sheet-section{margin-bottom:24px}.filter-sheet-label{font-family:var(--font-body);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text);margin-bottom:12px}.filter-sheet-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-sheet-pills .pill{font-size:12px;padding:8px 16px}.filter-sheet-done{width:100%;font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--paper);background:var(--ink);border:2px solid var(--ink);padding:14px;cursor:pointer;margin-top:8px}@media(max-width:1024px){.wrap{padding:0 24px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.wrap{padding:0 20px}header.site{padding:56px 0 40px}.grid{grid-template-columns:1fr;row-gap:12px;background:var(--bg)}.modal-overlay{padding:16px}.modal-body{padding:26px 22px 28px}.modal-title{max-width:100%}.about-overlay{padding:16px}.about-body{padding:24px 22px 28px}.card{scroll-margin-top:60px}.filter-row,.desktop-filter-toggle{display:none}.filter-rows-wrap{display:none!important}.mobile-filter-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:10px}.mobile-filter-status{flex:1;min-width:0}.mobile-filter-btn{font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text);background:transparent;border:2px solid var(--ink);padding:5px 12px;cursor:pointer;white-space:nowrap;flex-shrink:0}.mobile-filter-btn.has-filters{background:var(--ink);color:var(--paper);border-color:var(--ink)}}@media(min-width:681px){.mobile-filter-bar{display:none}}