:root{
  --paper:#fff;--ink:#0a0a0a;--muted:#6d665d;--line:#deded9;--soft:#f7f7f4;--rust:#6a3d31;
  --systems:#2d5bff;--people:#ff2d55;--learning:#ffd60a;--mint:#00e5a0;--lilac:#c6a8ff;
  --serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"IBM Plex Mono",monospace;--max:1240px;
}
[data-theme="dark"]{--paper:#11110f;--ink:#f7f5ef;--muted:#aaa49a;--line:#34332f;--soft:#191917;--rust:#e2a08f}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased;transition:.2s background,.2s color}a{color:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(20px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 93%,transparent);backdrop-filter:blur(16px)}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none}.beta-mark{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid var(--ink);font:700 1.35rem var(--serif);background:#fff;color:#0a0a0a;box-shadow:2px 2px 0 var(--ink)}.wordmark strong{display:block;font:600 .78rem var(--mono);letter-spacing:.12em}.wordmark small{display:block;font:500 .58rem var(--mono);letter-spacing:.1em;color:var(--muted);margin-top:2px}.header-links{display:flex;align-items:center;gap:18px;font:500 .72rem var(--mono);text-transform:uppercase}.header-links a{text-decoration:none}.header-links a:hover{text-decoration:underline;text-underline-offset:4px}.header-links button{border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:7px 10px;font:inherit;cursor:pointer}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(40px,8vw,110px);align-items:end;padding:clamp(80px,12vw,150px) 0 110px;border-bottom:1px solid var(--line);overflow:clip}.eyebrow,.mono-label{font:600 .7rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rust)}h1,h2,p{margin-top:0}h1{font:400 clamp(4.5rem,10vw,9rem)/.83 var(--serif);letter-spacing:-.05em;margin-bottom:30px}h1 em{color:var(--rust);font-weight:400}.intro{font-size:clamp(1.18rem,2vw,1.45rem);max-width:58ch;margin-bottom:12px}.subintro{color:var(--muted);max-width:54ch}.hero-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:28px}.hero-actions a,.primary-action{font:600 .8rem var(--mono);text-transform:uppercase;text-underline-offset:4px}.primary-action{display:inline-flex;padding:11px 14px;background:var(--ink);color:var(--paper);text-decoration:none}.workbench-note{position:relative;border:1.5px solid var(--ink);padding:28px;background:var(--soft);box-shadow:2px 2px 0 var(--ink)}.workbench-note .tape{position:absolute;top:-10px;left:30px;width:76px;height:19px;background:var(--learning);border:1px solid #0a0a0a;transform:rotate(-5deg)}.workbench-note p:not(.mono-label){color:var(--muted)}.scribble-note{font:500 1rem var(--mono);transform:rotate(-2deg);color:var(--ink)!important;margin-bottom:0}.hero-line{position:absolute;left:3%;right:0;bottom:35px;width:78%;height:60px;color:var(--people);opacity:.65}.filter-section{position:sticky;top:63px;z-index:15;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 95%,transparent);backdrop-filter:blur(14px)}.filter-shell{padding:24px 0}.filter-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.filter-intro h2{font:400 clamp(2.2rem,4vw,3.6rem)/.95 var(--serif);margin-bottom:0}.count{font:.72rem var(--mono);color:var(--muted)}.filters{display:grid;grid-template-columns:auto auto minmax(230px,1fr);gap:14px;align-items:center}.filter-group{display:flex;gap:7px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:8px 10px;font:500 .68rem var(--mono);text-transform:uppercase;cursor:pointer}.chip:hover,.chip.active{border-color:var(--ink)}.chip.active{background:var(--ink);color:var(--paper)}.dot{width:9px;height:9px;border-radius:50%;border:1px solid currentColor}.dot.systems{background:var(--systems)}.dot.people{background:var(--people)}.dot.learning{background:var(--learning)}.search{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;border:1px solid var(--line);padding:7px 10px;font:.68rem var(--mono);text-transform:uppercase;color:var(--muted)}.search input{border:0;outline:0;background:transparent;color:var(--ink);min-width:0}.wall-section{padding:46px 0 100px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1.5px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);display:flex;flex-direction:column;min-width:0;transition:.18s transform,.18s box-shadow}.card:hover{transform:translate(-2px,-3px);box-shadow:4px 4px 0 var(--ink)}.card-bar{height:8px}.card[data-type="SYSTEMS"] .card-bar{background:var(--systems)}.card[data-type="PEOPLE"] .card-bar{background:var(--people)}.card[data-type="LEARNING"] .card-bar{background:var(--learning)}.card-preview{aspect-ratio:16/10;border-bottom:1.5px solid var(--ink);overflow:hidden;background:#fff;position:relative}.card-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:.2s transform}.card:hover .card-preview img{transform:scale(1.015)}.fallback{position:absolute;inset:0;display:none;place-items:center;padding:20px;text-align:center;color:#0a0a0a;background:#fff;font:400 2rem var(--serif)}.card-body{padding:17px;display:flex;flex-direction:column;flex:1}.meta{font:500 .62rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card h3{font:400 2rem/.98 var(--serif);margin:8px 0 8px}.card h3 a{text-decoration:none}.one{margin-bottom:8px}.why{color:var(--muted);font-size:.9rem;margin-bottom:16px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.tag{border:1px solid var(--line);padding:4px 6px;font:500 .58rem var(--mono);text-transform:uppercase}.card-actions{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.card-actions a{font:600 .67rem var(--mono);text-transform:uppercase;text-underline-offset:4px}.sacred{display:inline-block;background:var(--ink);color:var(--paper);font:.6rem var(--mono);text-transform:uppercase;padding:4px 7px;margin-bottom:12px}.empty{border:1px dashed var(--muted);padding:30px;color:var(--muted)}.workshop-footer{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding:90px 0;border-top:1px solid var(--line)}.workshop-footer h2{font:400 clamp(3rem,6vw,6rem)/.9 var(--serif);letter-spacing:-.035em}.footer-copy{font-size:1.05rem;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 0 40px;border-top:1px solid var(--line);font:.7rem var(--mono);text-transform:uppercase;color:var(--muted)}
@media(max-width:1020px){.filters{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{width:min(100% - 24px,var(--max))}.site-header{padding:12px}.header-links a:first-child{display:none}.hero{grid-template-columns:1fr;padding:70px 0 80px}.hero-line{display:none}.filter-section{position:relative;top:0}.filters{grid-template-columns:1fr}.search{grid-column:auto}.grid{grid-template-columns:1fr}.workshop-footer{grid-template-columns:1fr;gap:24px}.filter-intro{align-items:start}.filter-intro h2{max-width:9ch}.card h3{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.card:hover{transform:none}.card:hover .card-preview img{transform:none}}